1. สารบัญ
เรื่อง หน้า
1. จิตวิทยาเกี่ยวกับสี
1. ความรู้สึกที่คนส่วนใหญ่มีต่อสีต่างๆ
2. ทฤษฎีของสี
1. เรียนรู้ทฤษฎีสีสาหรับงานออกแบบ
2. ประเภทของสี
3. วรรณะของสี
4. เทคนิคการใช้สีในวงจรสี
5. เข้าใจความรู้สึกของมนุษย์โดยใช้จิตวิทยาแห่งสี
3. เอกสารและงานวิจัยที่เกี่ยวข้อง
1. ความหมายของเว็บไซต์
2. ประเภทของเว็บไซต์
3. ส่วนประกอบของเว็บไซต์
4. กระบวนการพัฒนาเว็บไซต์
5. โปรแกรมพัฒนาเว็บไซต์
6. การประเมินเว็บไซต์
4. เอกสารงานวิจัยที่เกี่ยวข้อง
1. ความหมายของเวิล์ดไวด์เว็บ
2. การออกแบบเว็บไซต์
3. งานวิจัยที่เกี่ยวข้อง
5. การศึกษาและข้อมูลที่เกี่ยวข้อง
1.1 ข้อมูลหลักสูตรศิลปะศาสตร์บัณฑิต สาขาวิชาศิลปกรรม
1.2 อินเทอร์เน็ต
1.3 เวิลด์ไวด์เว็บ
1.4 การออกแบบเว็บไซต์
1. หลักในการออกแบบเว็บไซต์
2. การใช้สีบนเว็บไซต์

2. สารบัญ (ต่อ)
เรื่อง หน้า
3. การใช้กราฟิกบนเว็บไซต์
4. โปรแกรมที่ใช้สร้างเว็บไซต์
5. สรุปสิ่งสาคัญในการออกแบบและจัดทาเว็บไซต์
อ้างอิง

3. 1.จิตวิทยาเกี่ยวกับสี
สีนั้นมีความสําคัญอย่างยิ่งในการออกแบบเว็บไซต์ การเลือกสีให้เข้ากับเนื้อหาของเว็บไซต์ จะทําให้
เว็บไซต์มีความน่าเชื่อถือยิ่งขึ้น และยังส่งผลอย่างมากกับความสวยงามของเว็บไซต์
1.ความรู้สึกที่คนส่วนใหญ่มีต่อสีต่างๆ
สีฟ้า
ให้ความรู้สึกสงบ สุขุม สุภาพ หนักแน่น เคร่งขรึม เอาการเอางาน ละเอียด รอบคอบ สง่างาม มี
ศักดิ์ศรี สูงศักดิ์ เป็นระเบียบถ่อมตน สามารถลดความตื่นเต้น และช่วยทําให้มีสมาธิ แต่ถ้ามีสีน้ําเงินเข้มเกินไป
ก็จะทําให้รู้สึกซึมเศร้าได้
สีเขียว
เป็นสีในวรรณะเย็น จะสร้างความรู้สึกเย็นสบาย ใช้เป็นสีที่ช่วยผ่อนคลายความเครียดได้ ให้
ความรู้สึก สงบ เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ ความปลอดภัย ปกติ ความสุข
ความสุขุม เยือกเย็น
สีเหลือง
เป็นสีแห่งความเบิกบาน เร้าอารมณ์ และเรียกร้องความสนใจ ให้ความรู้สึกแจ่มใส ความสดใส ความ
ร่าเริง ความเบิกบานสดชื่น ชีวิตใหม่ ความสด ใหม่ ความสุกสว่าง การแผ่กระจาย อํานาจบารมี ให้ลองสังเกต
ดูว่า วันที่ท้องฟ้ามืดครึ้มปราศจากแสงแดด เราจะรู้สึกหงอยเหงา หดหู่ แต่พอมีแสงแดด ท้องฟ้าสว่าง มีสี
เหลือง เราจะรู้สึกมีชีวิตชีวาขึ้น
สีแดง
เป็นสีที่สร้างความตื่นเต้น และกระตุ้นสมอง สีแดงปานกลางแสดงถึงความมีสุขภาพดี ความมีชีวิต
ความรัก ความสําคัญ ความอุดมสมบูรณ์ ความมั่งคั่ง
สีแดงจัดมีความหมายแฝงด้านกามารมณ์ นอกจากนี้สีแดงยังสร้างความรู้สึกรุนแรง ให้ความรู้สึกร้อน
กระตุ้น ท้าทาย เคลื่อนไหว ตื่นเต้น เร้าใจ มีพลัง มันจะใช้กันกรณีที่เกี่ยวกับความตื่นเต้น หรืออันตราย
สีม่วง
ให้ความรู้สึก มีเสน่ห์ น่าติดตาม เร้นลับ ซ่อนเร้น มีอํานาจ มีพลังแฝงอยู่ ความรัก ความเศร้า ความ
ผิดหวัง ความสงบ ความสูงศักดิ์

4. เป็นสีที่ปลอบโยน และช่วยลดความเครียด แต่เดิมสีม่วงได้มาจากสัตว์มีกระดอง,เปลือก ในทะเลเมดิ
เตอร์เรเนียน มีชื่อว่า Purpura จึงได้ชื่อภาษาอังกฤษว่า Purple
สีส้ม
ให้ความรู้สึก ร้อน ความอบอุ่น ความสดใส มีชีวิตชีวา วัยรุ่น ความคึกคะนอง การปลดปล่อย ความ
เปรี้ยว การระวัง
เป็นสีที่เร้าความรู้สึก ปรกติควรใช้แต่น้อยเมื่อเทียบกับสีอื่น สังเกตว่าคนที่อยู่ในห้องสีส้มจะอยู่ได้ไม่
นาน
สีน้้าตาล
ให้ความรู้สึกอบอุ่น ได้พักผ่อน แต่ควรใช้ร่วมกับสีส้ม เหลือง หรือสีทอง เพราะถ้าใช้สีน้ําตาลเพียงสี
เดียว อาจทําให้เกิดความรู้สึกหดหู่ได้
สีเทา
ให้ความรู้สึก เศร้า อาลัย ท้อแท้ ความลึกลับ ความหดหู่ ความชรา ความสงบ ความเงียบ สุภาพ
สุขุม ถ่อมตน
สีนี้มีข้อดีคือทําให้เย็น แต่สร้างความสร้างความรู้สึกหม่นหมองได้ ควรใช้ร่วมกับสีที่มีชีวิต โทนสว่าง
อย่างน้อยหนึ่งสี
สีขาว
ให้ความรู้สึก บริสุทธิ์ สะอาด สดใส เบาบาง อ่อนโยน เปิดเผย การเกิด ความรัก ความหวัง ความ
จริง ความเมตตา ความศรัทธา ความดีงาม
ให้ความรู้สึกรื่นเริง โดยเฉพาะเมื่อใช้กับสีแดง เหลือง และส้ม

5. 2.ทฤษฎีสี
รูปด้านล่างวงล้อความสัมพันธ์ของสี ซึ่งบรรจุสีที่นิยมใช้ในเว็บไซต์ไว้ 20 สี เหมาะสําหรับผู้ที่กําลัง
เลือกสีที่จะใช้ในเว็บไซต์อยู่เราสามารถใช้ความสัมพันธ์ของวงล้อขอสีนี้ให้เกิดประโยชน์ได้อย่างมากมาย
เช่น ต้องการออกแบบให้เว็บไซต์รู้สึกตัดกันโดยสิ้นเชิง เราอาจใช้ชุดสี 4 สีที่ทํามุมกัน 90 องศา เช่นดังตัวอย่าง
ถ้าเราเลือกชุดสี 1 , 6 , 11 , 16 สีที่ได้จะตัดกันชัดเจน ถ้าต้องการให้เว็บไซต์ดูกลมกลืนก็อาจเลือกชุดสี
ใกล้เคียงกันก็ได้เช่น เลือกชุดสีเขียวเบอร์ 8 , 9 , 10 , 11 ก็จะได้สีในโทนสีเขียวสว่าง
1.เรียนรู้ทฤษฎีสีส้าหรับงานออกแบบ (Color Theory)
เรียนรู้ทฤษฎีสีสําหรับงานออกแบบ (Color Theory)ความรู้เรื่องทฤษฎีสีเป็นสิ่งสําคัญมากสําหรับงาน
ออกแบบทุกชนิดและหากต้องการให้งานออกแบบดูสวยงามต้องเข้าใจเรื่องพื้นฐานของสีเพื่องานออกแบบก่อน
ฉะนั้นไม่ควรมองข้ามเรื่องนี้ไป เพราะเพียงแต่การเรียนรู้การใช้งาน Photoshop จนชํานาญเท่านั้นยังไม่
สามารถสร้างสรรค์งานดี ๆ ออกมาได้หากไม่รู้จักใช้สีให้เหมาะสม โดยเรื่องที่นํามาอธิบายเป็นทฤษฎีสีเบื้องต้น
จากสีวัตถุธาตุเพื่อนํามาใช้กับงานออกแบบดังนี้

6. Primary Colors (สีขั้นที่ 1 แม่สีวัตถุธาตุ)
สีขั้นที่ 1 คือ แม่สีเป็นสีชุดแรกที่เมื่อนํามาผสมกันจะได้สีอีกมากมายสีกลุ่มนี้ได้แก่สีเหลือง แดงและ
น้ําเงิน
Secondary Colors (สีขั้นที่ 2)
สีขั้นที่ 2 เป็นสีที่เกิดจากการผสมกันของแม่สีขั้นที่ 1 ซึ่งจะได้สี ดังต่อไปนี้
สีส้ม สีแดง + เหลือง
สีเขียว สีเหลือง + สีน้ําเงิน
สีม่วง สีน้ําเงิน + แดง
Tertiary Colors (สีขั้นที่ 3)
สีขั้นที่ 3 เป็นสีที่เกิดจากการผสมกันระหว่างสีขั้นที่ 1 กับสีขั้นที่ 2 ซึ่งจะมีชื่อเรียกตามคู่ที่ผสมกัน
เป็นสีใหม่ขึ้นมา 6 สีดังนี้ สีเหลือง – ส้ม, แดง – ส้ม, แดง – ม่วง, น้ําเงิน – ม่วง, น้ําเงิน – เขียว และ
เหลือง – เขียว
Muddy Colors
เป็นสีที่เกิดจากการผสมสีในวงจรสีทั้งหมดรวมกันในอัตราส่วนเท่ากันเกิดเป็นสีกลางหรือค่าสีเฉลี่ย
จากสีทั้งหมดซึ่งจะออกสีน้ําตาลเข้ม (หากเป็นสีขาวจะเป็นสีกลางของสีแสง)
2.ประเภทของสี
Color : แม่สีแบ่งออกเป็น 2 ประเภท
1. แม่สีวัตถุธาตุ เป็นสีที่เกิดจากธรรมชาติหรือการสังเคราะห์ขึ้นมาเพื่อนํามาใช้ในวงการศิลปะ วงการ
พิมพ์ เป็นต้น แม่สีกลุ่มนี้ได้แก่ แดง เหลือง น้ําเงิน
2. แม่สีแสง เป็นสีที่เกิดจากแสงสามารถเห็นได้เมื่อนําแท่งแก้วปริซึมมาส่องกับแสงแดดหรืออาจหาดู
ได้จากสีรุ้ง สีกลุ่มนี้นํามาใช้ประโยชน์ เช่น ผลิตจอภาพโทรทัศน์ มอนิเตอร์ และใช้ในงานออกแบบเว็บไซต์หรือ
ภาพยนตร์เป็นต้น แม่สีกลุ่มนี้ได้แก่สี แดง เขียว น้ําเงิน

7. 3.วรรณะสี (Tone)
หลังจากทราบเรื่องวงจรของสีแล้วต่อไปจะมาทําความเข้าใจกับการใช้สีในวงจรเดียวกันเริ่มต้นที่วรรณ
สี แบ่งเป็นสองวรรณะ ได้แก่ วรรณสีร้อนกับวรรณสีเย็น โดยสามารถใช้วรรณะสีในการออกแบบให้ได้
ความรู้สึกร้อนและเย็นได้ดังนี้
วรรณะสีเย็น (Cold Tone)
วรรณสีเย็นมีอยู่ 7 ชนิด ได้แก่สีเหลือง เหลืองเขียว เขียว เขียวน้ําเงิน น้ําเงิน น้ําเงินม่วง ม่วง สีกลุ่มนี้
เมื่อใช้ในงานจะได้ความรู้สึกสดชื่น เย็นสบาย เป็นต้น
วรรณะสีร้อน (Warm Tone)
วรรณสีร้อนมีอยู่ 7 สี ได้แก่ม่วง ม่วงแดง แดง แดงส้ม ส้ม ส้มเหลือง เหลือง สีกลุ่มนี้เมื่อใช้ในงานจะ
รู้สึกอบอุ่น ร้อนแรง สนุกสนาน เป็นต้น
Color : สีที่เป็นทั้งวรรณะร้อนและวรรณะเย็น
สีเหลืองและม่วงจะอยู่ได้ทั้งสองวรรณะขึ้นอยู่กับสีแวดล้อม เช่น หากนําสีเหลืองไปไว้กับสีแดงและส้ม
ก็กลายเป็นสีโทนร้อน แต่หากนํามาไว้กับสีเขียวก็จะเป็นสีโทนเย็นทันที
สีกลาง (Muddy Colors)
สีกลาง ในความหมายนี้เป็นสีที่เข้ากับสีได้ทุกสี ได้แก่ สีน้ําตาล สีขาว สีเทาและดํา สีเหล่านี้เมื่อ
นําไปใช้งานลดความรุนแรงของสีอื่นและจะเสริมให้งานดูเด่นยิ่งขึ้น
4.เทคนิคการใช้สีในวงจรสี
การใช้สีในวงจรสีมีหลายวิธีนอกจากการใช้วรรณะสีแล้ว ยังมีเทคนิคการใช้สีแบบอื่นที่น่าสนใจอีก
ดังนี้
การใช้สีที่ใกล้เคียงกัน (Analog Colors)
สีใกล้เคียงในวงจรสี เป็นสีที่อยู่ติดกันในช่วง 3 สี ซึ่งอาจจะใช้ถึง 5 แต่ต้องใช้สีนั้นในปริมาณเล็กน้อย
เช่นเมื่อเลือกใช้สีม่วงก็จะเลือกสีในโทนเดียวกัน ได้แก่ สีม่วงแดง กับ น้ําเงินม่วง เป็นต้น
การใช้สีคู่ตรงข้าม (Complementary Colors)

8. เป็นคู่สีต้องห้ามแต่ถ้าใช้ให้ถูกวิธีจะทําให้งานดูโดดเด่นทันที สมมติว่าเลือกใช้สีแดงกับสีเขียว ก็ให้ใช้
วิธีที่แนะนําดังนี้
1. เลือกสีแรก (สมมติเป็นสีแดง) ในปริมาณมากกว่า 80% ของพื้นที่ แต่สีที่สอง (สมมติเป็นสี
เขียว) ต้องใช้ในปริมาณที่น้อยกว่า 20%
2. ผสมหรือใส่สีกลางลงในงานที่ใช้สีคู่ตรงข้ามเพื่อลดความรุนแรงของสี
3. ผสมสีคู่ตรงข้ามลงไปลดทอนความเข้มข้นของกันและกัน
การใช้สีใกล้เคียงกับสีคู่ตรงข้าม (Split Complementary)
เป็นการใช้สีที่หลีกเลี่ยงการใช้สีคู่ตรงข้ามโดยตรง เทคนิคนี้ทําให้งานดูนุ่มนวลขึ้นมีลูกเล่นสร้างจุด
สนใจได้ดี สังเกตจากภาพตัวอย่างด้านล่างสีม่วงที่มีพื้นที่น้อยแต่กลับดูโดดเด่นขึ้นมาได้
การใช้โครงสีสามเหลี่ยมในวงจรสี (Triad Colors)
เทคนิคการใช้โครงสร้างสีสามเหลี่ยม คือ ให้วาดสามเหลี่ยมขึ้นมาแล้วใช้สีที่อยู่บนโครงรูปสามเหลี่ยม
เทคนิคนี้สีที่ได้จะดูสนุกสนานและหลากหลายกว่าแบบอื่น
Color : ในทุกวงจรสีสามารถใช้สีกลางได้
เทคนิคการใช้สีในวงจรที่นํามาอธิบาย สามารถรวมสีกลางเข้าไปใช้ได้ด้วยเนื่องจากสีกลางเป็นสีที่เข้า
ได้กับทุกสีและอาจแทรกสีนอกโครงการสีมาใช้ได้ขึ้นอยู่กับความเหมาะสม
การใช้สีเดียว (Mono Tone) เทคนิคสีเดียวเป็นอีกเทคนิคที่นิยม การใช้จะอาศัยค่าความอ่อนแก่ของ
สีแทนการใช้ค่าสีอื่น ส่วนมากจะนําสีที่เลือกมาผสมกับสีกลางให้ได้ค่าที่ต้องการ
5.เข้าใจความรู้สึกของมนุษย์โดยใช้ จิตวิทยาแห่งสี (Psychology of colors)
ในบริการออกแบบเว็บไซต์ของเรา ทุกๆงาน เราจะต้องนําจุดเด่นออกมานําเสนอผ่านสีสัน เพื่อให้
งานออกแบบมีความสมบูรณ์สูงสุด โดยแบ่งความรู้สึกเกี่ยวกับสีดังนี้
สีแดง - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง อุดมสมบูรณ์, มั่นคง, รุนแรง, เร่าร้อน, อันตราย
สีส้ม - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง ฉูดฉาด, เร่าร้อน, สว่าง
สีเหลือง - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง ระวัง, สดชื่น, สดใส, สว่าง

