LOGO

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

โด้ย่ นาย่สมคว็ร บ�ส�ว็ะ อาจารย่�สาขาคอมพิ�ว็เต์อร�ธุ�รก�จ

E-mail : somkoanbu@npu.ac.th http://webnkp.wordpress.com

วิ�ทยาลั�ยธาตุ�พนมมหาวิ�ทยาลั�ยนครพนม

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

ค�ณเคย่อย่ากสร�างต์ ว็ต์นของค�ณ

บนโลกอ�นเต์อร�เนต์ หร#อ

ไม� ?จะด้$แค�ไหน ถ้�าเราม$เว็บไซต์�เป็(นของเรา

เอง !

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

ถ้�าหากเราไม�ม$คว็ามร)�พิ#*นฐานทาง

คอมพิ�ว็เต์อร�ในการสร�างเว็บไซต์�เลย่

แล�ว็เราจะสร�างเว็บไซต์�ส�ว็นต์ ว็ได้�

อย่�างไร ?

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

Wordpress ช่�ว็ย่ค�ณได้�

เรามาเร�/มต์�นก บการสร�างเว็บไซต์�อย่�างง�าย่

ด้�ว็ย่ Wordpress ก นเถ้อะ !ถ้�าพิร�อมแล�ว็…

เรามาเร�/มต์�นก บ Wordpress ก นเลย่ด้$กว็�า ?

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

Wordpress

ค#ออะไร ? WordPress ค#อ ซอฟต์�แว็ร� blog ท$/ได้�ร บคว็ามน�ย่มก นไป็ท /ว็โลก ซ1/ง WordPress พิ ฒนาโด้ย่ใช่�ภาษา PHP แล�ว็ให�ใช่�งานร�ว็มก บระบบฐานข�อม)ล เช่�น MySQL ซ1/งซอฟต์�แว็ร� WordPress น$* เป็(นซอฟต์�แว็ร�ท$/แจกให�ใช่�ก นได้�ฟร$ ท5าให�ม$ผู้)�น�ย่มแพิร�หลาย่ ในป็ระเทศไทย่ด้�ว็ย่เช่�นก น

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

Wordpress

ม$ค�ณสมบ ต์�อย่�างไร ?

WordPress พิ ฒนามาเพิ#/อใช่�ในการ อ พิเด้ท blog โด้ย่เฉพิาะ ด้ งน *น ต์ ว็โป็รแกรมเอง พิ ฒนามาให�ใช่�งานง�าย่ด้าย่ โด้ย่ม$คว็ามง�าย่ต์ *งแต์�การต์�ด้ต์ *ง จนกระท /งการเข$ย่น blog หร#อการเป็ล$/ย่นร)ป็แบบด้$ไซน�หร#อ ธุ$มของ blog กสามารถ้ท5าได้�สะด้ว็กง�าย่ด้าย่ หากใครเร�/มสนใจจะท5า blog ลองเร�/มด้�ว็ย่ การใช่� WordPress กคงจะด้$และน�าสนใจ ไม�น�อย่ !!!

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ มาด้)ก นด้$กว็�า ว็�าถ้�าอย่ากม$ Blog ก บ

Wordpress.com ต์�องท5าอย่�างไรบ�าง1. เข�าไป็ท$/เว็บไซต์� www.wordpress.com คล�กท$/ Sign Up Now!

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 2. กรอกข�อม)ลต์�างๆ Username Password Email Address และคล�กท$/ Next ค5าแนะน5า

ช่#/อผู้)�ใช่� : เป็�นภาษาอั�งกฤษพ�มพ�เลั�กท��งหมดหร�อัตุ�วิเลัขก�ได" 4 ตุ�วิอั�กษรข#�นไป็ (*จำ%า)รห สผู้�าน: ข#�นอัย&'ก�บก%าหนดเอัง (*จำ%า)ย่#นย่ นรห สผู้�าน: พ�มพ�รห�สผ่'านอั+กคร��งEmail Address: อั+เมลัลั�ขอังเรา จำะตุ"อังม+อัย&'จำร�งแลัะสามารถเข"าไป็ใช้"งานได"

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 3. จำากน��นใส' Blog Domain ท+1ตุ"อังการ Domain จำะเป็�น ช้�1อัท+1เราตุ��ง.wordpress.com Blog Title ช้�1อัขอัง Blog เป็ลั+1ยนได"ในภายหลั�ง จำะข#�นมา เป็�นช้�1อั Login's Blog Language เป็ลั+1ยนเป็�น th ไทยได" wordpress จำะเป็�นภาษาไทย จำากน��นคลั�กท+1 Signup ระบบจำะส'ง Email ไป็ตุามท+1เรากรอักไวิ" เพ�1อัย�นย�นการสม�ครจำะเป็�นช้�1อัเวิ�บขอังเรา ถ"าเลั�อักแลั"วิ จำะไม'สามารถเป็ลั+1ยนแป็ลังได"ช้�1อัห�วิข"อั blog ขอังเราสามารถแก"ไขได"ภายหลั�ง

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

