Website

จดท าโดย

นกศกษาคอมพวเตอรศกษา

ป 4 หม 3

รายชอผจดท า

นางสาวชนากานต ตอพนธ รหส 533410080308

นางสาวเบญจพร แสงสวอ รหส 533410080313

นางสาวเบญจรตน นามค าม รหส 533410080314

นายศราวฒ จนทะมาลา รหส 533410080344

ป 4 หม 3

สาขาคอมพวเตอรศกษา

มหาวทยาลยราชภฏมหาสารคาม

ภาคเรยนท 1 ปการศกษา 2556

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

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

ใหม ระวงอยาใหมหนาทไมมการเชอมโยง (Orphan Page) เพราะจะท าใหผใชไมร

จะท าอยางไรตอไป

4. ความเหมาะสมในหนาจอ เนอหาทน าเสนอในแตละหนาจอควรสน กระชบ

และทนสมย หลกเลยงการใชหนาจอทมลกษณะการเลอนขนลง (Scrolling) แตถา

จ าเปนตองม ควรจะใหขอมลทม ความส าคญอยบรเวณดานบนสดของหนาจอ

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

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

ใชเฉพาะทมความสมพนธกบเนอหาเทานน นอกจากนการใชรปภาพเพอเปนพน

หลง (Background) ไมควรเนนสสนทฉดฉาดมากนก เพราะอาจจะไปลดความ

เดนชดของเนอหาลง ควรใชภาพทมสออน ๆ ไมสวางจนเกนไปรวมไปถงการใช

เทคนคตาง ๆ เชน ภาพเคลอนไหว หรอตวอกษรวง (Marquees) ซงอาจจะเกดการ

รบกวนการอานได ควรใชเฉพาะทจ าเปนจรง ๆ เทานนตวอกษรทน ามาแสดงบน

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

5.ความรวดเรว ความรวดเรวเปนสงส าคญประการหนงทสงผลตอการเรยนร ผใช

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

สาเหตส าคญทจะท าใหการแสดงผลนานคอการใชภาพกราฟกหรอ

ภาพเคลอนไหว

การออกแบบและพฒนาเวบไซตทด จะชวยกลมผใชเขาถงขอมลสารสนเทศเปนอยางมาก การออกแบบเวบไซตทดควรประกอบดวย 1. โครงสรางทชดเจน ผออกแบบเวบไซตควรจดโครงสรางหรอจดระเบยบของขอมลทชดเจน แยกยอยเนอหาออกเปนสวนตาง ๆ ทสมพนธกนและใหอยในมาตรฐานเดยวกน จะชวยใหนาใชงานและงาย ตอการอานเนอหาของผใช 2. การใชงานทงาย ลกษณะของเวบทมการใชงานงายจะชวยใหผใชรสก

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

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

ควรก าหนดปมการใชงานทชดเจน เหมาะสม โดยเฉพาะปมควบคมเสนทางการ

เขาสเนอหา (Navigation) ไมวาจะเปนเดนหนา ถอยหลง หากเปนเวบไซตทมเวบ

เพจจ านวนมาก ควรจะจดท าแผนผงของเวบไซต (Site Map) ทชวยใหผใชทราบวา

ตอนนอย ณ จดใด หรอเครองมอสบคน (Search Engine) ทชวยในการคนหา

หนาททตองการ

3. การเชอมโยงทด ลกษณะไฮเปอรเทกซทใชในการเชอมโยง ควรอยในรปแบบท

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

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

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

จนเกนไป นอกจากนในแตละเวบเพจทสรางขนมาควรม

การพฒนาเวบไซต

สงแรกทนกพฒนาเวบควรท าเมอเรมตนพฒนาเวบไซต คอ ก าหนด

กรอบกระบวนการท างาน (Framework) ทแสดงใหเหนถงขนตอนของการ

พฒนาเวบ และรายละเอยดของงานในแตละขนตอน ตงแตเรมตนกระบวนการ

จนกระทงสนสดกระบวนการ เพอใหการพฒนาเวบเปนไปอยางมแบบแผน

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

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

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

การพฒนาเวบ โดยนกพฒนาเวบสามารถยอนกลบมาตรวจสอบงานตามกรอบ

การท างานในภายหลงได

กรอบการท างานหรอแบบจ าลองกระบวนการ (Process Model) ทใชเพอพฒนา

เวบมหลายรปแบบ ยกตวอยาง เชน แบบจ าลองกระบวนการในรปแบบ Agile

Process (XP, Scrum, DSDM, FDD และ AM) แบบจ าลองล าดบเชงเสน (Linear

Sequential Model : LSM) เปนตน ส าหรบในทนจะขอแบบจ าลองกระบวนการท

พฒนาขนโดย Jesse James Garrett ซงจ าแนกกระบวนการพฒนาเวบออกเปน

5 ขนตอน ไดแก การสรางกลยทธในการออกแบบ (Strategy Plane)

การก าหนดขอบเขตของขอมล (Scope Plane) การท าโครงสรางขอมล

(Structrue Plane) การออกแบบโครงรางเวบเพจ (Skeleton Plane) และการ

ออกแบบรปลกษณของเวบเพจ (Surface Plane)

หลกการออกแบบเวบไซต ควรพจารณาดงน

1. ก าหนดวตถประสงค โดยพจารณาวาเปาหมายของการสรางเวบไซตนท า

เพออะไร

2. ศกษาคณลกษณะของผทเขามาใชวากลมเปาหมายใดทผสรางตองการ

สอสาร ขอมลอะไรทพวกเขาตองการโดยขนตอนนควรปฏบตควบคไปกบ

ขนตอนทหนง

3. วางแผนเกยวกบการจดรปแบบโครงสรางเนอหาสาระ การออกแบบ

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

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

