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

เอกสารประกอบการอบรมเชงปฏบตการ “การสรางเวบไซตอยางงายดวย Wordpress”

โดย นายกอบวทย พรยะวฒน คร ค.ศ. 1 โรงเรยนนนทรวทยา E-mail : magnegis@hotmail.com Website : http://teacherkobwit2010.wordpress.com

เอกสารประกอบการอบรมเชงปฏบตการ

เรอง

การสรางเวบไซตอยางงาย ดวย

ในการประชม “รวมพลครวจย : ถอดบทเรยนแลกความร”

วนท 20-21 ตลาคม 2553

ณ โรงแรมรชดาซต เขตหวยขวาง กรงเทพฯ

โดย

นายกอบวทย พรยะวฒน

คร ค.ศ. 1 โรงเรยนนนทรวทยา กรงเทพมหานคร

http://teacherkobwit2010.wordpress.com

เอกสารฉบบน ประกอบดวยหวขอตางๆ ดงน

การสราง Website ดวย Wordpress

เรมตนกบ Wordpress

การเขาสระบบจดการขอมล

การจดการเรอง

การใชเครองมอของตวเขยนบทความ (Editor)

การใชเครองมอใสสอตางๆ

การสรางลงคเชอมโยง

การใสรปภาพใน Editor

การเลอกรปจากคลงสอ

การใสไฟล MP3

การใสวดจาก Youtube

การแกไขเรอง

จดการสอ

จดการลงคเชอมโยง

การจดการหนา

การจดการความเหน

การจดการหนาตาเวป (Theme)

การเพมรปแบบบลอก

การเปด/ปดเมนตางๆ ของหนาเวป

การปรบแตงเมน

การเปลยนชอของบลอก

แนวทางการใช Wordpress ในการจดการเรยนการสอน

บทน า ปจจบนความเจรญกาวหนาทางวทยาศาสตร เทคโนโลย และการสอสาร มการพฒนาเปลยนแปลง

ควบคกนไป ท าใหเกดการตดตอสอสารถงกนและกนไดอยางรวดเรว เสมอนหนงวาโลกนไรพรมแดน สงผลใหไดรบขอมลขาวสารไดหลายรปแบบ ซงขอมลขาวสารเหลานมการเปลยนแปลงตลอดเวลา โดยเฉพาะอยางยงการพฒนาของเทคโนโลยคอมพวเตอรและเทคโนโลยการสอสาร (ICT Information and Communication and Technology) ทน ามาประยกตใชในการจดการศกษาเพอใหการศกษามคณภาพและประสทธภาพ จากการใชฐานขอมลทหลากหลายและกวางขวาง ซงมโปรแกรมคอมพวเตอรมากมายทชวยพฒนากระบวนการสอสารขอมลใหม ประสทธภาพ เชน โปรแกรม Internet Explorer โปรแกรม Microsoft Word โปรแกรม Microsoft Powerpoint โปรแกรม Macromedia Dreamweaver และโปรแกรมอน ๆ อกมากมายทผเรยนสามารถเลอกและน าไปใชไดอยางเหมาะสม โดยในปจจบนเทคโนโลยสารสนเทศ ไดพฒนาไปอยางรวดเรว ทกคนสามารถเขาถงระบบอนเทอรเนตไดงาย ซงมผใชงานทมจ านวนเพมมากขนทกวน ทกคนมอสระทจะเขาไปแบงปนความร และเลอกเครองมอทดทสดเพอน าไปเผยแพรความรทตวเองตองการสอสาร และเสนอความคดใหมๆ ไดโดยไมถกปดกน นบเปนยค 2.0 ทนกการศกษาตองตระหนก กบการเปลยนถายของ Content จาก Static Content เขาสยคของ Dynamic Content

ปจจบน Social Media ไดกลายเปนเครองมอทส าคญในการสรางสอ ใหเกดเปนเครอขายเชอม

โยงกน ในโลกออนไลน ทเปดโอกาสใหทกคนสามารถใชเปนชองทางในการเขาถงกลมเปาหมายไดอยาง

งายและสะดวกรวดเรว ซงจะท าใหเกดประโยชนอยางมาก โดยไมเสยคาใชจายในการซอลขสทธแตอยางใด

ดงนน การน าเทคโนโลย Social Media มาใชเปนเครองมอใน กา รจดการเรยนการสอนเปนการผลกดน

บคลากรครใหกาวทนโลกยคปจจบนและสามารถเขาถงเยาวชนยคใหมไดอยางทนทวงท ซงจะท าใหเกด

ระบบ Community แหงการเรยนรบนเครอขายอนเทอรเนต ทมการปฏสมพนธกนระหวางผสอนกบผสอน

ผสอนกบผเรยน และผเร ยนกบผเรยน ทมการแบงปนความร แลกเปลยนเรยนรซงกนและกน รวมทง

สงเสรมใหมการศกษาตามอธยาศย ซงสอดคลองกบบทบญญตในพระราชบญญต การศกษาแหงชาต

พ.ศ. 2542 แกไขเพมเตม พ.ศ. 2545 ทจดใหมการเรยนการสอนทเนนผเรยนเปนส าคญ สามารถท าใหผเรยน

