2. Theory development and design Website
ผู้จัดทำ
นำยปิยะนันท์ เอี่ยมพิจิตร 533410080439
นำงสำวจุฬำลักษณ์ จูมพล 533410080405
นำงสำวปภัสรำ โสมำบุตร 533410080411
นำงสำวประภำศรี คำทุม 533410080412
สำขำคอมพิวเตอร์ศึกษำ ปี 4 หมู่ 4
ผู้สอน
อำจำรย์ปวริศ สำรมะโน
คณะครุศำสตร์
มหำวิทยำลัยรำชภัฏมหำสำรคำม
คำนำ
หนังสือเล่มเล็กเล่มนี้จัดทำขึ้นเพื่อใช้ประกอบในกำรทำเว็บไซต์
เนื้อหำภำยในประกอบด้วย ควำมหมำยของเว็บไซต์ องค์ประกอบของกำร
ออกแบบเว็บไซต์ ทฤษฏีสี (Theory of Colors) หลักกำรออกแบบเว็บไซต์
ขั้นตอนกำรพัฒนำเว็บไซต์ ส่วนประกอบของเว็บไซต์ องค์ประกอบของเว็บ
เพจ
ข้อควรหลีกเลี่ยงในกำรทำเว็บไซต์ ควำมหมำยของบทเรียนผ่ำนเว็บ รูปแบบ
ของบทเรียนผ่ำนเว็บ กำรประชำสัมพันธ์ กำรประเมินเว็บไซต์ ซึ่งทำงผู้จัดทำ
ได้รวบรวมและสรุปออกมำในแต่ละเนื้อหำที่คิดว่ำจะมีประโยชน์ต่อผู้ที่สนใจ
ศึกษำเรื่องกำรทำเว็บไซต์
ขอขอบพระคุณ อำจำรย์ปวริศ สำรมะโน ที่ให้คำปรึกษำและ
ควำมรู้ในกำรจัดทำหนังสือเล่มเล็กจนประสบควำมสำเร็จในครั้งนี้
หำกมีข้อผิดพลำดประกำรทำงผู้จัดทำก็ขออภัย ณ โอกำสนี้ด้วย
ผู้จัดทำ

3. สำรบัญ
เรื่อง หน้ำ
ควำมหมำยของเว็บไซต์……………………………………………………………… 1
องค์ประกอบของกำรออกแบบเว็บไซต์………………………………………… 2
ทฤษฏีสี (Theory of Colors)…………………………………………………….. 4
หลักกำรออกแบบเว็บไซต์…………………………………………………………… 11
ขั้นตอนกำรพัฒนำเว็บไซต์………………………………………………………….. 14
ส่วนประกอบของเว็บไซต์…………………………………………………………… 16
องค์ประกอบของเว็บเพจ…………………………………………………………… 19
ข้อควรหลีกเลี่ยงในกำรทำเว็บไซต์………………………………………………. 21
กำรประเมินเว็บไซต์…………………………………………………………………… 28
ควำมหมำยของบทเรียนผ่ำนเว็บ ………………………………………………… 29
ประเภทของบทเรียนผ่ำนเว็บ……………………………………………………… 30
รูปแบบของบทเรียนผ่ำนเว็บ………………………………………………………. 31
กำรประชำสัมพันธ์…………………………………………………………………….. 32
สรุป………………………………………………………………………………………… 32
อ้ำงอิง
ควำมหมำยของเว็บไซต์(Web site)
เว็บไซต์ (อังกฤษ: website, web site, Web site) หมำยถึง หน้ำ
เว็บเพจหลำยหน้ำ ซึ่งเชื่อมโยงกันผ่ำนทำงไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อ
นำเสนอข้อมูลผ่ำนคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้ำแรก
ของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่ำ โฮมเพจ เว็บไซต์โดยทั่วไปจะ
ให้บริกำรต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบำงเว็บไซต์จำเป็นต้องมีกำรสมัคร
สมำชิกและเสียค่ำบริกำรเพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทำง
วิชำกำร ข้อมูลตลำดหลักทรัพย์ หรือข้อมูลสื่อต่ำงๆ ผู้ทำเว็บไซต์มี
หลำกหลำยระดับ ตั้งแต่สร้ำงเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจ
หรือองค์กรต่ำงๆ กำรเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่ำนซอฟต์แวร์ใน
ลักษณะของ เว็บเบรำว์เซอร์
ตัวอย่ำงเว็บไซต์มหำวิทยำลัยนรำธิวำสรำชครินทร์
1

4. ควำมหมำยของโฮมเพจ (Home Page)
โฮมเพจ (Home Page) คือเว็บเพจหน้ำแรกซึ่งเป็นทำงเข้ำหลัก
ของเว็บไซต์ ปกติเว็บเพจทุกๆ หน้ำในเว็บไซท์จะถูกลิงค์ (โดยตรงหรือโดย
อ้อมก็ตำม) มำจำกโฮมเพจ ดังนั้นบำงครั้งจึงมีผู้ใช้คำว่ำโฮมเพจโดยหมำยถึง
เว็บไซท์ทั้งหมด แต่ควำมจริงแล้วโฮมเพจหมำยถึงหน้ำแรกเท่ำนั้น ถ้ำ
เปรียบกับร้ำนค้ำ โฮมเพจก็เป็นเสมือนหน้ำร้ำนนั่นเอง ดังนั้นจึงมักถูก
ออกแบบให้โดดเด่นและน่ำสนใจมำกที่สุด
ควำมหมำยของเว็บเพจ (Web Page)
เว็บเพจ (Web Page) หมำยถึง หน้ำเอกสำรของ
บริกำร WWW ซึ่งตำมปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ HTML (Hyper
Text Markup Language) โดยไฟล์ HTML 1 ไฟล์ก็คือเว็บเพจ 1 หน้ำ
นั่นเอง ภำยในเว็บเพจอำจประกอบไปด้วยข้อควำม ภำพ เสียง วิดีโอ และ
ภำพเคลื่อนไหวแบบมัลติมีเดีย นอกจำกนี้เว็บเพจแต่ละหน้ำจะมีกำร
เชื่อมโยงหรือ “ลิงค์” (Link) กัน เพื่อให้ผู้ชมเรียกดูเอกสำรหน้ำอื่นๆ ที่
เกี่ยวข้องได้สะดวกอีกด้วย
องค์ประกอบของกำรออกแบบเว็บไซต์ มีดังนี้คือ
1) ควำมเรียบง่ำย ได้แก่ มีรูปแบบที่เรียบง่ำย ไม่ซับซ้อน และใช้
งำนได้สะดวก ไม่มีกรำฟิก หรือตัวอักษรที่เคลื่อนไหวอยู่ตลอดเวลำ ชนิดและ
สีของตัวอักษรไม่มำกจนเกินไปทำให้วุ่นวำย
2) ควำมสม่ำเสมอ ได้แก่ ใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ เช่น
รูปแบบของหน้ำ สไตล์ของกรำฟิก ระบบเนวิเกชันและโทนสี ควรมีควำม
คล้ำยคลึงกันตลอดทั้งเว็บไซต์
3) ควำมเป็นเอกลักษณ์กำรออกแบบเว็บไซต์ควรคำนึงถึงอัต
ลักษณ์และลักษณะขอองค์กรเพรำะรูปแบบของเว็บไซต์จะสะท้อนถึง
เอกลักษณ์และลักษณะขององค์กรนั้นๆเช่นถ้ำเป็นเว็บไซต์ของทำงรำชกำร
จะต้องดูน่ำเชื่อถือไม่เหมือนสวนสนุก ฯลฯ
4) เนื้อหำที่มีประโยชน์ เนื้อหำเป็นสิ่งที่สำคัญที่สุดในเว็บไซต์
ดังนั้นควรจัดเตรียมเนื้อหำและข้อมูลที่ผู้ใช้ต้องกำรให้ถูกต้อง และสมบูรณ์ มี
กำรปรับปรุงและเพิ่มเติมให้ทันเหตุกำรณ์อยู่เสมอ เนื้อหำไม่ควรซ้ำกับ
เว็บไซต์อื่นจึงจะดึงดูดควำมสนใจ
5) ระบบเนวิเกชันที่ใช้งำนง่ำย ต้องออกแบบให้ผู้ใช้เข้ำใจง่ำยและ
ใช้งำนสะดวก ใช้กรำฟิกที่สื่อควำมหมำยร่วมกับคำอธิบำยที่ชัดเจน มีรูปแบบ
และลำดับของรำยกำรที่สม่ำเสมอ เช่น วำงไว้ตำแหน่งเดียวกันของทุกหน้ำ
6) ลักษณะที่น่ำสนใจ หน้ำตำของเว็บไซต์ต้องมีควำมสัมพันธ์กับ
คุณภำพขององค์ประกอบประกอบต่ำงๆ เช่น คุณภำพของกรำฟิกที่จะต้อง
สมบูรณ์ กำรใช้สี กำรใช้ตัวอักษรที่อ่ำนง่ำย สบำยตำ กำรใช้โทนสีที่เข้ำกัน
ลักษณะหน้ำตำที่น่ำสนใจนั้นขึ้นอยู่กับควำมชอบของแต่ละบุคคล
7) กำรใช้งำนอย่ำงไม่จำกัดผู้ใช้ ส่วนใหญ่สำมำรถเข้ำถึงได้มำก
ที่สุดเลือกใช้บรำวเซอร์ชนิดใดก็ได้ในกำรเข้ำถึงเนื้อหำสำมำรถแสดงผลได้ทุก
ระบบปฏิบัติกำรและควำมละเอียดหน้ำต่ำงๆ กันอย่ำงไม่มีปัญหำเป็นลักษณะ
สำคัญสำหรับผู้ใช้ที่มีจำนวนมำก
8) คุณภำพในกำรออกแบบ กำรออกแบบ และ กำรเรียบเรียง
เนื้อหำอย่ำงรอบคอบสำมำรถสร้ำงควำมรู้สึกว่ำเว็บไซต์มีคุณภำพถูกต้องและ
เชื่อถือได้
9) ระบบกำรใช้งำนที่ถูกต้อง กำรใช้แบบฟอร์มสำหรับกรอกข้อมูล
ต้องสำมำรถกรอกได้จริงใช้งำนได้จริงลิงค์ต่ำงๆจะต้องเชื่อมโยงไปหน้ำที่มีอยู่
32