9. สีเขียว - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง สดชื่น, พักผ่อน, งอกงาม
สีน้ําเงิน - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง ทึม, สง่างาม, ผ่อนคลาย, สงบ
สีม่วง - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง เลศนัย, สงบ, หนัก
สีน้ําตาล - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง สงบเงียบ, หนัก, เก่า
สีขาว - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง สดใส, ใหม่, สะอาด, บริสุทธิ์
สีดํา - เหมาะสมกับงานออกแบบเว็บไซต์ที่แสดงถึง ตัน, ทึบ, เศร้าใจ, หดหู่

10. 3.เอกสารและงานวิจัยที่เกี่ยวข้อง
1.ความหมายของเว็บไซต์
คําว่าเว็บไซต์ (Web site) มีผู้ให้ความหมาย ดังนี้
ประภาพร ช่างไม้ (2548: 5) กล่าวว่า “เว็บไซต์ คือ ทุกสิ่งทุกอย่างที่ประกอบกันขึ้นมาเป็นเว็บ ซึ่ง
หมายความถึงเว็บเพจ (Webpage) ทุกหน้า รูปทุกรูปที่นําเข้ามาใช้ แฟ้มข้อมูลเสียง รูปเคลื่อนไหวและ
ส่วนประกอบอื่นๆ ที่นํามาใช้ เช่น โปรแกรมที่เขียนขึ้น สามารถเปรียบเทียบ ได้ว่าเว็บไซต์เป็นเสมือนหนังสือ
ทั้งเล่ม” ส่วนกฤษณะ สถิต (2549: 23) กล่าวว่า “เว็บไซต์ คือ สถานที่สําหรับเก็บเอกสารเอชทีเอ็มแอล
(HTML) หรือเว็บเพจสําหรับการเผยแพร่ข่าวสาร บนอินเทอร์เน็ต” อีกทั้งดวงพร เกี๋ยงคํา (2549: 22) กล่าวว่า
“เว็บไซต์ คือ กลุ่มของเว็บเพจ ที่เกี่ยวข้องสัมพันธ์กัน เช่น กลุ่มของเว็บเพจที่ให้ข้อมูลเกี่ยวกับประวัติ รวมทั้ง
สินค้าและบริการ ของบริษัทหนึ่ง เป็นต้น ภายในเว็บไซต์นอกจากเว็บเพจหรือแฟ้มข้อมูลเอชทีเอ็มแอลแล้ว ยัง
ประกอบด้วยแฟ้มข้อมูลชนิดอื่นๆ ที่จําเป็นสําหรับสร้างเป็นหน้าเว็บเพจ เช่น รูปภาพ สื่อประสม
(Multimedia) แฟ้มข้อมูลโปรแกรมภาษาสคริปต์ (Script) และแฟ้มข้อมูลข้อมูลสําหรับให้ดาวน์โหลด เป็น
ต้น”
ส่วนสุปราณี ธีรไกรศรี (2542: 18) กล่าวว่า “เว็บไซต์ คือ เครื่องคอมพิวเตอร์ ที่อาจใช้
ระบบปฏิบัติการใดๆ ก็ได้ เช่น วินโดวส์ เอ็นที (Windows NT) หรือยูนิกซ์ (UNIX) เป็นต้น และมีโปรแกรม
จัดการที่ทํางานอยู่ในเครื่องนั้นเพื่อให้เครื่องดังกล่าวทําหน้าที่เป็นเครื่องบริการเว็บ นอกจากนี้ยังทําหน้าที่เก็บ
เว็บเพจที่อยู่ในรูปของแฟ้มข้อมูลเอกสารที่เขียนด้วยภาษาเอชทีเอ็มแอล อยู่ด้วย” ซึ่งสอดคล้องกับวิเศษศักดิ์
โครตอาษา (2542: 180) ที่กล่าวว่า “เว็บไซต์เป็นแหล่งที่รวมของเว็บเพจทั้งหมดที่จัดอยู่ในกลุ่มเดียวกันของ
หน่วยงานหรือองค์กรหนึ่งๆ เมื่อใดที่ใช้โปรแกรม ค้นดู (Browser) โปรแกรมค้นดูจะทําการติดต่อกับเว็บไซต์ที่
เก็บเว็บเพจนั้น เพื่อทําการโอนย้ายเว็บที่ต้องการมายังเครื่องของผู้ใช้” นอกจากนี้ จักรชัย โสอินทร์และอุรุ
พงษ์ กัลยาสิริ (2542: 18) กล่าวว่า “เว็บไซต์ คือ สถานที่อยู่ของเว็บเพจที่โปรแกรมค้นดูจะสามารถไปดึง
ข้อมูลมาเปิดให้ดูได้ โดยเว็บไซต์นี้จะอยู่ในเครื่องที่ให้บริการที่เรียกว่าเครื่องบริการเว็บ”
จากความหมายข้างต้น สรุปได้ว่า เว็บไซต์ คือ แหล่งรวบรวมเว็บเพจขององค์กร หนึ่งๆ ซึ่งจะ
ประกอบด้วยสื่อประสมต่างๆ ทั้งข้อความ ภาพนิ่ง ภาพเคลื่อนไหว และเสียง เป็นที่อยู่ของสารสนเทศบน
อินเทอร์เน็ต สามารถเข้าถึงได้โดยผ่านเวิลด์ไวด์เว็บ

11. 2.ประเภทของเว็บไซต์
ประเภทของเว็บไซต์แบ่งตามลักษณะการใช้งานสามารถแบ่งออกเป็น 5 ประเภท ดังนี้ (สมาน ลอย
ฟ้า. 2544: 3; วิเศษศักดิ์ โครตอาษา. 2542: 184)
1. เว็บไซต์เพื่อการประชาสัมพันธ์ เป็นเว็บไซต์ที่จัดทําโดยองค์กรต่างๆ เว็บไซต์เหล่านี้เทียบได้กับแผ่น
พับหรือจดหมายข่าว เพียงแต่เว็บไซต์อาจมีข้อมูลเพิ่มเติมมากกว่า เช่น ข้อมูลเกี่ยวกับแนวคิดและภารกิจของ
องค์กร หรืออื่นๆ เป็นต้น ปกติที่อยู่ของเว็บไซต์เหล่านี้ อาจลงท้ายด้วย .org
2. เว็บไซต์เพื่อธุรกิจและการตลาด เป็นเว็บไซต์ที่จัดทําโดยบริษัทธุรกิจต่างๆ โดยมีวัตถุประสงค์เพื่อ
ขายหรือโฆษณาสินค้าและบริการต่างๆ ในบางครั้งอาจมีข้อมูลที่เป็นประโยชน์ เชื่อถือได้ และให้ใช้โดยไม่มี
ค่าใช้จ่าย แต่ในที่สุดก็มักจะถูกขอให้ซื้อสินค้าบางอย่าง ในการใช้ข้อมูลเหล่านี้ควรวิเคราะห์ด้วยความรอบคอบ
ก่อน เนื่องจากธุรกิจการค้าต่างๆ มักจะมีความลําเอียง ปกติที่อยู่ของเว็บไซต์เหล่านี้อาจลงท้ายด้วย .com
3. เว็บไซต์เพื่อข่าวสาร เป็นเว็บไซต์ที่มีวัตถุประสงค์เพื่อเสนอข้อมูลที่เป็นข้อเท็จจริงและเพื่อ
แลกเปลี่ยนผลการวิจัย ข้อมูลบางอย่างมีลักษณะคล้ายจุลสารที่มักพบได้ตามหน่วยงาน ต่างๆ ซึ่งมีประโยชน์
สําหรับเป็นข้อมูลพื้นฐาน แต่เนื้อหามักจะขาดความลุ่มลึก ปกติที่อยู่ของเว็บไซต์เหล่านี้อาจลงท้ายด้วย .gov
4. เว็บไซต์ข่าวและเหตุการณ์ เป็นเว็บไซต์ที่มีวัตถุประสงค์หลักในการให้ข่าวสาร ที่เป็นปัจจุบันที่สุด
ในฐานะที่เป็นบริการสาธารณะ อย่างไรก็ตามเว็บไซต์เหล่านี้มักจะมีบริษัทหรือองค์กรต่างๆ เป็นผู้ให้การ
สนับสนุน ดังนั้นจึงมักพบโฆษณาปรากฏบนเว็บไซต์ ผู้ใช้พึงระมัดระวัง ในเรื่องของความลําเอียงที่อาจปรากฏ
ในข่าวที่นําเสนอด้วย ปกติที่อยู่ของเว็บไซต์เหล่านี้อาจลงท้ายด้วย .com
5. เว็บไซต์ส่วนบุคคล เป็นเว็บไซต์ของบุคคลเพื่อเสนอแนวคิดหรือเพื่อประชาสัมพันธ์ตัวเองในด้าน
ต่างๆ ส่วนใหญ่มักเป็นงานที่ไม่ค่อยมีสาระ ปกติที่อยู่ของเว็บไซต์เหล่านี้อาจลงท้ายด้วย .com และมักจะมี
เครื่องหมาย ~ ปรากฏในที่อยู่ด้วย
การสร้างเว็บไซต์มีความจําเป็นอย่างมากในการกําหนดกรอบและทิศทางของเว็บไซต์นั้นๆ ให้อยู่ใน
ลักษณะหนึ่งลักษณะใดข้างต้น เพื่อให้การใช้งานที่จะเกิดขึ้นระหว่างเว็บไซต์ และผู้เยี่ยมชมเป็นไปตาม
วัตถุประสงค์ที่ได้ตั้งไว้อย่างมีประสิทธิภาพ
3.ส่วนประกอบของเว็บไซต์
ภายในเว็บไซต์หนึ่งๆ มีเว็บเพจจํานวนหลายหน้า ในแต่ละหน้ามีทั้งข้อความ และสื่อประสมรวมกัน
ตามที่วิทยา เรืองพรวิสุทธิ์ (2539: 46-47) กล่าวถึงส่วนประกอบของเว็บไซต์สรุปได้ว่ามีส่วนประกอบต่างๆ ที่
จําเป็นดังนี้
1. ตัวอักษร เป็นข้อความปกติ โดยสามารถตกแต่งให้สวยงามและมีลูกเล่นต่างๆ เช่นโปรแกรม
ประมวลคํา เป็นต้น
2. กราฟิก ประกอบด้วยรูปภาพ ลายเส้น ลายพื้น ต่างๆ มากมาย
3. สื่อประสม ประกอบด้วยข้อความ ภาพนิ่ง ภาพเคลื่อนไหว เสียง และวีดิทัศน์

12. 4. ตัวนับ ใช้นับจํานวนผู้ที่เข้ามาเยี่ยมชมเว็บเพจ
5. จุดเชื่อมโยง ใช้เชื่อมโยงไปยังเว็บเพจของตนเองหรือเว็บเพจของคนอื่น
6. แบบฟอร์ม เป็นแบบฟอร์มที่ให้ผู้เข้าเยี่ยมชมกรอกรายละเอียดแล้วส่งกลับมายัง เว็บเพจ
7. กรอบ เป็นการแบ่งจอภาพเป็นส่วนๆ แต่ละส่วนก็จะแสดงข้อมูลที่แตกต่างกัน และเป็นอิสระจาก
กัน
8. แผนที่ภาพ เป็นรูปภาพขนาดใหญ่ที่กําหนดส่วนต่างๆ บนรูป เพื่อเชื่อมโยงไปยังเว็บเพจอื่นๆ
9. จาวาแอปเพล็ด (Java applets) เป็นโปรแกรมสําเร็จรูปเล็กๆ ที่ใส่ลงในเว็บเพจ สามารถเพิ่ม
ลักษณะพิเศษ การโต้ตอบ เช่น เพิ่มเกมส์หรือหน้าต่างสําหรับป้อนหรือดูข้อมูล บนเว็บเซิร์ฟเวอร์ได้ เป็นต้น
เพื่อให้การใช้งานเว็บเพจมีประสิทธิภาพมากยิ่งขึ้น
4.กระบวนการพัฒนาเว็บไซต์
การพัฒนาเว็บไซต์อย่างมีหลักการ ดําเนินการตามขั้นตอนที่ชัดเจน จะทําให้ผู้สร้างเว็บไซต์สามารถใส่
ใจรายละเอียดที่จําเป็นในแต่ละขั้นตอนของการออกแบบ
ดวงพร เกี๋ยงคํา (2549: 27) กล่าวถึงกระบวนการพัฒนาเว็บไซต์ไว้เป็นขั้นตอน ดังภาพประกอบ
6. ดูแลและปรับปรุงต่อเนื่อง (Maintenance and innovation)
5. เผยแพร่และส่งเสริมให้เป็นที่รู้จัก (Publishing and promotion)
4. ลงมือสร้างและทดสอบ (Construction and testing)
3. ออกแบบเว็บเพจและเตรียมข้อมูล (Page design and content editing)
2. วิเคราะห์และจัดโครงสร้างข้อมูล (Analysis and information
architecture)
1. กาหนดเป้ าหมายและวางแผน (Site definition and planning)

13. 1. กําหนดเป้าหมายและวางแผน การพัฒนาเว็บไซต์ควรกําหนดเป้าหมายและวางแผนไว้ล่วงหน้า
เพื่อให้การทํางานในขั้นต่อไปมีแนวทางที่ชัดเจน เรื่องหลักๆ ที่ควรทําในขั้นตอนนี้ประกอบด้วย
1.1 กําหนดวัตถุประสงค์ของเว็บไซต์ เพื่อให้ผู้ใช้เข้าใจว่าเว็บไซต์นี้ต้องการนําเสนอหรือต้องการ
ให้เกิดผลอะไร
1.2 กําหนดกลุ่มผู้ใช้เป้าหมาย เพื่อจะได้รู้ว่าผู้ใช้หลักคือใคร และออกแบบเว็บไซต์ให้ตอบสนอง
ความต้องการผู้ใช้กลุ่มนั้นให้มากที่สุด
1.3 สิ่งที่จําเป็นต้องใช้มาจากแหล่งใดบ้าง เช่น ถ้าเป็นเว็บข่าวสาร ข่าวนั้นจะมาจากแหล่งใด มี
ลิขสิทธิ์หรือไม่ เป็นต้น
1.4 เตรียมทักษะหรือบุคลากร การสร้างเว็บไซต์ต้องอาศัยทักษะหลายด้าน เช่น ในการเตรียม
เนื้อหา ออกแบบกราฟิก เขียนโปรแกรม และการดูแลเครื่องบริการ เป็นต้น ซึ่งถ้าเป็นเว็บไซต์ขนาดใหญ่
อาจจะต้องใช้บุคลากรเป็นจํานวนมาก แต่สําหรับเว็บไซต์เล็กๆ ที่สามารถดูแล ได้โดยบุคลากรเพียงคนเดียวก็
จะต้องศึกษาหาความรู้ในเรื่องนั้นๆ เพื่อเตรียมพร้อม
1.5 เตรียมทรัพยากรต่างๆ ที่จําเป็น เช่น โปรแกรมสําหรับสร้างเว็บไซต์ โปรแกรมสําหรับสร้าง
กราฟิก ภาพเคลื่อนไหวและสื่อประสม โปรแกรมอรรถประโยชน์ (Utilities) อื่นๆ ที่จะต้องใช้ เป็นต้น
2. วิเคราะห์และจัดโครงสร้างข้อมูล เป็นการนําข้อมูลต่างๆ ที่รวบรวมได้จากขั้นแรกนํามาประเมิน
วิเคราะห์และจัดระบบ เพื่อให้ได้โครงสร้างข้อมูลและข้อกําหนด ซึ่งจะใช้เป็นกรอบสําหรับการออกแบบและ
ดําเนินการในขั้นต่อไป ผลที่ได้รับจากขั้นนี้ประกอบไปด้วย
2.1 แผนผังโครงสร้างของเว็บไซต์ สารบัญ ลําดับการนําเสนอหรือผังงาน
2.2 ระบบนําทาง ซึ่งผู้ใช้จะใช้สําหรับเปิดเข้าไปยังส่วนต่างๆ ของเว็บไซต์ เช่น โครงสร้างและ
รูปแบบของเมนู เป็นต้น
2.3 องค์ประกอบต่างๆ ที่จะนํามาใช้ในเว็บเพจมีอะไรบ้าง เช่น ภาพนิ่ง และภาพเคลื่อนไหว
เสียง วีดิทัศน์ สื่อประสม แบบฟอร์ม ฯลฯ อะไรบ้างที่โปรแกรมค้นดูของผู้ใช้สนับสนุน และอะไรบ้างที่ต้อง
อาศัยโปรแกรมเสริม
2.4 ข้อกําหนดเกี่ยวกับลักษณะและรูปแบบของเว็บเพจ
2.5 ข้อกําหนดของโปรแกรมภาษาสคริปต์ หรือโปรแกรมประยุกต์สําหรับเว็บ (Web
application) และฐานข้อมูลที่ใช้ในเว็บไซต์
2.6 คุณสมบัติของเครื่องบริการเว็บ รวมถึงข้อจํากัด และบริการเสริมต่างๆ ที่มีให้