เรยนรไดดวยตนเองอยางสงสด จากบทบาทของครทเปนผถายทอดความรแตเพยงผเดยวมาเปนผชน าแหง

ความรใหมรปแบบการเรยนการสอนหลากหลายเหมาะสมตามศกยภาพบคคล ทกวนนการสอสารทาง

ขอมลการเรยนรตาง ๆ ขยายวงกวางขวางมากขน มผลท าใหความรทางวทยาศาสตรเพมพนอยางไมหยดย ง

ผเรยนสามารถเรยนรและคนพบขอมลความรตาง ๆ ดวยตนเองจากสอและแหลงการเรยนรตาง ๆ มากมาย

โดยสามารถสรปและสรางองคความรดวยตนเองได ซงถอเปนแนวทางการเรยนรทผเรยนสามารถน าไปใชไดตลอดชพ

ดงนนในบทบาทของคร จงสามารถ ใช Social Media ในการจดการเรยนร โดยน าเครองมอ

ออนไลนตางๆ เชน Wordpress มาประยกตใชในการจดการเรยนการสอนไดเปนอยางด ทงน เพอ เปนการ

เสรมสรางความสามารถในการส ารวจคนหาและสรปความของผเรยนแตละคน ใหมโอกาสไดคนพบอยาง

เตมศกยภาพ ตามนโยบายการปฏรปการศกษาในปจจบน โดยมงเนนใหผเรยนไดเรยนรดวยตนเอง รจก

การใชประโยชนจากแหลงการเรยนรตาง ๆ อยางมอสระทางความคด มการแลก เปลยนเรยนร ซงกนและ

กน ใชทกษะดานเทคโนโลยสารสนเทศและการสอสาร โดยใชเครองมอออนไลน ตางๆ มาประยกตใชใน

การสบคนขอมลแลวตอบค าถาม แสดงความคดเหนและอภปรายความรรวมกน เพอใหนกเรยนรจกการ

สบคนขอมลจากแหลงการเรยนรตางๆ เปนคนเกงรอบดาน ซงเปนเครองมอส าคญทจะน าไปสการเปนคนม

ใจใฝรอยเสมอ สามารถสบเสาะหาขอมล วเคราะหขอมลและสงเคราะห เพอน าความรไปใชใหเกด

ประโยชนในชวตประจ าวนและน าไปใชในการพฒนาคณภาพชวตไดตอไป

เอกสารฉบบนจดท าขน เพอใชประกอบในการอบรมเชงปฏบตการ “การสรางเวบไซตอยางงาย

ดวย Wordpress” ซงประกอบดวยวธการ เทคนคตางๆในการใชงาน Wordpress และแนวทางการน าไปใช

ในการจดการเรยนการสอน โดยหวงเปนอยางยงวาจะเปนประโยชนตอครผสอน ตลอดจนผทสนใจตอไป

หากมขอบกพรองหรอผดพลาดประการใด ตองกราบขออภยไว ณ ทน

กอบวทย พรยะวฒน

ผจดท า

การสราง Website ดวย Wordpress

คณเคยอยากสรางตวตนของคณ

บนโลกอนเตอรเนต หรอไม ?

จะดแคไหน ถาเรามเวบไซตเปนของเราเอง !

ถาหากเราไมมความรพนฐานทาง

คอมพวเตอรในการสรางเวบไซตเลย

แลวเราจะสรางเวบไซตสวนตวไดอยางไร ?

Wordpress ชวยคณได

เรามาเรมตนกบการสรางเวบไซตอยางงาย

ดวย Wordpress กนเถอะ !

Wordpress คออะไร ? WordPress คอ ซอฟตแวร blog ทไดรบความนยมกนไปทวโลก

ซง WordPress พฒนาโดยใชภาษา PHP แลวใหใชงานรวมกบระบบฐานขอมล เชน MySQL ซงซอฟตแวร WordPress น เปนซอฟตแวรทแจกใหใชกนไดฟร ท าใหมผนยมแพรหลาย ในประเทศไทยดวยเชนกน

WordPress พฒนามาเพอใชในการ อพเดท blog โดยเฉพาะ ดงนน ตวโปรแกรมเอง พฒนามาใหใชงานงายดาย โดยมความงายตงแตการตดตง จนกระทงการเขยน blog หรอการเปลยนรปแบบดไซน หรอธมของ blog กสามารถท าไดสะดวกงายดาย หากใครเรมสนใจจะท า blog ลองเรมดวยการใช WordPress กคงจะดและนาสนใจไมนอย !!!

ถาพรอมแลว… เรามาเรมตนกบ

Wordpress กนเลยดกวา ?

เรมตนกบ Wordpress มาดกนดกวา วาถาอยากม Blog กบ Wordpress.com ตองท าอยางไรบาง

1. เขาไปทเวบไซต wordpress.com คลกท Sign Up Now!

2. กรอกขอมลตางๆ Username Password Email Address และคลกท Next

ค าแนะน า

ชอผใช : เปน

ภาษาองกฤษพมพเลก

ทงหมดหรอตวเลขกได

4 ตวอกษรขนไป (*จ า)

รหสผาน: ขนอยกบ

ก าหนดเอง (*จ า)

ยนยนรหสผาน: พมพรหสผานอกครง Email Address:

อเมลลของเรา จะตองม

อยจรงและสามารถเขา

ไปใชงานได

3. จากนนใส Blog Domain ทตองการ Domain จะเปน ชอทเราตง.wordpress.com Blog Title ชอของ Blog

เปลยนไดในภายหลง จะขนมาเปนชอ Login's Blog Language เปลยนเปน th ไทยได wordpress จะเปน

ภาษาไทย จากนนคลกท Signup ระบบจะสง Email ไปตามทเรากรอกไวเพอยนยนการสมคร

4. หลงจากนน จะมขอความขนวา Complete Registration สมครเสรจสมบรณแลว ใหไปยนยนการสมคร

ในเมลลของเรา (Activate) (ระบบจะสงลงคเขาไปในอเมลลเรา ใหเรากดลงคเพอยนยนกลบมา) จะมา

ปรากฏหนานให Login กรอก Username และ Password เพอ Login

จะเปนชอเวบของเรา ถาเลอกแลว จะไมสามารถเปลยนแปลงได

ชอหวขอ blog ของเราสามารถแกไขไดภายหลง

จะเขามาทหนา Dashboards หากตองการด Site ทสรางขนคลกท Visit Site

Theme เรมตนจะเปน Theme พนฐานของ Wordpress

หากตองการเปลยน Theme คลกท My Dashboards ดานบน จากนนคลกท Appearance

จะม Theme ใหเลอกมากมาย หากชอบธมไหนคลกท Preview เพอดตวอยาง หรอคลกท Activate

เพอเลอกใช Theme นน

จากนนธมทเลอกจะเปน Current Theme หรอธมทใช

อยในปจจบน คลกท Visit Site หากตองการดธมทเลอก

จะไดหนาตา Blog เปนธมทเลอก

การตงคาหรอกลบไปจดการขางหลงบาน(My Dashboards) จะมแถบแบบนอยดานบนทางซายมอ

ในหนา Dashboard สามารถดสถตของ Blog ไดดวย

หากครงตอไปเขามาทหนา wordpress.com login ทหนาแรก

การเขาสระบบจดการขอมล คลกท “เขาสระบบ” ของเมนผดแล

ปอนชอผใชงาน และรหสผานแลวคลกทปม “เขาสระบบ”

รปหนาหลกของระบบจดการขอมล

การจดการเรอง

คลกทเมนหลก -> เรอง

ระบบจะแสดงเมนยอยออกมาดงรป

การเพมเรอง

คลกทเมนยอย->เขยนเรองใหม

รปหนาเขยนเรองใหม

ขนตอนการเพม

พมพหวเรอง พมพเนอหาทตองการน าเสนอ (การใชเครองมอจะอธบายใหนหวขอตอไป) ก าหนดสถานะการแสดงขอมล

ในหนาตางเผยแพรจะสามารถตงคาของบทความไดวา จะใหบทความแสดงทนทหลงบนทกหรอตง

เวลาการแสดงหรอยงไมแสดงโดยทนทได คลกท “แกไข” แลวจะแสดงตวเลอกของคาตางๆ ออกมาปรากฎ

ดงรปตอไป

รปแสดงคาตางๆ ทสามารถปรบได

เลอกหมวดหม

บทความทสรางนนสามารถอยไดหลายหมวดหมโดยการตกเลอกทชองสเหลยมเลอกหมวดหมท

ตองการ

การสรางหมวดหมใหม คลกท +สรางหมวดหมใหม โปรแกรมจะแสดงชองปอนชอออกมาให

ก าหนดชอทตองการ

หากหมวดหมทสรางตองการใหเปนหมวดยอยของหมวดทมอยแลวใหเลอกทหมวดหมแมท

ตองการแลวคลกทปม “เพม”

ก าหนดใหผเขาชมสามารถแสดงความเหนกบบทความได

หากตองการใหผเขาชมสามารถแสดงความเหนกบบทความได ใหตกชองสเหลยม หากไม ตองการ

ใหตกออก แตโดยปกตแลวระบบจะท าการเลอกใหสามารถแสดงความเหนได

คลกทปม “เผยแพร” เพอบนทกขอมล ผใชงานสามารถตวอยางของเรองกอนไดโดยการคลกทปม “ดกอน”

การใชเครองมอของตวเขยนบทความ (Editor)

รปเครองตางๆ ของ Editor

หากพนทการท างานของ editor นอยเกนไปผใชงานสามารถขยายพนทไดโดยการคลกทมม

ดานลางขวา ดงรป เมอเมาสเปนรปลกศรแลวคลกซายคางไวแลวลากเมาสขนหรอลง พนทจะขยาย

ตาม

รจกเครองมอของ Editor

กอนท าหรอใชเครองมอไมควรลมท าแถบสคลมกอน แตบางค าสงอาจไมจ าเปนตองท าแถบสคลม

ท าตวหนา

ท าตวเอยง

ใสเสนใตตวอกษร

ใสเสนกลางตวอกษร

ท ารายชอแบบไมเรยงล าดบ

ท ารายชอแบบเรยงล าดบ

ท าเนนค าพดหรอยอหนาสนๆ

จดซาย ใชไดทงตวอกษรและรป

จดกลาง ใชไดทงตวอกษรและรป