5. จริงและถูกต้องระบบกำรทำงำนต่ำงๆในเว็บไซต์จะต้องมีควำมแน่นอนและ
ทำหน้ำที่ได้อย่ำงถูกต้อง
ทฤษฏีสี (Theory of Colors)
แม่สี อำจจำแนกออกได้เป็น 3 ประเภทคือ
แม่สีจิตวิทยำ หมำยถึง เป็นสีในกลุ่มที่มีอิทธิพลต่อควำมรู้สึก และ
มีผลต่อจิตใจของมนุษย์ กล่ำวคือสีที่เรำพบเห็นจะสำมำรถโน้มน้ำวชวนให้
รู้สึกตื่นเต้น โศกเศร้ำ โดยมำกมักใช้ในกำรรักษำคนไข้ได้ เช่นโรคประสำท
หรือโรคทำงจิต แม่สีจิตวิทยำสี 4 สีประกอบด้วย สีแดง สีเหลือง สีเขียว และ
สีน้ำเงิน
แม่สีวิทยำศำสตร์ หมำยถึง แม่สีวิทยำศำสตร์เป็นสีที่เกิดจำกกำร
สร้ำงหรือประดิษฐ์ขึ้นจำกกระบวนกำรทำงวิทยำศำสตร์เช่น สีของหลอดไฟ สี
ที่ผ่ำนแท่งแก้วปริซึม
ที่เกิดจำกกำรสะท้อนและกำรหักเหของแสง แม่สีในกลุ่มนี้ประกอบด้วย สี
แสด สีเขียวมรกต และสีม่วง
แม่สีศิลปะ หมำยถึง แม่สีศิลปะหรือบำงครั้งเรียกว่ำ แม่สีวัตถุธำตุ
หมำยถึงสีที่ใช้ในกำรวำดภำพ หรือสร้ำงสรรค์ผลงำนทำงศิลปะทั่วๆ ไปซึ่งเมื่อ
นำมำผสมกันในปริมำณต่ำงๆที่ต่ำงอัตรำส่วนกันจะเกิดสีต่ำงๆมำกมำยให้เรำ
ได้เลือกหรือนำมำใช้ในกำรสร้ำงสรรค์ ผลงำนที่สวยงำมได้ แม่สีในกลุ่มนี้
ประกอบด้วย สีแดง สีเหลือง และสีน้ำเงิน
วงจรสี
แม่สีศิลปะประกอบด้วย สี แดง สีเหลือง และสีน้ำเงิน ซึ่งเมื่อนำแม่
สีทั้งสำมมำผสมกันในอัตรำส่วนต่ำงๆก็จะเกิดสีขึ้นมำมำกมำย ซึ่งประโยชน์
จำกกำรที่เรำนำสีมำผสมกันทำให้เรำ สำมำรถเลือกสีต่ำงๆมำใช้ได้ตำมควำม
พอใจ สร้ำงสรรค์ผลงำนศิลปะที่งดงำมตำมควำมพอใจขอผู้สร้ำง สีที่เกิดจำก
กำรนำเอำแม่สีมำ ผสมกัน เกิดสีใหม่เมื่อนำมำจัดเรียงอย่ำงเป็นระบบรวม
เรียกว่ำวงจรสี
ภำพแสดงวงจรของสีที่เกิดจำกกำรนำแม่สีมำผสมกัน
กำรเกิดสีดังภำพ เกิดจำกกำรนำเอำแม่สีมำผสมกัน ในอัตรำส่วนต่ำงๆกันซึ่ง
พอสรุปได้ดังนี้
สีขั้นที่1 (สีขั้นต้นหรือแม่สี) (Primary Color) ประกอบด้วย สี แดง สี
เหลือง และสีน้ำเงิน
สีขั้นที่ 2 (Binary Color) เกิดจำกกำรนำเอำสีขั้นที่ 1 (แม่สี) มำผสมใน
อัตรำส่วนเท่ำๆกันประกอบด้วยสี
สีเขียว เกิดจำกกำรนำเอำ สีเหลือง กับ สีน้ำเงิน มำผสมกันใน
อัตรำส่วนเท่ำๆกัน
ส้ม เกิดจำกกำรนำเอำ สีเหลือง กับ สีแดง มำผสมกันในอัตรำส่วน
ที่เท่ำๆกัน
4 5

6. สีม่วง เกิดจำกกำรนำเอำ สีน้ำเงิน กับ สีแดง มำผสมกันใน
อัตรำส่วนที่เท่ำๆกัน
สีขั้นที่ 3 (Intermediate Color) เกิดจำกกำรนำเอำสีขั้นที่ 2 ผสมกับสี
ขั้นต้นที่อยู่ใกล้เคียงกันได้สีแตกต่ำงออกไป ได้แก่
สีเหลืองแกมเขียว เกิดจำก กำรผสมกันระหว่ำงสีเหลืองกับสีเขียวอย่ำงละ
เท่ำๆกัน
สีน้ำเงินแกมม่วง เกิดจำกกำรผสมกันระหว่ำงสีน้ำเงินกับสีม่วงอย่ำงละ
เท่ำๆกัน
สีแดงแกมม่วง เกิดจำกกำรผสมกันระหว่ำงสีแดงกับสีม่วงอย่ำงละเท่ำๆกัน
สีแดงแกมส้ม เกิดจำกกำรผสมกันระหว่ำงสีแดงกับสีส้มอย่ำงละเท่ำๆกัน
สีเหลืองแกมส้ม เกิดจำกกำรผสมกันระหว่ำงสีเหลืองกับสีส้มอย่ำงละ
เท่ำๆกัน
สีน้ำเงินแกมเขียวเกิดจำกกำรผสมกันระหว่ำงสีน้ำเงินกับสีเขียวอย่ำงละ
เท่ำๆกัน
วรรณะของสี
จำกที่ได้ศึกษำเรื่อง แม่สี ในกลุ่มต่ำงๆ และเรื่องวงจรสี คงพอทำให้
มีพื้นฐำนทำงกำรใช้สีในงำนศิลปะทรำบหรือไม่ว่ำสีที่ผสมออกมำทั้ง 12 สีนั้น
สำมำรถแยกออกเป็นสองกลุ่มตำมค่ำควำมเข้มของสี หรือที่เรียกว่ำวรรณะ
ของสี (Tone of color) วรรณะของสีคือ ค่ำควำมแตกต่ำงของสีแต่ละด้ำน
ของวงจรสีที่แสดงถึงควำมรู้สึกที่แตกต่ำงกัน ซึ่งถ้ำเปรียบเทียบกับเสียงเพลง
หรือเสียงดนตรีก็คือเสียงสูง เสียงต่ำ ที่แสดงออกทำงอำรมณ์ ที่มีกำร
เคลื่อนไหว มีชีวิตชีวำ หรือเศร้ำโศกหรือรันทดใจสีที่อยู่ในวรรณะร้อน
(Warm tone color) ได้แก่ สีเหลืองส้ม สีส้ม สีแดง และสีม่วงแดง
สีที่อยู่ในวรรณะเย็น(Cool tone color) ได้แก่ สีเขียว สีฟ้ำ สีม่วงครำม
ภำพที่ 2.2 ภำพกลุ่มสีวรรณะร้อนและวรรณะเย็น
สีทั้งสองวรรณะอำจจะไม่ใช่สีที่สดดั่งเช่นในวงจรสี เพรำะควำมจริง
แล้วในธรรมชำติยังมีสีที่แตกต่ำงไปจำกในวงจรสีอีกมำกมำย ให้อนุมำนว่ำสี
ใดที่ค่อนไปทำงสีแดง หรือสีส้มให้ถือว่ำเป็นสีวรรณะร้อน ส่วนสีที่ค่อนไปทำง
น้ำเงิน เขียวให้อนุมำว่ำเป็นวรรณะเย็น ในกำรสร้ำงสรรค์งำนศิลปะที่ต้องให้สี
หลำยสีในภำพอย่ำงอิสระ และผู้เขียนสำมำรถใช้สีให้เกิดควำมกลมกลืนเป็น
อย่ำงดีจนชำนำญ จะเห็นว่ำเรื่องของวรรณะของสีนั้นเข้ำมำมีบทบำทใน
ภำพเขียนเสมอ กล่ำวคือโทนสีของภำพจะแสดงงออกไปทำงใดทำงหนึ่งของ
วรรณะสีเสมอ
องค์ประกอบหนึ่งที่จะนับได้ว่ำเป็นภำพเขียนที่ดี คือเมื่อเขียนภำพ
โทนเย็นก็มักจะเอำสีในวรรณะเย็นมำใช้เป็นส่วนมำก ส่วนภำพที่เป็นโทนร้อน
ก็จะนำสีในวรรณะร้อนมำใช้มำกเช่นกัน ในวรรณะของสีแต่ละฝ่ำยยังสำมำรถ
แยกออกเป็นอีก 2 ระยะคือ ร้อนอย่ำงรุนแรง หรือเข้มข้น คือแสดงออกถึง
ควำมรุนแรงของโทนสีในภำพที่มีผลต่ออำรมณ์ของผู้ชมอย่ำงแรง และ ร้อน
6 7

7. อย่ำงเบำบำง คือให้ควำมรู้สึกที่ไม่ร้อนแรงมำกอย่ำงประเภทแรก ใช้โทนสีที่
ร้อนแต่ไม่รุนแรง
ภำพเขียนที่ใช้โทนสีหรือวรรณะของสีเข้ำมำเกี่ยวข้องมักแสดง
ควำมรู้สึกและอำรมณ์ในภำพ เช่นวรรณะเย็นให้ควำมรู้สึก เศร้ำ สงบ
รำบเรียบ ส่วนวรรณะร้อนให้ควำมรู้สึกรื่นเริง เจิดจ้ำ และควำมขัดแย้งขึ้นอยู่
กับอำรมณ์ของศิลปินผู้สร้ำงสรรค์ผลงำน จิตรกรผู้สร้ำงมีอำรมณ์ใดใน
ขณะนั้นก็มักแสดงออกมำถึงโทนสีและควำมรู้สึกในภำพเขียนเช่น ปิคัสโซ่
(จิตรกรชำวสเปญ เกิดที่เมือง Malage เมื่อปี ค.ศ.1881) ซึ่งเมื่อขณะที่เขำ
เป็นหนุ่มมีควำมรักมักสร้ำงผลงำนในวรรณะร้อนค่อนไปทำงชมพู ส่วนในช่วง
ที่เขำทุกระทม ภำพเขียนเขำจะใช้สีในวรรณะเย็นค่อนไปทำงน้ำเงิน รวมทั้ง
ศิลปินต่ำงๆในประเทศไทยเรำก็สร้ำงสรรค์ผลงำนออกมำโดยใช้ควำมรู้เรื่อง
วรรณะของสีไปใช้ในกำรสร้ำงสรรค์เช่นเดียวกัน
ประเภทของสี
1. ค่ำควำมเข้มหรือน้ำหนักของสี
สีต่ำงๆ ที่เกิดขึ้นในวงจรสี หำกนำมำเรียงน้ำหนักควำมอ่อนแก่ของ
สี หลำยสีเช่น ม่วง น้ำเงิน เขียวแกมน้ำเงิน เขียว และเหลืองแกมเขียว หรือ
ม่วง แดง แดงส้ม ส้ม ส้มแกมเหลือง และเหลือง หรือเรียกว่ำค่ำในน้ำหนัก
ของสีหลำยสี (Value of different color) สำหรับค่ำควำมเข้มอีกประเภท
หนึ่งเกิดจำกกำรนำสีใดสีหนึ่งเพียงสีเดียวแล้วนำมำไล่น้ำหนักอ่อนแก่ใน
ตัวเอง เรียกว่ำค่ำน้ำหนักสีเดียว (Value of single color) ซึ่งถ้ำฝึกฝนได้เป็น
อย่ำงดีแล้ว สำมำรถนำควำมรู้จำกกำรไล่ค่ำน้ำหนักนี้ไปใช้ให้เกิดประโยชน์ได้
มำกในกำรสร้ำงงำนจิตรกรรม
2. สีตัดกัน หรือสีตรงข้ำม
สีตัดกันหรือสีตรงข้ำมก็คือสีที่อยู่ตรงข้ำมกันในวงจรสีนั่นเอง กำรที่
จะทรำบว่ำสีคู่ใดเป็นสีตรงข้ำมกันอย่ำงแท้จริงหรือไม่ ให้นำเอำสีคู่นั้นมำผสม
กันดู ถ้ำผลกำรผสมกันออกมำเป็นสีกลำงนั้นหมำยถึงว่ำสีคู่นั้นเป็นคู่สีตัดกัน
อย่ำงแท้จริงวิธีกำรใช้สีตรงข้ำมหรือสีตัดกันมีหลักกำรดังนี้
1.ปริมำณของสีที่ตัดกันกับวรรณะของสีทั้งหมดในภำพต้องอย่ำเกิน
10%
ของเนื้อที่ในภำพเขียน
2.ในลักษณะกำรนำไปใช้ในทำงประยุกต์ศิลป์ควรใช้ตำมหลักเกณฑ์
ดังนี้
2.1 กำรใช้สีตรงข้ำมหรือสีตัดกัน ต้องใช้สีใดสีหนึ่งจำนวน
80% อีกฝ่ำยหนึ่งต้องเป็น 20% จึงจะมีคุณค่ำทำงศิลปะ
2.2 หำกจำเป็นต้องใช้สีคู่ใดคู่หนึ่งปริมำณเท่ำๆกัน ควร
ต้องลดค่ำของคู่สีลง
2.3 หำกภำพเป็นลำยเล็กๆ เช่น ภำพที่เต็มไปด้วยต้นไม้
ใบไม้เล็ก กำรใช้สีตัดกันอย่ำงสดๆ สลับกัน ผลคือจะผสมผสำนกันเอง
2.4 หำกจำเป็นต้องใช้สีตัดกันในภำพใหญ่ๆหรือพื้นที่
ภำพมำกๆและสีคู่นั้นติดกัน ควรใช้เส้นดำมำคั่นหรือตัดเส้นด้วยสีดำ เพื่อลด
ควำมรุนแรงของภำพและคู่สีได้
3. สีเอกรงค์
คือสี สีเดียวหรือสีที่แสดงออกมำเด่นเพียงสีเดียว ซึ่งเหมือนว่ำจะ
คล้ำยคลึงกับสีสวนรวมหรือสีครอบงำ แต่ที่จริงแล้วสีทั้งสองชนิดมีวิธีกำรที่
แตกต่ำงกันออกไป สีส่วนรวมนั้นสีที่ใช้อำจเป็นสีสด หรือสีที่ลดค่ำลงไปแล้ว
98