14. 3. ออกแบบเว็บเพจและเตรียมข้อมูล เป็นขั้นตอนการออกแบบเค้าโครงและลักษณะด้านกราฟิกของ
หน้าเว็บเพจ เพื่อให้ผู้ใช้เกิดอารมณ์ความรับรู้ต่อเว็บเพจตามที่ผู้สร้างต้องการ นอกจากนี้ยังรวมไปถึงการ
กําหนดสีสันและรูปแบบของส่วนประกอบต่างๆ ที่ไม่ใช่กราฟิก เช่น ชนิดตัวอักษร ขนาด และสีข้อความ สีพื้น
บริเวณที่ว่าง เป็นต้น ในส่วนของเนื้อหา ขั้นตอนนี้จะเป็นการนําเนื้อหาที่เลือกไว้มาปรับแก้และตรวจทานความ
ถูกต้อง เพื่อให้พร้อมสําหรับจะนําไปใส่เว็บเพจ แต่ละหน้าในขั้นตอนถัดไป
4. ลงมือสร้างและทดสอบ เป็นขั้นตอนที่เว็บเพจจะถูกสร้างขึ้นทีละหน้าโดยอาศัย เค้าโครงและ
องค์ประกอบกราฟิกตามที่ออกแบบไว้ เนื้อหาต่างๆ จะถูกนํามาใส่และจัดรูปแบบ จุดเชื่อมโยงและมีระบบนํา
ทางไปสู่หน้าเว็บต่างๆ เว็บไซต์ที่สร้างขึ้นมาควรได้รับการทดสอบก่อนที่จะนําออกเผยแพร่ ไม่ว่าจะเป็นเรื่อง
ความถูกต้องของเนื้อหา การทํางานของจุดเชื่อมโยงและระบบนําทาง ตรวจหาความผิดพลาดของโปรแกรม
ภาษาสคริปต์และฐานข้อมูล นอกจากนี้ก็ควรทดสอบ
โดยใช้สภาพแวดล้อมที่เหมือนกับของกลุ่มเป้าหมาย เช่น รุ่นของโปรแกรมค้นดู ความละเอียดของจอภาพ เพื่อ
ดูว่าผู้ใช้กลุ่มเป้าหมายสามารถชมเว็บไซต์ได้อย่างสมบูรณ์และมีประสิทธิภาพหรือไม่
5. เผยแพร่และส่งเสริมให้เป็นที่รู้จัก โดยทั่วไปการนําเว็บไซต์ขึ้นเผยแพร่บนอินเทอร์เน็ตจะทําด้วย
การอัพโหลด (Upload) แฟ้มข้อมูลทั้งหมด คือ เอชทีเอ็มแอลและแฟ้มข้อมูลอื่นๆ ที่เกี่ยวข้องขึ้นไปเก็บบน
เครื่องบริการที่เปิดบริการไว้ การอัพโหลดเว็บไซต์อาจทําด้วยโปรแกรมสร้างเว็บไซต์หรืออาจใช้โปรแกรม
อรรถประโยชน์ประเภทโปรแกรมถ่ายโอนข้อมูล (FTP) หรือใช้เครื่องมืออื่นบนเครื่องบริการเว็บ หลังจากนั้น
เว็บไซต์ควรได้รับการทดสอบอีกครั้ง เพื่อตรวจหาปัญหาบางอย่างที่ไม่สามารถทดสอบบนคอมพิวเตอร์ของ
ผู้สร้างเอง เช่น การเชื่อมโยงของเว็บเพจกับเว็บไซต์อื่น และการทํางานของโปรแกรมค้นดูกับฐานข้อมูล ซึ่ง
อาจทําไม่ได้ บนเครื่องของผู้สร้างเว็บ หรือบนเครื่องบริการเว็บอาจมีสภาพแวดล้อมที่ต่างออกไป เว็บไซต์ที่จะ
ประสบความสําเร็จ นอกจากต้องมีเนื้อหาที่ดี มีการวางโครงสร้างการออกแบบที่เหมาะสมแล้ว ยังต้องได้รับ
การโฆษณา และส่งเสริมให้เป็นที่รู้จักในผู้ใช้กลุ่มเป้าหมายหรือในวงกว้างออกไปอีกด้วย การส่งเสริมนี้มีกล
ยุทธ์ที่ทําได้หลายวิธี ซึ่งไม่จําเป็นต้องใช้งบประมาณจํานวนมากเสมอไป โดยสามารถทําได้ตั้งแต่แบบง่ายๆ คือ
การแลกเปลี่ยนที่อยู่เว็บ ประกาศบนเว็บบอร์ด (Webboard) การส่งจดหมายอิเล็กทรอนิกส์ (Email) เพิ่ม
ข้อมูลในโปรแกรมค้นหาหรือสารบบเว็บ (Web directory) จนถึงแบบที่ใช้งบประมาณมากขึ้น เช่น การจัด
งานเปิดตัว การลงโฆษณา บนเว็บไซต์อื่น ในสิ่งพิมพ์ หรือในวิทยุและโทรทัศน์ เป็นต้น
6. ดูแลและปรับปรุงต่อเนื่อง เว็บไซต์ที่เผยแพร่ออกไปแล้ว ควรดูแลโดยตลอด ซึ่งหน้าที่นี้ครอบคลุม
ตั้งแต่การตรวจสอบเครื่องบริการเว็บว่าไม่หยุดทํางานบ่อย จุดเชื่อมโยงไปยังภายนอกยังคงใช้งานได้หรือไม่
คอยตอบอีเมลหรือคําถามที่มีผู้ฝากไว้บนเว็บเพจ ถ้าเป็นข่าวสาร ก็ต้องปรับปรุงข้อมูลให้ทันสมัยตลอดเวลา ถ้า
มีการใช้ฐานข้อมูลก็ต้องสํารองข้อมูลอย่างสม่ําเสมอ นอกจากนี้ควรตรวจสอบสถิติของการเข้าใช้เป็นระยะๆ
หลังจากที่เว็บไซต์ได้รับการเผยแพร่ไประยะหนึ่ง ควรปรับปรุงเพื่อให้ผู้ใช้รู้สึกว่ามีความเปลี่ยนแปลง มีความ
ใหม่ ทันสมัย หลักการออกแบบและนําเสนอด้วยเว็บไซต์ให้น่าสนใจ และดึงดูดผู้คนให้เข้ามาชม จําเป็นอย่าง
ยิ่งที่จะต้องทราบถึงหลักการและวิธีการในการออกแบบและการนําเสนอเว็บไซต์ เพราะถ้าหากทําไปโดย

15. ปราศจากการออกแบบหรือการนําเสนอที่ดีแล้ว ผู้ใช้อาจจะไม่สนใจและใส่ใจที่จะเข้ามาใช้ ทําให้การนําเสนอ
ในครั้งนั้นสูญเปล่าได้ ดังนั้นจึงควรเรียนรู้และเข้าใจถึงกระบวนการของการนําเสนอก่อน ซึ่งสามารถทําได้
หลายรูปแบบขึ้นอยู่กับลักษณะของข้อมูลและความชอบ ของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการ
นําเสนอ
ทั้งนี้นักวิชาการหลายท่านได้เสนอข้อแนะนําสําหรับการออกแบบเว็บไซต์ อย่างมีประสิทธิภาพไว้ดังนี้
(จิตเกษม พัฒนาศิริ. 2539; ธวัชชัย ศรีสุเทพ. 2544: 16; วิเศษศักดิ์ โครตอาษา. 2542: 184) 14
1. ความเรียบง่าย หมายถึง การสื่อสารเนื้อหาถึงผู้ใช้ให้อ่านเข้าใจง่าย โดยจํากัดองค์ประกอบเสริมที่
เกี่ยวข้องกับการนําเสนอให้เหลือเฉพาะสิ่งที่จําเป็นเท่านั้น
2. ความสม่ําเสมอ หมายถึง สามารถสร้างความสม่ําเสมอให้กับเว็บไซต์ได้ นําเสนอเว็บไซต์ในรูปแบบ
เดียวกันตลอดทั้งเว็บไซต์ เนื่องจากผู้ใช้จะรู้สึกกับเว็บไซต์ว่าเป็นเสมือนสถานที่จริง ถ้าลักษณะของแต่ละหน้า
ในเว็บไซต์เดียวกันนั้นแตกต่างกันมากผู้ใช้ก็จะเกิดความสับสน และไม่แน่ใจว่ากําลังอยู่ในเว็บเดิมหรือไม่ ดังนั้น
รูปแบบของหน้าเว็บ รูปแบบของกราฟิก ระบบ นําทางและกลุ่มสีที่ใช้ควรจะมีความคล้ายคลึงกันตลอดทั้ง
เว็บไซต์
3. ความเป็นเอกลักษณ์ การออกแบบต้องคํานึงถึงลักษณะขององค์กร เนื่องจากรูปแบบของเว็บไซต์
สามารถสะท้อนถึงลักษณะขององค์กรนั้นได้ การใช้ชุดสี ชนิดตัวอักษร รูปภาพและกราฟิกจะมีผลต่อรูปแบบ
ของเว็บไซต์อย่างมาก ผู้ออกแบบจึงต้องเลือกใช้องค์ประกอบเหล่านี้อย่างเหมาะสม
4. เนื้อหาที่มีประโยชน์ เนื้อหาถือเป็นสิ่งที่สําคัญที่สุดในเว็บไซต์ ดังนั้นในเว็บไซต์ ควรจัดเตรียม
เนื้อหาและข้อมูลที่ผู้ใช้ต้องการให้ถูกต้องและสมบูรณ์ โดยมีการปรับปรุงและเพิ่มเติมให้ทันต่อเหตุการณ์อยู่
เสมอ เนื้อหาที่สําคัญที่สุดคือเนื้อหาที่สร้างขึ้นมาเอง และไม่ซ้ํากับเว็บอื่น เพราะจะเป็นสิ่งที่ดึงดูดผู้ใช้ให้เข้ามา
ในเว็บไซต์อยู่เสมอ ต่างจากเนื้อหาที่เชื่อมโยงไปยังเว็บไซต์อื่นซึ่งเมื่อผู้ใช้รู้ถึงแหล่งข้อมูลจริงๆ แล้วก็ไม่
จําเป็นต้องกลับมาที่จุดเชื่อมโยงเหล่านั้นอีก
5. ระบบนําทางที่ใช้งานง่าย ระบบนําทางเป็นองค์ประกอบที่สําคัญมากของเว็บไซต์ ต้องออกแบบให้
ผู้ใช้เข้าใจได้ง่ายและใช้งานสะดวก โดยใช้กราฟิกที่สื่อความหมายร่วมกับคําอธิบายที่ชัดเจน รวมทั้งมีรูปแบบ
และลําดับของรายการที่สม่ําเสมอ เช่น วางไว้ในตําแหน่งเดียวกัน ของทุกๆ หน้า นอกจากนั้นถ้าใช้ระบบนํา
ทางแบบกราฟิกในส่วนบนของหน้าเว็บแล้ว อาจเพิ่มระบบนําทางที่เป็นตัวอักษรไว้ที่ตอนท้ายของหน้าเว็บ
เพื่อช่วยอํานวยความสะดวกให้กับผู้ที่ใช้โปรแกรมค้นดูอีกทางหนึ่ง
6. มีลักษณะที่น่าสนใจ เป็นเรื่องยากที่จะตัดสินว่าลักษณะหน้าเว็บของเว็บไซต์ จะมีความน่าสนใจ
หรือไม่ เพราะเกี่ยวข้องกับความชอบของแต่ละบุคคล อย่างไรก็ดีหน้าเว็บของเว็บไซต์จะมีความสัมพันธ์กับ
คุณภาพขององค์ประกอบต่างๆ เช่น คุณภาพของกราฟิกที่จะต้องสมบูรณ์ ไม่มีร่องรอยของความเสียหายเป็น
จุดด่างหรือมีขอบเป็นขั้นบันไดให้เห็น การใช้ชนิดตัวอักษรที่อ่านง่าย สบายตา และการใช้กลุ่มสีที่เข้ากันอย่าง
สวยงาม เป็นต้น

16. 7. การเข้าใช้งานได้ไม่จํากัด ควรออกแบบเว็บไซต์ให้ผู้ใช้ส่วนใหญ่เข้าถึงได้มากที่สุด โดยไม่มีการ
บังคับให้ผู้ใช้ต้องติดตั้งโปรแกรมใดๆ เพิ่มเติม หรือต้องเลือกใช้โปรแกรมค้นดูโปรแกรมใดโปรแกรมหนึ่งจึงจะ
สามารถเข้าถึงเนื้อหาได้ สามารถแสดงผลได้ในทุกระบบปฏิบัติการและที่ความละเอียดหน้าจอต่างๆ กันอย่าง
ไม่มีปัญหา สิ่งเหล่านี้จะยิ่งมีความสําคัญมากขึ้นสําหรับเว็บที่มีผู้ใช้บริการจํานวนมาก หรือมีกลุ่มเป้าหมายที่
หลากหลาย
8. มีคุณภาพในการออกแบบ มีความสําคัญกับการออกแบบเว็บไซต์เช่นเดียวกับสื่อประเภทอื่นๆ ที่
ต้องออกแบบและเรียบเรียงเนื้อหาอย่างรอบคอบ เว็บที่ทําขึ้นอย่างไม่มีมาตรฐาน 15 ในการออกแบบและการ
จัดระบบข้อมูลนั้น เมื่อมีข้อมูลเพิ่มขึ้นเรื่อยๆ ก็จะเกิดปัญหาข้อมูลสับสน ไม่เป็นระบบ และไม่สามารถสร้าง
ความน่าเชื่อถือจากผู้ใช้ได้
9. ระบบใช้งานได้ถูกต้อง ระบบการทํางานต่างๆ ในเว็บไซต์จะต้องมีความแน่นอน และทําหน้าที่ได้
อย่างถูกต้อง เช่น ถ้ามีแบบฟอร์มสําหรับให้ผู้ใช้กรอกข้อมูลต้องแน่ใจว่าแบบฟอร์มนั้นสามารถใช้การได้จริง
หรืออย่างง่ายที่สุดก็คือ จุดเชื่อมโยงต่างๆ ที่มีอยู่นั้นจะต้องเชื่อมโยงไปยังหน้าที่มีปรากฏอยู่จริงและถูกต้อง
ด้วย ความรับผิดชอบของผู้จัดทําเว็บคือการทําให้ระบบเหล่านั้น ใช้งานได้ตั้งแต่แรกและยังต้องคอยตรวจสอบ
อยู่เสมอ เพื่อให้แน่ใจว่าสิ่งเหล่านั้นยังทํางานได้ดี โดยเฉพาะจุดเชื่อมโยงที่เชื่อมโยงไปยังเว็บอื่นซึ่งอาจมีการ
เปลี่ยนแปลงได้ตลอดเวลา เว็บไซต์ที่สร้างขึ้นจะมีคุณภาพดีหรือไม่นั้น ผู้ใช้เป็นผู้ตัดสิน โดยเริ่มตั้งแต่ผู้ใช้เห็น
เว็บไซต์เป็นครั้งแรก เพราะฉะนั้นจึงต้องสร้างความประทับใจให้กับผู้ใช้งานตั้งแต่ครั้งแรกที่ใช้งาน เพื่อให้ผู้ใช้
กลับมาใช้เว็บไซต์อีกครั้ง
5.โปรแกรมพัฒนาเว็บไซต์
ในปัจจุบันนี้มีโปรแกรมที่ช่วยให้สามารถสร้างเว็บขึ้นมาโดยไม่จําเป็นต้องเขียนรหัสภาษาเอชทีเอ็ม
แอล ซึ่งการสร้างเว็บเพจก็สามารถเลือกใช้เครื่องมือต่างๆ ได้มากมาย ในปัจจุบันโปรแกรมที่ใช้ในการสร้างเว็บ
มีประสิทธิภาพและมีข้อดีข้อเสียที่แตกต่างกันออกไป สุดแท้แต่ลักษณะงานที่จะนําไปใช้ ตัวอย่างเครื่องมือที่ใช้
สร้างเว็บเพจ เช่น ดรีมวีพเวอร์ (Dreamweaver) เน็ตออปเจ็กต์ (Netobject) โฮมไซต์ (Homesite) โคล
ฟิวชั่น (Coldfusion) เป็นต้น หรืออาจสร้างได้โดยใช้ภาษาสําหรับสร้างเว็บเพจโดยเฉพาะ เช่น พีเอชพี (PHP)
วีบีสคริปต์ (VBScript) เป็นต้น ดรีมวีพเวอร์ เป็นเครื่องมือในการจัดการและบริหารเว็บไซต์ ที่ช่วยให้จัดการกับ
ไซต์ และแฟ้มข้อมูลที่เกี่ยวข้องกับไซต์ เช่น สร้าง ลบ ย้าย และเปลี่ยนชื่อแฟ้มข้อมูล เป็นต้น นอกจากนี้ยังมี
เครื่องมือในการอัพโหลดแฟ้มข้อมูลขึ้นเว็บเซิร์ฟเวอร์เพื่อเผยแพร่ข้อมูลสู่อินเทอร์เน็ตได้โดยตรง ในเว็บเพจ
นอกจากจะมีรหัสภาษาเอชทีเอ็มแอลแล้ว ในปัจจุบันเว็บเพจสามารถโต้ตอบกับผู้ใช้ได้ ซึ่งจะต้องอาศัย
เทคโนโลยีอื่นๆ มาเสริมเพื่อให้การนําเสนอข้อมูลมีประสิทธิภาพ เทคโนโลยีเหล่านี้ เช่น ซีเอสเอส (CSS:
Cascading style sheet) ภาษาจาวาสคริปต์ และมัลติมีเดียแฟลช (Multimedia flash) เป็นต้น ซึ่งดรีมวีพ
เวอร์ได้สนับสนุนเทคโนโลยีต่างๆ เหล่านี้อย่างสมบูรณ์แบบ
ดวงพร เกี๋ยงคํา (2549: 251) กล่าวว่า “ดรีมวีพเวอร์ เป็นโปรแกรมสําหรับออกแบบและพัฒนา
เว็บไซต์ด้วยการสร้างเว็บเพจและโปรแกรมประยุกต์สําหรับเว็บที่กําลังเป็นที่นิยม นํามาสร้างเว็บเพจใน