4. หลั�งจำากน��น จำะม+ข"อัควิามข#�นวิ'า Complete Registration สม ครเสรจสมบ)รณ�แล�ว็ ให"ไป็ย�นย�นการสม�ครในเมลัลั�ขอังเรา (Activate) (ระบบจำะส'งลั�งค�เข"าไป็ในอั+เมลัลั�เรา ให"เรากดลั�งค�เพ�1อัย�นย�นกลั�บมา) จำะมาป็รากฏหน"าน+�ให" Login กรอัก Username แลัะ Password เพ�1อั Login

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ จำะเข"ามาท+1หน"า Dashboards หากตุ"อังการด& Site

ท+1สร"างข#�นคลั�กท+1 Visit Site

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ Theme เร�/มต์�นจะเป็(น Theme พิ#*นฐานของ

Wordpress

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ หากตุ"อังการเป็ลั+1ยน Theme คลั�กท+1 My

Dashboards ด"านบน จำากน��นคลั�กท+1 Appearance

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ จำะม+ Theme ให"เลั�อักมากมาย หากช้อับธ+มไหนคลั�กท+1 Preview เพ�1อัด&ตุ�วิอัย'าง หร�อัคลั�กท+1 Activate เพ�1อั

เลั�อักใช้" Theme น��นจากน *นธุ$มท$/เล#อกจะเป็(น Current Theme หร#อ ธุ$มท$/ใช่� อย่)�ในป็:จจ�บ น คล�กท$/ Visit Site หากต์�อง การด้)ธุ$มท$/เล#อกจะได้�หน�าต์า Blog เป็(นธุ$มท$/เล#อก

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การตุ��งค'าหร�อักลั�บไป็จำ�ดการข"างหลั�งบ"าน (My

Dashboards) จำะม+แถบแบบน+�อัย&'ด"านบนทางซ้"ายม�อั

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ หากคร��งตุ'อัไป็เข"ามาท+1หน"า wordpress.com

login ท+1หน"าแรก

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การเข�าส)�ระบบจ ด้การข�อม)ล

คลั�กท+1 เข"าส&'“ระบบ ”

ขอังเมน&ผ่&"ด&แลั

ป็4อันช้�1อัผ่&"ใช้"งาน แลัะรห�สผ่'าน

แลั"วิคลั�กท+1ป็�5ม เข"าส&'ระบบ“ ”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ร&ป็หน"าหลั�กขอังระบบจำ�ดการข"อัม&ลั

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การจ ด้การเร#/อง

คลั�กท+1เมน&หลั�ก -> เร�1อัง

ระบบจำะแสดงเมน&ย'อัยอัอักมาด�งร&ป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

การเพิ�/มเร#/อง คลั�กท+1เมน&ย'อัย->เข+ยนเร�1อังใหม'

ร&ป็หน"าเข+ยนเร�1อังใหม'

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ข *นต์อนการเพิ�/ม1. พ�มพ�ห�วิเร�1อัง2. พ�มพ�เน��อัหาท+1ตุ"อังการน%าเสนอั(การใช้"เคร�1อังม�อัจำะอัธ�บายในห�วิข"อัตุ'อัไป็)3. ก%าหนดสถานะการแสดงข"อัม&ลั

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ในหน"าตุ'างเผ่ยแพร'

จำะสามารถตุ��งค'าขอังบทควิามได"วิ'า จำะให"บทควิามแสดงท�นท+หลั�งบ�นท#กหร�อัตุ��งเวิลัาการแสดงหร�อัย�งไม'แสดงโดยท�นท+ได" คลั�กท+1 แก"ไข “ ”แลั"วิจำะแสดงตุ�วิเลั�อักขอังค'าตุ'างๆ อัอักมาป็รากฎด�งร&ป็ตุ'อัไป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

เลั�อักหมวิดหม&'