8. แต่สีเอกรงค์ต้องใช้สีใดสีหนึ่งเป็นสีสดยืนพื้นเพียงสีเดียวแล้วลดค่ำ น้ำหนัก
อ่อนแก่ ในระยะต่ำงๆ เป็นต้น
หลักเกณฑ์คือ เมื่อเอำสีที่สดใสเป็นจุดเด่นของภำพแล้ว สีที่เป็น
ส่วนประกอบรอบๆต้องลดค่ำควำมสดลงแล้วนำเอำสีที่จุดเด่นนั้นไปผสมด้วย
บ้ำงทุกๆแห่งในภำพ ข้อสำคัญคือ สีที่จะนำมำประกอบนั้นจะใช้กี่สีก็ตำม แต่
โดยมำกนิยมใช้ไม่เกิน 5 สี โดยนำเอำมำจำกวงจรสีด้ำนหรือวรรณะใดวรรณะ
หนึ่ง ไม่นิยมนำมำจำกสองวรรณะ รวมทั้งสีที่ต้องกำรใช้เป็นสียืนพื้น(เอกรงค์)
ด้วย เพรำะสีที่อยู่ในด้ำนหรือวรรณะเดียวกันจะผสำนกลมกลืนกันง่ำยกว่ำ
ตัวอย่ำงเช่น ถ้ำเลือกสีมำ 6 สีจำกวงจรสีคือ เหลือง ส้ม แสด แดงชำด แดง
เลือดนก และม่วงแดง เมื่อนักเรียนจะทำเอกรงค์ของสีเหลือง ก็ใช้สีเหลือง
เป็นหลักหรือสีเด่น วำงจุดใดจุดหนึ่งของภำพแล้วนำสีอื่นๆข้ำงต้นมำลดค่ำ
หรือควำมสดใสลง(neutralized) โดยกำรนำเอำสีตรงข้ำงของแต่ละคู่มำผสม
ลงไปพอสมควร เมื่อจะระบำยก็นำเอำสีเหลืองที่เป็นสียืนพื้นเข้ำมำผสมด้วย
เล็กน้อยก็จะได้สีเอกรงค์ของสีเหลืองตำมที่เรำต้องกำร
กำรสร้ำงสรรค์งำนศิลปะด้วยสีเอกรงค์นี้จะได้ผลงำนที่งดงำม
เพรำะโครงสร้ำงสีจะดูไม่รุนแรง เพรำะว่ำจะมีมีเรื่องสีตัดกันเข้ำไปผสม และสี
แต่ละวรรณะก็ไม่เข้ำไปปะปนซึ่งกันและกัน นับว่ำเป็นงำนศิลปะที่มีโครงสร้ำง
ประณีต ผลงำนชิ้นเด่นๆของโลกก็ใช้วิธีกำรนี้เช่นกันข้อดีอีกอย่ำงหนึ่งของสี
เอกรงค์คือ โครงสีจะละเมียดละไม ไม่เบื่อง่ำยเหมือนกับกำรใช้สีหลำยสีมำ
ผสมผสำนกัน
4. สีส่วนรวม
สีส่วนรวมหรือสีครอบงำหมำยถึงสีใดสีหนึ่งที่มีจำนวนมำกกว่ำสีอื่น
ในพื้นที่หรือภำพนั้นๆ เช่น ภำพต้นไม่ที่เรำมองเห็นเป็นสีเขียว แต่ควำมจริง
แล้วในสีเขียวของต้นไม้นั้นอำจมีสีอื่นประกอบอยู่ด้วย เช่น สี เขียวอ่อน สี
เหลือง สีน้ำตำล เป็นต้น งำนจิตรกรรมทั้งแนวปัจจุบันและสมัยใหม่ล้วน
แล้วแต่ต้องใช้อิทธิพลของสีส่วนรวมเข้ำไปเกี่ยวข้องทั้งสิ้น แม้ว่ำสีอื่นจะ
เด่นชัดในบำงส่วนของภำพก็ตำม สีส่วนรวมหรือสีครอบงำนี้ จะช่วยทำให้
ภำพมีเอกภำพ และสมบูรณ์ขึ้น ตัวอย่ำงเช่น ภำพเขียนของศิลปินชำว
อิตำเลี่ยนสมัยโบรำณ มักจะใช้สีเหลืองหรือสีน้ำตำลเป็นสีครอบงำทั้งหมด
ภำยในภำพแทบทุกชิ้น ทั้งนี้ไม่จำกัดเฉพำะสองสีที่ยกตัวอย่ำงมำเท่ำนั้นอำจ
เป็นสีกลุ่มอื่นๆได้ ขึ้นอยู่กับควำมต้องกำรของผู้สร้ำงสรรค์
หลักกำรออกแบบเว็บไซต์
1. กำหนดเป้ำหมำยของเว็บไซต์ ว่ำจุดมุ่งหมำยที่สร้ำงเว็บไซต์
ขึ้นมำเพื่ออะไร คุณจะได้เตรียมข้อมูล และวำงแนวทำงของเว็บไซต์ได้ตรงกับ
เป้ำหมำยที่คุณวำงไว้ให้มำกที่สุด
2. ให้ควำมสำคัญของกำรออกแบบเว็บไซต์ กำรออกแบบเว็บไซต์
ที่ดี จะมีส่วนช่วยให้เว็บไซต์ของคุณเป็นที่นิยมของนักท่องเว็บได้ เรียกว่ำ
ประทับใจตั้งแต่แรกเห็นทีเดียว กำรออกแบบเว็บไซต์ดี ๆ จึงมีส่วนสำคัญที่จะ
ดึงดูดใจให้ผู้ใช้เข้ำไปใช้บริกำรและอยู่กับเว็บไซต์นำนที่สุด และกลับเข้ำมำใช้
บริกำรอีกในอนำคต
3. หำจุดเด่นของเว็บไซต์ เว็บไซต์แต่ละแห่งมีเป้ำหมำยที่แตกต่ำง
กัน ถ้ำเว็บไซต์ของคุณต้องกำรเน้นไปทำงด้ำนธุรกิจ คุณต้องหำจุดเด่นและ
ควำมได้เปรียบเหนือคู่แข่งให้ได้ เพรำะเว็บไซต์ก็คือ หน้ำร้ำนของคุณนั่นเอง
ลูกค้ำเดินเข้ำไปแล้วคุณอยำกให้เจออะไรก่อน อะไรหลังเหมือนกับกำรจัดโชว์
สินค้ำให้กับลูกค้ำให้ได้ดู ได้ลองนั่นเอง
1110