17. ปัจจุบัน เนื่องจากใช้งานง่าย สามารถจัดวางข้อความ รูปภาพ ตารางข้อมูล แบบฟอร์ม ฯลฯ ลงไปในเว็บเพจ
ได้อย่างง่ายดายโดยไม่จําเป็นต้องใช้รหัสเอชทีเอ็มแอล ซึ่งมี ขั้นตอนยุ่งยากและซับซ้อน ทําให้มีโอกาส
ผิดพลาดได้ง่าย ในดรีมวีพเวอร์มีเครื่องมือมากมาย ให้ใช้ในการพัฒนาเว็บไซต์ได้อย่างรวดเร็ว สวยงาม และมี
ประสิทธิภาพสูง”โปรแกรมที่ผู้ศึกษาใช้ในการพัฒนาเว็บไซต์ห้องสมุดโรงเรียนเตรียมอุดมศึกษาภาคใต้คือ
โปรแกรมอะโดบี ดรีมวีพเวอร์ ซีเอส 3 ซึ่งโปรแกรมอะโดบี ดรีมวีพเวอร์ หรือชื่อเดิมคือ แมโครมีเดีย ดรีมวีพ
เวอร์ เป็นโปรแกรมแก้ไขเอชทีเอ็มแอล พัฒนาโดยบริษัทแมโครมีเดีย สําหรับการออกแบบเว็บไซต์ในรูปแบบ
WYSIWYG: What you see is what you get กับการควบคุมของส่วนแก้ไขรหัสเอชทีเอ็มแอล ในการพัฒนา
โปรแกรมที่มีการรวมทั้งสองแบบเข้าด้วยกันแบบนี้ ทําให้ ดรีมวีพเวอร์เป็นโปรแกรมที่แตกต่างจากโปรแกรม
อื่นๆ ในประเภทเดียวกัน อีกทั้งยังเป็นโปรแกรมสร้างเอกสารเว็บไซต์ที่ทํางานในลักษณะเอชทีเอ็มแอล เจเนเร
เตอร์ (HTML generator) คือ โปรแกรมจะสร้างรหัสคําสั่งเอชทีเอ็มแอลให้อัตโนมัติ โดยผู้ใช้ไม่ต้องศึกษา
ภาษาเอชทีเอ็มแอล หรือป้อนรหัสคําสั่ง เอชทีเอ็มแอล มีลักษณะการทํางานคล้ายๆ กับการพิมพ์เอกสารด้วย
โปรแกรมประมวลผลคํา (Word processor) อาศัยปุ่มเครื่องมือ (Toolbars) หรือแถบคําสั่ง (Menu bar)
ควบคุมการทํางาน ช่วยให้ง่ายต่อการใช้งาน สะดวก และรวดเร็ว นอกจากนี้โปรแกรมอะโดบี ดรีมวีพเวอร์ ยัง
มีความสามารถในการใช้สร้าง ออกแบบ เขียนรหัสเว็บเพ็จ บริหารจัดการเว็บไซต์ และโปรแกรมประยุกต์
สําหรับเว็บ โดยสามารถสร้างรหัสได้หลากหลายภาษา เช่น เอชทีเอ็มแอล พีเอชพี เป็นต้น และสามารถติดต่อ
กับฐานข้อมูลได้ เช่น มายเอสคิวแอล (MySQL) เอ็มเอส เอสคิวแอล เซิร์ฟเวอร์(MS SQL Server) เป็นต้น
โดยมีจุดเด่นคือ
1. ผู้ใช้ไม่จําเป็นต้องมีความรู้เรื่องภาษาเอชทีเอ็มแอล
2. ปุ่มควบคุมการทํางาน จัดแบ่งเป็นหมวดหมู่ ช่วยให้การสั่งงานกระทําได้สะดวก และรวดเร็ว
3. สามารถใช้งานด้วยภาษาไทยได้ดี
4. สามารถใช้กลุ่มเครื่องมือจากแถบสถานะ (Status bar) ช่วยในการทํางาน กับหน้าเว็บได้ง่าย
โปรแกรมอะโดบี ดรีมวีฟเวอร์ จึงเป็นโปรแกรมที่ช่วยให้เขียนเว็บไซต์ได้ง่ายขึ้น แก้ไขได้ง่ายขึ้น และมีเครื่องมือ
อํานวยความสะดวกมากมายที่มีประโยชน์ในการทําเว็บไซต์
6.การประเมินเว็บไซต์
เนื่องจากเว็บไซต์ได้กลายเป็นเครื่องมืออีกชนิดหนึ่งที่ใช้สําหรับการค้นหาสารสนเทศ ปัจจุบันแนวโน้ม
ในการค้นหาสารสนเทศบนเว็บได้เพิ่มทวีมากขึ้น และผู้ใช้จํานวนไม่น้อยที่เริ่มต้นการค้นสารสนเทศจากเว็บ
ก่อนเป็นอันดับแรก หลังจากนั้นจึงค่อยค้นหาจากแหล่งสารสนเทศอื่น เช่น สิ่งพิมพ์ เป็นต้น สําหรับสารสนเทศ
ที่ปรากฏบนเว็บนั้น เนื่องจากทุกคนสามารถสร้างเว็บ ขึ้นเองได้ แม้บางเว็บจะสร้างขึ้นโดยผู้เชี่ยวชาญใน
สาขาวิชานั้นๆ แต่ก็มีเว็บอีกจํานวนมาก ที่สร้างขึ้นโดยผู้ที่ไม่ได้เป็นผู้เชี่ยวชาญในสาขาวิชานั้นแต่อย่างใด และ
พบว่าบ่อยครั้งที่มีการนําเสนอสารสนเทศโดยไม่ระบุแหล่งที่มาอย่างชัดเจน นอกจากนี้สารสนเทศที่นําเสนอ
บนเว็บยังไม่ได้มีผู้ใดประเมินคุณภาพหรือความถูกต้อง หรือถ้ามีก็ปรากฏในระดับที่น้อยมาก ผู้ใช้จึงมักมีข้อ
สงสัยในเรื่อง ของความถูกต้องและความน่าเชื่อถือของสารสนเทศ ด้วยเหตุที่เว็บมีทั้งจุดอ่อน และจุดแข็ง

18. ดังกล่าว ดังนั้นการประเมินสารสนเทศที่พบบนเว็บจึงเป็นกิจกรรมสําคัญสําหรับผู้ที่ต้องการใช้สารสนเทศ จาก
เว็บเพื่อการศึกษาค้นคว้าและวิจัย
ในการประเมินเว็บไซต์ ควรประเมินเว็บไซต์ตามหัวข้อดังต่อไปนี้ (สมาน ลอยฟ้า. 2544: 4; วิเศษศักดิ์ โครต
อาษา. 2542: 185)
1. จุดมุ่งหมายและกลุ่มผู้ใช้ ได้แก่ วัตถุประสงค์ของเว็บไซต์นั้นคืออะไร มีความชัดเจนหรือไม่ เช่น
เพื่อข่าวสารข้อมูล เพื่อการศึกษา เพื่อความบันเทิง เพื่อการชักจูงใจ เพื่อสถาบัน เพื่อการค้า หรือเพื่อส่วน
บุคคล เป็นต้น สารสนเทศที่นําเสนอสอดคล้องกับวัตถุประสงค์หรือไม่ จุดมุ่งหมายสอดคล้องกับกลุ่มผู้ใช้
หรือไม่ กลุ่มเป้าหมายของเว็บไซต์คือใคร และเอกสารนั้นนําเสนอไว้ที่ใด และสารสนเทศที่นําเสนอเป็นที่พึง
พอใจกับความต้องการของผู้ใช้หรือไม่
2. ขอบข่าย ได้แก่
2.1 ความกว้าง เช่น ครอบคลุมเนื้อหาอะไรบ้าง จุดเน้นของการนําเสนอ สารสนเทศคืออะไร
ขอบเขตของเนื้อหาเน้นเฉพาะเนื้อหาของเรื่องนั้นหรือรวมถึงเนื้อหาอื่น ที่เกี่ยวข้องด้วย เป็นต้น
2.2 ความลุ่มลึก เช่น เนื้อหามีความลุ่มลึกเพียงใด ระดับของรายละเอียดของเนื้อหาที่นําเสนอ
เป็นอย่างไร มีความสัมพันธ์กับระดับของผู้ใช้หรือไม่ เป็นต้น
2.3 ช่วงเวลา เช่น สารสนเทศที่นําเสนอได้จํากัดช่วงเวลาไว้แน่นอนหรือไม่ เป็นต้น
2.4 รูปแบบ เช่น ถ้ามีการเชื่อมโยงไปยังแหล่งสารสนเทศอื่นๆ ได้กําหนดขอบเขตการเชื่อมโยง
ไว้อย่างไร และมีรูปแบบใดบ้าง เป็นต้น
3. เนื้อหา องค์ประกอบสําคัญที่เกี่ยวกับเนื้อหามีดังนี้
3.1 ความถูกต้อง เช่น สารสนเทศมีความถูกต้องเพียงใดหรือมีข้อผิดพลาดหรือไม่ จุดมุ่งหมาย
ของการเขียนเอกสารนั้นคืออะไร ระบุแหล่งสารสนเทศไว้หรือไม่ ผู้เขียนมีแรงจูงใจอะไรในการนําเสนอ
สารสนเทศ มีบรรณาธิการหรือผู้รับผิดชอบในการตรวจสอบความถูกต้องหรือไม่ เป็นต้น
3.2 หลักฐานในการเขียน เนื่องจากผู้สร้างเว็บไซต์เป็นใครก็ได้ ดังนั้นการรู้ข้อมูลเกี่ยวกับผู้แต่ง
จึงเป็นสิ่งสําคัญ ประเด็นในการพิจารณา เช่น มีผู้แต่งหรือไม่ ถ้ามีใครเป็นผู้แต่ง เป็นบุคคลหรือสถาบัน ผู้แต่งมี
คุณสมบัติอย่างไร มีความเชี่ยวชาญเพียงพอหรือเป็นที่ยอมรับ ในสาขานั้นหรือไม่ สามารถติดต่อกับผู้เขียนนั้น
ได้หรือไม่ ระบุที่อยู่ หมายเลขโทรศัพท์ หรืออีเมล ไว้หรือไม่ ใครเป็นผู้สนับสนุน ผู้สนับสนุนมีชื่อเสียงหรือไม่ ผู้
แต่งมีความเกี่ยวข้องกับองค์กร หรือสถาบันหรือไม่ หลักฐานเกี่ยวกับบุคคลหรือองค์กรเป็นอย่างไร ข้อมูลที่
นําเสนอได้มาจากไหน ข้อมูลที่นําเสนอผ่านกระบวนการกลั่นกรองหรือไม่ มีการเชื่อมโยงไปยังผู้แต่งหรือ
ผู้สนับสนุนหรือไม่ มีแนวทางในการตรวจสอบแหล่งที่มาหรือไม่ ความน่าเชื่อถือของข้อมูลเป็นอย่างไรเมื่อ
เปรียบเทียบกับเรื่องเดียวกันจากสื่ออื่นๆ และใครเป็นผู้จัดพิมพ์ เป็นต้น
3.3 ความเป็นปัจจุบัน เช่น ระบุวันเดือนปีแจ้งไว้ที่หน้าโฮมเพจหรือไม่ ถ้าไม่มี มีวิธีการที่จะรู้ได้
หรือไม่ เอกสารนั้นผลิตขึ้นเมื่อใด ข้อมูลมีความเป็นปัจจุบันหรือไม่ มีการปรับปรุงข้อมูลครั้งสุดท้ายเมื่อใด การ
ปรับปรุงข้อมูลมีบ่อยเพียงใด เป็นต้น

19. 3.4 ความเป็นปรนัย เช่น มีโฆษณาที่หน้าโฮมเพจหรือไม่ หน้าโฮมเพจสะท้อนถึงความลําเอียง
หรือไม่ ความลําเอียงเป็นไปโดยเปิดเผยหรือซ่อนเร้น ถ้ามีความลําเอียง ความลําเอียงนั้นมีผลกระทบต่อการใช้
สารสนเทศหรือไม่ ผู้เขียนมีความลําเอียง ในเชิงการเมือง หรือเชิงความคิดหรือไม่ ผู้เขียนได้ระบุวัตถุประสงค์
ในการเสนอสารสนเทศไว้หรือไม่ ข้อมูลมีรายละเอียดอย่างไร ถ้าข้อมูลที่นําเสนอเป็นการแสดงความคิดเห็น
ผู้เขียนแสดงความเห็นอะไร สารสนเทศที่นําเสนอ มีความลําเอียงหรือไม่ เป็นต้น
3.5 ลักษณะเฉพาะ เช่น เนื้อหาที่นําเสนอสามารถหาได้จากสื่อในรูปแบบอื่น เช่น สิ่งพิมพ์ หรือ
ซีดีรอม เป็นต้น หรือไม่ จุดเด่นของเว็บไซต์นั้นคืออะไร เป็นเว็บไซต์ที่ส่งเสริม และสนับสนุนแหล่งข้อมูลอื่น
ด้วยหรือไม่ เป็นต้น
3.6 การเชื่อมโยงไปยังแหล่งสารสนเทศอื่นๆ เช่น มีการเชื่อมโยงไปยังเว็บไซต์ อื่นๆ หรือไม่ การ
เชื่อมโยงไปยังแหล่งสารสนเทศอื่นๆ มีความเป็นปัจจุบันเพียงใด และมีความเหมาะสมหรือไม่ เป็นต้น
3.7 คุณภาพในการเขียน เช่น เนื้อหาเขียนดีหรือไม่ ข้อมูลที่นําเสนอ มีความชัดเจนหรือไม่
เนื้อหามีความสมบูรณ์หรือไม่ เนื้อหาเหมาะสมกับระดับของผู้อ่านหรือไม่ มีตัวสะกดผิดพลาดหรือไม่ ข้อมูล
อ่านง่ายหรือไม่ รูปแบบการนําเสนอง่ายต่อการอ่านหรือไม่ รูปแบบการเขียนและวิธีการนําเสนอเหมาะกับกลุ่ม
ของผู้ใช้หรือไม่ เป็นต้น
4. กราฟิกและการออกแบบด้านสื่อประสม เช่น มีจุดสนใจหรือไม่ การนําเสนอ มีลักษณะเป็นมือ
อาชีพหรือไม่ สิ่งที่นําเสนอเป็นภาพล้วนๆ หรือมีความสมดุลระหว่างข้อความ และภาพหรือไม่ สารสนเทศที่
นําเสนอเป็นไปตามหลักการออกแบบด้านกราฟิกที่ดีเพียงใด มีองค์ประกอบด้านความคิดสร้างสรรค์หรือไม่
กราฟิกที่นําเสนอมีส่วนช่วยให้เนื้อหาดูดีขึ้นหรือทําให้ด้อยลงหรือไม่ การมีกราฟิก ภาพ และเสียงประกอบ
เหมาะสมกับวัตถุประสงค์ในการนําเสนอนั้นหรือไม่ หรือเป็นเพียงการตกแต่งเว็บให้สวยงามเท่านั้น เป็นต้น
5. ความสามารถในการทํางาน ประเด็นในการพิจารณา ได้แก่
5.1 ด้านความสะดวกในการใช้งาน เช่น สามารถใช้ได้ง่ายและใช้ได้อย่าง มีประสิทธิภาพหรือไม่
หน้าโฮมเพจมีการจัดแยกเนื้อหาไว้ชัดเจนหรือไม่ มีการให้ความช่วยเหลือ หรือไม่ การออกแบบหน้าจอเป็น
อย่างไร มีการเชื่อมโยงที่เพียงพอหรือไม่ในการได้รับข้อมูล ที่ต้องการ ผู้ใช้จะต้องคลิกผ่านการเชื่อมโยงกี่ครั้ง
เป็นต้น
5.2 ด้านสภาพแวดล้อมเกี่ยวกับคอมพิวเตอร์ที่ต้องการ เช่น ต้องมีรหัสผ่านในการเข้าถึงข้อมูล
หรือไม่ เป็นต้น
5.3 ด้านการสืบค้น เช่น การสืบค้นข้อมูลมีประสิทธิภาพเพียงใด มีการจัดโปรแกรมค้นหาที่มี
ประโยชน์ไว้ให้หรือไม่ มีความสามารถในการจัดเรียงสารสนเทศที่สืบค้นได้หรือไม่ เป็นต้น
5.4 ด้านความสามารถในการเรียกดูข้อมูล เช่น มีการจัดระบบเพื่ออํานวย ความสะดวกในการ
ค้นหาสารสนเทศหรือไม่ รูปแบบการจัดระบบเหมาะสมหรือไม่ เป็นต้น