บทควิามท+1สร"างน��นสามารถอัย&'ได"หลัายหมวิดหม&'โดยการตุ�9กเลั�อักท+1ช้'อังส+1เหลั+1ยมเลั�อักหมวิดหม&'ท+1ตุ"อังการ

การสร"างหมวิดหม&'ใหม' คลั�กท+1 +สร�างหมว็ด้หม)�ใหม� โป็รแกรมจำะแสดงช้'อังป็4อันช้�1อัอัอักมาให"ก%าหนดช้�1อัท+1ตุ"อังการ

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

เลั�อักหมวิดหม&'

หากหมวิดหม&'ท+1สร"างตุ"อังการให"เป็�นหมวิดย'อัยขอังหมวิดท+1ม+อัย&'แลั"วิให"เลั�อักท+1หมวิดหม&'แม'ท+1ตุ"อังการแลั"วิคลั�กท+1ป็�5ม เพ�1ม “ ”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ก%าหนดให"ผ่&"เข"าช้มสามารถแสดงควิามเห�นก�บ

บทควิามได"

หากตุ"อังการให"ผ่&"เข"าช้มสามารถแสดงควิามเห�นก�บบทควิามได" ให"ตุ�9กช้'อังส+1เหลั+1ยม หากไม' ตุ"อังการให"ตุ�9กอัอัก แตุ'โดยป็กตุ�แลั"วิระบบจำะท%าการเลั�อักให"สามารถแสดงควิามเห�นได"• คล�กท$/ป็�;ม “เผู้ย่แพิร�” เพิ#/อบ นท1กข�อม)ลผู้)�ใช่�งานสามารถ้ต์ ว็อย่�างของเร#/องก�อนได้�โด้ย่การ

คล�กท$/ป็�;ม “ด้)ก�อน”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การใช่�เคร#/องม#อของต์ ว็เข$ย่นบทคว็าม

(Editor)

ร)ป็เคร#/องต์�างๆ ของ Editor

* Tipหากพิ#*นท$/การท5างานของ editor น�อย่เก�นไป็

ผู้)�ใช่�งานสามารถ้ขย่าย่พิ#*นท$/ได้�โด้ย่การคล�กท$/ม�มด้�านล�างขว็า ด้ งร)ป็ เม#/อเมาส�เป็(นร)ป็ล)กศรแล�ว็คล�กซ�าย่ค�างไว็แล�ว็ลากเมาส�ข1*นหร#อลง พิ#*นท$/จะขย่าย่ต์าม

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ร)�จ กเคร#/องม#อของ Editor

ก'อันท%าหร�อัใช้"เคร�1อังม�อัไม'ควิรลั�มท%าแถบส+คลั�มก'อัน แตุ'บางค%าส�1ง อัาจำไม'จำ%าเป็�นตุ"อังท%า

แถบส+คลั�ม

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ร)�จ กเคร#/องม#อของ Editor

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การสร�างล�งค�เช่#/อมโย่ง

พ�มพ�ข"อัควิามท+1ตุ"อังการสร"างลั�งค�หร�อัใช้"ร&ป็ภาพ แลั"วิท%าแถบคลั�ม เช้'น ตุ"อังการลั�งค�ค%าวิ'า www.ddd.or.th ให"ลั�งค�ไป็ย�งเวิ�ป็ไซ้ตุ�ขอังม&ลัน�ธ�เมา ไม'ข�บแลั"วิเคร�1อังคลั�กท+1ร&ป็ โป็รแกรมจำะแสดงหน"าตุ'างตุ�1งค'าข#�นมา

ลั�งค� URL ตุ"อังใส'ช้�1อัท+1อัย&'ขอังเวิ�ป็ไซ้ตุ�ท+1ตุ"อังการเช้�1อัมโยงเตุ�มเช้'นตุ�วิอัย'างด�งร&ป็ ส'วินเป็4าหมายม+ให"เลั�อัก 2 แบบค�อั เป็:ดลั�งค�ในหน"าจำอัเด+ยวิก�น แลัะเป็:ดลั�งค�ในหน"าจำอัใหม' แลั"วิคลั�กป็�5ม อั�ป็เดตุ“ ”การย่กเล�กการล�งค� น5าเมาส�ไป็คลั�กท+1ร&ป็ หร�อัข"อัควิามท+1ท%าลั�งค� แลั"วิคลั�กท+1ป็�5ม ลั�งค�จำะถ&ก ยกเลั�กไป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การใส�ร)ป็ภาพิใน Editor