ใชได ฉะนนจงควรออกแบบใหมลกษณะทชดเจนแยกยอยออกเปนสวนตาง ๆ จด

หมวดหมในเรองทสมพนธกน รวมทงอาจมการแสดงใหผใชเหนแผนท

โครงสรางเพอปองกนความสบสนได

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

โดยตงเกณฑในการใช เชน ผใชควรท าอะไรบาง จ านวนหนาควรมเทาใด มการ

เชอมโยง มากนอยเพยงใด

5. หลงจากนน จงท าการสรางเวบไซตแลวน าไปทดลองเพอหาขอผดพลาด

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

การสอสารมวลชน(Mass Communication)

การสอสารกบคนจ านวนมากในหลายๆพนทพรอมกน โดยใชสอมวลชน

เชน หนงสอพมพ นตยสาร วทยกระจายเสยง วทยโทรทศนเปนสอกลาง เหมาะ

ส าหรบการสงขาวสารไปยงผคนจ านวนมากๆในเวลาเดยวกน

การสอสารระหวางประเทศ(International Communication)

การสอสารระหวางบคคลทมความแตกตางกนใน เชอชาต ภาษา วฒนธรรม

การเมองและสงคม เชนการสอสารทางการทต การสอสารเจรจาตอรองเพอการท า

ธรกจ

หลกออกแบบเวบไซต คอ การวางแผนการจดล าดบ เนอหาสาระของเวบไซต ออกเปนหมวดหม เพอจดท าเปนโครงสรางในการจดวางหนาเวบเพจทงหมด เปรยบเสมอนแผนท ทท าใหเหนโครงสรางทงหมดของเวบไซต ชวยในนกออกแบบเวบไซตไมใหหลงทาง การจดโครงสรางของเวบไซต มจดมงหมายส าคญคอ การทจะท าใหผเขาเยยมชม สามารถคนหาขอมลในเวบเพจไดอยางเปนระบบ ซงถอวาเปนขนตอนทส าคญ ทสามารถสรางความส าเรจใหกบผทท าหนาทในการออกแบบและพฒนาเวบไซต (Webmaster) การออกแบบโครงสรางหรอจดระเบยบของขอมลทชดเจน แยกยอยเนอหาออกเปนสวนตาง ๆ ทสมพนธกนและใหอยในมาตรฐานเดยวกน จะชวยใหนาใชงานและงาย ตอการเขาอานเนอหาของผใชเวบไซต

การสรางกลยทธในการออกแบบ (Strategy Plane) เปนขนตอนการวเคราะห

ปจจยหลก 3 ประการ คอ ผใช องคกร และคแขง เพอทราบเปาหมายหรอ

แนวทางในการพฒนาเวบไซต โดยปจจยทง 3 ประการ มรายละเอยดดงน

- ผใช (User) เปนการวเคราะหความตองการของผใช โดยการศกษา

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

หนาเวบแลว ตองการไดรบขอมลใดกลบไปบาง มฟงกชนหรอการใชงาน

รปแบบใดบนเวบไซตทผใชตองการ และปญหาหรอขอบกพรองทเกดจากการใช

งานเวบทไดพบ

- องคกร (Organization) เปนการวเคราะหเปาหมายทางธรกจ

(Business Goal) ทงในสวนเงนทน บคลากร และความเปนไปไดทจะพฒนา

เวบไซตขนมาเพอใชงาน รวมทงการเกบรวบรวมขอมลขององคกรทจ าเปนตอ

การออกแบบหนาเวบ เชน โลโก (Logo) แบนเนอร (Banner) หรอการโฆษณา

ประชาสมพนธเวบไซต เหลานจะชวยใหผใชจดจ าเวบไซตไดงายขน

- คแขง (Competitor) เปนการประเมนขอบเขตขอมล รปแบบ

น าเสนอ และเปาหมายทางการคาของบรษทคแขง เพอพจารณาจดออนและจด

แขงของการออกแบบเวบ แลวน ามาประยกตใชในการพฒนาเวบของบรษท

ตอไป

การก าหนดขอบเขตของขอมล (Scope Plane) เปนการสรปขอบเขต

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

เทคนคน าเสนอขอมลทชนชอบ หรอมแนวทางพฒนาเวบหลายวธจนท าใหเกด

ความสบสนขนตอนนจงเปนการสรปแนวทางพฒนาเวบ โดยพจารณาขอบเขต

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

ขนตอนแรก สามารถจ าแนกขอมลบนเวบไซตออกเปน 2 ประเภท ดงน

- เนอหา (Content Requirements) เปนขอมลทวไปทน าเสนอใหกบ

ผใชงาน เชน ขอความบรรยาย รปภาพ หรอ เสยงเพลง เปนตน

- การใชงาน (Functional Specfications) เปนระบบการท างานหรอการ

ใชงานบนหนาเวบ ซงมกจะเปนงานทตองมการปฏสมพนธโตตอบกบผใช เขน

การบสง E-mail การประมวลผลคาขอมลของแบบฟอรม โปรแกรมสนทนา

ระหวางผใช เปนตน

การจดท าโครงการสรางขอมล (Structrue Plane) ภายหลงจากทไดก าหนด

ขอบเขตขอมลแลว กเรมตนก าหนดความสมพนธระหวางเนอหาและหนาทงาน

บนเวบไซตโดยขนตอนนประกอบดวยงาน 2 ลกษณะ ดงน

- การออกแบบสวนปฏสมพนธกบผใช (Interaction Design) เปนการ

ออกแบบหนาเวบส าหรบงานทมลกษณะโตตอบกบผใช เชน การสงซอสนคา

การกรอกแบบฟอรม และการรบสง E-mail เปนตน

ประเภทของการสอสาร

การสอสารภายในบคคล(Intrapersonal Communication) การคดหรอ

จนตนาการกบตวเองเปนการคดไตรตรองกบตวเองกอนทจะมการสอสาร