20. 5.5 ด้านการทํางานเชิงโต้ตอบ เช่น ลักษณะของการโต้ตอบจัดไว้ที่ไหน สามารถทํางานได้ดี
หรือไม่ ผู้ใช้สามารถติดต่อสื่อสารกับผู้เขียนสารสนเทศหรือกับผู้อื่นได้หรือไม่ ปฏิสัมพันธ์มีความเหมาะสม
เพียงใด และเป็นการเพิ่มคุณค่าให้แก่เว็บไซต์หรือไม่ เป็นต้น
6. ความสามารถในการเข้าถึง เป็นองค์ประกอบที่สําคัญ เพราะหากไม่สามารถเข้าถึงเว็บไซต์นั้นได้ก็
ไม่สามารถประเมินสารสนเทศบนเว็บได้ ประเด็นในการพิจารณา ได้แก่ สามารถเข้าถึงเว็บนั้นได้หรือไม่ การ
เข้าถึงเว็บไซต์มีความเชื่อมั่นได้เพียงใด ความเร็วในการเข้าถึงเว็บ เป็นอย่างไร การเปลี่ยนหรือเชื่อมโยงไปยัง
ส่วนต่างๆ ภายในเว็บกระทําได้ง่ายหรือไม่ ไม่สามารถไปหรือกลับมาหน้าเว็บเดิมหรือไม่ เว็บยังคงมีอยู่และ
สามารถเข้าถึงในครั้งต่อไปได้หรือไม่ เป็นต้น
7. การวิจารณ์เว็บโดยผู้อื่น กล่าวคือมีผู้วิจารณ์และพูดถึงเว็บไซต์นั้นเป็นอย่างไร
8. ค่าใช้จ่าย เป็นองค์ประกอบที่ใช้ในการประเมินน้อยกว่าองค์ประกอบอื่นๆ เนื่องจากปัจจุบัน
อินเทอร์เน็ตได้เพิ่มโอกาสในการให้บริการแก่ผู้ใช้โดยไม่ต้องเสียค่าใช้จ่ายในการใช้สารสนเทศ อย่างไรก็ตาม
ค่าใช้จ่ายต่างๆ ยังคงมีอยู่ เช่น การใช้สารสนเทศจากแหล่งที่ต้องเสียค่าบริการ ซึ่งเป็นค่าใช้จ่ายที่เกี่ยวข้องกับ
การใช้ทรัพย์สินทางปัญญา หรือค่าใช้จ่ายในการติดต่อสื่อสารกับแหล่งสารสนเทศ เป็นต้น
ดังนั้นจะเห็นได้ว่า การประเมินเว็บไซต์เป็นสิ่งจําเป็นในการออกแบบเว็บไซต์ อันจะทําให้ทราบว่า
เว็บไซต์ใดเหมาะสมและเป็นประโยชน์ ผู้ใช้บริการเว็บและผู้ออกแบบเว็บ ก็จะได้ประโยชน์ด้วยกันทุกฝ่าย
เว็บไซต์ที่สร้างขึ้นก็จะมีคุณภาพและเป็นเว็บที่ดีบนอินเทอร์เน็ตต่อไป

21. 4.เอกสารและงานวิจัยที่เกี่ยวข้อง
1.ความหมายของเวิลด์ไวด์เว็บ
เวิลด์ไวด์เว็บ(World Wide Wed หรือ WWW หรือ W3 หรือ Wed) คือ บริการค้นหรือเรียกดูข้อมูล
แบบหนึ่งในอินเตอร์เน็ต ข้อมูลในเวิลด์ไวด์เว็บ จะอยู่ในแบบสื่อผสมหรือมัลติมีเดียที่มีทั้งตัวอักษร รูปภาพ
เสียง ภาพเคลื่อนไหวแบบวิดีโอ ข้อมูลจะถูกแบ่งเป็นหน้าๆ แต่ละหน้าสามารถเชื่อมโยงถึงกันได้เป็นแบบ
เครือข่ายคล้ายใยแมงมุม
2.การออกแบบเว็บไซต์
การออกแบบเว็บไซต์เพื่อการเผยแพร่ข้อมูลบนอินเทอร์เน็ต มีความเกี่ยวข้องกับการเลือกเครื่องมือ
หรือโปรแกรมในการทํางานและการออกแบบรูปแบบของเว็บไซต์ โดยมีรายละเอียดดังนี้
1. โปรแกรมสร้างเอกสารเว็บ
การพัฒนาเว็บเพจในอดีตจะอาศัยโปรแกรมประเภท Text Editor โดยผู้พัฒนาจะต้องศึกษา
ภาษา HTML ปัจจุบันเทคโนโลยีเว็บเพจได้เปลี่ยนรูปแบบไปโดยมีการนําภาษาคอมพิวเตอร์ เช่น
VBSeript,JavaScript,Java มาผสมผสานเพื่อเพิ่มฟังน์ชันการมํางานให้ตรงกับความต้องการมากขึ้น
เครื่องมือพัฒนาเว็บเพจ ที่มีใช้งานในปัจจุบันแบ่งได้ดังนี้
1.1 การพัฒนาเว็บเพจด้วยการลงรหัสHTML หรือ แบบText Editor
1.2 โปรแกรมสร้างงานอัตโนมัติ หรือ HTML Generaton & Website Manager
1.3 การพัฒนาเว็บเพจด้วยคําสั่ง Save as HTML
2. หลักการออกแบบเว็บเพจ
การออกแบบและพัฒนาเว็บเพจ สามารถทําได้หลายระบบ ขึ้นอยู่กับลักษณะของข้อมูล
ความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการนําเสนอ เช่น หากกลุ่มเป้าหมายเป็นเด็ก
วัยรุ่น และนําเสนอข้อมูลเกี่ยวกับความบันเทิง อาจจะออกแบบให้มี ทิศทางการไหลของหน้าเว็บที่
หลากหลายใช้ลูกเล่น ได้มากกว่าเว็บที่นําเสนอ ให้กับผู้ใหญ่ หรือเว็บด้านวิชาการ
หลักการออกแบบเว็บเพจ สามารถแบ่งได้ 3 ลักษณะ คือ
2.1 แบบลําดับขั้น (Hierarchy) เป็นการจัดแสดงหน้าเว็บ เรียงตามลําดับกิ่งก้านแตกแขนง
ต่อเนื่องไปเหมือนต้นไม้กลับหัว
2.2 แบบเชิงเส้น (Linear) เป็นการจัดแสดงหน้าเว็บเรียงต่อเนื่องไปในทิศทางเดียว

22. 2.3 แบบผสม (Combination) เป็นการจัดหน้าเว็บชนิดผสมระหว่างแบบลําดับขั้น และแบบ
เชิงเส้น
3. ขั้นตอนการพัฒนาเว็บเพจ
การพัฒนาเว็บเพจมีขั้นตอนดังต่อไปนี้
1. วางแผนการพัฒนาเว็บเพจ
2. กําหนดไดเร็กทรอรี หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารเว็บสร้างภาพ
หรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหา แล้วจัดเก็บไว้ในไดเร็กทรอรี ตามข้อ 2
3. สร้างเอกสารเว็บ โดยกําหนดชื่อไฟล์เอกสารเว็บ ตามข้อกําหนดของผู้ดูแลระบบเครือข่าย
และจัดเก็บไว้ในไดเร็กทรอรีตามข้อ 2
4. ตรวจสอบผลเอกสารเว็บผ่านบราวเซอร์
5. ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทําการตรวจสอบผลการเรียกดูจากเครื่องแม่ข่าย
3.งานวิจัยที่เกี่ยวข้อง
การพัฒนาเว็บไซต์มีงานวิจัยที่เกี่ยวข้องกับการใช้งานเว็บไซต์เป็นหลัก เช่น
งานพล เผ่าศิริ (2546) ศึกษาเรื่อง สภาพและปัญหาการใช้บริการเว็บไซต์ของห้องสมุดและลักษณะ
ของเว็บไซต์ห้องสมุดที่ต้องการของนิสิตนักศึกษามหาวิทยาลัยของรัฐ ในภาคตะวันออกเฉียงเหนือ พบว่า
เว็บไซต์ของห้องสมุดใช้ประโยชน์เพื่อสนับสนุนการเรียนการสอนปัญหาในการใช้งานคือ เนื้อหาเป็น
ภาษาอังกฤษ ข้อเสนอแนะต่อเว็บไซต์คือความทันสมัยของเนื้อหาในเว็บ
ณรงค์วิทย์ สะโสดา (2545) ศึกษาเรื่อง การประเมินการเลือกใช้สารสารสนเทศจากเวิลด์ไวด์เว็บของ
นิสิต ระดับปริญญาตรีมหาวิทยาลัยของรัฐในภาคตะวันออกเฉียงเหนือ พบว่านิสิตระดับปริญญาตรีใช้เว็บไซต์
รูปแบบข้อความ สถานที่ที่ใช้คือร้านบริการอินเทอร์เน็ต ปัญหาในการใช้คือ ไม่ได้สารสนเทศที่ต้องการ
เว็บไซต์มีโฆษณามากเกินไป นอกจากนี้ นิศิตส่วนใหญ่จะเลือกใช้เนื้อหาในเว็บไซต์โดยพิจารณาจากชื่อผู้แต่ง
และชื่อหน่วยงานประกอบ
ฐปนี สินธุพงษ์ (2543) ศึกษาเรื่อง รูปแบบการนําเสนอข้อมูลข่าวสารบนเว็บไซต์ของห้องสมุด
สถาบันอุดมศึกษาของรัฐ พบว่า เว็บไซต์ของห้องสมุดของห้องสมุดสถาบันอุดมศึกษาของรัฐมีการจัดรูปแบบ
อย่างง่าย การใส่ชื่อหน่วยงานจะใช้อักษรตัวหนา มีการใช้เทคนิคเฟรมจัดหน้าและสีพื้นหลังหลากหลาย มีการ
ใช้ภาพเคลื่อนไหวและเทคนิคพิเศษค่อนข้างน้อย

23. 5.การศึกษาและข้อมูลที่เกี่ยวข้อง
ในการศึกษาและวิเคราะห์ข้อมูลที่เกี่ยวข้องกับโครงการออกแบบเว็บไซต์เพื่อประชาสัมพันธ์
ผลงานของนักศึกษา สาขาวิชาศิลปกรรม (ออกแบบนิเทศศิลป์ ) ในครั้งนี้ ผู้ศึกษาได้ค้นคว้าข้อมูลและ
หลักการต่างๆที่เกี่ยวกับการทางานโดยมีรายละเอียดดังต่อไปนี้
1. ข้อมูลหลักสูตรศิลปะศาสตร์บัณฑิต สาขาวิชาศิลปกรรม
1. ชื่อหลักสูตร
2. ชื่อปริญญา
3. หน่วยงานที่รับผิดชอบ
4. ปรัชญาและวัตถุประสงค์ของหลักสูตร
5. กาหนดการเปิดสอน
6. คุณสมบัติของผู้เข้าศึกษา
7. การคัดเลือกผู้เข้าศึกษาต่อ
8. ระบบการศึกษา
9. ระยะเวลาการศึกษา
10. การลงทะเบียนเรียน
11. การวัดผลและสาเร็จการศึกษา
12. หลักสูตร
13. อาจารย์ประจาคณะ
2. อินเทอร์เน็ต
3. เวิลด์ไวด์เว็บ
4. การออกแบบเว็บไซต์
1. หลักในการออกแบบเว็บไซต์
2. การใช้สีบนเว็บไซต์
3. การใช้กราฟิกบนเว็บไซต์
4. โปรแกรมที่ใช้สร้างเว็บไซต์
5. สรุปสิ่งสาคัญในการออกแบบและจัดทาเว็บไซต์

24. 1. ข้อมูลหลักสูตรศิลปะศาสตร์ สาขาวิชาศิลปกรรม
หลักสูตรศิลปะศาสตร์บัณฑิต สาขาวิชาศิลปกรรม หลักสูตรปรับปรุง พ.ศ. 2549 คณะมนุษยศาสตร์
และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม
1. ชื่อหลักสูตร
ชื่อหลักสูตรภาษาไทย : หลักสูตรศิลปะศาสตร์บัณฑิต สาขาวิชาศิลปกรรม
ชื่อหลักสูตรภาษาอังกฤษ : Bacheior of Arts Program in lne and Applied Arts
2. ชื่อปริญญา
ชื่อเต็ม : ศิลปะศาสตร์บัณฑิต(ศิลปกรรม)
: Bacheior of Arts Program in Fine and Applied Arts
ชื่อย่อ : ศศ.บ.(ศิลปกรรม) B.A.(Fine and Applied Arts)
3. หน่วยงานที่รับผิดชอบ
คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม
4. ปรัชญาและวัตถุประสงค์ของหลักสูตร
4.1 ปรัชญา
ผลิตบัณฑิตที่มีความรู้ คุณธรรม จริยธรรมและมีทักษะความชานาญในสาขาอาชีพศิลปกรรม
เพื่อสอดคล้องกับความต้องการของสังคม มีความซื่อสัตย์และมีความรับผิดชอบ สามารถคิดวิเคราะห์และ
สร้างสรรค์งานด้านศิลปกรรมได้อย่ามีประสิทธิภาพ
4.2 วัตถุประสงค์
1. เพื่อผลิตบัณฑิตให้มีความรู้และมีทักษะในการปฏิบัติงานด้านศิลปกรรมผสมผสานกับการ
ใช้เทคโนโลยีให้เหมาะสมกับยุคสมัยเป็นอย่างดี
2. เพื่อผลิตบัณฑิตให้มีเจตคติที่ดีต่องานศิลปกรรมและสามารถนาความรู้ไปใช้พัฒนาสังคม
และท้องถิ่นได้เป็นอย่างดี
3. เพื่อผลิตบัณฑิตให้มีความซื่อสัตย์และความรับผิดชอบต่อสังคมและวิชาชีพศิลปกรรม
4. เพื่อผลิตบัณฑิตให้มีความสามารถคิดวิเคราะห์ แก้ปัญหาและสร้างสรรค์งานด้านศิลปกรรม
อย่างมีประสิทธิภาพ
5. เพื่อผลิตบัณฑิตให้มีสานึกในการสร้างสรรค์งานศิลปกรรมที่มีบทบาทต่อการส่งเสริมและ
ทานุบารุงศิลปกรรมวัฒนธรรมของชาติ

25. 5. กาหนดการเปิดสอน
ภาคเรียนที่ 1 ปีการศึกษา 2549
6. คุณสมบัติของผู้เข้าศึกษา
ตามข้อบังคับของทางมหาลัยราชภัฏจันทรเกษมว่าด้วยการจัดการศึกษาระดับปริญญาตรี พ.ศ. 2548
7. การคัดเลือกผู้เข้าศึกษาต่อ
ตามข้อบังคับของทางมหาลัยราชภัฏจันทรเกษมว่าด้วยการจัดการศึกษาระดับปริญญาตรี พ.ศ. 2548
8. ระบบการศึกษา
ใช้ระบบการศึกษาแบบทวิภาคปีการศึกษาหนึ่งแบ่งออกเป็น 2 ภาคการศึกษา ปกติ 1 ภาคการศึกษา
มีระยะการศึกษาไม่น้อยกว่า 15 สัปดาห์ และสามารถจัดการศึกษาระหว่างปิดภาคการศึกษาโดยกาหนดเวลา
เรียน จานวนหน่วยกิตที่มีสัดส่วนเทียบเคียงกันได้กับการศึกษาภาคปกติ
9. ระยะเวลาการศึกษา
ระยะเวลาการศึกษาตลอดหลักสูตรไม่น้อยกว่า 6 ภาคการศึกษาปกติและไม่เกิน 16 ภาคการศึกษา
ปกติ
10. การลงทะเบียนเรียน
ตามข้อบังคับของทางมหาลัยราชภัฏจันทรเกษมว่าด้วยการจัดการศึกษาระดับปริญญาตรี พ.ศ. 2548
11. การวัดผลและสาเร็จการศึกษา
ตามข้อบังคับของทางมหาลัยราชภัฏจันทรเกษมว่าด้วยการจัดการศึกษาระดับปริญญาตรี พ.ศ. 2548
12. หลักสูตร
12.1 จานวนหน่วยกิตรวมตลอดหลักสูตรไม่น้อยกว่า 129 หน่วยกิต
12.2 โครงสร้างหลักสูตร
1. หมวดวิชาศึกษาทั่วไป 30 หน่วยกิต
2. หมวดวิชาเฉพาะ 93 หน่วยกิต
2.1 กลุ่มวิชาแกน 37 หน่วยกิต
2.2 กลุ่มวิชาเอกบังคับ 49 หน่วยกิต
2.2.1 แขนงออกแบบนิเทศศิลป์
กลุ่มวิชาเอกบังคับ 42 หน่วยกิต
กลุ่มวิชาเอกเลือก 7 หน่วยกิต