9. 4. ควำมเรียบง่ำย อ่ำนง่ำยสบำยตำ เว็บไซต์ที่มีรูปแบบที่เรียบ
ง่ำย ไม่ซับซ้อน และใช้งำนได้อย่ำงสะดวก กำรจัดหมวดหมู่ให้กับข้อมูลภำพ
กรำฟิกหรือตัวอักษร และใช้สีอย่ำงเหมำะสม จะได้เปรียบเว็บที่สับสนวุ่นวำย
5. ควำมสม่ำเสมอ เว็บเพจในเว็บไซต์ ต้องเป็นทิศทำงเดียวกัน
ตลอดทั้งเว็บไซต์
อำจจะใช้รูปแบบเดียว หรือแตกต่ำงบ้ำงระหว่ำงหน้ำหลักกับหน้ำทั่วไป
6. เนื้อหำดีมีประโยชน์ เนื้อหำถือว่ำเป็นสิ่งสำคัญที่สุดสำหรับ
เว็บไซต์ ดังนั้นคุณควรจัดเตรียมเนื้อหำให้กับเว็บไซต์ของคุณ โดยนำเสนอ
เนื้อหำที่ถูกต้อง ครบถ้วนและสมบูรณ์ และควรมีกำรปรับปรุงให้ทันต่อ
เหตุกำรณ์อยู่เสมอ
7. มีควำมเป็นเอกลักษณ์ รูปแบบของเว็บไซต์สำมำรถสะท้อนถึง
เอกลักษณ์ และ
ลักษณะขององค์กรนั้นได้ เช่น กำรใช้ชุดสี ชนิดตัวอักษร รูปภำพและกรำฟิก
ที่เป็นสีขององค์กรนั้น ๆ เช่น เว็บไซต์กำรบินไทยจะเน้นสีชมพู น้ำเงิน ม่วง
ซึ่งเป็นสีสัญลักษณ์ขององค์กร เป็นต้น
8. มีระบบเนวิเกชันที่ดี (Navigator bar) เนวิเกชัน หรือระบบนำ
ทำงในเว็บไซต์ทุกทิศมีที่ไปมีเครื่องหมำยให้ติดตำม เพื่อให้ผู้ที่เข้ำเยี่ยมชม
เว็บไซต์สำมำรถเลือกที่จะเข้ำไปใช้บริกำรได้ตรงจุดที่สนใจได้อย่ำงสะดวก
และสำมำรถที่จะย้อนกลับไปยังหน้ำเว็บต่ำง ๆ ภำยใน เว็บไซต์ได้คุณอำจจะ
สร้ำงเนวิเกชันด้วยข้อควำมกรำฟิกไว้ที่ส่วนบนของหน้ำเหนือด้ำนซ้ำยมือของ
หน้ำ และอำจจะมีแบบข้อควำมไว้ที่ท้ำยหน้ำด้วย พูดง่ำย ๆ คือ อยู่หน้ำใด
แล้วสำมำรถที่จะย้ำยไปหน้ำอื่นได้ทันที
9. ระบบกำรใช้งำนที่ถูกต้อง กำรทำงำนต่ำง ๆ ในเว็บไซต์จะต้องมี
ควำมแน่นอน และทำหน้ำที่ได้อย่ำงถูกต้อง คุณต้องตรวจสอบลิงค์ และกำร
แสดงผลกับบรำวเซอร์ที่แตกต่ำงกันต่ำง ๆถ้ำมีกำรใส่ Script ควรมีกำร
ทดสอบให้ดีว่ำสำมำรถใช้งำนได้จริง
10. ลดขนำดของภำพให้พอดี (Fixed image size) ภำพกรำฟิก
ที่นำมำใช้ในเว็บเพจอย่ำงมีขนำดใหญ่จนเกินไป เพรำะเวลำโหลดจะช้ำและ
นำนทำให้ผู้ชมเบื่อกับกำรรอคอย ควรใช้โปรแกรมพวก Photoshop หรือ
โปรแกรมตกแต่งภำพ ช่วยในกำรปรับแต่งและช่วยลดขนำดของภำพให้เล็กลง
11. โหลดไม่ช้ำหน้ำไม่ยำว (Fast load) เนื้อหำภำยในเว็บเพจ
โดยปกติไม่ควรยำวเกิน 3 หน้ำจอ ถ้ำเนื้อหำยำวมำกคุณควรจะแยกหัวข้อ
หรือเพิ่มลิงค์ให้ดูหน้ำต่อไปจะเป็นกำรดีกว่ำเพรำะถ้ำหน้ำยำวมำกจะทำให้
โหลดช้ำ
12. มีคำถำมคำตอบ (FAQ) ทุกคำถำมต้องมีคำตอบหำกเกิดผู้ชม
เข้ำไปใช้บริกำรเว็บไซต์ของคุณแล้วมีปัญหำหรือข้อสงสัยและต้องกำรควำม
ช่วยเหลือ คุณต้องมีคำตอบให้ ซึ่งจะทำให้ผู้ชมรู้สึกที่ดีกับเว็บไซต์ของคุณ
13. ติดต่อสะดวก (Contact) โลโก้ ชื่อสินค้ำ เบอร์โทร รวมไปถึง
ข้อมูลที่ใช้ติดต่อเว็บไซต์ เช่น แผนที่ อีเมล์ หรืออื่น ๆ ต้องเห็นชัด เพื่อให้ผู้ชม
สำมำรถติดต่อกับเว็บไซต์ได้สะดวก
14. หมั่นปรับปรุงเว็บไซต์ให้ทันสมัยอยู่เสมอ ข้อมูลต้อง Update
ให้ทันสมัยอยู่เสมอทั้งเทคโนโลยีและควำมนิยมของเว็บไซต์ที่มีกำร
เปลี่ยนแปลงอย่ำงรวดเร็ว แนวโน้มของกำรออกแบบเว็บไซต์เดี๋ยวนี้จะ
เหมือนกับเป็นแฟชั่นไปเสียแล้ว ถ้ำเว็บของคุณสร้ำงมำนำน ก็น่ำจะมีกำร
เปลี่ยนแปลงบ้ำง อย่ำงตอนนี้ฮิตภำพเคลื่อนไหว คุณก็น่ำจะมีบ้ำง แต่อย่ำงไร
ก็อย่ำลืมเอกลักษณ์เดิมขององค์กรเสียทีเดียว ดังเช่น เว็บสถำนีโทรทัศน์ไอทีวี
ที่ปรับโฉมตำม Concept ที่บอกว่ำ “Speed& Spice” ทำให้รูปแบบเว็บใหม่
มีสีสันดังที่เห็น
12 13

10. ขั้นตอนกำรพัฒนำเว็บไซต์
กระบวนกำรในกำรพัฒนำเว็บไซต์ ดังนี้
1. สำรวจปัจจัยสำคัญ (Research) ซึ่งมีปัจจัยหลัก 3 ประกำร
ดังนี้
1.1 กำหนดเป้ำหมำยและสำรวจควำมพร้อมของ
ทรัพยำกรที่มีอยู่ เช่นบุคลำกร เงินทุน
1.2 เรียนรู้กลุ่มผู้ชมโดยกำรระบุกลุ่มผู้ชมและศึกษำควำม
ต้องกำรของกลุ่มผู้ชม
1.3 ศึกษำเว็บไซต์ของคู่แข่งโดยกำรสำรวจและเรียนรู้
เพื่อวำงกลยุทธ์ในกำรแข่งขัน
2. พัฒนำเนื้อหำ (Site content)
2.1 สร้ำงกลยุทธ์กำรออกแบบเพื่อให้ได้แนวทำงในกำร
ออกแบบเว็บไซต์
2.2 หำข้อสรุปขอบเขตเนื้อหำเพื่อให้ได้ขอบเขตของ
เนื้อหำและกำรใช้งำนรวมถึงได้ข้อมูลที่ถูกจัดอย่ำงเป็นระบบ
3. พัฒนำโครงสร้ำงเว็บไซต์ (Site structure)
3.1 จัดกลุ่มข้อมูลให้เป็นระบบเมื่อมีข้อมูลเป็นจำนวน
มำกที่จะนำมำใช้ในเว็บไซต์จะต้องนำข้อมูลเหล่ำนั้นมำจัดให้เป็นระบบเพื่อให้
ได้เป็นร่ำงแผนผังโครงสร้ำง (Draft architecture plan) ด้วยกำรทดลองใช้
แนวคิดหลำย ๆ แบบ มำใช้เป็นเกณฑ์ในกำรจัดกลุ่ม และลองตั้งชื่อกลุ่ม
ข้อมูลเหล่ำนั้น จำกนั้นให้เปรียบเทียบแนวทำงกำรจัดกลุ่มข้อมูลของ
ผู้เกี่ยวข้อง ทุกคนเพื่อหำข้อสรุปที่คนส่วนใหญ่เข้ำใจได้ง่ำยระบบโครงสร้ำง
ข้อมูลที่ดีจะมีส่วนช่วยให้ผู้ใช้เข้ำใจภำพรวมของเนื้อหำได้ดี กำรเลือกใช้ระบบ
ข้อมูลแบบใดนั้นขึ้นอยู่กับวัตถุประสงค์และแนวคิดในกำรจัดแบ่งข้อมูลเป็น
สำคัญ สำหรับเว็บไซต์ทั่วไปควรจะหำกำรตอบสนอง ควำมต้องกำรของผู้ใช้
ซึ่งก็คือ ผู้ใช้อยำกรู้ว่ำข้อมูลที่ต้องกำรนั้นอยู่ที่ไหนและจะเข้ำถึงข้อมูลนั้นได้
อย่ำงไร ดังนั้น กำรจัดระบบข้อมูลในเว็บไซต์เพื่อให้ง่ำยต่อกำรค้นหำ จึงเป็น
สิ่งสำคัญที่จะช่วยส่งเสริมหรือช่วยขัดขวำงควำมสำเร็จของเว็บไซต์นั้น ๆ ได้
กำรจัดระบบข้อมูลนั้นจึงมีผลต่อเนื่องมำยังระบบเนวิเกชั่น อีกด้วย
3.2 จัดทำโครงสร้ำงข้อมูลด้วยกำรทำแผนผังโครงสร้ำง
ของเว็บไซต์ หลังจำกได้จัดกลุ่มข้อมูลเป็นระบบแล้ว และนำข้อมูลที่ได้มำ
จัดเป็นโครงสร้ำงเนื้อหำที่แสดงถึงกลุ่มข้อมูลและลำดับขั้นของหัวข้อ ขั้น
ต่อมำ คือ กำรนำรำยกำรโครงสร้ำงของเว็บไซต์ที่ได้จัดข้อมูลไว้แล้วมำจัดให้
เป็นแบบแผนโดยสร้ำงเป็นแผนผังที่แสดงถึงโครงสร้ำงข้อมูล ลำดับขั้นและ
กำรเชื่อมโยงของแต่ละส่วนอย่ำงชัดเจนเรียกว่ำแผนผังโครงสร้ำงเว็บไซต์ ซึ่ง
เป็นกำรแสดงภำพรวมของเว็บไซต์ในเชิงกรำฟิก โดยเริ่มจำกหน้ำโฮมเพจหรือ
หน้ำเกริ่นนำไปจนถึงหน้ำย่อย ๆ ทั้งหมดนอกจำกนี้ยังมีกำรเขียนโครงสร้ำง
เว็บไซต์อย่ำงง่ำยอีกรูปแบบหนึ่งที่เรียกว่ำ Site mapซึ่งแสดงถึงภำพรวมของ
เนื้อหำหลัก ๆ ภำยในเว็บไซต์ แต่ไม่มีรำยละเอียดมำกเท่ำกับแผนผัง
โครงสร้ำงเว็บไซต์ โดยอำจจัดทำเป็นแบบตัวหนังสือหรือแบบกรำฟิกแผนผัง
ชนิดนี้ เหมำะที่จะนำไปแสดงบนเว็บไซต์เพื่อให้ผู้ใช้เข้ำใจโครงสร้ำงเนื้อหำ
ของเว็บไซต์ได้ง่ำยขึ้น
3.3 พัฒนำระบบเนวิเกชั่นเพื่อวำงแนวทำงในกำรท่องเว็บ
4. ออกแบบและพัฒนำเว็บไซต์ (Visual design)
4.1 ออกแบบลักษณะเว็บเพจ
4.2 พัฒนำเว็บไซต์ต้นแบบและโครงสร้ำงเว็บไซต์ครั้ง
สุดท้ำย
14 15