ประเภทอนตอไป

การสอสารระหวางบคคล(Interpersonal Communication)

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

การพดคย ปรกษาหารอในเรองใดเรองหนง

การสอสารกลมยอย(Small-group) Communication)

การสอสารทมบคคลรวมกนท าการสอสารเพอท ากจกรรมรวมกนแต

จ านวนไมเกน 25 คน เชนชนเรยนขนาดเลก หองประชมขนาดเลก

การสอสารกลมใหญ(Large-group Communication)

การสอสารระหวางคนจ านวนมาก เชนภายในหองประชมใหญ โรง

ภาพยนตร โรงละครชนเรยนขนาดใหญ

การสอสารในองคกร(Organization Communication)

การสอสารระหวางสมาชกภายในหนวยงานเพอปฏบตงานใหส าเรจลลวง

เชนการสอสารระหวาเพอนรวมงาน เจานายกบลกนอง

ความหมายของการสอสาร

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

เชน

จอรจ เอ มลเลอร: เปนการถายทอดขาวสารจากทหนงไปยงอกทหนง

จอรจเกรบเนอร: เปนการแสดงกรยาสมพนธทางสงคมโดยใชสญลกษณและ

ระบบสาร

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

สามารถสรปใหเขาใจไดงายๆคอ การถายทอดขอมลขาวสารจากบคคลฝายหนงท

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

การสอสารโดยมองคประกอบทส าคญคอ ผสงสาร(Sender) สาร(Message)

ชองทาง(Channel) และตวผรบสาร(Reciever) ซงมกเรยกกนวา SMCR

วตถประสงคของการสอสาร

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

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

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

ท าใหเกดการพกผอนหยอนใจ ท าใหเกดการเรยนร ท าใหเกดก าลงใจ(หา

ภาพประกอบแตละประเภท)

สถาปตยกรรมขอมล (Information Architecture) เปนการก าหนดโครงสรางของเนอหาทงหมดทจะน าเสนอบนเวบไซต โดยเชอมโยงเวบเพจแตละสวนไวดวยกนตามความสมพนธของระบบงาน เพอใหขอมลเคลอนทอยางเปนระบบจนผใชงานไมรสกสะดดหรอขามขนตอนเมอเรยกใชหนาเวบนน โครงสรางการน าเสนอเนอหาของเวบม 4 ชนดไดแก Linear Structrue, Hierar-

chical Structure, Grid Structure และ Network Structure

1. โครงสรางเชงเสน (Linear Structrue) เปนโครงสรางเนอหาทจด

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

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

ปลายทางทตองการ ขอดของการจดวางโครงสรางเนอหาลกษณะน คอ การ

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

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

2. โครงสรางแบบล าดบขน (Hierarchical Structure) เรยกอกชอหนงวา

“โครงสรางตนไม (Tree Structure) ” เปนโครงสรางทนยมใชงาน โดยจดล าดบ

การเขาถงขอมลตามความสมพนธจากหวขอใหญไปจนถงหวขอยอยแตกออกไป

ขอดของการจดวางโครงสรางเนอหาลกษณะน คอ ขอมลถกจดวางอยางเปน

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

การออกแบบมความซบซอนเพมขน และตองการออกแบบใหโครงสรางตนไมม

ความสมดล

3. โครงสรางแบบตาราง (Grid Structure) เปนโครงสรางเนอหาทเพม

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

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

นบเปนขอดประการส าคญของโครงสรางลกษณะน แตขอเสย คอ การออกแบบ

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

4. โครงสรางเครอขาย (Network Structure) เปนโครงสรางเนอหาทม

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

ดงนนผใชสามารถเขาถงขอมลผานทางหนาเวบใดๆ ไปยงหนาเวบปลายทางท

ตองการได ขอดของการจดวางโครงสรางเนอหาลกษณะน จงเปนความยดหยนท

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

มาก จงตองอาศยความเชยวชาญของผออกแบบสง

การสอสาร

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

ความสมพนธ หรอ มนษยสมพนธ เพราะทกสงทกอยางในโลกนมกเปนบทเรยน

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

ยากล าบาก เพราะชวตจะมคณคาและรสกมความสขเมอไดแสดงออกอยางทรสก

มโอกาสเรยนรเรองราวและสงใหมๆตามทเราตองการ

ดงนนความส าเรจของมนษยในการด ารงชวตทวไปจงมกมขอก าหนดไว

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

การเรยนรทจะสรางความสมพนธรวมกน โดยอาศยวธการสอสารและหลก

จตวทยา ความสมพนธระหวางมนษยโดยทวไปมกถกมองวาเปนเรองของศลปะ

(Arts) มากกวาศาสตร(Science) ซงกหมายความวา การเรยนรเกยวกบ

ความสมพนธของบคคลแตเพยงอยางเดยว โดยขาดศาสตรของการสอสาร ยอม

ขาดศลปะในการน าไปปรบใชในชวตจรงใหประสบความส าเรจได

สวนประกอบยอยอนๆ ทจ าเปน 1. Text เปนขอความปกต โดยเราสามารถตกแตงใหสวยงามและมลกเลนตางๆ ดงเชนโปรแกรมประมวลค า 2. Graphic ประกอบดวยรปภาพ ลายเสน ลายพน ตางๆ มากมาย 3. Multimedia ประกอบดวยรปภาพ ภาพเคลอนไหว และแฟมเสยง 4. Counter ใชนบจ านวนผทเขามาเยยมชมเวบไซตของเรา 5. Cool Links ใชเชอมโยงไปยงเวบไซตของตนเองหรอเวบไซตของคนอน 6. Forms เปนแบบฟอรมทใหผเขาเยยมชม กรอกรายละเอยด แลวสงกลบมายงเวบไซต 7. Frames เปนการแบงจอภาพเปนสวนๆ แตละสวนกจะแสดงขอมลทแตกตางกนและเปนอสระจากกน 8. Image Maps เปนรปภาพขนาดใหญทก าหนดสวนตางๆ บนรป เพอเชอมโยงไปยงเวบไซตอนๆ 9. JavaApplets เปนโปรแกรมส าเรจรปเลกๆ ทใสลงในเวบไซต เพอใหการใชงานเวบไซตมประสทธภาพมากยงขน หลกการและทฤษฏการสอสาร