26. 2.2.2 แขนงออกแบบประยุกต์ศิลป์
กลุ่มวิชาเอกบังคับ 33 หน่วยกิต
กลุ่มวิชาเอกเลือก 16 หน่วยกิต
2.3 กลุ่มวิชาปฏิบัติการณ์และฝึกประสบการณ์วิชาชีพ 7 หน่วยกิต
3. หมวดวิชาเลือกเสรี
13. อาจารย์ประจาคณะ
1. ผู้ช่วยศาสตราจารย์กรรัตน์ พ่วงพงษ์
2. ผู้ช่วยศาสตราจารย์ประชิด ทินบุตร
3. อาจรย์วารดา พุ่มผกา
4. อาจารย์จารุณี เนตรบุตร
5. อาจารย์ธีระชัย สุขสวัสดิ์
6. อาจารย์เกวรินทร์ พันธวี
7. อาจารย์นภัทรพงษ์วัจนจานงค์
2. อินเทอร์เน็ต
1. ความสาคัญของอินเทอร์เน็ต
สื่ออินเทอร์เน็ตได้ถูกหยิบยกขึ้นมาให้เป็นแบบอย่างของ “ทางด่วนข้อมูล” และรวมไปถึง
การสื่อแกนหลักในยุคมัลติมีเดียอีกด้วย เพราะในปัจจุบันนี้นั้นอินเทอร์เน็ตก็มีความสามารถทางมัลติมีเดีย
แล้วด้วย ยกตัวอย่างเช่นการดึงข่าวสารต่างๆทางคอมพิวเตอร์ ไม่ว่าข่าวเน้นๆจะอยู่ในรูปแบบของภาพนิ่ง
ภาพสี หรือว่าภาพเคลื่อนไหวด้วยระบบโต้ตอบ สามารถจองหรือสั่งออร์เดอร์สินค้า การดูข่าวล่าสุดจาก
อินเทอร์เน็ต จากนั้นแล้วเทคโนโลยีใหม่ที่เกิดขึ้นก็ยังทาให้อินเทอร์เน็ตสามารถถูกนาไปใช้ในการประชุม
ทางไกล การกระจายเสียงแบบวิทยุหรือการแพร่ภาพแบบสถานีโทรทัศน์ได้อีกด้วย
2. ความแพร่หลายของอินเทอร์เน็ต
เมื่ออินเทอร์เน็ตเปรียบเสมือนเส้นทางของข้อมูลข่าวสารที่เชื่อมโยงถึงกัน ทาให้เกือบทุก
องค์กรต้องเชื่อมโยงเครือข่ายภายในของตนเองเข้ากับอินเทอร์เน็ต การแพร่ขยายจึงเกิดขึ้นอย่างรวดเร็วและ
มีแนวโน้มที่เพิ่มขึ้นอย่างต่อเนื่อง จนในที่สุดแล้วนั้นอินเทอร์เน็ตจะกลายเป็นชีวิตประจาวันของมนุษย์อย่าง
หลีกเลี่ยงไม่ได้ในปัจจุบันมีเว็บไซต์จานวนมากเกิดขึ้นใหม่ทุกวันซึ่งจานวนของเว็บไซต์ที่มีอยู่ทั่วโลก
ประมาณ 60 ล้านแห่งและมีท่าทีว่าจะไปถึงหลัก 100 ล้านในระยะเวลาไม่นานนี้ โดยอัตราการแพร่หลาย
ของอินเทอร์เน็ตในประเทศไทยขึ้นอยู่กับอัตราการเจริญเติบโตของเศรษฐกิจพอสมควร โดยในกรณีที่

27. เศรษฐกิจขยายตัวช้าที่สุด คือร้อยละ 2 ต่อปี ตลอดช่วงเวลาดังกล่าวประเทศไทยจะมีผู้ใช้อินเทอร์เน็ต
ประมาณ 2.78 ล้านคน หรือร้อยละ 4.29 ของประชากรทั้งหมดในช่วงต้นปีของ ค.ศ. 2005 ส่วนในกรณีที่
เศรษฐกิจขยายตัวอย่างรวดเร็วถึงร้อยละ 6 ต่อปี ตลอดช่วงเวลาดังกล่าวจะมีผู้ใช้อินเทอร์เน็ตประมาณ 3.21
ล้านคนหรือร้อยละ 4.94 ของประชากรทั้งหมด ในช่วงเวลาดังกล่าวประเทศไทยจะมีความเร็วของวงจร
ต่างประเทศโดยรวมในช่วง 256-312 Mbps หากความสัมพันธ์ระหว่างความเร็ววงจรระหว่างประเทศต่อ
จานวนผู้ใช้ยังคงอยู่ในระดับเดิม จากการคาดการอัตราความแพร่หลายของการใช้อินเทอร์เน็ต
ภายในประเทศไทย ในช่วงต้นปี ค.ศ. 2005 น่าจะอยู่ระหว่าง 2.78-3.21 ล้านคนหรือประมาณร้อยละ 4.29-
4.94 ของประชากรทั่วประเทศ หรือขยายตัวปีละประมาณร้อยละ 30.40 จนผู้ใช้อินเทอร์เน็ตในปี 2005
เพิ่มขึ้น 4-5 เท่า เมื่อเทียบกับปัจจุบันซึ่งจะทาให้อินเทอร์เน็ตมีความแพร่หลายอย่างเพียงพอที่จะให้บริการ
ด้านสาธารณะประโยชน์ต่างๆโดยมีความครอบคลุมพอสมควร (สมเกียรติ ตั้งกิจวาณิช , กันยายน 2542 : 1-
15)
3. เวิลด์ไวด์เว็บ
เวิลด์ไวด์เว็บได้ถูกสร้างขึ้นในปี ค.ศ. 1989 โดยห้องปฏิบัติการทดลองแห่งยุโรป สาหรับฟิสิกส์ –
อนุภาค ซึ่งเป็นสถาบันในการค้นคว้าวิจัยแห่งประเทศสวิตเซอร์แลนด์และได้นาออกมาใช้ในปี ค.ศ. 1990 (กิ
ดานันท์มลิทอง , 2542 : 3-4)
1. การทางานของเวิลด์ไวด์เว็บ
เวิลด์ไวด์เว็บ มีความหมายว่าเป็นเน็ตเวิร์คที่เชื่อมต่อกันไปทั่วโลกมีการแสดงผลเป็นหน้าๆ
เหมือนกับเอกสารที่เราอ่านกันบนกระดาษ โดยเรียกว่า “เว็บเพจ” ซึ่งประกอบไปด้วยตัวอักษร กราฟิก เสียง
ภาพเคลื่อนไหวและข้อมูลในรูปแบบอื่นและที่สาคัญก็คือ ในแต่ละเว็บเพจจะเป็นสื่อมัลติมีเดียที่สามารถ
โต้ตอบกับผู้ใช้ได้และถ้าเป็นเพจหรือเป็นหน้าที่มีจุดเริ่มต้นหรือหน้าแรกของเว็บเพจทั้งหมดที่จะแสดงก็จะ
เรียกว่า “โฮมเพจ” โดยที่เว็บเพจทั้งหลายจะเชื่อมต่อซึ่งกันและกันโดยใช้ไฮเปอร์แท็กซ์ ซึ่งจะช่วยให้การย้าย
จากเว็บเพจหนึ่งไปยังอีกเว็บเพจหนึ่งอื่นๆได้หรือจะไปยังไฟล์กราฟิก ไฟล์ใบนารี ไฟล์มัลติมีเดีย และ
บริการอื่นๆ ในอินเทอร์เน็ตได้อย่างรวดเร็ว วิธีในการกระโดดจากเว็บเพจหนึ่งไปยังอีกเว็บเพจหนึ่งนั้น ก็
เพียงแต่คลิกไปที่ลิงค์บนไฮเปอร์แท็กซ์เท่านั้น เวิลด์ไวด์เว็บทางานในรูปแบบ Cline/Server โดยจะต้องรัน
โปรแกรมที่เป็น ”ลูกข่าย” หรือ Web clinet ที่เรียกว่า Web brower บนคอมพิวเตอร์ ตัวอย่างเช่น Moasic
Netscape หรือ Internet Explorer แล้ว Clinet เหล่านี้ก็จะติดต่อไปที่เครื่อแม่ข่ายหรือเซิฟเวอร์ที่เรียกว่า Web
server เพื่อเรียกดูข้อมูลหรือบริการต่างๆ จากนั้น Web server จะเป็นตัวค้นหาแล้วส่งข้อมูลกลับไปยัง Web
brosert ซึ่งจะเป็นตัวแสดงผลออกมาอีกทีหนึ่ง เว็บเพจบน World wide web นั้นถูกสร้างโดยใช้ “ภาษาทา

28. เครื่องหมาย”(makeup language) ที่เรียกว่า HTML (Hypertext markup language) ภาษานี้จะมีคาสั่งที่บอก
Web browser ว่าจะให้แสดงตัวอักษรกราฟิกและไฟล์มัลติมีเดียอย่างไร นอกจากนี้ยังมีคาสั่งสาหรับ
เชื่อมโยงเว็บเพจหนึ่งไปยังเว็บเพจอื่นๆและไปยังบริการอื่นๆในอินเทอร์เน็ตอีกด้วย (ทฑฤษพงศ์เฟื่องวุฒิ
2543 : 26-27)
2. ตาแหน่งที่อยู่ของเว็บ (URL)
ในการที่เราจะเรียกใช้เว็บเพจที่อยู่ในอินเทอร์เน็ตนั้นเราจะต้องทราบเสียก่อนว่า เว็บเพจนั้นๆได้
ถูกเก็บไว้อยู่ในเว็บไซต์ โดยที่ตาแหน่งที่อยู่ของเว็บไซต์นั้นจะเขียนอยู่ในรูปแบบมาตรฐาน URL (Uniform
Resource Location) โดยทั่วไปในการใช้โปรแกรม Web browser เราจะเห็นได้ว่าจะใช้ protocol แบบ HTTP
เช่น http://www.MYWEB.com เป็นต้น นอกเหนือจาก protocol แบบ HTTP แล้ว Web browser ยังรู้จักใน
แบบอื่นๆอีกมากมาย ทาให้ Web browser มีการบริหารที่เพิ่มขึ้น URL ย่อมาจากคาว่า Unifrom Resource
Location เป็นชื่อที่ใช้เรียกตาแหน่งที่อยู่ขอข้อมูลบนอินเทอร์เน็ต การทางานของ URL จะเริ่มจาก Hypertext
ทาการเชื่อมต่อกับข้อมูลภายใน WEB ไปยังโปรแกรมต่างๆ ตาม protocol ที่ผู้ใช้ได้กาหนดรูปแบบการ
เชื่อมต่อไว้โดยรูปแบบของ URL มีดังนี้
1. Fttp:// ทาหน้าที่ Upload หรือ Download จาก FTP server
2. Fttp:// ทาหน้าที่เรียก Hypertext ขึ้นมาแสดงผลจาก Web browser
3. File:// ทาหน้าที่ค้นหาและแสดงผลข้อมูลจากไฟล์ที่กาหนดแบบ local
4. Telnel:// ทาหน้าที่เป็น remote control
5. Gopher:// ทาหน้าที่เรียกไฟล์ขึ้นมาใช้งานจาก Gopher Server
6. mailto: ทาหน้าที่ส่งข้อมูลในรูปแบบของ E – mail
7. News: ทาหน้าที่คล้ายกับ mailto แต่จะเป็นจดหมายข่าว
3. โดนเมนเนม
ชื่อโดเมน เป็นชื่อที่ระบุที่อยู่ของคอมพิวเตอร์แม่ข่ายที่เชื่อมโยงในอินเทอร์เน็ตโดยเป็นชื่อที่
สมบูรณ์ของที่ตั้งอินเทอร์เน็ตนั้น อันประกอบด้วย ชื่อของคอมพิวเตอร์ที่ติดต่อเชื่อมโยงกับอินเทอร์เน็ต เขต
ย่อย และเขตระดับสูงสุด ระดับความสาคัญของเขตจะดูจากขวาไปซ้าย เขตขวาสุดซึ่งอยู่หลังสุดของที่อยู่จะ
เป็นเขตระดับสูงสุด ซึ่งจะครอบคลุมชื่อทางซ้าย เขตขวาสุดจะบอกถึงระดับประเทศและเขตซ้ายสุดจะบอก
ชื่อเครื่อง โดยแต่ละเขตจะมีจุดแบ่งระดับชื่อเขต โดยสิ่งเหล่านี้จะแยกจากกันและหลักในการตั้งชื่อโดเมน
นั้นจะใช้ “คาว่า” แทนชุดตัวเลข เช่น 202.182.0.1 เพื่อง่ายแก่การจดจาของระบบคอมพิวเตอร์ ซึ่งจะแปลงค่า
ของคานั้นๆออกเป็นตัวเลขที่คอมพิวเตอร์สามารถอ่านได้แทน ถ้าจาตัวเลขได้ก็จะสามารถนาตัวเลขนั้นมา

29. พิมพ์ค่าแทนการพิมพ์ชื่อโดเมนปกติได้เช่น โดเมนที่ชื่อ www.siamweb.com แทนตัวเลขชุด 207.226.172.2
เป็นต้น Domain Name System (DNS) ชุดแรกที่ถูกนาออกมาให้ทุกคนได้ใช้งานมีอยู่ด้วยกัน 5 แบบ โดยเรา
สามารถแยกความแตกต่างของโดเมนเนมได้จากอักษรย่อที่ต่อมาจากชื่อ www.***.com หรือ www.***.net
ซึ่งยุคแรกๆของโดเมนเนมนั้นมีด้วยกันไม่กี่สกุลแต่ปัจจุบันได้เกิดเมนใหม่ๆขึ้นมาอีกมากมาย
เช่น .shop, .sex เป็นต้น สาหรับในประเทศไทยนั้นได้มีการขอเรื่องจดโดเมนเนมไปยังองค์กรจดโดเมนของ
โลกให้ .th เป็นของประเทศไทย (ศุภชัย สุขะนินทร์. 2542 : 10-11)
4. โฮมเพจ
สาหรับคาที่ความหมายเดียวกันกับโฮมเพจ ได้แก่ เวิล์ดไวด์เว็บเพจและเว็บเพจ โดยที่คาว่า โฮมเพจ
เป็นการเน้าถึงการเป็นข้อมูลประจาเวิล์ดไวด์เว็บเซิร์ฟเวอร์ (หมายถึงข้อมูลทั้งหมด) หรือเป็นข้อมูลหน้าแรก
ของเวิล์ดไวด์เว็บนั้นๆ อย่างไรๆก็ตามโฮมเพจอาจหมายถึง แฟ้มข้อมูลที่ถูกกาหนดโดยโปรแกรมเว็บ
เบราว์เซอร์ ดังนั้น โฮมเพจจึงเป็นข้อมูลที่ปรากฏบนเว็บเบราว์เซอร์หรือเป็นแฟ้ม HTML ที่ได้จากการ
เชื่อมโยงและโอนย้ายมาจากเว็บเซริฟเวอร์แหล่งอื่นๆ
5. ประโยชน์ของการจัดทาเว็บไซต์
โดยหลักการแล้วเวิล์ดไวด์เว็บได้ถูกออกแบบมาให้เป็นเอกสารอิเล็กทรอนิกส์ ซึ่งปัจจุบันถูกเรียก
ย่อๆว่า เว็บ ซึ่งขีดความสามารถของเทคโนโลยีเว็บมีความสามารถในการทาหลายๆสิ่งมากยิ่งขึ้นจึงทาให้มี
การประยุกต์งานต่างๆ บนเวิล์ดไวด์เป็นไปได้อย่างหลากหลาย ตั้งแต่การประกาศข่าวธรรมดาๆไปจนถึงการ
ทาการค่าด้วยอิเล็กทรอนิกส์ เช่นตัวอย่างที่แสดงให้เห็นว่าเทคโนโลยีของเว็บไซด์สามารถทาอะไรได้บ้าง
1. จดหมายข่าว เป็นลักษณะของสื่ออย่างหนึ่งที่หลายๆองค์กรเลือกมาใช้ในการ
ประชาสัมพันธ์ข่าวสารต่างๆบนเวิล์ดไวด์เว็บเป็นไปอย่างหลากหลาย ตั้งแต่การประกาศข่าวธรรมดาๆ ไป
จนถึงการทาการค่าด้วยอิเล็กทรอนิกส์ เช่นตัวอย่างที่แสดงให้เห็นว่าเทคโนโลยีของเว็บไซด์สามารถทาอะไร
ได้บ้าง
2. จดหมายข่าว เป็นลักษณะของสื่ออย่างหนึ่งที่หลายๆองค์กรเลือกมาใช้ในการ
ประชาสัมพันธ์ข่าวสารต่างๆ ขององค์กรผ่านทางเว็บไซต์ขององค์กร ซึ่งจะเป็นทางที่สามารถลดค่าใช้จ่าย
ขององค์กรได้และองค์สามารถที่จะปรับปรุงเนื้อหาหรือเพิ่มเติมข่าวสารต่างๆขององค์กรได้ตลอดเวลา โดย
ไม่จาเป็นต้องจัดพิมพ์ข่าวสารเหล่านั้นออกมาเป็นเอกสารส่งให้กับลูกค้าซึ่งจะต้องเสียค่าใช้จ่ายในการพิมพ์
เอกสารเหล่านั้นอีก
3. ศูนย์บริการทางอินเทอร์เน็ต มีเว็บไซต์จานวนมากที่ถูกสร้างขึ้นเพื่อเป็นศูนย์กลางในการ
ติดต่อสื่อสารของคนทั้งโลก ไม่ว่าจะเป็นการให้บริการทางด้านการค้นหาข้อมูลที่ต้องการการให้บริการด้าน