คลั�กท+1เคร�1อังม�อั ท+1อัย&'ด"านบนขอัง Editor แลั"วิจำะป็รากฎหน"าตุ'างอั�พโหลัดไฟลั�ข#�นมา

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ร&ป็ท+1ตุ"อังการตุ"อังท%าการอั�บโหลัดจำากเคร�1อังขอังผ่&"ใช้"งานข#�นไป็ไวิ"บนอั�นเตุอัร�เน�ตุก'อันโดยคลั�กท+1ป็�5ม เลั�อักไฟลั�“ ”

เลั�อักท+1อัย&'ขอังไฟลั�ท+1ตุ"อังการแลั"วิคลั�กป็�5ม ”Open”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ เม�1อัอั�พโหลัดเร+ยบร"อัยแลั"วิหากตุ"อังการ

อั�พโหลัดร&ป็ตุ'อัให"คลั�กป็�5ม เลั�อักไฟลั� เช้'นเด�ม แตุ'“ ”หากตุ"อังการน%าร&ป็ท+1ได"อั�พโหลัดแลั"วิใส' Editor โดยท�นท+ให"คลั�กท+1ป็�5ม ใส'เข"าเร�1อัง“การจ ด้ต์5าแหน�งร)ป็ภาพิ

ร&ป็ภาพม+ค'าท+1สามารถจำ�ดตุ%าแหน'งร&ป็ได"ค�อัจำ�ดแถวิ ขนาดร&ป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การลบร)ป็

คลั�กท+1 ลับ แลั"วิคลั�กท+1 ตุ'อัไป็ ตุามร&ป็ด"านลั'าง

การเล#อกร)ป็จากคล งส#/อเม�1อัผ่&"ใช้"งานได"อั�บโหลัดร&ป็หร�อัไฟลั�ตุ'างข#�นไป็

แลั"วิ สามารถเร+ยกไฟลั�กลั�บมาใช้"ได"อั+กโดยด&ได"จำากคลั�งภาพหร�อัคลั�งส�1อัโดยจำะแสดงเป็�นรายการไวิ"

การเลั�อักไฟลั�โดยคลั�กท+1 แสดง เพ�1อัแสดงรายลัะเอั+ยดขอังไฟลั�แลั"วิคลั�กท+1ป็�5ม ใส'เข"าเร�1อัง เช้'นเด�ม“ ”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การแก�ไขเร#/อง

เม�1อัน%าเมาส�ไป็ช้+�ท+1รายการเร�1อังจำะม+เมน&อัอักมากให"เลั�อัก แก"ไข “| แก"ไขอัย'างเร�วิ | ลับ | ม�มมอัง ”

แก�ไข เป็�นการแก"ไขเน��อัหาภายในได"ท��งหมดแก�ไขอย่�างเรว็ เป็�นการแก"ไขเฉพาะค'าป็ร�บแตุ'งขอัง

เร�1อังน��นๆลบ ลับเร�1อังอัอักจำากระบบม�มมอง ใช้"ด&หน"าเน��อัหาขอังเร�1อังท+1ตุ"อังการ ผ่ลัลั�พธ�

เหม�อันก�บท+1แสดงหน"าเวิ�ป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ จ ด้การส#/อ

ส�1อัเป็�นข"อัม&ลัท+1ผ่&"ใช้"งานได"อั�บโหลัดไวิ" ไม'วิ'าจำะเป็�นร&ป็ภาพ ไฟลั�เส+ยง หร�อัวิ+ด+โอั การอ บโหลด้น *นอาจน5าพิาไว็ร สคอมพิ�ว็เต์อร�เข�าไป็ด้�ว็ย่ ด้ งน *นก�อนการอ บโหลด้ท�กคร *งคว็รท5าการแสกนไฟล�เส$ย่ก�อนว็�าม$ต์�ด้ไว็ร สหร#อไม� การจำ�ดการไฟลั�น��นได"แสดงวิ�ธ+การใช้"งานในห�วิข"อัการอั�บโหลัดร&ป็หร�อัไฟลั�เส+ยงแลั"วิม+วิ�ธ+การเช้'นเด+ยวิก�น เมน&ส�1อั จำ#งเป็�นเมน&ท+1ใช้"จำ�ดการไฟลั�ได"เช้'นก�น