11. 5. พัฒนำและดำเนินกำร (Production and operation)
5.1 ลงมือพัฒนำเว็บเพจเพื่อให้ได้เว็บไซต์ที่สมบูรณ์
5.2 เปิดตัวเว็บไซต์
5.3 ดูแลและพัฒนำเว็บไซต์อย่ำงต่อเนื่อง
ส่วนประกอบของเว็บไซต์
เว็บไซต์โดยทั่วไปมีส่วนประกอบดังนี้
1. ชื่อของเว็บไซต์ หรือ URL (Uniform Resource Locator )
ตำแหน่งที่เก็บเว็บเพจเปรียบเสมือนที่อยู่ของเว็บเพจ เมื่อต้องกำรเปิดเว็บเพจ
ใด จะต้องระบุตำแหน่งที่เก็บเว็บเพจนั้น หรือรหัสสืบค้นแหล่งข้อมูล ซึ่งเป็น
กำรเชื่อมโยงข้อมูลในระบบเวิลด์ไวด์เว็บ รูปแบบของ URL เป็นรูปแบบ
มำตรฐำนสำหรับระบบ เวิลด์ไวด์เว็บ โดยกำหนดให้ขึ้นต้นด้วยคำ ว่ำ “
http:// ” หมำยถึงกำรเชื่อมโยงกับแหล่งข้อมูลเวิลด์ไวด์เว็บ หรือกำรแสดง
ข้อมูลแบบไฮเปอร์เท็กซ์(hypertext) รูปแบบของ URL ประกอบด้วย
http://host/path/file มีควำมหมำยดังนี้
http หมำยถึง รูปแบบกำรเชื่อมโยงข้อมูลแบบ hypertext
host หมำยถึง ชื่อโฮสต์ของเครื่องคอมพิวเตอร์ที่เชื่อมต่อในระบบ
เครือข่ำย โดยให้บริกำรต่ำง ๆ แก่ผู้ใช้ในเครือข่ำยนั้น ซึ่งเป็นที่อยู่ในรูปของ
โดเมนเนม(domain name) ซึ่งในโดเมนเนม (domain name) ใช้อ้ำงอิง
แทนหมำยเลขไอพี เพื่อให้ผู้ใช้บริกำรคอมพิวเตอร์จดจำ ได้ง่ำยขึ้น จึงมีกำร
กำหนดระบบชื่อคอมพิวเตอร์มำตรฐำนในเครือข่ำยอินเทอร์เน็ตว่ำ ดีเอนเอส
(domain Name Sever:DNS) ประกอบด้วยชื่อเครื่องคอมพิวเตอร์ ชื่อ
เครือข่ำยท้องถิ่น ชื่อสับโดเมน (subdomain) สำมำรถแบ่งประเภทของ
โดเมนได้ดังนี้
1) edu หรือ ac คือประเภทสถำบันกำรศึกษำ
2) org หรือ or คือประเภทองค์กรไม่หวังผลกำ ไร
3) com หรือ co คือหน่วยงำนเอกชน องค์กรกำรค้ำ หรือองค์กรที่
หวังผลกำ ไร
4) net หรือ in ประเภทผู้ให้บริกำรอินเทอร์เน็ต
5) gov หรือ go คือประเภทหน่วยงำนของรัฐหรือหน่วยงำน
รำชกำร
6) mil หรือ mi คือประเภทหน่วยงำนทำงทหำร
ตัวอย่ำงเว็บไซต์ www.udru.ac.th
th หมำยถึงชื่อโดเมน เป็นชื่อย่อของประเทศหรือองค์กร คือ
ประเทศไทย
16
17

12. ac หมำยถึง ชื่อสับโดเมนที่บอกประเภทขององค์กร
สถำบันกำรศึกษำ
udru หมำยถึงเครือข่ำยท้องถิ่น ที่ระบุว่ำระบบดังกล่ำวเป็นของ
มหำวิทยำลัยรำชภัฏอุดรธำนี
path หมำยถึง เส้นทำงสำ หรับกำ หนดไดเร็กทอรีบนคอมพิวเตอร์
ในระบบยูนิกซ์
file หมำยถึง ไฟล์ที่ต้องกำรโอนย้ำยหรือไฟล์ข้อมูล
กล่ำวโดยสรุปโดเมนเนม เป็นระบบชื่อคอมพิวเตอร์ในเครือข่ำย
อินเทอร์เน็ต ประกอบด้วยชื่อเครื่องคอมพิวเตอร์ ชื่อเครือข่ำยท้องถิ่น ชื่อสับ
โดเมน และชื่อโดเมน เป็นกำรนำ เอำตัวอักษรที่จำ ง่ำยมำแทนไอพี
แอดเดรส มักจะตั้งให้สอดคล้องกับชื่อบริษัท หรือองค์กรผู้เป็นเจ้ำของ
เว็บไซต์ เพื่อที่จะสะดวกในกำรจดจำ ชื่อ
2. โฮมเพจ (homepage) เป็นคำเรียกชื่อเว็บเพจหน้ำแรกสุดของ
ข้อมูลแต่ละเรื่อง เปรียบ เสมือนหน้ำปกของหนังสือเป็นส่วนที่บอกให้ทรำบ
ข้อมูลรำยละเอียดเกี่ยวกับเว็บไซต์นั้น เป็นที่เชื่อมโยงไปยังเว็บเพจอื่น ๆ ทั้ง
ภำยในและภำยนอกเว็บไซต์ (คณิต ศำตะมำน, 2541)โดยทั่วไปแล้วในแต่ละ
เว็บไซต์จะมีโฮมเพจหรือหน้ำต้อนรับ (welcome page) ซึ่งปรำกฏเป็นหน้ำ
แรกเมื่อเปิดเว็บไซต์นั้นขึ้นมำ เปรียบเสมือนกับสำรบัญและคำ นำ ที่เจ้ำของ
เว็บไซต์สร้ำงขึ้นเพื่อใช้ประชำสัมพันธ์องค์กรของตนว่ำให้บริกำรในสิ่งใดบ้ำง
3. เว็บเพจ (webpage) เป็นองค์ประกอบหลักสำหรับกำรนำ
เสนอข้อมูลในระบบเวิลด์ไวด์เว็บมีลักษณะเป็นสื่อประสม หน้ำเว็บเพจหนึ่ง
จะมีตั้งแต่ 2-3 หน้ำจนถึงพัน ๆ หน้ำ และในหน้ำเอกสำรหนึ่งก็สำมำรถ
เชื่อมโยงไปอีกหน้ำหนึ่งที่มีเนื้อหำเกี่ยวข้องกันได้ โดยกำรเชื่อมข้อมูลแบบ
ไฮเปอร์เท็กซ์ (สมนึก คีรีโต, 2538) กำรเชื่อมโยงบนเว็บเพจแต่ละเพจนั้นอำจ
อยู่ในลักษณะที่เป็นหัวข้อ รูปภำพรูปแบบของคำ สั่งเชื่อมโยงจะอยู่ในรูปของ
ข้อมูลภำพหรือสัญลักษณ์รูป (icon) หรือปุ่มต่ำงๆ ซึ่งสำมำรถคลิกเพื่อ
เชื่อมโยงข้อมูลหนึ่งไปยังอีกข้อมูลหนึ่งที่เกี่ยวข้องกันได้ (Waltz 1995 )
องค์ประกอบของเว็บเพจ
ประกอบด้วยส่วนสำคัญต่ำง ๆ ดังต่อไปนี้
1. ข้อควำม (text) เป็นลักษณะของข้อมูลอยู่ในรูปตัวอักษร ใช้ใน
กำรอธิบำยหรือให้ข้อมูลเกี่ยวกับเว็บเพจนั้น นำ เสนอสำรสนเทศที่ต้องกำร
เผยแพร่ เป็นข้อควำมปกติ โดย เรำสำมำรถตกแต่งให้สวยงำมและมีลูกเล่น
ต่ำง ๆ ดังเช่นโปรแกรมประมวลคำ
2. กรำฟิก (graphic) เป็นส่วนที่ใช้ประกอบเว็บเพจให้มีควำม
สวยงำม ดึงดูดใจแก่ผู้เข้ำชมเว็บไซต์ ประกอบด้วย รูปภำพ ลำยเส้น ลำยพื้น
ต่ำงๆ มำกมำย
18 19

13. 3. สื่อประสม (multimedia) ประกอบด้วยรูปภำพ
ภำพเคลื่อนไหว และแฟ้มที่ช่วยเพิ่มสีสันให้เว็บไซต์สวยงำมและดึงดูดใจมำก
ขึ้น
4. เคำน์เตอร์ (counter) ใช้นับจำ นวนผู้ที่เข้ำมำเยี่ยมชมโฮมเพจ
5. คูลล์ลิงค์ (cool Links) กำรเชื่อมโยงใช้ในกำรข้อมูลไปยังจุด
ต่ำงๆ เช่นเว็บเพจหน้ำอื่นหรือกำรเชื่อมโยงไปยังเว็บไซต์ต่ำงๆ ส่วนที่
เชื่อมโยงไปยังเว็บเพจหรือเว็บไซต์อื่นได้คือบริเวณที่เลื่อนเมำส์เมื่อลูกศร
เปลี่ยนเป็นรูปมือ หรือเปลี่ยนสีเป็นสีอื่น
6. ฟอร์ม (forms) เป็นแบบฟอร์มที่ให้ผู้เข้ำเยี่ยมชม กรอก
รำยละเอียด แล้วส่งกลับ มำยังเจ้ำของเว็บไซต์
7. เฟรม (frames) เป็นส่วนที่แบ่งจอภำพเป็นส่วน ๆ แต่ละส่วนก็
จะแสดงข้อมูลที่แตกต่ำงกันและเป็นอิสระจำกกัน เฟรมที่นิยมมี 2 ส่วน คือ
กรอบทำงด้ำนซ้ำยเป็นแถบ สำรบัญ หรือแถบวิธีกำรเข้ำหำข้อมูล
(navigational bar) ส่วนกรอบทำงด้ำนขวำมือมีขนำดกว้ำงกว่ำจะเป็นข้อมูล
ของเว็บเพจ
8. อิมเมจ แม็ป(image maps) เป็นรูปภำพขนำดใหญ่ ที่กำหนด
ส่วนต่ำงๆ บนรูปเพื่อเชื่อมโยงไปยังเว็บเพจอื่น ๆ หรือตำแหน่งที่ต้องกำร
9. โปรแกรมสำเร็จรูปต่ำง ๆ ที่ใส่ลงในเว็บเพจเพื่อให้กำรใช้งำน
เว็บเพจมี ประสิทธิภำพมำกยิ่งขึ้น
นอกจำกส่วนประกอบดังกล่ำวแล้ว องค์ประกอบที่นิยมใส่ไว้ในเว็บ
เพจ อีก 2 ส่วนได้แก่
1) สมุดเยี่ยม (guestbook)
2 ) เว็บบอร์ด (webboard) ที่ช่วยให้เว็บเพจกลำยเป็นสื่อที่มี
ปฏิสัมพันธ์ระหว่ำงผู้ใช้กับผู้สร้ำง และระหว่ำงผู้ใช้ด้วยกันเอง โดยอำศัย
หลักกำรที่เรียกว่ำ คอมมอน เกตเวย์ อินเตอร์เฟส (Common Gateway
Interface) หรือ เรียกสั้น ๆ ว่ำซีจีไอ (CGI) โดยมีรำยละเอียดดังนี้
Common Gateway Interface เป็นมำตรฐำนที่ผู้ที่เข้ำไปใช้ข้อมูล
ในเครื่องบริกำรเว็บในอินเทอร์เน็ต สำมำรถสืบค้นข้อมูลในฐำนข้อมูลเช่น
หัวข้อข่ำวต่ำง ๆ หรือบทควำมทำงวิชำกำร รำยชื่อหนังสือ หรือกำรสมัครเป็น
สมำชิกเพื่อรับบริกำรต่ำง ๆทำงอินเทอร์เน็ต ซึ่ง CGI จะทำ หน้ำที่
ประมวลผลข้อมูลที่ได้จำกกำรพิมพ์ข้อมูลของผู้เยี่ยมชมและแสดงผลออกมำ
ทำงเว็บเพจ ตัวอย่ำงเว็บไซต์ที่มีระบบกำรใช้งำน CGI ที่เป็นที่รู้จักกันทั่วโลก
คือ http://www.yahoo.com
ข้อควรหลีกเลี่ยงในกำรทำเว็บไซต์
1. เว็บไซต์แสดงผลได้ช้ำ
คือเว็บโหลดได้ช้ำมำก ผู้ใช้งำนต้องเสียเวลำในกำรรอให้เว็บไซต์
แสดงผลนำน ซึ่งเวลำในกำรแสดงผลของเว็บไซต์มีหลำยปัจจัย เช่น
ควำมสำมำรถของ web server , ควำมเร็วของอินเตอร์เน็ตของผู้ใช้งำน แต่
ปัจจัยต่ำงๆนั้นเป็นแค่ปลำยเหตุเท่ำนั้น ต้นเหตุที่สำมำรถควบคุมได้อยู่ที่ขนำด
ของเว็บเพจ
ขนำดของเว็บเพจนั้นไม่ควรเกิน 60 KB ขนำดของเว็บเพจที่เพิ่มขึ้นมีเหตุ
มำจำก รูปภำพที่ใช้มีขนำดใหญ่เกินไป , กำรเปิดเพลงประกอบในเว็บไซต์
(ทำให้ผู้ชมต้องเสียเวลำในกำรดำวน์โหลดเพลง แน่นอนว่ำไฟล์เพลงเป็นไฟล์ที่
มีขนำดใหญ่กว่ำ 60 KB อยู่แล้ว) , กำรใช้ไฟล์ flash ที่มีขนำดใหญ่เกินไป
ทั้งหมดนี้เป็นสิ่งที่ควรหลีกเลี่ยง
2.ไม่มีเนวิเกชัน
เนวิเกชัน คือ ส่วนที่ใช้ลิงค์ไปยังหน้ำต่ำงๆของเว็บไซต์ ตัวอย่ำงเช่น
20 21