30. อีเมลล์ การให้บริการพื้นที่สาหรับการสร้างเว็บไซต์หรือการให้บริการทางด้านห้องสนทนา เป็นต้น
4. การศึกษาระยะทางไกล ในปัจจุบันภาพวิดีโอและเสียงสามารถส่งผ่านอินเทอร์เน็ตไปถึง
ผู้เข้าชมเว็บไซต์ได้อย่างง่ายดาย
5. ธุรกิจออนไลน์ กระแสของ E – Commerce ปะทุขึ้นทั่วโลก แนวโน้มในอนาคต Online
Business จะเป็นแนวทางที่เกือบทุกองค์กรโดยเฉพาะอย่างยิ่งองค์กรธุรกิจจาเป็นจะต้องนามาเป็นส่วนหนึ่ง
ขององค์กรไม่มีทางใดก็ทางหนึ่ง (ทธฤษพงศ์ เฟื่องวุฒิ , 2543: 8-12)
4. การออกแบบเว็บไซต์
เว็บไซต์คือแหล่งที่รวมหน้าเว็บจานวนมากมายหลายหน้าในเรื่องเดียวกันมารวมอยู่ด้วยกัน แต่สิ่ง
หนึ่งในการเสนอการรวมที่อยู่เว็บไซต์ที่แตกต่างไปจากโปรแกรมโทรทัศน์เนื้อหาในนิตยาสารหรือ
หนังสือพิมพ์คือการทางานบนเว็บจะไม่มีวันสิ้นสุด ทั้งนี้เนื่องจากเราสามารถเพิ่มหน้าเว็บบนเว็บไซต์
เพิ่มเติมสารสนเทศที่ทันสมัย เปลี่ยนภาพกราฟิก ฯลฯ ได้อยู่ตลอดเวลา จึงนับเป็นการท้าทายความคิด
สร้างสรรค์ของนักออกแบบอย่างมากในงานขยายวงกว้างเช่นนี้ ดังนั้นการออกแบบเว็บไซต์จึงเป็นสิ่งสาคัญ
มากอย่างหนึ่งที่ควรคานึงก่อนลงรายละเอียดในเว็บแต่ละหน้าต่อไป ตามลักษณะที่แท้จริงเวิล์ดไวด์เว็บ
ประกอบด้วยหน้าเอกสารจานวนมากมายหลายล้านหน้า ซึ่งมีลักษณะเช่นเดียวกันกับเอกสารที่ใช้พิมพ์ด้วย
โปรแกรมประมวลคาสั่งนั่นเอง หน้าเอกสารแต่ละหน้าเหล่านี้จะมีการเชื่อมโยงกันเพื่อให้ผู้อ่านสามารถอ่าน
ได้ในเวลาอันรวดเร็ว เอกสารที่มีความเกี่ยวข้องและเชื่อมโยงกันเหล่านี้จะอยู่รวมกันเรียกว่า “เว็บไซต์” หรือ
ที่อยู่เว็บเป็นที่รวบรวมเอกสารนั้นอยู่ในเครื่องบริการอินเทอร์เน็ต ปกติแล้วในแต่ละเว็บไซต์จะมี “โฮมเพจ”
หรือเรียกอีกชื่อหนึ่งว่า “หน้าต้อนรับ” ซึ่งปรากฏเป็นหน้าแรกเมื่อเปิดเว็บไซต์นั้นขึ้นมาในหน้าโฮมเพจจะ
เปรียบเสมือนเป็นหน้าสารบัญเพื่อบอกกล่าวหัวข้อเรื่องราวเกี่ยวกับเว็บไซต์นั้น แต่ในบางเว็บไซต์จะมีหน้า
นาเข้ารวมอยู่ด้วย หน้านาเข้าเปรียบเสมือนชื่อเรื่องของหนังสือก่อนที่จะนาเข้าไปสู่หน้าโฮมเพจ (กิดานันท์
มะลิทอง. 2542 : 7)
1. หลักในการออกแบบเว็บไซต์
ตามที่ได้กล่าวมาแล้วว่า เว็บไซต์เป็นแหล่งรวบรวมหน้าเว็บจานวนมากมายหลายหน้าในเรื่อง
เดียวกันมารวมอยู่ด้วยกัน แต่การทางานบนเว็บจะไม่มีวันสิ้นสุด เนื่องจากนักออกแบบสามารถปรับปรุงทุก
อย่างบนหน้าเว็บไซต์ได้ตลอดเวลา ดังนั้นการออกแบเว็บไซต์จึงต้องมีการเริ่มต้นที่ดีโดยคานึงถึงหลักการ
ต่างๆ ซึ่งแบ่งเป็นหัวข้อใหญ่ๆ ดังนี้
1. การวางแผนล่วงหน้า การทางานใดๆก็ตามย่อมต้องมีการวางแผนไว้เพื่อจัดขั้นตอนใน
การทางานและเป็นแนวทางให้สามารถดาเนินงานไปได้ด้วยความสะดวกรวดเร็ว ดังนั้นก่อนที่จะทาการ

31. สร้างเว็บไซต์ใดเว็บไซต์หนึ่งจงต้องมีการวางแผนล่วงหน้า เพื่อให้สามารถออกแบบเว็บไซต์นั้นและ
หลีกเลี่ยงอุปสรรคนานัปการที่อาจเกิดขึ้นได้ถ้าไม่มีการวางแผนไว้ก่อน คือ มีการสร้างเค้าโครง การสร้าง
เค้าโครงนี้จะช่วยให้เราเห็นส่วนต่างๆ ของโครงการได้อย่างรวดเร็วโดยยังไม่ต้องสร้างหน้าเว็บจริง และช่วย
ให้สามารถรวบรวมจัดระเบียบโครงสร้างต่างๆของเว็บไซต์ได้อย่างรวดเร็วและง่ายดาย มีการเก็บรวบรวม
วัสดุ เพราะเราจาเป็นที่จะต้องเก็บรวบรวมเนื้อหาต่างๆให้เรียบร้อยก่อนเริ่มทางานจริง ทั้งนี้ย่อมข้นอยู่กับ
เค้าโครงที่ร่างไว้ว่าต้องการสิ่งใดในการทางานนี้ แล้วสร้างรายการของสิ่งต่างๆที่ต้องการใช้ในเว็บไซต์
รวมถึงมีการเก็บแฟ้มต้นฉบับ ซึ่งแฟ้มต้นฉบับเป็นแฟ้มข้อมูลต่างๆ ที่รวบรวมไว้แล้วนั้นควรเก็บไว้เป็น
โฟลเดอร์ย่อมแฟ้มต้นฉบับโดยอยู่ภายในโฟลเดอร์ใหญ่ของโฟลเดอร์เว็บไซต์และตั้งชื่อตามแต่ชนิดของ
แฟ้มนั้น เช่น แฟ้มต้นฉบับข้อความ แฟ้มต้นฉบับภาพ เป็นต้น
2. รวบรวมจัดระเบียบ ภายหลังเมื่อวางแผนและเก็บรวบรวมวัสดุต่างๆที่จาเป็นต้องใช้ใน
การสร้างเว็บไซต์เรียบร้อยแล้ว สิ่งแรกก่อนที่จะมีการสร้างเว็บไซต์ได้นั้น นักออกแบบจาเป็นต้องทาการจัด
ระเบียบเพื่อความสะดวกในการทางาน คือ ควรมีการรวบรวมแฟ้ม ซึ่งในการรวบรวมแฟ้มข้อมูลต่างๆ ควร
ทาการจัดเก็บรวมกันไว้ในโฟลเดอร์ใหญ่ แต่สาหรับเว็บไซต์ เราควรจะสร้างโฟลเดอร์ย่อยใหม่ขึ้นมา
ตัวอย่างเช่น อาจต้องเก็บแฟ้ มภาพจานวนมากอยู่ในโฟลเดอร์ย่อยต่างหากหรือเว็บไซต์นั้นมีขนาดใหญ่
พอที่จะแตกย่อยลงไปเป็นส่วนต่างๆ โดยแต่ละส่วนนั้นจะมีแฟ้มเฉพาะของตนเอง ในกรณีนี้อาจจะมากข้น
อีก 2 ส่วนหรือน้อยลงอีก 2 ส่วนได้รวมถึงควรมีการจัดลาดับขั้นตอนเนื้อหาของข้อมูลที่จะนาเสนอซึ่งมีกฎ
ในเรื่องนี้ ก็คือ ผู้อ่านไม่ควรต้องคลิกผ่านไปเกินกว่า 5 หน้าจึงจะถึงเนื้อหาที่ต้องการ ทั้งนี้ เพราะยิ่งต้องผ่าน
ไปไกลมากเท่าใดยิ่งทาให้ผู้อ่านเกิดการหลงทางได้
3. การนาทาง การออกแบบเครื่องมือนาทางเพื่อให้การสารวจเว็บเป็นไปด้วยความสะดวก
รวดเร็วและไม่เกิดการหลงทาง นับว่าเป็นสิ่งจาเป็นอย่างยิ่งทั้งนี้ เพราะจะเป็นประโยชน์แก่ผู้อ่านในการ
เข้าถึงข้อมูลต่างๆได้โดยง่าย และเป็นสิ่งดึงดูดใจเพื่อมิให้ผู้อ่านเกิดความเบื่อหน่ายจนคลิกผ่านเว็บไซต์นั้น
ไปเลย โดยเครื่องมือนาทางซึ่งปกติแล้วมักจะเรียกว่าแถบเครื่องมือ แต่บางครั้งจะเรียกว่าเป็น เมนู หรือการ
นาทาง เว็บไซต์ส่วนมากจะมีเครื่องมือนาทาง เพื่อให้ผู้อ่านสามารถไปสู่ส่วนต่างๆได้โดยไม่ต้องกลับมา
หน้าสารบัญเรื่อง และจะเป็นการดีกว่าถ้าจะใช้เครื่องมือนาทางที่เป็นข้อความในการเชื่อมโยง เพราะมิฉะนั้น
แล้วเครื่องมือนาทางที่เป็นกราฟิกนั้นจะมีขนาดใหญ่มากเกินไปและจะทาให้เสียเวลาในการโหลด
4. เกณฑ์มาตรฐาน การออกแบบเว็บไซต์ที่ดีนั้น ควรมีเกณฑ์มาตรฐานของสิ่งต่างๆ ที่อยู่ใน
โครงสร้างเว็บนั้นเพื่อไม่สร้างความสับสนให้แก่ผู้ออกแบบเองและผู้อ่านด้วย เช่น ควรมีความคงตัวทั้ง
เว็บไซต์ เนื่องจากความคงตัวนับเป็นสิ่งสาคัญมากที่สุดในการออกแบบหรือมีการกาหนดความกว้าง

32. มาตรฐาน โดยผู้ออกแบบควรจะตัดสินใจให้ได้ว่าจะใช้ความกว้างจุดภาพเท่าใดในเว็บไซต์นั้นก่อนที่จะเริ่ม
การออกแบบหน้าแต่ละหน้า ความกว้างที่เหมาะสมสาหรับเว็บไซต์ของเราจะขึ้นอยู่กับระบบที่ผู้อ่านทั่วไป
ใช้กันอยู่ รวมถึงในส่วนของแบบการพิมพ์หรือแบบตัวอักษรเพื่อความคงตัวในเว็บไซต์ โดยการลาดับขั้น
ของการพิมพ์หัวเรื่อง หัวข้อใหญ่ หัวข้อย่อย และเนื้อเรื่องให้มีความแตกต่างกันและใช้ตรงกันในทุกๆหน้า
เพื่อให้ผู้อ่านสังเกตเห็นได้ง่ายในลาดับขั้นความสาคัญของเนื้อหา
5. ผู้อ่าน เนื่องจากเวิล์ดไวด์เว็บเป็นสิ่งที่ทุกคนในส่วนต่างๆของโลกสามารถเข้าถึงได้โดย
ไม่มีขีดจากัด จึงอาจเป็นความลาบากของนักออกแบบในการที่จะตอบสนองความต้องการของผู้อ่านในทุก
ระดับได้แต่ถ้านักออกแบบคานึงถึงแนวทางปางประการเกี่ยวกับผู้อ่านแล้วย่อมสามารถออกแบบเว็บไซต์
นั้นให้เป็นประโยชน์กับผู้อ่านส่วนมากได้โดยเราต้องคานึงถึงลักษณะผู้อ่าน เพราะถ้าเว็บไซต์นั้นสร้าง
ขึ้นมาเพื่อความสนุกเพลิดเพลินส่วนตัวแล้วย่อมเปิดโอกาสให้ผู้อ่านทั่วไปเข้ามาสารวจได้โดยไม่มีขีดจากัด
แต่ถ้าเป็นเว็บไซต์ทางด้านธุรกิจหรือสาหรับจุดมุ่งหมายและสามารถระบุกลุ่มผู้อ่านได้มากเท่าใด เว็บไซต์
จะสามารถนาเสนอสารสนเทศได้อย่างมีประสิทธิภาพและต้องตรงตามประสิทธิผลที่ต้องการได้มากขึ้น
และทั้งนี้เพราะความแตกต่างกันอย่างมากของอุปกรณ์ในการเข้าถึงอินเทอร์เน็ตจะมีส่วนในเรื่องของความ
คล่องตัวของการใช้เป็นอย่างยิ่ง สิ่งต่างๆเหล่านี้เป็นสิ่งที่นักออกแบบต้องคานึงถึงเป็นอย่างมาก ดังนั้น ถ้า
เป็นไปได้แล้วควรจะมีการทดสอบเว็บไซต์นั้นกับวัสดุและอุปกรณ์ที่แตกต่างกันและพยายามค้นหาให้ทราบ
ว่า ผู้อ่านส่วนมากเข้าถึงเว็บไซต์ของเราด้วยวัสดุและอุปกรณ์สิ่งใดทั้งหมดที่กล่าวมานี้นับเป็นแนวทางเบื่อ
ต้นก่อนที่จะถึงการออกแบบหน้าเว็บ ทั้งนี้เพราะการออกแบบเว็บไซต์โดยคานึงถึงรายละเอียดต่างๆก่อนที่
จะลงลึกถึงหน้าเว็บแต่ละหน้านับเป็นแกนหลักสาคัญในการดาเนินการทั้งหมด ถ้าผู้ออกแบบไม่สามารถ
รักษาแนวทางหรือกาหนดสิ่งต่างๆในเว็บไซต์ไว้ได้แล้ว ก็อาจทาให้เกิดความลาบากและขัดข้องในการ
ออกแบบหน้าเว็บในภายหลังได้(กิดานันท์ มะลิทอง, 2542 : 8-16)
2. การใช้สีบนเว็บไซต์
การเลือกสีที่ดีที่สุดในการสร้างเว็บไซต์คือ เลือกสีที่แสดงถึงความรู้สึกและคุณลักษณะทั้งหมด
ของเว็บไซต์นั้น เมื่อมีการสร้างภาพกราฟิกสาหรับชื่อเรื่อง หัวเรื่องย่อยและสัญลัษณ์รูปนาทางเราควรใช้สี
จากแบบแผนสี เพื่อเป็นสีนาของภาพกราฟิก สิ่งนี้จะช่วยให้ในแต่ละหน้ามองดูและให้ความรู้สึกที่คล้ายคลึง
กันไม่ว่าเนื้อหาในแต่ละหน้าจะมีความแตกต่างกันเพียงใดก็ตามสิ่งที่ควรคานึงถึงอย่างหนึ่งในการทางาน
เกี่ยวกับสี คือ ความเปรียบต่าง เช่น ข้อความควรมีความเปรียบต่างที่ดีระหว่างสีของตัวอักษรและสีของพื้น
หลัง การใช้สีร่วมกันของข้อความและพื้นหลังบางสีจะไม่ทาให้เกิดความไม่สบายตาเวลาอ่าน เช่น การใช้
ข้อความสีม่วงเข้มบนพื้นหลังสีดา ทาให้มองดูน่าตกใจและทาให้ไม่น่าอ่าน เราสามารถที่จะเสนอสิ่งพิมพ์

33. หลากสีสันบนเว็บไซต์ได้แต่การที่จะเพิ่มสีสันบนเว็บไซต์นี้เราต้องทราบถึงเทคโนโลยีของสีที่ใช้บน
เว็บไซต์เสียก่อน ดังนี้
1. สี CMYK ย่อมาจาก Cyan (สีน้าเงินเขียว) Magenta (สีชมพูเฉดแดง) Yellow (สีเหลือง)
และ black (สีดา) CMYK เป็นสีที่เรามองเห็นทั่วไปบนโลกใบนี้ และนับเป็นรูปแบบของสี “สะท้อน”
อันเกิดจากการที่แสงเดินทางจากดวงอาทิตย์หรือหลอดไฟ และกระทบเข้ากับต้นไม้หรือภาพบนหนังสือ สี
บนวัตถุนั้นจะสะท้อนจากวัตถุเข้าสู่ตาเรา แต่บนจอมอนิเตอร์มิได้เป็นเช่นนั้น แสงจะเดินทางจาก
แหล่งกาเนิดผ่านทางจอภาพและตรงเข้าสู่สายตาเราโดยไม่มีการสะท้อนออกมาจากวัตถุใดๆ จุดนี้จึงเป็นจุด
ที่แตกต่างกันอย่างมากเมื่อใช้สีบนสิ่งพิมพ์และสีเว็บ
2. สี RGB ย่อมาจาก Red (สีแดง) Green (สีเขียว) และ Blue (สีน้าเงิน) จอมอนิเตอร์
ทั้งหลายซึ่งรวมถึงจอโทรทัศน์ และจอมอนิเตอร์ที่ใช้กับคอมพิวเตอร์จะมีการสร้างภาพบนจอภาพโดยการ
เปล่งแสงสีแดง เขียวและน้าเงินออกมา แสงเหล่านี้สามารถเปล่งออกมาด้วยความหนาแน่ต่างๆกัน และจะมี
การเหลื่อมทองซึ่งกันและกัน ทาให้จอมอนิเตอร์สามารถแสดงสีได้เป็นล้านๆสี ซึ่ง RGB ไม่ใช่เป็นสีที่เกิด
จากการสะท้อนเช่นเดียวกับ CMYK แต่เป็นสีที่ตรงมาจากแหล่งแสงเข้าสู่ตาเราโดยปราศจากการสะท้อนกับ
วัตถุใดๆ (กิดานันท์ มะลิทอง , 2542 : 77-83)
3. การใช้กราฟิกบนเว็บไซต์
นอกจากจะต้องทาเรื่องเกี่ยวกับสีที่ใช้บนเว็บแล้ว เราควรต้องเรียนรู้เกี่ยวกับสิ่งต่างๆ ที่ใช้
ทางด้านกราฟิกควบคู่กันไปด้วย ซึ่งการออกแบบงานทางด้านกราฟิกที่ดีจึงกลายเป็นจุดยุทธศาสตร์ในการ
แข่งขันระหว่างแต่ละเว็บไซต์ หากใครสามารถออกแบบภาพต่างๆ ภายในเว็บไซต์ จึงเป็นเรื่องที่จาเป็นและ
ควรมีการจัดการกับรูปกราฟิกต่างๆ บนเว็บไซต์ของเราให้มีความเหมาะสมที่สุด โดยงานของภาพด้าน
กราฟิกในคอมพิวเตอร์สามารถแบ่งออกได้เป็น 2 ประเภทใหญ่ๆ คือ
1. บิตแม๊พอิมเมจ หลังการทางานของบิตแม๊พอิมเมจ คือ การนาจุดสีต่างๆมาวางเรียงกันเพื่อ
ก่อให้เกิดเป็นภาพต่างๆขึ้น ความสามารถในการแสดงสีของแต่ละภาพจะเป็นอย่างไรขึ้นอยู่กับการกาหนด
เมื่อมีการบันทกภาพเหล่านั้นในซอฟต์แวร์ตกแต่งต่างๆ ภาพกราฟิกที่มีใช้บนอินเทอร์เน็ตเกือบทั้งหมดรวม
ไปถึงภาพวิดีโอต่างๆ จะเป็นการทางานแบบบิตแม๊พอิมเมจ หากต้องการที่จะขยายภาพแบบแม๊พบิตอิมเมจ
จะได้ความละเอียดของภาพที่ลดลง จนในบางครั้งจะสามารถสังเกตเห็นรูปเป็นสี่เหลี่ยมชัดเจน
2. เวกเตอร์อิมเมจ การทางานของเวกเตอร์อิมเมจจะแตกต่างจากบิตแม๊พอิมเมจโดยสิ้นเชิง ซึ่งจะ
เป็นการจัดการภาพต่างๆ ในเชิงมุมแทนที่จะมีการจัดการภาพในเชิงจุด โดยจะบันทึกพิกัดของมุมในการ
เชื่อมต่อระหว่างจุดต่างๆ ทั้งหมดเอาไว้ดังนั้นเมื่อมีการขยายภาพนั้นจะไม่เปลี่ยนแปลงคุณภาพเลยแม้แต่