ไฟลั�ท+1การอั�บโหลัดน��นจำ%าเป็�นตุ"อังตุ��งช้�1อัไฟลั�เป็�นภาษาอั�งกฤษแลัะไม'ใช้'ตุ�วิอั�กษรพ�เศษไม'ควิรใช้"ภาษาไทย เพราะวิ'า SERVER จำะไม'สามารถอั'านไฟลั�ได"

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

การอั�บโหลัดไฟลั�มาก หร�อัม+ขนาดใหญ่'เก�นไป็อัาจำท%าให"การโหลัดขอังหน"าเวิ�ป็ม+ควิามเร�วิช้"า แลัะย�งท%าให" SERVER ท+1ให"บร�การ ท%างานหน�กมาก ด�งน��นไฟลั�ร&ป็ภาพควิรป็ร�บแตุ'งหร�อัลัดขนาดให"ม+ขนาดพอัเหมาะตุ'อัการแสดงผ่ลั แลัะลับไฟลั�ท+1ไม'ได"ใช้"แลั"วิอัอัก

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ จ ด้การล�งค�เช่#/อมโย่ง

ลั�งค�เช้�1อัมโยงใช้"เป็�นท+1เช้�1อัมโยงไม'ย�งเวิ�ป็ไซ้ตุ�ตุ'างๆ ได"โดยสามารถจำ�ดการได"ด�งน+�

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การเพิ�/มล�งค�เช่#/อมโย่ง คลั�กท+1เมน& เพ�1ม“

ลั�งค�ใหม' ” ป็4อันช้�1อัเวิ�ป็ท+1จำะป็รากฎในหน"าเวิ�ป็ แลัะท+1อัย&'ขอังเวิ�ป็ท+1ตุ"อังการเช้�1อัมโยง การใส'ท+1อัย&'ตุ"อังใส'แบบเตุ�มตุามตุ�วิอัย'างแลัะก%าหนด เป็4าหมาย แลั"วิคลั�กป็�5ม “เพ�1มลั�งค�”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การจ ด้การหน�า

หน"า ค�อัหน"าเวิ�ป็อัย'างหน#1งคลั"ายก�บเร�1อังท+1ได"สร"างแลั"วิ แตุ'แตุกตุ'างก�นตุรงท+1 หน"า จำะสร"างคร��งเด+ยวิแลั"วิไม'จำ%าเป็�นตุ"อังแก"ไขเน��อัหาบ'อัยๆ อัย'างเช้'น หน"าแนะน%าตุ�วิเอัง หร�อัหน"าตุ�ดตุ'อัเป็�นตุน

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การสร"างหน"าน��นม+วิ+ธ+การคลั"ายๆ ก�บการสร"าง

เร�1อังแตุ'จำะม+การตุ��งค'าตุ'างๆ ไม'มากน�ก ส'วินจำ�ดท+1ส%าค�ญ่ขอังการสร"างหน"าค�อั “Permalink” วิ�ธ+ตุ��งค'าด�งตุ'อัไป็น+�

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ หลั�งจำากท+1ป็4อันห�วิข"อัแลัะเน��อัหาท+1ตุ"อังการแลั"วิ

ตุ"อังท%าการแก"ไข “Permalink” โดยการคลั�กท+1ป็�5ม แก"ไข “ ”

ในช้'อังกรอักข"อัม&ลัจำะเป็�นช้�1อัเด+ยวิก�บห�วิข"อัท+1ได"สร"างไวิ" หากเป็�นภาษาไทยจำะไม'สามารถคลั�กด&ได"จำากหน"าเวิ�ป็ท+1เผ่ยแพร'อัอักไป็ ด�งน��นจำ%าเป็�นตุ"อังเป็ลั+1ยนเป็�นภาษาอั�งกฤษแลัะไม'ใช้"ตุ�วิอั�กษรพ�เศษอั�1นๆ จำากตุ�วิอัย'างได"เป็ลั+1ยนเป็�น “aboutus“ แลั"วิกดป็�5ม บ�น“ท#ก เม�1อัตุ��งค'าตุ'างๆ เร+ยบร"อัยแลั"วิคลั�กท+1ป็�5ม เผ่ย” “แพร'”

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การจ ด้การคว็ามเหน