14. เมนูทำงซ้ำยมือของ hellomyweb.com จะเห็นว่ำมีลิงค์ไปยังส่วนต่ำงๆของ
เว็บไซต์ เช่น ลองทำเว็บไซต์ แบบง่ำยๆ , พื้นฐำนเกี่ยวกับเว็บไซต์
เว็บไซต์ที่ดีควรมีเนวิเกชันในทุกหน้ำ เพรำะในปัจจุบันเรำทรำบดีอยู่แล้ว
ว่ำกว่ำ 80% ของผู้ใช้งำนรู้จักเว็บไซต์จำก search engine ซึ่งแน่นอนว่ำไม่
สำมำรถกำหนดได้ว่ำให้ search engine แสดงหน้ำใดให้ผู้ใช้งำนดู ถ้ำ
search engine แสดงผลในหน้ำที่ไม่มี เนวิเกชันอำจทำให้ผู้ใช้งำนเข้ำใจ
ผิดได้ว่ำเว็บไซต์ของคุณมีแค่หน้ำที่แสดงผลเพียงหน้ำเดียว
กำรแสดงผลเนวิเกชันควรแสดงผลในตำแหน่งเดียวกัน เพรำะถ้ำเปลี่ยน
ตำแหน่งอำจทำให้ผู้ใช้งำนสับสนได้
3. กำรใช้สีสันที่แสบตำ
หลำยคนคงเคยเห็นเว็บไซต์ที่ใช้สีพื้นหลังเป็นสีโทนสว่ำงมำกๆเช่น
สีส้ม สีเหลือง แล้วใช้ตัวอักษรในโทนสว่ำงอีกเช่นเดียวกันเช่น สีฟ้ำ ทำให้กำร
อ่ำนเนื้อหำในเว็บเพจทำได้ยำกมำกๆ ถึงแม้จะทำให้เว็บไซต์ดูสวยงำม ก็ควร
หลีกเลี่ยง กำรใช้พื้นหลังโทนมืด และตัวหนังสือโทนสว่ำง เป็นตัวเลือกที่ดีใน
กำรทำเว็บไซต์ หรือพื้นหลังสีขำว ตัวหนังสือสีดำก็เป็นสิ่งที่นิยมใช้กันมำก
4. กำรสะกดคำผิด
กำรสะกดคำผิดพลำด กำรเขียนผิด หรือกำรใช้ภำษำวิบัติ ก็ไม่ควร
ให้มีในเว็บไซต์ เพรำะจะส่งผลให้เข้ำใจผิดพลำดได้
5. เนื้อหำในเว็บเพจ
ผู้ใช้งำนเว็บไซต์ส่วนใหญ่ไม่เคยอ่ำนเนื้อหำของเว็บไซต์อย่ำงจริงจัง
หรือตั้งใจอ่ำนอย่ำงที่เรำต้องกำร ดังนั้นเรำจึงควรทำให้เนื้อหำของเรำอ่ำนได้
ง่ำยขึ้น เช่น ใช้กำรเว้นวรรค กำรใส่ย่อหน้ำ และกำรเขียนให้กระชับที่สุด เน้น
ส่วนของข้อควำมที่เรำต้องกำรสื่อให้มำกที่สุด
6. ขนำดของตัวอักษร และชนิดของตัวอักษร font
ในบำงครั้งกำรแสดงตัวอักษรที่เล็กเกินไป หรือใหญ่เกินไป ขึ้นอยู่
กับกำรตั้งค่ำของ browser ของผู้ใช้ ก็เป็นอุปสรรคในกำรอ่ำนเนื้อหำของ
เว็บไซต์
ข้อแนะนำคือเรำควรใช้ CSS ในกำรควบคุมกำรแสดงผลตัวอักษรให้เป็นไป
ในทำงเดียวกัน จะทำให้เว็บไซต์ของเรำดูดี และอ่ำนได้ง่ำยขึ้น
7. กำรเว้นวรรค กำรเว้นบรรทัด และกำรจัดช่องไฟของตัวอักษร
เรำสำมำรถใช้คำสั่ง CSS ในกำรจัดช่องไฟของตัวอักษรได้ กำรจัด
ช่องไฟให้ตัวอักษร กำรเว้นวรรคที่ดี และกำรเว้นบรรทัดของเนื้อหำที่ดี ก็ทำ
ให้เว็บไซต์ของเรำดูดีขึ้นได้มำกทีเดียว
8. กำรใส่เพลงประกอบเว็บไซต์ โดยที่ผู้ใช้งำนไม่สำมำรถปิดมัน
ได้
ถ้ำมีควำมจำเป็นที่จะต้องใส่เพลงประกอบเว็บไซต์ อำจเพื่อจูงใจ
ลูกค้ำ ต้องแน่ใจว่ำได้ทำปุ่มสำหรับปิดเพลงนั้นไว้ โดยที่ผู้ใช้งำนสำมำรถปิด
มันได้โดยง่ำย และเห็นมันอย่ำงชัดเจน มิฉะนั้นเพลงที่คุณใส่ไปอำจส่งผลทำ
ให้ผู้ใช้งำนเกิดควำมรู้สึกหงุดหงิดได้
9.กำรทำเว็บไซต์โดยไม่ได้วำงองค์ประกอบของหน้ำมำก่อน
องค์ประกอบของหน้ำมีควำมสำคัญมำก ถ้ำไม่ได้วำงองค์ประกอบ
ของหน้ำมำก่อนจะทำให้เกิดปัญหำตำมมำมำกมำย เช่นกำรใส่เนื้อหำในหน้ำ
มำกเกินไป อำจเห็นหลำยเว็บไซต์ที่ใช้พื้นที่ของหน้ำแทบจะทุกจุดของเว็บเพจ
ก็ว่ำได้ ซึ่งผู้ใช้งำนไม่เคยตั้งใจอ่ำนเนื้อหำอย่ำงจริงจัง กำรใส่เนื้อหำที่มำกไป
จะทำให้ไม่สำมำรถสื่ออะไร หรือบอกอะไรได้เลย ดังนั้นจึงควรใส่เนื้อหำที่
อยำกจะสื่อ และแบ่งสัดส่วนต่ำงๆให้เป็นกลุ่มเป็นก้อนเห็นได้ชัดเจน รูปแบบ
เว็บไซต์ในแต่ละหน้ำก็มีควำมสำคัญมำก ไม่ควรเปลี่ยนรูปแบบของเว็บไซต์ใน
22 23

15. แต่ละหน้ำให้แตกต่ำงกันมำกเกินไป เพรำะจะทำให้ผู้ใช้งำนเข้ำใจผิดได้
10. กำรทำหน้ำเว็บเพจที่ยำวเกินไป
เนื้อหำที่ยำวจนเกินไปไม่ส่งผลดีต่อเว็บไซต์แน่นอน เพรำะนอกจำก
จะทำให้กำรแสดงผลเว็บเพจนั้นช้ำแล้ว ยังส่งผลผู้ใช้งำนรู้สึกเบื่อด้วย ดังนั้น
เรำจึงควรแบ่งเนื้อหำเป็นตอนๆ และให้ผู้ใช้งำนโหลดทีละตอนจะดีกว่ำ
11.กำรทำลิงค์ที่ผิดพลำด
ลิงค์เป็นส่วนที่สำคัญมำกของเว็บไซต์ เพรำะจะเป็นส่วนที่นำไปยัง
ส่วนอื่นๆของเว็บไซต์ จึงควรทำให้ส่วนที่เป็นลิงค์มีควำมชัดเจนในตัวเอง และ
ถ้ำไม่จำเป็นไม่ควรเปลี่ยนสีของลิงค์
12. ขณะนี้อยู่ระหว่ำงกำรปรับปรุง
คำนี้ไม่ควรให้มีในเว็บเพจของเป็นอย่ำงยิ่ง เพรำะนอกจำกจะทำให้
ผู้ใช้งำนผิดหวังที่จะต้องรอหน้ำที่อยู่ระหว่ำงกำรปรับปรุงแล้ว ยังทำให้รู้สึกว่ำ
เว็บไซต์ของยังไม่สมบรูณ์ ยังไมได้มำตรฐำน
ตัวอย่ำงเว็บที่อยู่ระหว่ำงกำรปรับปรุง
13. ไม่ตรวจสอบเว็บไซต์ก่อน
กำรตรวจสอบเว็บไซต์เป็นสิ่งที่สำคัญมำก เพรำะกำรแสดงผลใน
browser กับกำรแสดงผลตอนที่เรำเขียนเว็บเพจอำจไม่เหมือนกันก็ได้ ดังนั้น
จึงควรตรวจสอบเว็บเพจทุกหน้ำ ถ้ำจะให้ดีควรใช้หลำยๆ browser ในกำร
ตรวจสอบ
14. เนวิเกชันที่ไม่สื่อควำมหมำย
กำรใช้เนวิเกชันที่ไม่สื่อควำมหมำย เมื่อคลิกแล้วไม่สำมำรถเปิด
หน้ำที่ลิงค์ไว้ได้ มีข้อผิดพลำด (error) ในเนวิเกชัน และมีหลำยปุ่มให้เลือก
มำกเกินไป จะส่งผลต่อผู้ใช้งำนเป็นอย่ำงมำก เนวิเกชันที่ดีควรมีกำรแบ่ง
หมวดหมู่ที่ดี ไม่ซับซ้อนจนเกินไป และควรครอบคลุมส่วนต่ำงๆของเว็บไซต์
หรือหน้ำเว็บไซต์ใหญ่มำก ก็ควรครอบคลุมในหมวดนั้นๆ กำรใช้คำก็เป็นเรื่อง
สำคัญ ควรใช้คำที่สื่อควำมหมำยชัดเจนไม่คลุมเครือ หรือเป็นคำที่เข้ำใจกัน
เฉพำะกลุ่มไม่ควรใช้
15. ทำเว็บไซต์อย่ำงลวกๆ
กำรทำเว็บไซต์อย่ำงลวกๆ เช่น คัดลอกเนื้อหำจำกเว็บไซต์อื่นมำ
แล้วมีกำรตกหล่น หรือไม่มีภำพแสดงเหมือนเว็บไซต์ต้นฉบับ กำรพิมพ์ผิด
หรือกำรเขียนข้อควำมที่ไม่สื่อควำมหมำย กำรใช้ภำษำวิบัติ เนื้อหำของ
เว็บไซต์คือทุกอย่ำงของเว็บไซต์ เรำจึงควรให้ควำมสำคัญกับเนื้อหำให้มำกๆ
อย่ำให้เกิดข้อผิดพลำด หรือผิดพลำดให้น้อยที่สุด
16.ไม่เคยอัพเดทเว็บไซต์เลย
กำรอัพเดทเว็บไซต์เป็นประจำก็ทำให้ผู้ใช้งำนเกิดควำมมั่นใจ ว่ำ
เว็บไซต์ของเรำยังมีผู้ดูแลอยู่ และเนื้อหำยังได้รับกำรปรับปรุงอยู่ นอกจำกนี้
ยังส่งผลต่ออันดับใน search engine อีกด้วย
17. จำนวนคลิกเพื่อเข้ำถึงข้อมูลมำกเกินไป
หลำยๆเว็บไซต์จะเก็บเนื้อหำในส่วนที่คิดว่ำดีเอำไว้ โดยผู้ใช้งำน
จะต้องผ่ำนกำรคลิกนับครั้งไม่ถ้วน ผ่ำนโฆษณำมำกมำยกว่ำจะมำถึงเนื้อหำที่
สนใจได้ นับว่ำเป็นสิ่งที่ผิดพลำดอย่ำงมำก อย่ำงที่บอกไปว่ำเว็บของเรำห่ำง
2524