34. น้อย ซอฟแวร์ที่สนับสนุนการทางานแบบเวกเตอร์อิมเมจมีอยู่มากมาย เช่น CorelDraw, Adobe Illustrator
และ Macromedia Flash เป็นต้น ภาพโดยมากที่ถูกสร้างขึ้นมาจากซอฟแวร์เหล่านั้นมักจะเป็นภาพที่สร้างขึ้น
ด้วยมือ เช่น ภาพโลโก้ของบริษัท และภาพสัญลักษณ์ต่างๆ เป็นต้น ถึงแม้ว่าภาพทั้งหมดที่ถูกสร้างขึ้นจาก
ซอฟแวร์ เช่น CorelDraw หรือ Illustrator หรือ Macromedia Flash จะเป็นแบบเวกเตอร์อิมเมจ แต่เมื่อจะ
นาไปใช้งานจริงๆ บนเว็บจะต้องทาการบันทึกให้เป็นแบบบิตแม๊พอิมเมจ เพราะเว็บเบราว์เซอร์ต่างๆ ไม่มี
การสนับสนุนการทางานของเวกเตอร์อิมเมจ เว้นแต่จะใช้โปรแกรมอย่างเช่น Macromedia Flash ซึ่งเป็น
ซอฟแวร์ที่ทางานแบบเวกเตอร์อิมเมจในการสร้างภาพเคลื่อนไหวต่างๆ (ทธฤษพงศ์เฟื่องวุฒิ, 2543 : 129-
134)

35. ภาพทั้ง 2 ภาพนี้เกิดจากการขยาย 500% จะเห็นได้ว่าภาพแบบ Bitmap นั่นเริ่มมัวและเห็นเม็ดสีที่
แตกออก ส่วนภาพแบบ Vector นั้นยังคมชัดอยู่ สาเหตุนั้นเพราะว่าภาพแบบ Bitmap นั้นเป็นเพียงเม็ดสีที่
จัดเรียงกัน เมื่อมีการขยายภาพก็จะเห็นช่องว่างและเม็ดสีที่แตกออก ส่วนภาพแบบ Vector เป็นภาพที่เกิด
จากการคานวณ เมื่อมีการขยายภาพก็จะมีการคานวณสัดส่วนและขนาด ทาให้ภาพที่ถูกขยายจงยังคมชัดอยู่
(ยุทธชัย รุจิรวิมล, 2537 : 32-33)
โดยรูปแบบของไฟล์กราฟิกที่สามารถจะนามาใช้บนเว็บเพจได้นั้น ความจริงแล้วมีอยู่หลายอย่าง
แต่ที่ได้รับการนิยมสูงที่สุดจะมีเพียง 2 ชนิด เนื่องด้วยทั้ง 2 ชนิดนี้มีจุดเด่นที่แตกต่างกัน จึงจาเป็นจะต้องใช้
ทั้ง 2 ชนิดนี้ควบคู่กันไป เราจึงไม่สามารถเลือกเฉพาะแบบใดแบบหนึ่ง สาหรับนามาใช้ในงานเท่านั้น ซึ่งทั้ง
2 ชนิดนี้คือ GIF และ JPG นั่นเอง โดยที่ GIF (Graphic Interchange Format) เป็นรูปแบบแฟ้มกราฟิกที่
พัฒนาโดยบริษัท CompuServ ซึ่งคาว่า GIF นั้นย่อมาจากคาว่า Graphic Interchange โดยรูปแบบ GIF จะมี
สิ่งสาคัญมากอยู่ 2 ประการ คือ รูปแบบ GIF สามารถใช้ข้ามโครงสร้างระบบได้ซึ่งหมายถึงว่าคอมพิวเตอร์
ระบบใดๆก็ตามจะสามารถอ่านภาพรูปแบบนี้ได้ทั้งหมดและสามารถบีบอัดกราฟิกในรูปแบบของ GIF ได้
เพื่อลดขนาดแฟ้มให้เล็กลง การบีบอัดนับเป็นสิ่งสาคัญบนอินเทอร์เน็ต ทั้งนี้เพื่อให้สามารถถ่ายโอนได้อย่าง
รวดเร็วมากขึ้นและเนื่องจากรูปแบบ GIF จะเป็นภาพแบบบีบอัด ดังนั้นจึงเหมาะสาหรับใช้กับขนาดใหญ่
และสีทึบ เช่น ภาพวาดง่ายๆ ภาพตราสัญลักษณ์ ข้อความที่เป็นกราฟิก การ์ตูน ฯลฯ และรูปแบบ JPEG
(Joint Photograph Expents Groups) โดยที่ JPEG ย่อมาจาก Joint Photograph Expents Groups ซึ่งเป็นกลุ่ม
รวมผู้เชี่ยวชาญภาพถ่ายตามนัยของชื่อนี้ แสดงให้ทราบว่ารูปแบบนี้เหมาะที่สุดสาหรับการบันทึกภาพถ่าย

36. หรือภาพที่มีการเปลี่ยนแปลงของสี ความลึก แสง และโทนสี รูปแบบ JPEG จะไม่สามารถบีบอัดเนื้อที่สีทึบ
ได้ดีเท่าที่ควร แต่จะใช้ได้ดีกับภาพถ่าย ภาพ ภาพประเภทอื่นๆ ตามที่กล่าวมาแล้ว ดังนั้นเราควรที่จะใช้
JPEG เฉพาะกับภาพถ่ายและภาพในประเภทที่คล้ายคลึงกันเท่านั้น
4. โปรแกรมที่ใช้สร้างเว็บไซต์
โปรแกรมที่เกี่ยวข้องกับการสร้างเว็บไซต์นั้นมีอยู่จานวนมากโดยแบ่งออกได้ดังนี้
1. โปรแกรมที่มีคุณสมบัติเป็น Text editor โดยเราจะใช้โปรแกรมประเภทนี้สาหรับเขียน
คาสั่งต่างๆ หรือรายละเอียดของข้อมูลที่เราต้องการนาเสนอไปและเซฟเป็นไฟล์ที่มีนามสกุลเป็น .html
โดยทั่วไปในการสร้างไฟล์ HTML อาจจะใช้โปรแกรมแบบ Text editor หรือ Wrodpad ในโปรแกรม
Window ก็ได้
2. โปรแกรมเวล์ดไวด์เว็บเบราว์เซอร์ เป็นโปรแกรมที่ใช้สาหรับทดสอบไฟล์ HTML นี้จะ
ถูกอ่านคาสั่งต่างๆ และแปลความหมายของคาสั่งให้แสดงผลบนหน้าจอ ซึ่งในปัจจุบันนี้นั้นได้มีโปรแกรม
เว็บเบราว์เซอร์มากมาย เช่น Netscape Communicatior , Microsoft Internet Explorer , Opera เป็นต้น
3. โปรแกรมสร้างแฟ้มกราฟิก เป็นโปรแกรมสร้างแฟ้มรูปภาพเพื่อใช้ประกอบในเอกสาร
HTML โปรแกรมเหล่านี้ ได้แก่
- ADOBE PHOTOSHOP เป็นโปรแกรมที่ไว้ใช้ในการตัดต่อและตกแต่งภาพและ
ยังสามารถบันทึกไฟล์ได้หลายสกุลไฟล์เพื่อสะดวกในการนาไปประยุกต์ใช้งาน
- ADOBE ILLUSTRATOR เป็นโปรแกรมไว้สาหรับสร้างภาพกราฟิกแบบ
Vector ใช้สร้างรูปภาพการ์ตูน สัญลักษณ์ ภาพประกอบและอื่นๆอีกมากมาย
- โปรแกรมสร้างและออกแบบเว็บเพจ เป็นโปรแกรมสาหรับออกแบบโฮมเพจ
โดยตรง เช่น Microsoft FrontPage, Net Opject Fusion Macromedia Dreamweaver, Macromedia Flash เป็น
ต้น ซึ่งการทางานในครั้งนี้จะใช้โปรแกรม Macromedia Flash เป็นโปรแกรมหลักในการทา
โปรแกรมออกแบบเว็บไซต์ในปัจจุบันนั้นมีความทันสมัยมากๆ ซึ่งดูได้จากเว็บไซต์ในสมัยก่อนที่มี
ภาพกราฟิกต่างๆน้อยมาก อาจเป็นเพราะมีความยุ่งยากในการทา จนมาถึงตอนนี้การแทรกกราฟิกมีน้อย
มากๆ อาจเป็นเพราะมีความยุ่งยากในการทา จนมาถึงตอนนี้การทากราฟิกบนเว็บไซต์นั้นง่ายขึ้นมาก
รูปแบบของเว็บไซต์ในปัจจุบันก็มีหลากหลาย มีทั้งรูปแบบธรรมดา รูปแบบของภาพเคลื่อนไหวที่เป็น
ระบบมัลติมีเดียที่เป็นระบบภาพและเสียงพร้อมสรรพ ซึ่งสามารถพัฒนาให้มีความสมบูรณ์แบบมากขึ้นจน
เป็นภาพยนตร์ได้เลย อีกทั้งยังสามารถมีระบบตอบสนองความต้องการของผู้เข้าชมเว็บไซต์ในแบบต่างๆ
ด้วย และถ้าหากเราชื่นชอบเว็บไซต์ที่มีสีสันหรือว่าภาพเคลื่อนไหวเหมือนกับภาพยนตร์ โปรแกรม

37. Macromedia Flash ที่ใช้ไฟล์สกุล .SWF ก็เป็นโปรแกรมที่ให้ทางเลือกกับเราได้เป็นอย่างดี โดยตัวโปรแกรม
นั้นใช้สร้างภาพแบบ เวกเตอร์และยังสนับสนุน Action Scripting ซึ่งเป็นภาษาการเขียนสคริปต์ที่เหมาะใน
เบื้องต้นสาหรับการสร้างระบบปฏิบัติการโต้ตอบอย่างง่ายๆ รวมถึงระบบนาเสนองานที่มีลูกเล่นแบบ
ภาพเคลื่อนไหวต่างๆ โดยในเวอร์ชั่นล่าสุดนั้นเป็นเวอร์ชั่น MX 2004 แฟลชสามารถที่จะแสดงผลบนเว็บ
เพจได้เป็นอย่างดี ทั้งยังสามารถสร้างโปรแกรมให้ทาการตอบสนองแบบเกมและอื่นๆ ได้มากมาย
นอกจากนั้นตัวโปรแกรมยังสามารถ Export งานออกมาเป็นไฟล์ .exe ซึ่งสามารถเปิดบน Windows ได้อย่าง
อิสระโดยไม่ต้องเรียกผ่านเบราว์เซอร์ จึงทาให้แฟลชได้ได้รับความนิยมอย่างสูง
5. สรุปสิ่งสาคัญในการออกแบบและจัดทาเว็บไซต์
1. เนื้อหาบนเว็บไซต์ ควรมีการสร้างข้อความที่เข้าใจให้น่าติดตามเป็นหัวข้อ เพื่อชักชวน
และในการถ่ายทอดเนื้อหาภายในต้องเป็นเนื้อหาที่น่าอ่านมีการนาเสนอที่ไม่น่าเบื่อ รวมทั้งต้องสอดคล้อง
กับรูปแบบของเว็บไซต์ด้วย
2. โครงสร้างภายในเว็บไซต์ ควรมีการแบ่งหัวข้อต่างๆที่แจงในเนื้อหาให้ออกมาเป็น
หมวดหมู่เพื่อง่ายต่อการค้นหา
3. การกาหนดพื้นที่สาหรับการออกแบบ โดยทั่วไปขนาดของจอคอมพิวเตอร์จะมีการ
แสดงผลที่แตกต่างกัน ซึ่งความละเอียดนั้นจะมีตั้งแต่ 600 x 480 , 800 x 600 , 1024 x 768 พิกเซลหรือ
มากกว่านั้น แต่ที่เห็นโดยทั่วไปจะเป็น 800 x 600 กับ 1024 x 768 พิกเซล ฉะนั้นการออกแบบเราควร
คานึงถึงเรื่องนี้ด้วย
4. การใช้ตัวอักษร เราควรหลีกเลี่ยงการใช้ตัวอักษรหลายๆแบบ เพราะจะทาให้ดูแล้วไม่
เป็นอันหนึ่งอันเดียวกัน และควรจะระวังการใช้ตัวอักษรแปลกๆ ด้วย เพราะคอมพิวเตอร์บางเครื่องอาจไม่มี
ตัวอักษรแบบนั้น
5. การใช้กราฟิกและระบบมัลติมีเดีย ในการใช้ควรขึ้นอยู่กับเรื่องราวแนวความคิดและ
เนื้อหาภายในเว็บไซต์ว่าเป็นอย่างไร การนาเสนอก็ควรจะครอบคลุมอยู่ในเรื่องนั้นๆ จากหลักการในการ
ออกแบบและจัดทาเว็บไซต์ผู้ศึกษาได้นามาใช้เพื่อเป็นแนวทางในการออกแบบ โดยแบ่งออกเป็นแต่ละส่วน
คือ จะมีการวางโครงสร้างและระบบการนาทางภายในเว็บไซต์ให้มีลักษณะในแนวทางเดียวกัน คือจะมี
ลักษณะการวางตาแหน่งของเมนูในหน้าต่างๆ ให้เหมือนกัน และมีการแบ่งหัวข้อของข้อมูลออกเป็น
หมวดหมู่อย่างชัดเจน การใช้ตัวอักษรจะเน้นที่ความอ่านง่าย รวมถึงในส่วนหัวข้อหลักๆ จะใช้แบบตัวอักษร
ที่ให้ความรู้สึกถึงความเป็น ROCK ในเอกลักษณ์ความเป็น SIGNATURE เป็น FONT แบบ FREEHAND
และในส่วนของพื้นที่สาหรับการออกแบบหรือพื้นที่ที่แสดงผลภายในเว็บไซต์นั้น จะกาหนดให้หน้า

38. โฮมเพจมีลักษณะการแสดงผลแบบ 100% ซึ่งเมื่อดูที่ขนาดของจอคอมพิวเตอร์ต่างๆ ที่มีการแสดงผลที่
แตกต่างกันนั้นก็จะทาให้ได้ขนาดของภาพในลักษณะพอดีกับภาพที่ต้องการ และในส่วนของจอนาเสนอใน
ส่วนของหน้าเนื้อหาของข้อมูลนั้น จะนาเสนอในรูปแบบของเว็บไซต์หน้าเดียว โดยกาหนดขนาดที่ 1024 x
768 พิกเซล และจากข้อดีของโปรแกรมแฟลช ซึ่งโปรแกรมแฟลชจะใช้กราฟิกแบบเวกเตอร์ ดังนั้นในส่วน
ของภาพประกอบต่างๆภายในเว็บไซต์นั้น จะใช้เป็นลักษณะของภาพกราฟิกแบบเวกเตอร์เป็นส่วนใหญ่ ซึ่ง
ก็จะเป็นผลดีทาให้ขนาดของไฟล์เล็กกว่า การใช้ภาพบิตแม๊พรวมถึงยังสามารถทารูปแบบของ
ภาพเคลื่อนไหวและเสียงได้ทาให้เว็บไซต์มีความน่าสนใจมากยิ่งขึ้น
(อันนี้สารบัญของอ้อมนะ ส่วนของเจียวให้
แพทท้านะเพราะเจียวไม่รู้ว่าเอามาจาก
ไหนอ่ะ)
เอกสารอ้างอิง
นิติยา บุญรัตน์. การพัฒนาเว็บไซต์ห้องสมุดโรงเรียนเตรียมอุดมศึกษาภาคใต้
จังหวัดนครศรีธรรมราช. มหาวิทยาลัยศรีนครินทรวิโรฒ.2553