ควิามเห�นท+1แสดงอัย&'เก�ดจำากการท+1ผ่&"เข"าเย+1ยมช้มได"มาแสดงควิามเห�นเอัาไวิ" ด��งน��นเจำ"าขอังบลั�อักสามารถจำ�ดการก�บควิามค�ดเห�น โดยจำะม+เมน&จำ�ดการก�บควิามเห�นแตุ'ลัะควิามเห�นได" ซ้#1งจำะม+การแจำ"งควิามเห�นผ่'านทางอั+เมลัด"วิย

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การจ ด้การหน�าต์าเว็บ (Theme) คลั�กท+1เมน&ร&ป็

แบบบลั�อัก แตุ'ลัะร&ป็แบบจำะม+เมน& ใช้"งาน“ ,ด&ก'อัน,ลับ ให"ผ่&"ใช้"”งานสามารถเลั�อักใช้"งาน การเลั�อักร&ป็แบบแตุ'ลัะอั�นน��นจำะม+การจำ�ดเร+ยงเมน&ท+1แตุกตุ'างก�น ด�งน��นผ่&"ใช้"งานตุ"อังอัอักแบบให"เหมาะสมตุ'อัข"อัม&ลัท+1ตุ"อังการน%าเสนอั

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การเป็<ด้/ป็<ด้เมน)ต์�างๆ ของหน�าเว็บ

คลั�กท+1เมน&ย'อัย->Widgetsผ่&"ใช้"งานสามารถย"ายเมน&ตุ'างๆ ท+1แสดงอัย&'ใน

หน"าเวิ�ป็ได"ตุามใจำช้อับโดยการคลั�กลัากย"ายเมน&ท+1ตุ"อังการได"ท�นท+

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ด"านซ้"ายค�อัเมน&ท+1ม+ให"ใช้"งาน ส'วินด"านขวิาค�อั

ส'วินท+1แสดงในหน"าเวิ�ป็ ซ้#1งแตุ'ลัะร&ป็แบบจำะม+ได"มากวิ'าแตุกตุ'างก�นอัอักไป็ วิ�ธ+การใช้"งานค�อัผ่&"ใช้"งานคลั�กซ้"ายค"างไวิ"ท+1ตุ�วิเลั�อักด"านซ้"าย แลั"วิลัากไป็ป็ลั'อัยท+1แถบด"านขวิา ในตุ%าแหน'งท+1ม+เส"นป็ระเก�ดข#�นมา แลั"วิด&ผ่ลัลั�พธ�ได"จำากหน"าแรกขอังเวิ�ป็ ในส'วินขอังเมน&ตุ'างๆ

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ การเป็ล$/ย่นช่#/อของบลอก

คลั�กท+1เมน&->ตุ��งค'า->ท�1วิไป็ 

การป็ร�บแตุ'งหร�อัการตุ�1งค'าน��นบางส'วินตุ"อังใช้"ควิามร& "ควิามเข"าใจำเก+1ยวิก�บ Wordpress พอัสมควิรม�เช้'นน��นแลั"วิอัาจำท%าให"บลั�อักเก�ดการแสดงผ่ลัหร�อัท%างานผ่�ดพลัาดได"

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

เราสามารถ้ใช่� Wordpress

ในการจ ด้การเร$ย่นการสอน

ได้�อย่�างไร?

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ ในการด%าเน�นงานการใช้" Wordpress ในการ

จำ�ดการเร+ยนร& "น� �น สามารถท%าได"โดย เช้'น การสร"างบลั�อักบน wordpress แลั"วิให"น�กเร+ยนเข"ามาแนะน%าตุนเอัง ตุอับค%าถาม แสดงควิามค�ดเห�นผ่'านการ Comment ตุลัอัดจำนม+เอักสารป็ระกอับการเร+ยน Powerpoint ป็ระกอับการสอัน คลั�ป็วิ+ด�โอั บทควิาม แลัะลั�งค�แหลั'งเร+ยนร& "ท+1น'าสนใจำ ให"น�กเร+ยนได"เข"ามาศ#กษาตุามอั�ธยาศ�ย นอักจำากจำากน+�ย�งได"ใช้" Facebook แลัะ Twitter ในการตุ�ดตุ'อัส�1อัสาร แจำ"งข"อัม&ลัข'าวิสารแลัะให"ค%าป็ร#กษาน�กเร+ยน อั+กด"วิย

โดยขอัเสนอัแนะแนวิทางการใช้" Wordpress ในการจำ�ดการเร+ยนการสอัน ด�งน+� 1. จ ด้ท5าเค�าโครงการสอน (Crouse Syllabus) โด้ย่บ)รณาการการใช่� Social Media ในการจ ด้การเร$ย่นร)�

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 2. ออกแบบหน�ว็ย่การเร$ย่นร)�และจ ด้ท5า