16. จำกเว็บอื่นเพียงคลิกเดียว ถ้ำทำให้เกิดควำมลำบำกในกำรเข้ำถึงเนื้อหำ หรือ
ส่วนที่ผู้ใช้งำนสนใจ ก็ทำให้ผู้ใช้งำนท้อ หรือล้มเลิกควำมตั้งใจที่จะใช้งำน
ต่อไปได้ จำนวนคลิกที่มำกที่สุดที่คุณควรทำคือ ไม่เกิน 3 คลิก ที่จะทำให้
ผู้ใช้งำนเข้ำถึงส่วนที่สนใจ
18. สร้ำงควำมมั่นใจในส่วนของควำมปลอดภัยแก่ผู้ใช้
ถ้ำเว็บไซต์เป็นเว็บไซต์ขำยของ หรือทำธุรกิจต่ำงๆ ก็ควรสร้ำงควำม
มั่นใจให้ลูกค้ำว่ำจะไม่โดนหลอก เช่น กำรจดทะเบียนกับกระทรวงพำณิชย์
หรือไม่เปิดเผยข้อมูลต่ำงๆของลูกค้ำ
19. ไม่มีที่อยู่ หรือที่ติดต่อกลับ
เว็บไซต์ทำงธุรกิจจำเป็นอย่ำงยิ่งที่จะต้องมีส่วนของ ติดต่อเรำ ,
contact information , ที่อยู่บริษัท , เบอร์โทรศัพท์ , email สิ่งพวกนี้เป็น
สิ่งจำเป็นทั้งสิ้นที่จะต้องมีในเว็บ
20. กำรใช้ Free web hosting
ถ้ำเป็นเว็บเกี่ยวกับธุรกิจแล้วจำเป็นอย่ำงยิ่งที่จะต้องมีชื่อ domain
name เป็นของตัวเอง และจะต้องมี web hosting เป็นของตัวเองไม่ว่ำจะ
เช่ำ หรือจะซื้อมำเอง เรำะจะส่งผลต่อควำมเชื่อมั่นของลูกค้ำ
21. กำรใช้ Free E-mail addresses
ในปัจจุบันมี free email มำกมำยเช่น hotmail , gmail แต่พวกนี้
เป็นสิ่งที่ควรหลีกเลี่ยง ควรใช้ email ที่เป็นของคุณเอง มำจำก domain
name ของคุณ เรื่องนี้เป็นสิ่งที่จำเป็นอย่ำงยิ่งกับควำมน่ำเชื่อถือของ email
ของคุณที่ส่งไปยังลูกค้ำ
22. โฆษณำที่มีมำกจนเกินไป
โฆษณำเป็นรำยได้หลักของเว็บไซต์บำงประเภท แต่กำรที่ใส่โฆษณำ
มำกเกินไปจะส่งผลต่อเนื้อหำของเว็บไซต์ เพรำะจะทำให้ผู้ใช้สับสนระหว่ำง
เนื้อหำที่แท้จริงกับโฆษณำที่แทรกอยู่
ตัวอย่ำงเว็บที่โฆษณำมำกเกินไป
23. รูปภำพ
รูปภำพก็เป็นส่วนสำคัญของเว็บไซต์เรำจึงควรดูและส่วนนี้ให้ดี ไม่
ควรให้เกิดกำรผิดพลำดในกำรแสดงรูปภำพ และควรบีบอัดไฟล์รูปให้ถูกต้อง
กับรูปแบบ ชนิดของไฟล์ที่ใช้ในกำรบีบอัดรูปได้แก่ GIF , JPEG และ PNG ซึ่ง
จะใช้ฟอร์แมตใดก็ต้องทำควำมเข้ำใจลักษณะในกำรบีบอัดข้อมูลของแต่ละ
ฟอร์แมต เพื่อให้เสำมำรถเลือกใช้ได้ถูกต้อง
1.JPEG สำหรับภำพถ่ำย หรือภำพวำดที่มีจำนวนสีมำกๆ
2.GIF , PNG-8 สำหรับภำพที่มีลักษณะเป็นลำยเส้น หรือภำพที่ไม่
ต้องกำรให้มีพื้นหลัง รูปที่ไม่มีกำรไล่สี เช่นภำพกำร์ตูน ภำพที่มีจำนวนสี
น้อยๆ เช่น โลโก้
3.PNG ใช้กับภำพถ่ำยที่ต้องกำรให้มีลักษณะโปร่งแสง ไฟล์ที่อัดแล้วจะมี
ขนำดใหญ่กว่ำ JPEG แต่มีคุณภำพควำมคมชัดสูงกว่ำ
24. เว็บไซต์นี้แสดงผลได้ดีที่สุดในขนำด 1024 x 768
2726

17. กำรกำหนดขนำดที่ใช้ในกำรแสดงผล หรือ browser ที่ใช้แสดงผล
เป็นสิ่งที่ไม่ควรทำเป็นอย่ำงยิ่ง เพรำะปัจจุบันมีหน้ำจอหลำยรูปหลำยขนำด
มำกมำย ตั้งแต่ 14 นิ้ว จนถึง 20 กว่ำนิ้ว ทั้งแบบ wide screen และแบบ
ทั่วไป กำรกำหนดขนำดแสดงผลจึงไม่ควรทำ
25. ไม่ใส่รำคำ
กำรไม่ใส่รำคำในเว็บไซต์ขำยของ หรือแนะนำสินค้ำ อำจเป็นกล
ยุทธ์ของผู้ขำย
แต่สิ่งนี้ใช้ไม่ได้ในโลกของอินเตอร์เน็ตอย่ำงแน่นอน เพรำะถ้ำเว็บไซต์ของคุณ
ไม่บอกก็ต้องมีเว็บไซต์อื่นที่สำมำรถบอกรำคำได้ และลูกค้ำที่เคยจะเป็นของ
คุณก็จะเป็นของคนอื่นแทน
กำรประเมินเว็บไซต์
1 ผู้รับผิดชอบ/ผู้ผลิต / ผู้แต่ง (author) พิจำรณำผู้รับผิดชอบ
หรือผู้ผลิตสำรสนเทศเช่น บุคคล หน่วยงำนรำชกำร บริษัทเอกชน
สถำบันกำรศึกษำ เป็นต้น มีควำมเชี่ยวชำญด้ำนใด และวัตถุประสงค์ในกำร
นำเสนอ
2 เนื้อหำ (content) พิจำรณำจำก
- ควำมเที่ยงตรง ถูกต้อง แม่นยำ (accuracy) กำรสะกด กำรพิมพ์
ถูกพิมพ์ผิดตัวเลข สถิติต่ำงๆ และควำมละเอียดของสำรสนเทศ (precision)
- ควำมทันสมัย (timeliness) วันที่ปรับปรุงข้อมูลครั้งสุดท้ำย วัน
เวลำในกำรบันทึกสำรสนเทศไว้ในอินเทอร์เน็ต วันเวลำในกำรรวบรวมเนื้อหำ
วันเวลำในกำรโฆษณำ และวันเวลำในกำรส่งอีเมล์
- ควำมสมบูรณ์ของเนื้อหำ (completeness)
- ควำมสัมพันธ์กับควำมต้องกำรของผู้ใช้ (relevance) ขึ้นอยู่กับ
ควำมต้อง กำรของผู้ใช้แต่ละคน
- ควำมพอเพียงของเนื้อหำ (sufficiency) ที่สำมำรถค้นหำ
สำรสนเทศเรื่องเดียวกันได้จำกหลำย ๆ เว็บไซต์ และสำมำรถนำข้อมูลมำ
เปรียบเทียบกันได้
- ควำมเข้ำใจง่ำยของเนื้อหำ (understandability) กำรใช้ภำษำ
เหมำะสมและถูกต้องกับเนื้อหำระดับควำมยำกง่ำยของศัพท์ที่ใช้ เนื้อหำนั้นมี
กำรสื่อควำมหมำยหรือแปลควำมหมำยที่เข้ำใจตรงกัน มีกำรแบ่งหัวข้ออย่ำง
ชัดเจน มีกำรเรียงลำ ดับเนื้อหำจำกงำยไปหำยำกหรือตำมลำ ดับเหตุกำรณ์
- สำมำรถตรวจสอบได้ (verification) จำกเอกสำรและเนื้อหำที่มี
กำรอ้ำงอิงตำมหลักวิชำกำรผู้แต่งหรือผู้รับผิดชอบข้อมูลมีกำรกล่ำวถึงใน
แหล่งข้อมูลหรือแหล่งควำมรู้ใด
3 ควำมยุติธรรมไม่ลำเอียง (freedom from Bias)
4 คุณธรรมและจริยธรรม (morals and Virtue)
ควำมหมำยของบทเรียนผ่ำนเว็บ
บทเรียนผ่ำนเว็บ หมำยถึง กำรจัดสภำพกำรเรียนกำรสอนที่ได้รับ
กำรออกแบบอย่ำงมีระบบ โดยกำรใช้โปรแกรมกำรเรียนกำรสอนในรูปแบบ
ของสื่อหลำยมิติที่นำคุณสมบัติและทรัพยำกรของระบบอินเทอร์เน็ตและ
เครื่องมือต่ำงๆ ของเวิลด์ไวด์เว็บมำใช้ประโยชน์ในกำรจัดสภำพแวดล้อมที่
สนับสนุนและส่งเสริมให้เกิดกำรเรียนรู้ เชื่อมโยงเป็นเครือข่ำยได้ทุกที่ทุกเวลำ
โดยผ่ำนกลยุทธ์กำรเรียนกำรสอนในลักษณะที่ผู้เรียนสำมำรถสร้ำงองค์ควำมรู้
ได้ด้วยตนเอง และกำรเรียนรู้แบบร่วมมือกัน โดยมีลักษณะที่ผู้สอนและ
2928