จดขวา ใชไดทงตวอกษรและรป

จดตวอกษรใหเตมหนา

ตวแบงหนา ใชแบงหนาหากเนอหายาวเกนไป

ขยายหนาจอ Editor ใหใหญเตมจอ

เปด และ ปด เครองมอจดรปแบบ

เปลยนสตวอกษร

วาง(paste) ขอความตวอกษรทคดลอกมา

วาง(paste) ขอความตวอกษรทคดลอกมาจากโปรแกรม Microsoft Word

ลบรปแบบของขอความ

ใสสอตางๆ (อธบายเพมเตมในหวขอตอไป)

ใสตวอกษรพเศษส าหรบหนาเวปไซต

ยอหนาออก (เลอนไปดานซายมอ)

ยอหนาเขา (เลอนไปดานขวามอ)

สรางลงคเชอมโยง

ยกเลกลงคเชอมโยง

ยอนกลบการท างาน 1 ครง

เดนหนาการท างาน 1 ครง

การใชเครองมอใสสอตางๆ

คลกทรป โปรแกรมจะแสดงหนาตางตงคาขนมา

เลอกชนดสอทตองการใส

ก าหนดทอยไฟล (URL การดทอยไฟลสามารถดวธการไดทการใส ไฟลเสยง Mp3) และขนาดของ

พนทการแสดงผล แลวคลกทปม “เพม” ระบบจะสรางตวเลนสอขมาใน Editor ตวอยางเชน

รปการใสสอชนดวดโอ avi, wma, wmv หรออนๆทลองรบ

การสรางลงคเชอมโยง

พมพขอความทตองการสรางลงคหรอใชรปภาพ แลวท าแถบคลม เชน ตองการลงค

ค าวา www.ddd.or.th ใหลงคไปยงเวปไซตของมลนธเมาไมขบแลวเครองคลกทรป โปรแกรมจะ

แสดงหนาตางตงคาขนมา

ลงค URL ตองใสชอทอยของเวปไซตทตองการเชอมโยงเตมเชนตวอยางดงรป สวนเปาหมายมให

เลอก 2 แบบคอ เปดลงคในหนาจอเดยวกน และเปดลงคในหนาจอใหม แลวคลกปม “อปเดต”

การยกเลกการลงค

น าเมาสไปคลกทรปหรอขอความทท าลงค แลวคลกทปม ลงคจะถกยกเลกไป

การใสรปภาพใน Editor

คลกทเครองมอ ทอยดานบนของ Editor แลวจะปรากฎหนาตางอพโหลดไฟลขนมา

รปทตองการตองท าการอบโหลดจากเครองของผใชงานขนไปไวบนอนเตอรเนตกอน โดยคลกท

ปม “เลอกไฟล”

หนาเลอกไฟล

เลอกทอยของไฟลทตองการแลวคลกปม ”Open”

รปแสดงรายละเอยดของรปทอบโหลดไดแลว

เมออพโหลดเรยบรอยแลวหากตองการอพโหลดรปตอใหคลกปม “เลอกไฟล” เชนเดม แตหาก

ตองการน ารปทไดอพโหลดแลวใส Editor โดยทนทใหคลกทปม “ใสเขาเรอง”

การจดต าแหนงรปภาพ

รปภาพมคาทสามารถจดต าแหนงรปไดคอ

จดแถว

ขนาดรป

การลบรป

คลกท ลบ แลวคลกท ตอไป ตามรปดานลาง

การเลอกรปจากคลงสอ เมอผใชงานไดอบโหลดรปหรอไฟลตางขนไปแลว สามารถเรยกไฟลกลบมาใชไดอกโดยดไดจาก

คลงภาพหรอคลงสอโดยจะแสดงเปนรายการไว

แสดงรายการไฟลทอบโหลดแลว

การเลอกไฟลโดยคลกท แสดง เพอแสดงรายละเอยดของไฟลแลวคลกทปม “ใสเขาเรอง” เชนเดม

การใสไฟล MP3 การเลนไฟล MP3 นนจ าเปนตองเขยนค าสงเพอสงให wordpress สรางตวเลนขนมาใหโดยรปแบบ

ค าสงคอ

[audio:ทอยไฟล(URL)]

วธการดทอยของไฟลคอคลกท ทอยบน Editor หากยงไมไดอบโหลดไฟลเสยงทตองการใหท าการอบ

โหลดไฟลกอน วธการอบโหลดท าเชนเดยวกบการอบโหลดรปภาพ

เลอกไฟลทจะอบโหลดจากเครองของผใชงาน แตหากมไฟลแลวสามารถเลอกทอยบนอนเตอรเนต

ไดโดยคลกท คลงสอ แลวระบบจะแสดงรายการของสอขนมา

คลกท แสดง เพอดรายละเอยดของไฟล

ทอยของไฟลดไดจากชอง “ลงค URL” หากในชองนนไมมขอมลอยใหคลกทปม “URL ของไฟล”

หากตองการท าแถบสคลม URL ในชองโดยทไมตองลากเมาส ใหกดปม “SHIFT” คางไวแลวคลก

เมาสปมซายทชอง URL โปรแกรมจะท าแถบสคลมใหทงหมดอตโนมต

