34
เอกสารประกอบการอบรมเชิงปฏิบัติการ “การสร้างเว็บไซต์อย่างง่ายด้วย Wordpressโดย นายกอบวิทย์ พิริยะวัฒน์ ครู ค .. 1 โรงเรียนนนทรีวิทยา E-mail : [email protected] Website : http://teacherkobwit2010.wordpress.com เอกสารประกอบการอบรมเชิงปฏิบัติการ เรื่อง การสร้างเว็บไซต์อย่างง่าย ด้วย ในการประชุม รวมพลครุวิจัย : ถอดบทเรียนแลกความรู วันที20-21 ตุลาคม 2553 ณ โรงแรมรัชดาซิตี้ เขตห ้วยขวาง กรุงเทพฯ โดย นายกอบวิทย์ พิริยะวัฒน์ ครู ค.. 1 โรงเรียนนนทรีวิทยา กรุงเทพมหานคร http://teacherkobwit2010.wordpress.com

การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

เรอง

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

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

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

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

โดย

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

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

http://teacherkobwit2010.wordpress.com

Page 2: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

เรมตนกบ Wordpress

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

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

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

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

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

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

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

การใสไฟล MP3

การใสวดจาก Youtube

การแกไขเรอง

จดการสอ

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

การจดการหนา

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

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

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

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

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

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

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

Page 3: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

ควบคกนไป ท าใหเกดการตดตอสอสารถงกนและกนไดอยางรวดเรว เสมอนหนงวาโลกนไรพรมแดน สงผลใหไดรบขอมลขาวสารไดหลายรปแบบ ซงขอมลขาวสารเหลานมการเปลยนแปลงตลอดเวลา โดยเฉพาะอยางยงการพฒนาของเทคโนโลยคอมพวเตอรและเทคโนโลยการสอสาร (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 ทจดใหมการเรยนการสอนทเนนผเรยนเปนส าคญ สามารถท าใหผเรยน

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

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

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

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

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

Page 4: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ผจดท า

Page 5: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

Wordpress ชวยคณได

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

ดวย Wordpress กนเถอะ !

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

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

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

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

Wordpress กนเลยดกวา ?

Page 6: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

ค าแนะน า

ชอผใช : เปน

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

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

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

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

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

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

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

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

ไปใชงานได

Page 7: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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 ของเราสามารถแกไขไดภายหลง

Page 8: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

Page 9: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

Page 10: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

Page 11: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

Page 12: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

การเพมเรอง

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

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

ขนตอนการเพม

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

Page 13: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

ดงรปตอไป

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

เลอกหมวดหม

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

ตองการ

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

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

Page 14: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

* Tip

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

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

ตาม

Page 15: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

ท าตวหนา

ท าตวเอยง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 16: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

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

Page 17: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 18: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

ปม “เลอกไฟล”

หนาเลอกไฟล

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

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

Page 19: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

จดแถว

ขนาดรป

การลบรป

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

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

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

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

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

Page 20: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

ค าสงคอ

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

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

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

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

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

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

Page 21: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

* TIP

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

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

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

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

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

การใสวดจาก Youtube

คลกทเครองมอ

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

Page 22: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

การแกไขเรอง

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

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

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

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

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

จดการสอ

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

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

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

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

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

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

Page 23: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

Page 24: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

Page 25: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

Page 26: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

Page 27: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

ขนตอนทผานมา

Page 28: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

ทนท

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

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

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

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

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

Page 29: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

Page 30: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

แนวทางการใช 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 อกดวย

Page 31: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- ครผสอน

- ผเรยน

Page 32: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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 คะแนน = บอกความส าคญและทมาของปญหา แสดงจดประสงคของผลงานทน าเสนอ

Page 33: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

- ความเชอมโยง 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 ในการเรยนรไดครบถวนและมประสทธภาพ

Page 34: การสร้างเว็บไซต์อย่างง่าย ด้วย · WordPress คือ ซอฟต์แวร์ blog ที่ไดร้ับความนิยมกนัไปทั่วโลก

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

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

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

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

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