18. ผู้เรียนมีปฏิสัมพันธ์กัน ผ่ำนระบบเครือข่ำยคอมพิวเตอร์ที่เชื่อมโยงซึ่งกันและ
กัน
ประเภทของบทเรียนผ่ำนเว็บ
บทเรียนผ่ำนเว็บออกเป็น 3 ประเภท
ตำมระดับควำมยำกง่ำย ดังนี้
1. บทเรียนแบบทั่วไป (Embedded WBI) เป็นบทเรียนที่
นำเสนอด้วยข้อควำมและกรำฟิกเป็นหลัก จัดว่ำเป็นบทเรียนขั้นพื้นฐำนที่
พัฒนำมำจำกบทเรียนคอมพิวเตอร์
ช่วยสอน ส่วนใหญ่พัฒนำขึ้นด้วยภำษำ HTML (Hypertext markup
language)
2. บทเรียนแบบมีปฏิสัมพันธ์ (Interactive WBI: IWBI) เป็น
บทเรียนที่พัฒนำขึ้นจำกบทเรียนประเภทแรก โดยเน้นกำรมีปฏิสัมพันธ์
สัมพันธ์กับผู้ใช้เป็นหลัก นอกจำกจะนำเสนอด้วยสื่อต่ำงๆ ทั้งข้อควำม
กรำฟิก และภำพเคลื่อนไหวแล้ว กำรพัฒนำบทเรียนระดับนี้จึงต้องใช้
ภำษำคอมพิวเตอร์ในยุคที่ 4 ได้แก่ ภำษำเชิงวัตถุ (Object-oriented
programming) เช่นVisual Basic, Visual C++ รวมทั้งภำษำ HTML, Perl
เป็นต้น
3. บทเรียนแบบปฏิสัมพันธ์สื่อประสม (Interactive
Multimedia WBI:IMMWBI) เป็นบทเรียนคอมพิวเตอร์บนเว็บที่นำเสนอ
โดยยึดคุณสมบัติทั้ง 5 ด้ำนของมัลติมีเดีย ได้แก่ ข้อควำม กรำฟิก
ภำพเคลื่อนไหว กำรปฏิสัมพันธ์ และเสียง จัดว่ำเป็นระดับสูงสุด เนื่องจำก
กำรปฏิสัมพันธ์เพื่อกำรจัดกำรทำงด้ำนภำพเคลื่อนไหวและเสียงของบทเรียน
โดยใช้เว็บบรำวเซอร์นั้นมีควำมยุ่งยำกมำกกว่ำบทเรียนที่นำเสนอแบบใช้งำน
เพียงลำพัง ผู้พัฒนำบทเรียนจะต้องใช้เทคนิคต่ำงๆ เข้ำช่วย เพื่อให้บทเรียน
จำกกำรมีปฏิสัมพันธ์เป็นไปด้วยควำมรวดเร็วและรำบรื่น เช่น กำรเขียนคุกกี้
(Cookies) ช่วยสื่อสำรข้อมูลระหว่ำงเว็บเซิร์ฟเวอร์กับตัวบทเรียนที่อยู่ในไคล์
เอ็นต์ ตัวอย่ำงของภำษำที่ใช้พัฒนำบทเรียนระดับนี้ได้แก่ Java, JSP, ASP
และ PHP เป็นต้น
รูปแบบของบทเรียนผ่ำนเว็บ
จัดแบ่งโมเดลของบทเรียนผ่ำนเว็บ (WBI) ออกเป็น 4 รูปแบบตำม
มิติกำรใช้ประโยชน์ในกำรเรียนกำรสอน คือ
1. Information access เป็นโมเดลของบทเรียนผ่ำนเว็บที่มุ่ง
ประโยชน์ในกำร
นำเสนอข้อมูลข่ำวสำรในกำรเรียนกำรสอน เช่น ประมวลรำยวิชำ (Course
syllabus) กำหนดกำรเรียนกำรสอน เนื้อหำ เอกสำรประกอบกำรสอน
กำรบ้ำน เป็นต้น
2. Interactive learning เป็นโมเดลของบทเรียนผ่ำนเว็บที่
นำเสนอบทเรียนโดยออกแบบให้บทเรียนมีปฏิสัมพันธ์กับผู้เรียน มีกำรให้
แรงจูงใจ มีกำรให้ข้อมูลย้อนกลับในขั้นตอนต่ำงๆ ที่ผู้ใช้บทเรียนดำเนิน
กิจกรรมตำมบทเรียนไป ซึ่งเป็นลักษณะเดียวกับบทเรียนคอมพิวเตอร์
ช่วยสอนเพียงแต่นำเสนอในระบบเครือข่ำยอินเทอร์เน็ต
3. Networked learning เป็นโมเดลของบทเรียนผ่ำนเว็บที่เพิ่มมิติ
ของกำรสื่อสำรปฏิสัมพันธ์ระหว่ำงบุคคล เช่น ระหว่ำงผู้เรียนผู้สอน ระหว่ำง
ผู้เรียนด้วยกันเองตลอดกิจกรรมกำรเรียนกำรสอน
3130

19. 4. Material development เป็นโมเดลของบทเรียนผ่ำนเว็บที่มี
มิติของกำรให้ผู้เรียนใช้เว็บเป็นเครื่องมือในกำรรวบรวมข้อมูล จัดโครงสร้ำง
และเป็นสื่อในกำรนำเสนอควำมรู้ที่ได้จำกกำรเรียน
กำรประชำสัมพันธ์
ควำมหมำยของกำรประชำสัมพันธ์คำว่ำ “กำรประชำสัมพันธ์” มำ
จำกคำว่ำ “ประชำ” กับ “สัมพันธ์” ซึ่งตรงกับภำษำอังกฤษว่ำ “public
relations” หรือที่เรียกกันทั่วไปว่ำ “PR” ตำมคำศัพท์นี้หมำยถึงกำรมี
ควำมสัมพันธ์เกี่ยวข้องกับประชำชน ตำมพจนำนุกรมฉบับรำชบัณฑิตยสถำน
พ.ศ. 2525 หมำยถึงกำรติดต่อสื่อสำร เพื่อส่งเสริมควำมเข้ำใจอันถูกต้องต่อ
กัน และถ้ำจะขยำยควำมหมำยให้เป็นรูปธรรมยิ่งขึ้น จะหมำยถึง “ควำม
พยำยำมที่มีกำรวำงแผนและเป็นกำรกระทำที่ต่อเนื่อง ในอันที่จะมีอิทธิพล
เหนือควำมคิดจิตใจของประชำชน กลุ่มเป้ำหมำยโดยกำรกระทำสิ่งที่ดีมี
คุณค่ำให้กับสังคม เพื่อให้ประชำชนเหล่ำนี้เกิดทัศนคติทีดีต่อหน่วยงำน
กิจกรรม และบริกำร หรือสินค้ำของหน่วยงำนนี้ และเพื่อที่จะได้รับกำร
สนับสนุนและร่วมมือที่ดีจำกประชำชนเหล่ำนี้ในระยะยำว
สรุป
จำกที่กลุ่มที่ 7 ได้ศึกษำเรื่องกำรทำเว็บไซต์ทำให้พวกเรำได้รู้ว่ำ
เว็บไซต์ (อังกฤษ: website, web site, Web site) หมำยถึง หน้ำเว็บเพจ
หลำยหน้ำ ซึ่งเชื่อมโยงกันผ่ำนทำงไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อ
นำเสนอข้อมูลผ่ำนคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้ำแรก
ของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่ำ โฮมเพจ เว็บไซต์โดยทั่วไปจะ
ให้บริกำรต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบำงเว็บไซต์จำเป็นต้องมีกำรสมัคร
สมำชิกและเสียค่ำบริกำรเพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทำง
วิชำกำร ข้อมูลตลำดหลักทรัพย์ หรือข้อมูลสื่อต่ำงๆ ผู้ทำเว็บไซต์มี
หลำกหลำยระดับ ตั้งแต่สร้ำงเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจ
หรือองค์กรต่ำงๆ กำรเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่ำนซอฟต์แวร์ใน
ลักษณะของ เว็บเบรำว์เซอร์ ที่ประกอบด้วย
1.โฮมเพจ (Home Page) 2.เว็บเพจ (Web Page)
ซึ่งกำรจัดทำเว็บไซต์เรำก็มีองค์ประกอบต่ำงๆในกำรจัดทำเว็บก็จะประกอบ
ไปด้วย
-ควำมเรียบง่ำย -ควำมสม่ำเสมอ
-ควำมเป็นเอกลักษณ์ -เนื้อหำที่มีประโยชน์
-ระบบเนวิเกชันที่ใช้งำนง่ำย -ลักษณะที่น่ำสนใจ
-กำรใช้งำนอย่ำงไม่จำกัดผู้ใช้ -คุณภำพในกำรออกแบบ
-ระบบกำรใช้งำนที่ถูกต้อง
กำรจัดทำเว็บไซต์เรำต้องมีทฤษฎีสีเข้ำมำใช้สีในกำรออกแบบเว็บไซต์ รวม
องค์ประกอบหลำยๆอย่ำงร่วมกัน เรำต้องมีกำรออกแบบกำรวำงแผนให้ดี
ก่อน ขั้นตอนต่ำงๆมำกมำยร่วมทั้งกำรออกแบบพัฒนำ โครงสร้ำงเว็บไซต์ให้
เว็บออกมำดีดูสวยงำมให้คนที่เข้ำไปดูเว็บเกิดอยำกชมอยำกติดตำมควำม
สวยงำมเนื้อหำที่ดีของเว็บไซต์เป็นอีกอย่ำงหนึ่งที่ผู้พัฒนำเว็บไซต์ควรทำคือมี
เนื้อหำที่ตรงตำมเว็บไซต์ที่เรำจะทำ ไม่ควรจะมีโฆษณำมำกจนทำให้เว็บไซต์ดู
ไม่สบำยตำจนคนดูไม่อยำกที่จะเข้ำมำอ่ำน ส่วนข้อหลีกเลี่ยงในกำรทำ
เว็บไซต์ คือสีสันเว็บไซต์ที่แสบตำ
3332

20. อ้ำงอิง
กำรออกแบบเว็บไซต์ที่ดี,ค้นเมื่อ 26 กรกฎำคม 2556,จำก
http://www.hellomyweb.com/index.php/main/content/73
วิกิพีเดีย สำรำนุกรมเสรี 2551: ออนไลน์
สมำน ลอยฟ้ำ. 2544: 4; วิเศษศักดิ์ โครตอำษำ. 2542: 185
เสรี วงษ์มณฑำ. สื่อประชำสัมพันธ์. กรุงเทพฯ : บริษัท ธนธัชกำร
พิมพ์ จำกัด, 2546
สำรำญ จูช่วย/แนวทำงกำรประชำสัมพันธ์ตำมคุณลักษณะของ
นักศึกษำวิทยำลัยรำชพฤกษ / วิทยำลัยรำชพฤกษ /ปีกำรศึกษำ 2551
Padoungkiat.(2554).ทฤษฎีกำรออกแบบเว็บไซต์. ค้นเมื่อ 27
กรกฎำคม 2556 จำก http://patamweb.blogspot.com.