เมอคดลอกทอยของไฟลมาแลวใหน าไปวางในค าสงตวอยางเชน

[audio:http://ddd.or.th/mybolg/mymusic/spot.mp3]

หากดหนาเวปแลวไมขน หรอขนเปนภาษาทพมพไว หมายความวาพมพผดหรอพมพไมครบ

การใสวดจาก Youtube

คลกทเครองมอ

น า URL จากเวปไซต Youtube มาใสตามตวอยางทโปรแกรมไดแสดงไว แลวกดปม “Okay”

จากหนาเวป Youtube เมอผใชงานเลอกชมวดโอแลว ดานบนขวาจะมทแสดง URL ดงรปดานบน

ใหคดลอกน ามาใสตามตวอยางไดทนท

การแกไขเรอง

เมอน าเมาสไปชทรายการเรองจะมเมนออกมากใหเลอก “แกไข | แกไขอยางเรว | ลบ | มมมอง”

แกไข เปนการแกไขเนอหาภายในไดทงหมด

แกไขอยางเรว เปนการแกไขเฉพาะคาปรบแตงของเรองนน ๆ

ลบ ลบเรองออกจากระบบ

มมมอง ใชดหนาเนอหาของเรองทตองการ ผลลพธเหมอนกบทแสดงหนาเวป

จดการสอ

สอเปนขอมลทผใชงานไดอบโหลดไว ไมวาจะเปนรปภาพ ไฟลเสยง หรอวดโอ การอบโหลดนน

อาจน าพาไวรสคอมพวเตอรเขาไปดวย ดงนนกอนการอบโหลดทกครงควรท าการแสกนไฟลเสยกอนวามตด

ไวรสหรอไม การจดการไฟลนนไดแสดงวธการใชงานในหวขอการอบโหลดรปหรอไฟลเสยงแลวมวธการ

เชนเดยวกน เมนสอจงเปนเมนทใชจดการไฟลไดเชนกน

ไฟลทการอบโหลดนนจ าเปนตองตงชอไฟลเปนภาษาองกฤษและไมใชตวอกษรพเศษไมควรใช

ภาษาไทย เพราะวา SERVER จะไมสามารถอานไฟลได

แสดงรายการสอทมอย

การอบโหลดไฟลมาก หรอมขนาดใหญเกนไปอาจท าใหการโหลดของหนาเวปมความเรวชา และ

ยงท าให SERVER ทใหบรการ ท างานหนกมาก ดงนนไฟลรปภาพควรปรบแตงหรอลดขนาดใหมขนาด

พอเหมาะตอการแสดงผล และลบไฟลทไมไดใชแลวออก

จดการลงคเชอมโยง ลงคเชอมโยงใชเปนทเชอมโยงไมยงเวปไซตตางๆ ไดโดยสามารถจดการไดดงน

แสดงรายการลงคเชอมโยง

การเพมลงคเชอมโยง

คลกทเมน “เพมลงคใหม”

ปอนชอเวปทจะปรากฎในหนาเวป และทอยของเวปทตองการเชอมโยง การใสทอยตองใสแบบเตม

ตามตวอยางและก าหนดเปาหมาย แลวคลกปม “เพมลงค”

การจดการหนา หนา คอหนาเวปอยางหนงคลายกบเรองทไดสรางแลว แตแตกตางกนตรงท หนา จะสรางครงเดยว

แลวไมจ าเปนตองแกไขเนอหาบอยๆ อยางเชน หนาแนะน าตวเอง หรอหนาตดตอเปนตน

การสรางหนานนมวธการคลายๆ กบการสรางเรองแตจะมการตงคาตางๆ ไมมากนก สวนจดท

ส าคญของการสรางหนาคอ “Permalink” วธตงคาดงตอไปน

หลงจากทปอนหวขอและเนอหาทตองการแลว ตองท าการแกไข “Permalink” โดยการคลกทปม “แกไข”

ในชองกรอกขอมลจะเปนชอเดยวกบหวขอทไดสรางไว หากเปนภาษาไทยจะไมสามารถคลกดได

จากหนาเวปทเผยแพรออกไป ดงนนจ าเปนตองเปลยนเปนภาษาองกฤษและไมใชตวอกษรพเศษอนๆ จาก

ตวอยางไดเปลยนเปน “aboutus“ แลวกดปม “บนทก” เมอตงคาตางๆ เรยบรอยแลวคลกทปม “เผยแพร”

การจดการความเหน

ความเหนทแสดงอยเกดจากการทผเขาเยยมชมไดมาแสดงความเหนเอาไว ดงนนเจาของบลอกสามารถ

จดการกบความคดเหน โดยจะมเมนจดการกบความเหนแตละความเหนได

การจดการหนาตาเวป (Theme) คลกทเมนรปแบบบลอก

แสดงรายการรปแบบบลอก

แตละรปแบบจะมเมน “ใชงาน,ดกอน,ลบ” ใหผใชงานสามารถเลอกใชงาน การเลอกรปแบบแตละอนนนจะ

มการจดเรยงเมนทแตกตางกน ดงนนผใชงานตองออกแบบใหเหมาะสมตอขอมลทตองการน าเสนอ

การเพมรปแบบบลอก

คลกทเมนยอย->เพม Theme ใหม

ผใชงานตองดาวนโหลดไฟล Theme มาจากเวปไซตทมกอน (อาจใช Google.com คนหากได หรอจากลงค

ของ Wordpress) ไฟลทไดจะมนามสกลเปน .zip หรอ .rar กได

หลงจากโหลดไฟลมาแลวใหอบโหลดไฟลโดยการคลกทปม “Browse” แลวเลอกทอยของไฟลท

ไดโหลดมา แลวคลกทปม “ตดตงตอนน” ระบบจะตดตงใหจนเสรจ แลวสามารถเลอกใชงานไดตาม

ขนตอนทผานมา

การเปด/ปดเมนตางๆ ของหนาเวป คลกทเมนยอย->Widgets

ผใชงานสามารถยายเมนตางๆ ทแสดงอยในหนาเวปไดตามใจชอบโดยการคลกลากยายเมนทตองการได

ทนท

ดานซายคอเมนทมใหใชงาน สวนดานขวาคอสวนทแสดงในหนาเวป ซงแตละรปแบบจะมไดมา

กวาแตกตางกนออกไป วธการใชงานคอผใชงานคลกซายคางไวทตวเลอกดานซาย แลวลากไปปลอยทแถบ

ดานขวาในต าแหนงทมเสนประเกดขนมา แลวดผลลพธไดจากหนาแรกของเวปในสวนของเมนตางๆ

การปรบแตงเมน แตละเมนมคาปรบแตงทไมเหมอนกน ตวอยางทแสดงใหดคอเมนหมวดหม การเปดสวนปรบแตง

คาโดยคลกทรป แลวสวนปรบแตงคาจะแสดงออกมา

หากตองการเอาเมนทไมตองการออก สามารถเอาไดโดยคลกท เอาออก และยงสามารถยายต าแหนง

เรยงล าดบกอนหลงของเมนได โดยการลากแลวปลอยขนลงเชนเดยวกบการน าเมนมาใสในแถบแสดงเมน

การเปลยนชอของบลอก คลกทเมน->ตงคา->ทวไป

การปรบแตงหรอการตงคานนบางสวนตองใชความรความเขาใจเกยวกบ Wordpress พอสมควรม

เชนนนแลวอาจท าใหบลอกเกดการแสดงผลหรอท างานผดพลาดได

แนวทางการใช Wordpress ในการจดการเรยนการสอน ในการด าเนนงาน การใช Wordpress ในการจดการเรยนร นน สามารถท าไดโดย เชน การสราง

บลอกบน wordpress แลวใหนกเรยนเขามาแนะน าตนเอง ตอบค าถาม แสดงความคดเหนผานการ Comment ตลอดจนมเอกสารประกอบการเรยน Powerpoint ประกอบการสอน คลปวดโอ บทความ และลงคแหลงเรยนรทนาสนใจ ใหนกเรยนไดเขามาศกษาตามอธยาศย นอกจากจากนยงไดใช Facebook และ Twitter ในการตดตอสอสาร แจงขอมลขาวสารและใหค าปรกษานกเรยน อกดวย

โดยขอเสนอแนะแนวทางการใช Wordpress ในการจดการเรยนการสอน ดงน 1. จดท าเคาโครงการสอน (Crouse Syllabus) โดยบรณาการการใช Social Media ในการจดการ

เรยนร

2. ออกแบบหนวยการเรยนรและจดท าแผนการจดการเรยนรทบรณาการการใช Social Media ในการ

จดการเรยนร

ซงแตละแผนการจดการเรยนรทมการบรณาการ Social Media นนจะเนนการทครก าหนดประเดนท

นาสนใจ ซงอาจเปนภาพขาว ขอความ หรอคลปวดโอ โดยใชการตงค าถามกระตนความคด ทมการน าเสนอใน

บลอกของคร และใหนกเรยนสบคนขอมลในประเดนทเกยวของแลวมาต อบค าถามในเชงการแสดงความ

คดเหน เพอแลกเปลยนเรยนรแนวคดซงกนและกน ทมครเปนผคอยสงเสรม สนบสนนและตรวจสอบความร

ของนกเรยนใหมความถกตองตามหลกวชาการ ทงนในการเขาสอนครงแรกได ใหนกเรยนท า แบบส ารวจ

ผเรยน ดานการใชเทคโนโลย เพอสรางเครอขายการเรยนร Social Media เพอน าผลจากการ แบบส ารวจผเรยน

ดานการใชเทคโนโลย เพอสรางเครอขายการเรยนร Social Media ของผเรยนมาวเคราะหและประเมนผล

เพอปรบปรงการออกแบบการจดการเรยนรและการมอบหมายภาระงานใหเหมาะสมกบศกยภาพผเรยน

ตอไป

3. จดการเรยนการสอนตามแผนการจดการเรยนรทวางแผนและออกแบบไว โดยบรณาการใช

Social Media ในการจดการเรยนร 3 ลกษณะ คอ

1) ใชเปนสอการเรยนการสอน เชน