กระบวนการพฒนาเวบไซต

กระบวนการในการสรางและออกแบบเวบมกระบวนการพนฐานอยดวยกน 5

ขนตอนคอ

1. การวางแผน (Planning) เปนขนตอนทผสรางเวบจะตองรวบรวมขอมลท

ตองการจะน า

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

ความตองการของเวบวาจะตองมอะไรบาง เชน ขนาดของหนาจอภาพ บราวเซอร

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

สนทนา ฯลฯ รวมถงขนตอนและกระบวนการในการบ ารงรกษาอยางเปนระบบ

การวางแผนเบองตนของการสรางเวบส าหรบ Dreamweaver คอ

- ก าหนดพนทจดเกบเวบในเครองคอมพวเตอร

- ก าหนดพนทตดตงเวบเมอสรางเสรจ

2. การออกแบบ (Design) เปนขนตอนทน าขอมลและแผนทวางไวไปปฏบต โดย

การลงมอปฏบตโดยจดพมพเนอหา ก าหนดการเชอมโยง และคณลกษณะอนท

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

ระมดระวงปญหาตาง ๆ ในการออกแบบ

- การเลอกเนอหา เปนสวนส าคญของการเรมตนสรางเวบเพจ ผเยยมชนแตละ

กลมจะคนหาขอมลทแตกตางกน เวบเพจแตละหนาจะสนองตอบตอผชมไม

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

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

หนาแนน ผชมอดอด ไมดงดดความสนใจ

3. การพฒนา (Development) เปนขนตอนทตอเนองจากการออกแบบและการ

สราง โดย

เนนไปทการตกแตงและเสรมเครองมอตาง ๆ ส าหรบเวบ เชน การก าหนดส ภาพ

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

สนบสนนการสรางเวบ

4. การตดตง (Publishing) เปนขนตอนทจะน าเอาเวบทไดสรางขนเขาไปตดตงใน

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

โหลด (Up load) ซงเปนขนตอนทจะตองด าเนนการอยเสมอเมอสรางเวบเสรจ

5. การบ ารงรกษา (Maintenance) เปนขนตอนประเมนผลและตดตามผลการตดตง

เวบไซต

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