แผู้นการจ ด้การเร$ย่นร)�ท$/บ)รณาการการใช่� Social Media ในการจ ด้การเร$ย่นร)�ซ้#1งแตุ'ลัะแผ่นการจำ�ดการเร+ยนร& "ท+1ม+การบ&รณาการ Social Media น��น จำะเน"นการท+1คร&ก%าหนดป็ระเด�นท+1น'าสนใจำ ซ้#1งอัาจำเป็�นภาพข'าวิ ข"อัควิาม หร�อัคลั�ป็วิ�ด+โอั โดยใช้"การตุ��งค%าถามกระตุ�"นควิามค�ด ท+1ม+การน%าเสนอัในบลั�อักขอังคร& แลัะให"น�กเร+ยนส�บค"นข"อัม&ลัในป็ระเด�นท+1เก+1ยวิข"อังแลั"วิมาตุอับค%าถามในเช้�งการแสดงควิามค�ดเห�น เพ�1อัแลักเป็ลั+1ยนเร+ยนร& "แนวิค�ดซ้#1งก�นแลัะก�น ท+1ม+คร&เป็�นผ่&"คอัยส'งเสร�ม สน�บสน�นแลัะตุรวิจำสอับควิามร& "ขอังน�กเร+ยนให"ม+ควิามถ&กตุ"อังตุามหลั�กวิ�ช้าการ ท��งน+�ในการเข"าสอันคร��งแรกได"ให"น�กเร+ยนท%าแบบส%ารวิจำผ่&"เร+ยน ด"านการใช้"เทคโนโลัย+ เพ�1อัสร"างเคร�อัข'ายการเร+ยนร& " Social Media เพ�1อัน%าผ่ลัจำากการแบบส%ารวิจำผ่&"เร+ยน ด"านการใช้"เทคโนโลัย+ เพ�1อัสร"างเคร�อัข'ายการเร+ยนร& " Social Media ขอังผ่&"เร+ยนมาวิ�เคราะห�แลัะป็ระเม�นผ่ลั เพ�1อัป็ร�บป็ร�งการอัอักแบบ การจำ�ดการเร+ยนร& "แลัะการมอับหมายภาระงานให"เหมาะสมก�บศ�กยภาพผ่&"เร+ยนตุ'อัไป็

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 3. จ ด้การเร$ย่นการสอนต์ามแผู้นการจ ด้การ

เร$ย่นร)�ท$/ว็างแผู้นและออกแบบไว็� โด้ย่บ)รณาการใช่� Social Media ในการจ ด้การเร$ย่นร)� 3 ล กษณะ ค#อ

1) ใช่�เป็(นส#/อการเร$ย่นการสอน เช้'น - การน%าคลั�ป็วิ�ด+โอัจำาก Youtube มาสร"างควิามสนใจำ

ในการน%าเข"าส&'บทเร+ยนแลัะป็ระกอับการอัธ�บาย ซ้#1งอัาจำใช้"ผ่'านเวิ�บไซ้ตุ�โดยตุรงแบบ อัอันไลัน� หร�อั ดาวิน�โหลัดเป็�นไฟลั�ไวิ" นอักจำากน+�ย�งสามารถน%ามารวิบรวิมไวิ"ใน Wordpress ส%าหร�บให"น�กเร+ยนเข"ามาศ#กษาเพ�1มเตุ�มด"วิยตุนเอัง หร�อัมอับหมายงานให"น�กเร+ยนอัภ�ป็รายควิามร& "จำากคลั�ป็วิ�ด+โอั เป็�นตุ"น นอักจำากน+�ย�งได"อั�พโหลัดไฟลั�วิ�ด+โอัข#�นไวิ"ใน Youtube แลั"วิน%ามาแสดงไวิ"ใน Wordpress อั+กด"วิย

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ - การน%าภาพตุ'างๆ เช้'น ภาพภ&เขาไฟ ภาพโลัก ภาพ

ห�น มาจำาก Flickr แลัะ Google- การอั�พโหลัดเอักสารป็ระกอับการสอัน

Presentation ใบงาน ข#�นไวิ"ใน Slideshare แลัะ Scribd ตุลัอัดจำนการน%าเอักสารตุ'างๆท+1เก+1ยวิข"อัง ใน Slideshare แลัะ Scribd มาใช้"ป็ระกอับการสอัน

- การน%าเสนอัข"อัม&ลั เน��อัหา แหลั'งเร+ยนร& "อัอันไลัน� รายลัะเอั+ยดท+1น'าสนใจำ ผ่'านทาง Wordpress ให"น�กเร+ยนเข"ามาศ#กษาเร+ยนร& "ด"วิยตุนเอังตุามอั�ธยาศ�ย แลัะม+ป็ฏ�ส�มพ�นธ�ในการแสดงควิามค�ดเห�น แลัะแลักเป็ลั+1ยนเร+ยนร& "ซ้#1งก�นแลัะก�น

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 2) ใช่�ต์�ด้ต์�อส#/อสารระหว็�างผู้)�สอนก บผู้)�เร$ย่น ผู้)�

เร$ย่นก บผู้)�เร$ย่น ต์ลอด้จนผู้)�ท$/สนใจ เช้'น การใช้" Facebook Twitter Wordpress ในการแจำ"งข'าวิสาร แจำ"งภาระงาน ตุลัอัดจำนการเช้�ญ่ช้วินแลัะป็ระช้าส�มพ�นธ�เข"าไป็ศ#กษาเย+1ยมช้มในบลั�อักขอังคร& 3) ใช่�ในการมอบหมาย่งาน แสด้งคว็ามค�ด้เหน แบ�งป็:นและแลกเป็ล$/ย่นเร$ย่นร)� ระหวิ'างผ่&"สอันก�บผ่&"เร+ยน ผ่&"เร+ยนก�บผ่&"เร+ยน ตุลัอัดจำนผ่&"ท+1สนใจำ ผ่'านการ Comment ในบทควิาม

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่

ท *งน$*ในการมอบหมาย่งาน คร)จะด้5าเน�นการสร�างบทคว็ามท$/ม$การน5าเน#*อหาข�าว็ ร)ป็ภาพิ หร#อคล�ป็ว็�ด้$โอ มาน5าเสนอ พิร�อมก บการต์ *งค5าถ้ามท$/เน�นการกระต์��นให�น กเร$ย่นน5าคว็ามร)�จากท$/เร$ย่นมาในห�องเร$ย่น มาค�ด้เพิ#/อต์อบค5าถ้าม ในเช่�งว็�เคราะห�และแสด้งคว็ามค�ด้เหน เพิราะฉะน *นน กเร$ย่นจะม$ค5าต์อบท$/ไม�ซ5*าก นและไม�สามารถ้ลอกก นได้� ซ1/งบางคร *งอาจก5าหนด้ให�ม$การท5าโพิลล� เพิ#/อส5ารว็จคว็ามค�ด้เหนของน กเร$ย่นด้�ว็ย่ พิร�อมก นน$*ได้�จ ด้หาแหล�งเร$ย่นร)� แหล�งข�อม)ล และแสว็งหาส#/อการเร$ย่นการสอนเพิ#/อใช่�ในการส�งเสร�มการจ ด้การเร$ย่นการสอนอย่)�เสมอ นอกจากการเร$ย่นการสอนแล�ว็ ย่ งได้�ใช่� Wordpress ในการเผู้ย่แพิร�และป็ระช่าส มพิ นธุ�ผู้ลงาน ก�จกรรม ต์ลอด้จนสาระน�าร)�ท$/จะเป็(นป็ระโย่ช่น�ต์�อน กเร$ย่น คร)และผู้)�ท$/สนใจได้�อ$กด้�ว็ย่

การสร�างเว็บไซต์�อย่�างง�าย่ด้�ว็ย่ 4. ข *นป็ระเม�นผู้ลหลั�งจำากท+1ได"จำ�ดก�จำกรรมการเร+ยนการสอันแลั"วิ

จำะตุ"อังม+การวิ�ดแลัะป็ระเม�นผ่ลั ตุรวิจำงานแลัะป็ระเม�นผ่ลัจำากการตุอับค%าถาม แสดงควิามค�ดเห�นขอังน�กเร+ยนตุ'อัสถานการณ�ท+1คร&ก%าหนดเป็�นบทควิามผ่'านทาง Wordpress ซ้#1งในการป็ระเม�นอัาจำก%าหนดให"ม+การป็ระเม�นตุ'างๆตุามควิามเหมาะสม

LOGO

หว็ งเป็(นอย่�างย่�/งว็�าท�กท�านจะได้�น5าไป็ใช่�ป็ระโย่ช่น�ต์�อไป็

สว็ สด้$