- การน าคลปวดโอจาก Youtube มาสรางความสนใจในการน าเขาสบทเรยนและ

ประกอบการอธบาย ซงอาจใชผานเวบไซตโดยตรงแบบ ออนไลน หรอ ดาวนโหลดเปนไฟลไว นอกจากน

ยงสามารถน ามารวบรวมไวใน Wordpress ส าหรบใหนกเรยนเขามาศกษาเพมเตมดวยตนเอง หรอ

มอบหมายงานใหนกเรยนอภปรายความรจากคลปวดโอ เปนตน นอกจากนยงไดอพโหลดไฟลวดโอขนไว

ใน Youtube แลวน ามาแสดงไวใน Wordpress อกดวย

- การน าภาพตางๆ เชน ภาพภเขาไฟ ภาพโลก ภาพหน มาจาก Flickr และ Google - การอพโหลดเอกสารประกอบการสอน Presentation ใบงาน ขนไวใน Slideshare และ

Scribd ตลอดจนการน าเอกสารตางๆทเกยวของ ใน Slideshare และ Scribd มาใชประกอบการสอน

- การน าเสนอขอมล เนอหา แหลงเรยนรออนไลน รายละเอยดทนาสนใจ ผานทาง

Wordpress ใหนกเรยนเขามาศกษาเรยนรดวยตนเองตามอธยาศย และมปฏสมพนธในการแสดงความ