อาจจะเรยกไดวาขนตอนการอบเดท (Up date

2.สวนของเนอหา (Page Body) เปนสวนทอยตอนกลางของหนา ใชแสดงขอมลเนอหาของเวบไซต ซงประกอบดวยขอความ, ตารางขอมล ภาพกราฟก วดโอ และอนๆ และอาจมเมนหลกหรอเมนเฉพาะกลมวางอยในสวนนดวย ส าหรบสวนเนอหาควรแสดงใจความส าคญทเปนหวเรองไวบนสด ขอมลมความกระชบ ใชรปแบบตวอกษรทอานงาย และจด Layout ใหเหมาะสมและเปนระเบยบ 3. สวนทายของหนา (Page Footer) เปนสวนทอยดานลางสดของหนา จะมหรอไมมกได มกวางระบบน าทางทเปนลงคขอความงาย ๆ และอาจแสดงขอมลเพมเตมเกยวกบเนอหาภายในเวบไซต เชน เจาของเวบไซต, ขอความแสดงลขสทธ, วธการตดตอกบผดแลเวบไซต, ค าแนะน าการใชเวบไซต เปนตน

สวนประกอบของหนาเวบไซต แบงออกเปน 3 สวน 1. สวนหวของเวบเพจ (Page Header) เปนสวนทอยตอนบนสดของหนา และเปนสวนทส าคญทสดของหนา เพราะเปนสวนทดงดดผชมใหตดตามเนอหาภายในเวบไซตมกใสภาพกราฟกเพอสรางความประทบใจสวนใหญประกอบดวย - โลโก (Logo) เปนสงทเวบไซตควรม เปนตวแทนของเวบไซตไดเปนอยางด และยงท าใหเวบนาเชอถอ - ชอเวบไซต - เมนหลกหรอลงค (Navigation Bar) เปนจดเชอมโยงไปสเนอหาของเวบไซต นหลกๆ คอ

การประชาสมพนธ

(เสนย แดงวง 2525 ; วจตร อาวะกล 2526)

ความหมายของการประชาสมพนธ

การประชาสมพนธมกจะถกเขาใจสบสนกบการโฆษณา คนจ านวนมากมกจะ

เขาใจวาการโฆษณาและ

การประชาสมพนธมความหมายเหมอนกนจนบางทเราเรยกการโฆษณาและการ

ประชาสมพนธเปน

“การโฆษณาประชาสมพนธ” ซงในความเปนจรงการโฆษณาและการ

ประชาสมพนธมความแตกตางกน

พอสมควร ดงน

การโฆษณา (Advertising) เปนการกระท าการใดๆ อนเปนการชกจงใจ

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

อาศยสอมวลชน (Mass media) ในการสงผานขอมลขาวสารซงตองเสยคาใชจาย

และมไดเปนไปในรปสวนตว

การประชาสมพนธ (Public Relation) เปนการตดตอสอสารจากองคการ

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

สาธารณชนทมตอองคการโดยมวตถประสงคเพอสรางความเชอถอ ภาพลกษณ

ความร และแกไขขอผดพลาดในเรองใดเรองหนง

ลกษณะของการประชาสมพนธ

ลกษณะของการประชาสมพนธมดงตอไปน

การประชาสมพนธเปนการสอสารสองทาง (Two-way communication)

เปนการสอสารจากผสงไปยงผรบเกยวกบขาวสารขององคการทตองการสอสาร

ใหสาธารณชนรบทราบและเขาใจ และยงเปน

การสอสารยอนกลบจากผรบคอ สาธารณชนไปยงองคการเกยวกบความคดเหนท

เกยวกบองคการ

การประชาสมพนธอาจมกลมเปาหมายหลายกลม (Multiple target group)

เชน พนกงาน ลกคา ผถอหนชมชน รฐบาล หรอหนวยงานตางๆ เปนตน ทงน

ขนอยกบวตถระสงคในการประชาสมพนธวาตองการ

ประชาสมพนธไปยงกลมเปาหมายใดบาง

การประชาสมพนธเปนการสอสารเพอโนมนาวใจทงนการ

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

ตามดวยความสมครใจ

การประชาสมพนธเปนการด าเนนงานอยางตอเนองและสม าเสมอ โดย

คาดหวงผลตอเนองในระยะยาวเพอใหสาธารณชนมความศรทธาและมความไว

เนอเชอใจตอองคการเพอใหองคการสามารถด าเนนกจการอยในระยะยาวได

เวบเพจ เวบเพจ (Web Page) หมายถง หนาเอกสารของบรการ WWW ซงตามปกตจะถกเกบอยในรปแบบไฟล HTML (Hyper Text Markup Language) โดยไฟล HTML 1 ไฟลกคอเวบเพจ 1 หนานนเอง ภายในเวบเพจอาจประกอบไปดวยขอความ ภาพ เสยง วดโอ และภาพเคลอนไหวแบบมลตมเดย นอกจากนเวบเพจแตละหนาจะมการเชอมโยงหรอ “ลงค” (Link) กน เพอใหผชมเรยกดเอกสารหนาอนๆ ทเกยวของไดสะดวกอกดวย

โฮมเพจ โฮมเพจ (Home Page) คอเวบเพจหนาแรกซงเปนทางเขาหลกของเวบไซต ปกตเวบเพจทกๆ หนาในเวบไซทจะถกลงค (โดยตรงหรอโดยออมกตาม) มาจากโฮมเพจ ดงนนบางครงจงมผใชค าวาโฮมเพจโดยหมายถงเวบไซททงหมด แตความจรงแลวโฮมเพจหมายถงหนาแรกเทานน ถาเปรยบกบรานคา โฮมเพจกเปนเสมอนหนารานนนเอง ดงนนจงมกถกออกแบบใหโดดเดนและนาสนใจมากทสด

การประชาสมพนธเปนการด าเนนงานอยางเปนระบบ โดยจะมการ

วางแผนควบคมและประเมนผล

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

มประสทธภาพและ

ประสทธผล

องคประกอบของการประชาสมพนธ

ถาหากพจารณาจากกระบวนการสอสารเพอการประชาสมพนธแลว ก

สามารถจ าแนกองคประกอบ ส าคญของการประชาสมพนธออกเปน 4 ประการ

คอ

1. องคกร สถาบนหรอหนวยงาน

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

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

ไปดวยด กจการเหลานอาจจะเปนกจการของรฐบาล รฐวสาหกจ องคการสา

ธารณกศล และธรกจเอกชน เชน รฐบาล กระทรวง ทบวง กรม หนวยราชการ

หรอหนวยรฐวสาหกจตาง ๆ มลนธ บรษทหางราน ธนาคารพาณชย เปนตน

2. ขาวสารประชาสมพนธ

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

เรองราวทเปนเนอหา สาระ รปภาพ สญลกษณ หรอเครองหมาย ทสามารถ

สอสารความเขาใจได

เวบไซต เวบไซต (องกฤษ: website, web site, Web site) หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดท าขนเพอน าเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟร แตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆ การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร

3. Content :เนอหาของเวบไซตถอวาเปนสงทส าคญ

ทสดในองคประกอบของเวบไซต เพราะคอสงทผ

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

เกยวของกบสนคา หรอบรการขององคกรของเราได

โดยละเอยด อกทงจ าตองน าเสนออยางชดเจนอก

ดวย เชน รปภาพของสนคา หรอสถานทบรการ

เปนตน จงจะท าใหผเขาเยยมชมไดประโยชนจาก

การเขาชมเวบไซตอยางแทจรงอนจ าน ามาซง

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

4. Hosting : พนทจดวางและตดตงเวบไซต เปน

องคประกอบทส าคญมากไมนอยกวาเนอหาของ

เวบไซต (Content) เพราะการเลอกผใหบรการโฮสตง

ทดมการซพพอรตลกคาทดและรวดเรว เซรฟเวอรม

ความเสถยรภาพสง สามารถตดตอเจาหนาททดแล

เซรฟเวอรไดตลอดเวลา คอหวใจส าคญในการเลอก

ผใหบรการดานน นอกจากความพรอมในการ

ออกแบบและจดท าเวบไซตแลว เรายงมความพรอม

3. สอประชาสมพนธ

ไดแก เรองราวทเปนเนอหา สาระ รปภาพ สญลกษณ หรอเครองหมาย

อาจจะเปนสอค าพด เชน การสนทนา การประชม การสมมนา การอภปราย การ

ปาฐกถา ฯลฯ สอสงพมพ เชน จดหมาย บตรอวยพร แผนปลว หนงสอ

วารสาร รปลอก ฯลฯ หรอสอภาพและเสยง เชน ถายภาพ สไลด แผนโปรงใส

วทยกระจายเสยง วทยโทรทศน สไลดมลตวชน เทปเสยง ภาพยนตร

คอมพวเตอร ฯลฯ ซงเปนสอทสามารถสอสารความเขาใจได การเลอกใชสอใน

การประชาสมพนธมความส าคญ ถาเปนบคคลภายในอาจใชโทรทศนวงจรปด

เสยงตามสาย ประกาศขาว จดหมายขาว ถาเปนประชาชนทวไป สอ

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

4. กลมประชาชนเปาหมายในการประชาสมพนธ

ไดแก กลมบคคลหรอประชาชนทเปนเปาหมายในการสอสารประชาสมพนธ

ครงนน ๆ ดงน

4.1 กลมประชาชนภายใน หมายถง กลมบคลากร เจาหนาท พนกงาน ของ

องคกร สถาบนหรอหนวยงาน

4.2 กลมประชาชนภายนอก หมายถง กลมบคคลทอยภายนอกองคกร สถาบน

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

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

องคประกอบของเวบไซตจะเปนปจจยหลกทมผลตอเวบไซต ๆ หนงในการทจะ

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

1. Domain Name :ชอและทอยของเวบไซตในการเรยกขอมลเวบไซตของ

ทานมาแสดงผล เชน www.yourcompany.com เปนตน ปจจบนมกจดชอ domain

name ใหเปนชอทสอถงสนคาหรอบรการหรอเปนชอองคกร และอาศยการท า

ประชาสมพนธผาน Search Engine และ Web Directory การเลอกใชชอเวบไซตท

เหมาะสมกมสวนในการท าใหเวบไซตของคณประสบความส าเรจเชนกน

2. Design & Development : การออกแบบและจดท าเวบไซตโดยทวไปแลว

ส าหรบเวบไซตประชาสมพนธองคกรการออกแบบเวบไซต เปนเพยงสวนทท า

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

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

น ามาซงความนาเชอถอใหเกดแกผเขาเยยมชมได หากแตมกมคนเขาใจผดเกยวกบ

การออกแบบเวบไซตวาเวบไซตทมการออกแบบดมความสวยงาม และมการ

น าเสนอทนาสนใจจะสามารถดงดด และเพมปรมาณผเขาเยยมชมไดในความเปน

จรงแลว การเขาถงกลมเปาหมายและเพมปรมาณของผเขาเยยมชมนน เปนหนาท

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

6. เวบไซตเพอการสอน (Instructional website) เปนเวบทสรางขนเปน

การสอนโดยเฉพาะเปนรายวชา (Course) อาจแยกยอยเปนหวเรองเรองยอยๆ กได

ส าหรบเวบไซตประเภทนจะจ ากดผใชเฉพาะราย

7. เวบไซตทจ ากดเฉพาะสมาชก (Registrational website) เปนเวบไซตท

บรการเฉพาะสมาชกเทานน ผทจะใชตองลงทะเบยนตามราคาทก าหนดโดยบตร

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

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

ตวอยางสนคาหรอบรการใหศกษาบางสวนจนพอใจดวย

การประเมนเวบไซต

1. หนาทของเวบไซต (Authority) เกยวกบหนาทของเวบทสรางขนนนตอง

ดวาใครหรอผใชเวบน อะไรคอความถกตอง เหมาะสม ชอบธรรม ระหวาง

ความสมพนธของเรองและการรบประกนคณภาพของเวบเพจนทมตอผชม

2. ความถกตอง (Accuracy) แหลงขอมลและขอเทจจรงทน ามาสรางเวบ

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

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

ความสมพนธของสงทตองการนนชดเจน

4. ความเปนปจจบน (Currency) เวบเพจทสรางขนนนตองแสดงวนททเปน

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

5. ความครอบคลม (Coverage) การสรางเวบไซตตองใหตรงกบจดสนใจ

หวเรองมความชดเจน เหมาะกบรปภาพ โครงเรองและเนอหาสาระวธการคนหา

ขอมลในเวบไซตชดเจน

แหลงอางอง : ประเภทและสวนประกอบของเวบไซต.(2554).

http://www.websuay.com/th/web_page/web_component

การประเมนเวบไซด

การออกแบบและพฒนาเวบไดเพมขนโดยล าดบและนบวนจะยงทวจ านวนขน ในปจจบนมเวบเพจออนไลนในระบบอนเทอรเนตนบรอย ๆ ลานเวบ แตมค าถามส าคญทตองมาหาค าตอบกคอ เวบแบบไหนทมคณภาพด เวบแบบใดจงจะถอวาเปนเวบทมคณคา และเหมาะสมส าหรบน ามาใชประโยชน เปนเรองทตองตอบค าถามกนอยเสมอและยงไมมค าตอบทชดเจน เมอพจารณาแบบประเมนเวบเพจของ ดร.แนนซ อเวอรฮารท (Everhart, 1996) ภาควชาบรรณารกษและสารสนเทศศาสตร มหาวทยาลยเซนตจอหน รฐนวยอรค สหรฐอเมรกา ซงก าหนดระดบการใหคะแนนเอาไวอยางนาสนใจและนาจะน ามาขยายความ เพอประโยชนในการประเมนคณภาพของเวบส าหรบนกออกแบบและพฒนาเวบ รวมถงผท เกยวของในการจดสารสนเทศผานระบบอนเทอรเนต จะไดมแนวทางในการตรวจสอบและประเมนคณภาพทสามารถอธบายเหตผลได

ประเภทของเวบไซตออกเปน 7 ประเภท ดงน

1. เวบไซตสวนตว (Personal website) เปนเวบทสรางขนเพอเผยแพร

ขอมลสวนตว เชน ขอมลเกยวกบสวนตว การศกษา การงาน ความสนใจ เปนตน

2. เวบไซตเพอธรกจการคา (Promotional website) เวบไซตนม

จดประสงค เพอการคาขายสนคา การโฆษณาสนคา การสงเสรมการขาย ใน

เวบไซตจะมขอมลของสนคา ราคาและการบรการตางๆ ซงในปจจบนตลาด

ประเภทนก าลงใชกนมากขน

3. เวบไซตทเสนอขาวประจ าวน (Current website) เปนเวบทเสนอขอมล

ประเภทขาว ซงจะเปลยนไปเปนประจ าวน เชน เวบไซตของหนงสอพมพไทยรฐ

เดลนวส เปนตน

4. เวบไซตสงเสรมการบรการเปนสอกลางของขอมล (Share Information

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

เชน แบงตามอาชพ ตามงานอดเรก เปนตน

5. เวบไซตทสรางขนเพอชกชวนหรอโฆษณาชวนเชอ (Persuasive web-

site) เปนเวบทเชญชวนหรอชกน าใหเหนคลอยตามในเรองทผสรางตองการ

วธการออกแบบหนาตาของเวบไซตอย 3 รปแบบ คอ

ออกแบบหนาเวบไซตทเนนการน าเสนอเนอหามากๆ

เปนการออกแบบเวบไซตทมการน าเสนอเนอหามากกวารปภาพ โดยจะ

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

เปนชนเลกๆได

ออกแบบหนาเวบไซตทเนนภาพกราฟกเปนหลก

เปนการออกแบบเวบไซตทมภาพกราฟกทสวยงามถกจดวางไวในหนา

โฮมเพจ ซงแตกตางจากขอแรกมากเพราะจะไมคอยมขอความในเวบเพจ แตจะ

เปนการ Link ทภาพเพอเขาไปยงหนาเวบเพจอนๆตอไป การสรางเวบไซตแบบน

จะใหโปรแกรม Photoshop ส าหรบตกแตงภาพกอนน าไปใชบนหนาแวบ

ออกแบบหนาเวบไซตทมทงภาพและเนอหา

เปนการออกแบบหนาเวบไซตทผสมกนระหวางขอ1 และ 2 ขางตน โดย

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

ประกอบภาพลงไป เพอใหเวบไซตของเรามความสวยงามดวยภาพกราฟกทน ามา

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

โดยแนวคดของอเวอรฮารท จะมดวยกน 9 ดานคอ

1. ความทนสมย (Currency) 2. เนอหาและขอมล (Content and Information) 3. ความนาเชอถอ (Authority) 4. การเชอมโยงขอมล (Navigation) 5. การปฏบตจรง (Experience) 6. ความเปนมลตมเดย (Multimedia) 7. การใหขอมล (treatment) 8. การเขาถงขอมล (Access) 9. ความหลากหลายของขอมล (Miscellaneous)

การโปรโมทเวบไซต

คอ การโฆษณาเผยแพรเวบไซตทเราสรางขนใหเปนทรจกอยางทวถง โดยเฉพาะ

ใหเปนทรจกของผทใชอนเทอรเนต ถอเปนกลยทธอยางหนงส าหรบใชแจง

ขาวสาร เพอเชญชวนใหนกทองเวบไดเขามาเยยมชมเวบไซตของตนโดยทวไป

แลวนกทองเวบมกจะท าการคนหาขอมลของเวบไซตผานทางเครองมอประเภท

เวบไดเรกทอร และ Search Engine จงสามารถน ามาใชเปนชองทางในการโป

รโมทเวบไซต

การโปรโมทเวบไซต

เปนการโฆษณาผานทางสอหนงสอพมพโดยการลงโฆษณาใน

หนงสอพมพทวๆไปเพอใหคนรจกและเขาถงไดโฆษณาผานทาง

บลบอรดตามแหลงชมชน ถนนใหญๆ หรอแหลงทมคนผานในแตละวน

เปนจ านวนมากโฆษณาผานสอรถยนต เชน โฆษณาดวยการตดแบนเนอร

หรอชอเวบไซตขางรถยนตของตวเองหรอรถยนตประจ าทาง ( รถเมล )

ผานนามบตร โดยการพมพชอเวบไซตหรอ URL ลงบนนามบตร ซงถอ

วาเปนอกชองทางหนงผานเสอทสวมใส โดยการพมพชอเวบไซตลงบน

เสอเพอใหตดตาคนทพบเหนการโฆษณาผานถงกระดาษ ถงพลาสตก

หรอแพคกงขางขวดหบหอตางๆ

ขนทสามออกแบบหนาโฮมเพจ (Home Page)

ขนตอนการออกแบบเวบไซต

ขนแรกออกแบบโครงสรางเวบไซต

ขนทสองออกแบบการเชอมโยงไฟล

การโปรโมทเวบไซตโดยใชบรการของเวบไดเรกทอร มทงแบบเสย

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

อยในล าดบตนๆ อาจตองเสยคาใชจายเพมขนอก ไดแก ya-

hoo.com,mickinley.com และ google.com

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

ก าหนดหมวดหมทตองการขนเอง โดยผลลพธทไดอาจไมปรากฏอยล าดบตนๆ

โดยมเวบใหบรการไดแก sanook.com,hunsa.com,hotbot.com เปนตน

การเรยนการสอนผานเวบ (Web-Based Instruction)เปนการผสมผสาน

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

เพมประสทธภาพทางการเรยนรและแกปญหาในเรองขอจ ากดทางดานสถานท

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

ไวด เวบ ในการจดสภาพแวดลอมทสงเสรมและสนบสนนการเรยนการสอน ซง

การเรยนการสอนทจดขนผานเวบนอาจเปนบางสวนหรอทงหมดของกระบวนการ

เรยนการสอนกได วลด ไวด เวบ เปนบรการบนเครอขายอนเทอรเนตซงไดรบ

ความนยมอยางแพรหลายในปจจบน เรมเขามาเปน ทรจกในวงการศกษาใน

ประเทศไทยตงแต พ.ศ. 2538 ทผานมาเวบไดเขามามบทบาทส าคญทางการศกษา

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

การสงเสรมการเรยนรเพอเปดประตการศกษาจากหองเรยนไปสโลกแหงการ

เรยนรอนกวางใหญ รวมทงการน าการศกษาไปสผทขาดโอกาสดวย ขอจ ากด

ทางดานเวลาและสถานท (ถนอมพร เลาหจรสแสง.2544)

การเรยนการสอนผานเวบ (Web-Based Instruction) เปนการผสมผสานกน

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

ประสทธภาพทางการเรยนรและแกปญหาในเรองขอจ ากดทางดานสถานทและ

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

เวบ ในการจดสภาพแวดลอมทสงเสรมและสนบสนนการเรยนการสอน ซงการ

เรยนการสอนทจดขนผานเวบนอาจเปนบางสวนหรอทงหมดของกระบวนการ

เรยนการสอนกได

การออกแบบโครงสรางเวบไซต การออกแบบโครงสรางเวบไซต (Site Structure Design) คอ การจดหมวดหม และล าดบของเนอหา แลวจดท าเปนแผนผงโครงสรางเวบไซต ซงจะท าใหเรารวามเนอหาอะไรบางภายในเวบไซต และแตละหนาเวบเพจนนมการเชอมโยงกนอยางไร โครงสรางเวบไซตทดจะชวยใหผชมไมสบสนและคนหาขอมลทตองการไดอยางรวดเรว ไมควรเปนล าดบทลกหลายชนเกนไป เพราะผใชจะเบอเสยกอน กวาจะคนหาเจอหนาทตองการ 1. รวบรวมขอมล เนอหาทจะน ามาสรางเวบ แลวน ามาจดหมวดหม และล าดบเนอหากอนหลง (ตดสวนทไมจ าเปนออก) แลววางโครงสรางเวบไซตในภาพรวมทงหมด 2. จดท าแผนผงโครงสรางการเชอมโยงไฟล เปนแผนผงทแสดงโครงสรางขอมล ล าดบชน และการเชอมโยงสวนตางๆ อยางชดเจน 3. ออกแบบหนาแรกของเวบไซต หรอทเรยกวา Home page

3.เวบชวยสอนแบบศนยการศกษา (Web Pedagogical Resources) เปนชนดของ

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

หรอเปนแหลงสนบสนนกจกรรมทางการศกษา ซงผทเขามาใชกจะมสอใหบรการ

อยางรปแบบอยางเชน เปนขอความ เปนภาพกราฟก การสอสารระหวางบคคล

และการท าภาพเคลอนไหวตางๆ เปนตน

ความหมายของการเรยนการสอนผานเวบ

การใชเวบเพอการเรยนการสอนเปนการน าเอาคณสมบตของอนเทอรเนต

มาออกแบบเพอใชในการศกษา การจดการเรยนการสอนผานเวบ (Web-Based

Instruction) มชอเรยกหลายลกษณะ เชนการจดการเรยนการสอนผานเวบ(Web-

Based Instruction) เวบการเรยน(Web-Based Learning) เวบฝกอบรม (Web-Based

Training) อนเทอรเนตฝกอบรม (Internet-Based Training) อนเทอรเนตชวยสอน

(Internet-Based Instruction) เวลดไวดเวบฝกอบรม (WWW-Based Training) และ

เวลดไวดเวบชวยสอน (WWW-Based Instruction) (สรรรชต หอไพศาล. 2545)

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

ไดแก

คาน (Khan, 1997) ไดใหค าจ ากดความของการเรยนการสอนผานเวบ (Web-Based

Instruction)ไววาเปนการเรยนการสอนทอาศยโปรแกรมไฮเปอรมเดยทชวยในการ

สอน โดยการใชประโยชนจากคณลกษณะและทรพยากรของอนเทอรเนต มาสราง

ใหเกดการเรยนรอยางมความหมายโดยสงเสรมและสนบสนนการเรยนรอยาง

มากมายและสนบสนนการเรยนรในทกทาง

คลารก (Clark, 1996) ไดใหค าจ ากดความของการเรยนการสอนผานเวบวา เปน

การเรยนการสอนรายบคคลทน าเสนอโดยการใชเครอขายคอมพวเตอรสาธารณะ

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

ทตดตงไวไดโดยผานเครอขาย

รแลน และกลลาน (Relan and Gillani, 1997) ไดใหค าจ ากดความของเวบในการ

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

โดยกลมคอนสตรคตวซมและการเรยนรในสถานการณรวมมอกน โดยใช

ประโยชนจากคณลกษณะและทรพยากรในเวลดไวดเวบ

ประเภทของการเรยนการสอนผานเวบ

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

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

ประเดนนมนกการศกษาหลายทานไดใหขอเสนอแนะเกยวกบประเภทของการ

เรยนการสอนผานเวบ ดงตอไปน

พารสน(Parson,1997) ไดแบงประเภทของการเรยนการสอนผานเวบออกเปน 3

ลกษณะคอ

1.เวบชวยสอนแบบรายวชาอยางเดยว (Stand - Alone Courses) เปนรายวชาทม

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

ทสด ถาไมมการสอสารกสามารถทจะไปผานระบบคอมพวเตอรสอสารได

ลกษณะของเวบชวยสอนแบบนมลกษณะเปนแบบวทยาเขตมนกศกษาจ านวนมาก

ทเขามาใชจรงแตจะมการสงขอมลจากรายวชาทางไกล

2.เวบชวยสอนแบบเวบสนบสนนรายวชา (Web Supported Courses) เปนรายวชา

ทมลกษณะเปนรปธรรมทมการพบปะระหวางครกบนกเรยนและมแหลงใหมาก

เชน การก าหนดงานทใหท าบนเวบ การก าหนดใหอาน การสอสารผานระบบ

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

โดยรวมกจกรรมตางๆ เอาไว