คดเหน และแลกเปลยนเรยนรซงกนและกน

2) ใชตดตอสอสารระหวางผสอนกบผเรยน ผเรยนกบผเรยน ตลอดจนผทสนใจ เชน

การใช Facebook Twitter Wordpress ในการแจงขาวสาร แจงภาระงาน ตลอดจนการเชญชวนและ

ประชาสมพนธเขาไปศกษาเยยมชมในบลอกของคร

3) ใชในการมอบหมายงาน แสดงความคดเหน แบงปนและแลกเปลยนเรยนร ระหวาง

ผสอนกบผเรยน ผเรยนกบผเรยน ตลอดจนผทสนใจ ผานการ Comment ในบทความ

ทงนในการมอบหมายงาน ครจะด าเนนการสรางบทความทมการน าเนอหาขาว รปภาพ หรอ

คลปวดโอ มาน าเสนอ พรอมกบการตงค าถามทเนนการกระตนใหนกเรยนน าความรจากทเรยนมาในหองเรยน มา

คดเพอตอบค าถาม ในเชงวเคราะหและแสดงความค ดเหน เพราะฉะนนนกเรยนจะมค าตอบทไมซ ากนและ

ไมสามารถลอกกนได ซงบางครงอาจก าหนดใหมการท าโพลล เพอส ารวจความคดเหนของนกเรยนดวย

พรอมกนนไดจดหาแหลงเรยนร แหลงขอมล และแสวงหาสอการเรยนการสอนเพอใชในการสงเสรมการจดการ

เรยนการสอนอยเสมอ นอกจากการเรยนการสอนแลว ยงไดใช Wordpress ในการเผยแพรและประชาสมพนธ

ผลงาน กจกรรม ตลอดจนสาระนารทจะเปนประโยชนตอนกเรยน ครและผทสนใจไดอกดวย

4. ขนประเมนผล

หลงจากทไดจดกจกรรมการเรยนการสอนแลว จะตองมการวดและประเมนผล ตรวจงานและ

ประเมนผลจากการตอบค าถาม แสดงความคดเหนของนกเรยนตอสถานการณทครก าหนดเปนบทความผาน

ทาง wordpress ซงในการประเมนอาจก าหนดใหมการประเมนตางๆดงน

การประเมน ผประเมน

- ครผสอน

- ผเรยน

สงทตองประเมน วธการวดผล ประเดนทประเมน เกณฑการใหคะแนน

1. ผลงานนกเรยน (ใบงาน ใบกจกรรม)

แบบประเมนผลงาน - การคดวเคราะห 3 คะแนน = มการจบประเดนส าคญ ขยายความ ยกตวอยาง เปรยบเทยบและสรปความคดรวบยอดไดด 2 คะแนน = มการจบประเดนส าคญได แตขยายความหรอยกตวอยางไมได 1 คะแนน = มการจบประเดนส าคญไดนอย

- การเขยนสอความ

3 คะแนน = เขยนสอความไดถกตองตามอกขรวธ ตรงประเดนและ เขาใจงาย 2 คะแนน = เขยนสอความไมถกตองตามอกขรวธ 2-3 แหง ตรงประเดน 1 คะแนน = เขยนสอความไดนอย ไมตรงประเดน

- มความคดสรางสรรค

3 คะแนน = ผลงานมรปแบบนาสนใจ มความสมพนธกบหวขอทก าหนด รปแบบสวยงาม 2 คะแนน = ผลงานมความสมพนธกบหวขอทก าหนด แตไมดงดดความสนใจ 1 คะแนน = ผลงานมความสมพนธกบหวขอทก าหนดนอยมาก

- ประโยชนของการน าขอมลไปใช

3 คะแนน = สามารถน าไปประยกตกบสถานการณในชวตประจ าวนไดอยางเหมาะสม 2 คะแนน = สามารถน าไปประยกตกบสถานการณในชวตประจ าวนไดบาง 1 คะแนน = สามารถน าไปใชประโยชนไดนอยมาก

การประเมนผล คะแนน 12 -10 = ด (3) คะแนน 9 - 7 = พอใช (2) คะแนน 6 - 4 = ควรปรบปรง (1) 2. การตอบค าถามและแสดงความคดเหนผานบลอกของคร

แบบประเมนผลงาน - การรายงาน 1 คะแนน = เขยนรายงาน ไมเปนระบบ ไมบอกปญหาและจดประสงค 2 คะแนน = ไมบอกความส าคญและทมาของปญหา บอกจดประสงคไมชดเจน 3 คะแนน = บอกความส าคญและทมาของปญหา แสดงจดประสงคของผลงานทน าเสนอ 4 คะแนน = บอกความส าคญและทมาของปญหา แสดงจดประสงคของผลงานทน าเสนอ

- ความเชอมโยง 1 คะแนน = ขาดความเชอมโยงระหวางเนอหา 2 คะแนน = แสดงแนวคดหลกถกตอง แตมรายละเอยดไมเพยงพอทจะประเมน 3 คะแนน = แสดงแนวคดหลกไดถกตองแตไมครอบคลมตามจดประสงค 4 คะแนน = แสดงแนวคดหลกไดถกตองเหมาะสม และสมพนธกบจดประสงค

- เนอหา 1 คะแนน = เนอหาบางสวนไมถกตองหรอสมบรณ 2 คะแนน = เนอหาบางตอนไมสมพนธกน การเรยบเรยงยงไมตอเนอง 3 คะแนน = เนอหาบางตอนไมสมพนธกน การเรยบเรยงยงไมตอเนอง 4 คะแนน = ล าดบเนอหาและเชอมโยงความรไดด มประเดนส าคญครบถวน ชดเจนเขาใจงาย

- การใชภาษา 1 คะแนน = ใชภาษาไมเหมาะสมและสะกดค าไมถกตอง 2 คะแนน = ใชภาษาถกตอง แตไมมการยกตวอยาง รปภาพ แผนภาพ หรอมแตยงไมเหมาะสม 3 คะแนน = ใชภาษาถกตอง มการยกตวอยาง รปภาพ แผนภาพประกอบแตยงไมสมบรณ 4 คะแนน = ใชภาษาถกตอง มการยกตวอยาง รปภาพ แผนภาพประกอบอยางสมบรณ

- การอางอง 1 คะแนน = ไมอางองแหลงการเรยนร 2 คะแนน = อางองแหลงการเรยนรเพยงบางแหลง 3 คะแนน = อางองแหลงการเรยนรไดหลายแหลง แตยงไมครบถวน 4 คะแนน = อางองแหลงเรยนรไดหลายแหลงอยางครบถวน

การประเมนผล คะแนน 20 -17 = ดมาก (4) คะแนน 16 - 13 = ด (3) คะแนน 12 – 9 = พอใช (2) คะแนน 8 - 5 = ควรปรบปรง (1) 3. การใชเทคโนโลยสารสนเทศเปนเครองมอทางปญญา

แบบประเมนการใชเทคโนโลยสารสนเทศเปนเครองมอทางปญญา

- การสบคนขอมล 1 คะแนน = เลอกSearch engineและใสคยเวรดไดแตยงไมเหมาะสม 2 คะแนน = เลอก Search engineและใสคยเวรดไดเหมาะสม 3 คะแนน = เลอก Search engineและใสคยเวรดไดหลายค า มความเหมาะสม

- การใช Social media ในการเรยนร

1 คะแนน = สามารถใช Social media ในการเรยนรไดบาง 2 คะแนน = สามารถใช Social media ในการเรยนรได แตยงไมครบถวน ขาดประสทธภาพ 3 คะแนน = สามารถใช Social media ในการเรยนรไดครบถวนและมประสทธภาพ

- การใชงานคอมพวเตอร

1 คะแนน = สามารถใชงานคอมพวเตอรไดบาง และไมคลองแคลว 2 คะแนน = สามารถใชงานคอมพวเตอรได อยางคลองแคลว และมประสทธภาพ 3 คะแนน = สามารถใชงานคอมพวเตอรไดอยางคลองแคลว มประสทธภาพ และแนะน าผอนได

การประเมนผล คะแนน 9 -7 = ด (3) คะแนน 6 - 4 = พอใช (2) คะแนน 3 = ควรปรบปรง (1)

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

Documents

คู่มือการติดตั้งระบบยืนยันตัวตน(authentication)ด้วย...

ebooksint รวย ด้วย หนี้

เทคโนโลยีสารสนเทศ...

การใช้สูตรหาพื้นที่...

บทที่ 5 ฮาร์ดแวร์...

แบ่งปัน...

บทที่ 4 ซอฟต์แวร์ (software)

blog ด้วย wordpress.com

การสร้างเกมส์ง่าย ๆ...

1...

เอกสารประกอบการสอน...

การสร้างเว็บไซต์...

กัญชา คือ...

บทที่ 3 ซอฟต์แวร์

joomdle คือ

การวิเคราะห์ข้อมูลสูญหาย...

การเผยแพร่สไลด์ presentation...

เริ่มต้นค้าขายออนไลน์ให้เจิดและเกิด!!...

ซอฟต์แวร์ (software) · 1.1...

การพัฒนาและบริหารโครงการ...