การออกแบบWebsite
การออกแบบเว็บไซต์ควรคำนึงถึงการใช้งานเป็นหลักเพื่อกำหนดองค์ประกอบภายในเว็บไม่ว่าจะออกแบบอย่างไร ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจเป็นสิ่งจำเป็นซึ่งปัจจุบันสามารถทำได้ง่ายโดยไม่จำเป็นต้องพึ่งพาความรู้ทางการเขียนโปรแกรมภาษา HTML อย่างแต่ก่อน เพียงรู้หลักเบื้องต้นบ้างเล็กน้องก็เพียงพอที่จะพัฒนาเว็บเพจได้ดีในระดับหนึ่งแล้ว โปรแกรมที่จะช่วยพัฒนาเว็บมีอยู่มากมายพอสมควรที่จะเลือกใช้ได้ตามความถนัดของผู้ที่จะลองพัฒนาเว็บเพจ ดังนั้นเมื่อจะลองเริ่มต้นสร้างเว็บเพจให้มีความเหมาสมควรคำนึงสิ่งต่อไปนี้ สิ่งที่ต้องคำนึงถึงในการออกแบบโฮมเพจที่ดี1.ความแปลก ความแตกต่าง (Contrast) คือแยกความแตกต่างที่อยู่บนจอภาพให้เห็นชัดเจน เช่นการใช้ตัวหนังสือ เส้น สี ขนาด ฯลฯ เพราะจะสามารถดึงดูดความสนใจได้ดี 2.การย้ำซ้ำ (Repetition) คือแบบแผนหรือสไตล์ของผู้ออกแบบ จะต้องมีลักษณะรูปแบบ สอดคล้องกันทั้งหมด 3.การจัดแถว การวางแนว (Alignment) คือ การจัดวางองค์ประกอบต่าง ๆ ต้องไม่สะเปะสะปะ ไร้เหตุผล ไม่ขัดกับความรู้สึก ของผู้อ่าน จัดให้ดูสะอาด 4.ความใกล้เคียง ความเกี่ยวเนื่อง (Proximity) คือ การจัดวางองค์ประกอบที่เกี่ยวเนื่องกัน ให้เป็นกลุ่มก้อนเดียวกัน นอกจากนั้นยังมีสิ่งที่ไม่ควรทำอีก เช่น รูปประกอบเรื่องมีขนาดใหญ่เกินไป รูปที่ใช้ประกอบไม่มีความละเอียดของภาพ อยู่ในระดับที่สามารถรับได้ เน้นคำนั้นคำนี้มากมายจนเกินไป
องค์ประกอบของการออกแบบเว็บไซต์ ต้องคำนึงถึง
1. ความเรียบง่าย ได้แก่ มีรูปแบบที่เรียบง่าย ไม่ซับซ้อน และใช้งานได้สะดวก ไม่มีกราฟิกหรือตัวอักษรที่เคลื่อนไหวอยู่ตลอดเวลา ชนิดและสีของตัวอักษรไม่มากจนเกินไปทำให้วุ่นวาย
2. ความสม่ำเสมอ ได้แก่ ใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ เช่น รูปแบบของหน้า สไตล์ของกราฟิก ระบบเนวิเกชันและโทนสี ควรมีความคล้ายคลึงกันตลอดทั้งเว็บไซต์
3. ความเป็นเอกลักษณ์ การออกแบบเว็บไซต์ควรคำนึงถึงลักษณะขององค์กร เพราะรูปแบบของเว็บไซต์จะสะท้อนถึงเอกลักษณ์และลักษณะขององค์กรนั้น ๆ เช่น ถ้าเป็นเว็บไซต์ของทาง ราชการ จะต้องดูน่าเชื่อถือไม่เหมือนสวนสนุก ฯลฯ
4. เนื้อหาที่มีประโยชน์ นื้อหาเป็นสิ่งที่สำคัญที่สุดในเว็บไซต์ ดังนั้นควร
- จัดเตรียมเนื้อหาและข้อมูลที่ผู้ใช้ต้องการให้ถูกต้อง และสมบูรณ์
- มีการปรับปรุงและเพิ่มเติมให้ทันเหตุการณ์อยู่เสมอ
- เนื้อหาไม่ควรซ้ำกับเว็บไซต์อื่น จึงจะดึงดูดความสนใจ
5. ระบบเนวิเกชันที่ใช้งานง่าย ต้องออกแบบให้ผู้ใช้เข้าใจง่ายและใช้งานสะดวก
- ใช้กราฟิกที่สื่อความหมายร่วมกับคำอธิบายที่ชัดเจน
- มีรูปแบบและลำดับของรายการที่สม่ำเสมอ เช่น วางไว้ ตำแหน่งเดียวกันของทุกหน้า
6. ลักษณะที่น่าสนใจ หน้าตาของเว็บไซต์จะต้องมีความสัมพันธ์กับคุณภาพขององค์ประกอบต่างๆ เช่น คุณภาพของกราฟิกที่จะต้องสมบูรณ์ การใช้สี การใช้ตัวอักษรที่อ่านง่าย สบายตา การใช้โทนสีที่เข้ากันลักษณะหน้าตาที่น่าสนใจนั้นขึ้นอยู่กับความชอบของแต่ละบุคคล
7. การใช้งานอย่างไม่จำกัด ผู้ใช้ส่วนใหญ่สามารถเข้าถึงได้มากที่สุด
- เลือกใช้บราวเซอร์ชนิดใดก็ได้ในการเข้าถึงเนื้อหา
- สามารถแสดงผลได้ทุกระบบปฏิบัติการและความละเอียดหน้าจอต่างๆ กันอย่างไม่มีปัญหาเป็นลักษณะสำคัญสำหรับผู้ใช้ที่มีจำนวนมาก
8. คุณภาพในการออกแบบ การออกแบบและเรียบเรียงเนื้อหาอย่างรอบคอบ สร้างความรู้สึกว่าเว็บไซต์มี….คุณภาพ ถูกต้อง และเชื่อถือได้
9. ระบบการใช้งานที่ถูกต้อง การใช้แบบฟอร์มสำหรับกรอกข้อมูลต้องสามารถกรอกได้จริง ใช้งานได้จริง ลิงค์ต่างๆ จะต้องเชื่อมโยงไปหน้าที่มีอยู่จริงและถูกต้อง ระบบการทำงานต่างๆ ในเว็บไซต์จะต้องมีความแน่นอนและทำหน้าที่ได้อย่างถูกต้อง
ขั้นตอนการออกแบบเว็บเพจ
ก่อนจะลงมือสร้างเว็บ จำเป็นต้องผ่านกระบวนการออกแบบให้ดีก่อน นอกจากความสวยงามแล้วสิ่งที่ต้องคำนึงถึงคือ
1. มีสารบัญแสดงรายละเอียดของเว็บเพจนั้น
2. เชื่อมโยงข้อมูลไปยังเป้าหมายได้ตรงกับความต้องการ
3. เนื้อหากระชับ สั้น ทันสมัย
4. สามารถตอบโต้กับผู้ใช้ได้ทันท่วงที
5. มีรูปภาพประกอบการนำเสนอที่ดี ไม่ควรมีรูปภาพมากเกินไป
6. เข้าสู่กลุ่มเป้าหมายได้อย่างถูกต้อง
7. ใช้งานง่าย
8. เป็นมาตรฐานเดียวกัน
ขั้นตอนการพัฒนาเว็บเพจ
1. วางแผน/กำหนดข้อหัว และเนื้อหาที่นำเสนอ
2. สร้างผังความสัมพันธ์ของข้อมูลแบบรากต้นไม้
3. กำหนดชื่อไฟล์ของเอกสารเว็บ
การตั้งชื่อไฟล์และโฟลเดอร์ ชื่อและนามสกุลไฟล์ ตลอดจนโฟลเดอร์ต่างๆ ควรใช้อักษรภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 หรือเครื่องมือขีดลบ/ขีดล่าง ถ้ามีไฟล์จำนวนมากที่มีชื่อ และนามสุกลเป็นตัวพิมพ์ใหญ่ หรือผสม สามารถดาวน์โหลดโปรแกรมเปลี่ยนชื่อไฟล์ตัวพิมพ์ใหญ่ เป็นตัวพิมพ์เล็กจากเว็บ www.nectec.or.th/coursewareเพื่อช่วยแปลชื่อได้
4. สร้างโฟลเดอร์เฉพาะสำหรับเอกสารเว็บแต่ละชุด/เรื่อง ในโฟลเดอร์ที่สร้าง สามารถสร้างโฟลเดอร์ย่อย เพื่อเก็บไฟล์ให้เป็นระบบระเบียบได้ 5. จัดหาภาพหรือสร้างภาพที่เกี่ยวข้องกับเนื้อหา ได้แก่
สร้างภาพด้วยโปรแกรมกราฟิก เช่น Adobe PhotoShop
คัดเลือกจาก Clipart fot Web เช่น CD-ROM รวมภาพสำหรับเว็บ
6. ภาพที่เลือกใช้ทั้งหมด ต้องเก็บไว้ในโฟลเดร์ที่สร้างไว้ก่อนแล้ว
7. สร้างเอกสารเว็บ โดยลงรหัส HTML หรือใช้โปรแกรมสร้างเว็บช่วย
7.1 การสร้างเว็บเพจ โดยลงรหัส HTML
- ใช้ภาษา HTML โดยป้อนคำสั่งภาษา HTML ด้วยโปรแกรม Text Editor เช่น NotePad
- ใส่คำสั่งได้ตามต้องการ - ไม่เหมาะสำหรับผู้พัฒนาในระดับต้น
7.2 .ใช้โปรแกรมสร้างเอกสร้างเว็บ เช่น Macromedia Dreamweaver
- ไม่ต้องศึกษาภาษา HTML
- จุดด้อยคือ โปรแกรมจะไม่รู้จักคำสั่ง HTML ใหม่ๆ
8. ภาษาไทยกับการสร้างเว็บ เลือกรูปแบบการเข้ารหัสภาษาไทยที่ถูกต้อง Windows-874 หรือTIS-620
9. กำหนดฟอนต์ให้กับข้อมูล เพื่อให้แสดงผลภาษาไทยได้ถกต้อง เช่น MS San Serif, Thonburi เป็นฟอนต์ที่เหมาะสมที่สุดในการแสดงผลภาษาไทย เช่น การเว้นวรรค เป็นระยะในประโยคเพื่อให้เบราเซอร์แสดงผลภาษาไทย
10. ไฟล์เอกสาร HTML ทุกไฟล์ต้องบันทึกไว้ในโฟลเดอร์ที่สร้างไว้ก่อน รวมกับรูปภาพที่จัดเตรียมไว้แล้ว
11. ตรวจสอบผลเอกสาร HTML ด้วยเบราเซอร์ซึ่งมีหลายค่ายหลายรุ่น เว็บเบราเซอร์แต่ละค่าย แต่ละรุ่น จะรู้จักคำสั่ง HTML ไม่เท่ากัน
12. ส่งข้อมูลขึ้นเครื่องคอมพิวเตอร์แม่ข่าย (server)
13. ตรวจสอบผลของเครื่องคอมพิวเตอร์ลูกข่ายที่เรียกดูข้อมูลจากเครื่องแม่ข่าย
การวางแผน
1. ควรมีรายการสารบัญแสดงรายละเอียดของเว็บเพจนั้น การเข้ามาในเว็บเพจนั้นเปรียบเสมือนการอ่านหนังสือ วารสารหรือตำราเล่มหนึ่ง การที่ผู้ใช้จะเข้าไปค้นหาข้อมูลได้ ผู้สร้างควรแสดงรายการทั้งหมดที่เว็บเพจนั้นมีอยู่ให้ผู้ใช้ทราบ โดยอาจจะทำอยู่
ในรูปแบบของสารบัญ หรือการเชื่อมโยง การสร้างสารบัญนี้จะช่วยให้ผู้ใช้สามารถค้นหาข้อมูลภายในเว็บเพจได้อย่างรวดเร็ว
2. เชื่อมโยงข้อมูลไปยังเป้าหมายได้ตรงกับความต้องการมากที่สุด การสร้างจุดเชื่อมโยง นั้นสามารถจัดทำในรูปของตัวอักษรหรือรูปภาพก็ได้ แต่ควรที่จะแสดงจุดเชื่อมโยงให้ผู้ใช้สามารถเข้าใจได้ง่าย และที่นิยมสร้างกันนั้น โดยส่วนใหญ่เมื่อมีเนื้อหาตอนใดเอ่ยถึงส่วนที่เป็นรายละเอียดเกี่ยวเนื่องกันก็จะสร้างเป็นจุดเชื่อมโยงทันที นอกจากนี้ ในแต่ละเว็บเพจ ที่สร้างขึ้นมาควรมีจุดเชื่อมโยงกลับมายังหน้าแรกของเว็บไซต์ที่กำลังใช้งานอยู่ด้วย ทั้งนี้เผื่อว่าผู้ใช้เกิดหลงทางและไม่ทราบว่าจะทำอย่างไรต่อไปดี จะได้มีหนทางกลับมาสู่จุดเริ่มต้นใหม่
3. เนื้อหากระชับ สั้นและทันสมัย เนื้อหาที่นำเสนอกับผู้ใช้ควรเป็นเรื่องที่กำลังมีความสำคัญ อยู่ในความสนใจของผู้คนหรือเป็นเรื่องที่ต้องการให้ผู้ใช้ทราบ และควรปรับปรุงให้ทันสมัยอยู่เสมอ
4. สามารถโต้ตอบกับผู้ใช้ได้อย่างทันท่วงที ควรกำหนดจุดที่ผู้ใช้สามารถแสดงความคิดเห็น หรือให้คำแนะนำกับผู้สร้างได้ เช่น ใส่อีเมล ของผู้ทำ ลงในเว็บเพจ โดยตำแหน่งที่เขียนควรเป็นที่ส่วนบนสุดหรือส่วนล่างสุดของเว็บเพจนั้นๆ ไม่ควรเขียนแทรกไว้ที่ตำแหน่งใดๆ ของจอภาพ เพราะผู้ใช้อาจจะหาไม่พบก็ได้
5. การใส่ภาพประกอบ ควรใช้รูปภาพที่สามารถสื่อความหมายกับผู้ใช้ได้ตรงตามวัตถุประสงค์ การใช้รูปภาพเพื่อเป็นพื้นหลัง ไม่ควรเน้นสีสันที่ฉูดฉาดมากนัก เพราะอาจจะไปลดความเด่นชัดของเนื้อหา ควรใช้ภาพที่มีสีอ่อนๆ ไม่สว่างจนเกินไป ตัวอักษรที่นำมาแสดงบนจอภาพก็เช่นเดียวกัน ควรเลือกขนาดที่อ่านง่าย ไม่มีสีสันและลวดลายมากเกินความจำเป็น และที่สำคัญไม่ควรมีขนาดใหญ่หรือมีจำนวนมากเกินไป เพราะอาจจะทำให้เนื้อหาสาระของเว็บเพจนั้นถูกลดความสำคัญลง
6. เข้าสู่กลุ่มเป้าหมายได้อย่างถูกต้อง การสร้างเว็บเพจนั้นสิ่งหนึ่งที่ต้องคำนึงถึงมากที่สุดก็คือกลุ่มเป้าหมายที่ต้องการให้เข้ามาชมและใช้บริการของเว็บเพจที่สร้างขึ้น การกำหนดกลุ่มเป้าหมายอย่างชัดเจนย่อมทำให้ผู้สร้างสามารถกำหนดเนื้อหา และเรื่องราวเพื่อให้ตรงกับความต้องการของผู้ใช้ได้มากกว่า
7. ใช้งานง่าย สิ่งสำคัญอีกประการหนึ่งของการสร้างเว็บเพจคือ จะต้องใช้งานง่าย เนื่องจากอะไรก็ตามถ้ามีความง่ายในการใช้งานแล้ว โอกาสที่จะประสบความสำเร็จย่อมสูงขึ้นตามลำดับ และการสร้างเว็บเพจ ให้ง่ายต่อการใช้งานนั้น ขึ้นอยู่กับเทคนิคและประสบการณ์ของผู้สร้างแต่ละคน
8. เป็นมาตรฐานเดียวกัน เว็บเพจที่ถูกสร้างขึ้นมานั้น อาจจะมีจำนวนข้อมูลมากมายหลายหน้า การทำให้ผู้ใช้งานไม่เกิดความสับสนกับข้อมูลนั้น จำเป็นต้องกำหนดข้อมูลให้เป็นมาตรฐานเดียวกัน โดยอาจแบ่งเนื้อหาออกเป็นส่วนๆ ไป หรือจัดเป็นกลุ่ม เป็นหมวดหมู่ เพื่อความเป็นระเบียบน่าใช้งาน
หลักการใช้สี อ้างอิงจากหนังสือ คู่มือ Graphic Design ออกแบบสิ่งพิมพ์ รวบรวมโดย ประพันธ์ งามเนตร การใช้สีกับงานออกมานั้น อยู่ที่นักออกแบบมีจุดมุ่งหมายใด ที่จะสร้างความสนใจ ความเร้าใจต่อผู้ดู เพื่อให้เข้าถึงจุดหมายที่ตนต้องการ หลักของการใช้มีดังนี้
1.การใช้สีวรรณะเดียว ความหมายของสีวรรณะเดียว (tone) คือกลุ่มสีที่แบ่งออกเป็นวงล้อของสีเป็น 2วรรณะ คือ
1.1 วรรณะร้อน (warm tone) ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง สีเหล่านี้ให้อิทธิพล ต่อความรู้สึก ตื่นเต้น เร้าใจ กระฉับกระเฉง ถือว่าเป็นวรรณะร้อน
1.2 วรรณะเย็น (cool tone) ประกอบด้วย สีเหลือง สีเขียว สีน้ำเงิน สีม่วง สีเหล่านี้ดู เย็นตา ให้ความรู้สึก สงบ สดชื่น (สีเหลืองกับสีม่วงอยู่ได้ทั้งสองวรรณะ)
การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน (เอกภาพ) กลมกลืน มีแรงจูงใจให้คล้อยตามได้มาก
2.การใช้สีต่างวรรณะ หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีวรรณะร้อน80% สีวรรณะเย็นก็ 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดสนใจของผู้ดู ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ 3.การใช้สีตรงกันข้าม สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น และเร้าใจได้มากแต่หากใช้ไม่ถูกหลัก หรือ ไม่เหมาะสม หรือใช้จำนวนสีมากสีจนเกินไป ก็จะทำให้ความรุ้สึกพร่ามัว ลายตา ขัดแย้ง ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20% หรือหากมีพื้นที่เท่ากันที่จำเป็นต้องใช้ ควรนำสีขาว หรือสีดำ เข้ามาเสริม เพื่อ ตัดเส้นให้แยกออก จาก กันหรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป สีตรงข้ามมี 6 คู่ได้แก่
สีเหลือง ตรงข้ามกับ สีม่วง
สีแดง ตรงข้ามกับ สีเขียว
สีน้ำเงิน ตรงข้ามกับ สีส้ม
สีเขียวเหลือง ตรงข้ามกับ สีม่วงแดง
สีส้มเหลือง ตรงข้ามกับ สีม่วงน้ำเงิน
สีส้มแดง ตรงข้ามกับ สีเขียวน้ำเงิน
พื้นฐานในการออกแบบเว็บไซต์ที่ดี มีเนื้อหาเป็นประโยชน์ ตรงกับที่ผู้ใช้ต้องการ
มีการปรับปรุงเพิ่มเติมเนื้อหา และพัฒนาเว็บไซต์อยู่เสมอ
ใช้เวลาในการดาวน์โหลดน้อย แสดงผลเร็ว ใช้งานที่สะดวก เข้าใจง่าย
โปรแกรมที่ใช้การสร้างเว็บไซต์
1. Dreamweaver
2. FrontPage
3. HomeSite
4. HotDog Pro
5. GoLive
6. NetObjects Fusion
7. CoffeeCup
หลักการออกแบบ webpage 1. รูปภาพ (Graphic or Photo) การใช้รูปภาพในเว็บไซต์มีอยู่ 2 จุดประสงค์ คือ เพื่อเพิ่มความสวยงามและดึงดูดความสนใจในการเข้าชมเพื่อแสดงข้อมูล และรายบละเอียดต่าง ๆ ของสินค้า ทั้งนี้รูปภาพดังกล่าวจะมีทั้งรูปที่เป็นภาพจริง (Photo) และภาพที่วาดขึ้นโดยใช้เทคนิคต่าง ๆ (Graphic) โดยรูปภาพดังกล่าวจะสามารถใช้เป็นจุดเชื่อมโยงได้อีกด้วยโดยที่สามารถทำการสร้างจุดเชื่อมโยงได้หลายจุดในภาพ 1 ภาพ (เรียกว่าImage map) หรือการแม็ปภาพ 2. แบบฟอร์ม (Form) ในการส่งข้อมูลผ่าน Web Site นอกเหนือการเขียน e-mail ยังสามารถส่งข้อมูลในแบบฟอร์มที่จัดทำอยู่ใน Web Site ได้โดยมีข้อดีคือทางผู้ใช้จะตอบเฉพาะคำถามที่ทางผู้ดูแล Web Site ต้องการทราบเท่านั้น โดยจะประหยัดเวลาทั้งสองฝ่ายในการเก็บข้อมูลดังกล่าว ทั้งนี้แบบฟอร์มต่าง ๆ จะมีอยู่ในหลายรูปแบบเช่น Check Box, Radio Button หรือ Scroll Bar ก็ได้ 3. ภาพยนตร์และเสียงประกอบ (Movie and Sound) การเพิ่มภาพยนตร์และเสียงประกอบจะทำให้ Web Site มีความน่าสนใจและดึงดูดใจผู้เข้าชมมากขึ้น นอกจากเพิ่มความสวยงามและความสมจริงของข้อมูลแล้ว ยังเป็นการง่ายต่อผู้ใช้ที่จะรับรู้ข้อมูลข่าวสารต่าง ๆ ด้วยหรืออาจจะทำการแสดงแฉพาะเสียงประกอบเพียงอย่างเดียวก็ได้ เช่น เสียงเพลงประกอบตลอดเวลาที่ผู้ใช้ดูข้อมูลอยู่ใน Web Site
4. ตัวนับ (Hit Counter) ใช้นับจำนวนผู้เข้าชม Web Site (โดยมีพื้นฐานมาจากการใช้ CGI Script) และทำการวัดประสิทธิภาพของการโฆษณาและประชาสัมพันธ์ 5. กรอบ (Frame) เพื่อความสวยงามและความสะดวกในการใช้งาน ผู้ออกแบบสามารถทำการแบ่งจอภาพออกเป็นหลายๆส่วน ในกรณีที่ Web Site มีขนาดใหญ่ และมี Linkหลายๆชุดต่อกันออกไปทำให้การที่จะกลับมาที่จุเริ่มต้นสามารถทำได้โดยง่าย หรือการที่ต้องการข้อมูลบางอย่างแสดงผลภาพบางอย่างอยู่ตลอดเวลาใน Web Site
6. CGI Script เป็นการประมวลผลข้อมูลจากผู้ใช้ด้วย CGI หรือ Common Gateway Interface จะเป็นตัวกลาง ที่ทำหน้าที่เชื่อมโยง Web Site กับผู้ใช้เพื่อใช้ในการเก็บข้อมูลและนำไปประมวลผลส่งกลับให้กับผู้ใช้หรือให้กับผู้ดูแล Web Site (Web Master) เพื่อนำไปใช้ประโยชน์อื่น ๆ ต่อไป เช่น การสำรวจความคิดเห็น ทำ Poll การสั่งซื้อสินค้าทางอินเตอร์เนต การสมัครสมาชิกและอื่น ๆ (หมายเหตุ: ข้อมูลที่ประมวลผลแล้วสามารถนำกลับมาเพื่อแสดงใน Web Site ได้ในภายหลัง)
7. จาวา (Java) เป็นภาษาที่สามารถทำงานโดยไม่ขึ้นกับแพลตฟอร์ม (หมายความว่าJava สามารถทำงานได้แม้ในลักษณะของโปรแกรมที่แตกต่างกัน ไม่ว่าจะทำงานบนWindows NT หรือ UNIX ก็เหมือนกัน) โดย Java จะนำมาใช้สำหรับการโต้ตอบกับระบบ Multimedia เพื่อเพิ่มความน่าดึงดูดใจของ Web Site เช่นการใส่เสียงเพลง เป็นต้น รวมทั้งการใช้งานด้านความปลอดภัย เช่นการส่งข้อมูลของบัตรเครดิต เป็นต้น นอกจากนี้ยังใช้เป็นคำสั่งในการประมวลผลในลักษณะเดียวกันกับ CGI Script อีกด้วย สรุปการออกแบบเว็บและโฮมเพจต้องอาศัยความเข้าใจเบื้องต้นได้แก่ 1.รูปแบบการเชื่อมโยงที่นิยมใช้ในการพัฒนาเว็บ ( Link ) ซึ่งได้แก่
- การเชื่อโยงในไฟล์เดียวกัน
- การเชื่อโยงระหว่างไฟล์ HTML และไฟล์ HTML ด้วยกัน
- การเชื่อโยงจากไฟล์ HTML ไปยังเว็บอื่นๆ 2. การจัดทำภาพข้อความเพื่อนำเสนอในรูปแบบตั้งแต่เบื้อต้นจนถึงระดับที่สวยงามเร้าใจ
- ภาพที่ใช้ควรอยู่ในตระกูล jpg - gif แต่ในปัจจุบันโปรแกรมทั่วๆไปมีความสามารถแปลงไฟล์ให้ได้จากหลายสกุล
- การใช้ข้อความควรคำนึงถึงฟอนต์ ( Font ) ซี่งถ้าต้องการความสวยงาม ขนาดคงที่ และแน่ใจว่า ผู้ใช้จะเห็นอย่างนั้นแน่นอนควรจัดทำเป็น Image Text ( ข้อความที่แปลงเป็นภาพ ) เสียก่อนที่จะนำมาเสนอบนเว็บ จะช่วยได้มาก 3. การออกแบบไฟล์เริ่มต้นของ Homepage ในชื่อ index.htm หรือ .htm และเก็บไฟล์เป็นชุดหมวดหมู่เพื่อเรียกใช้งานง่ายและไม่เกิดปัญหาในการหาไฟล์ไม่พบ แล้วแสดงผลผิดพลาด 4. การทำเฟรม ( Frame ) การจัดทำเฟรมเป็นการคำนึงถึงผู้ใช้ จึงออกแบบให้เกิดการใช้งานได้สะดวกยิ่งขึ้นคือ
- ลดการคลิกเลื่อนจอภาพ ( Scrolling ) เพื่ออ่านข้อมูลยาวๆ ในหน้าจอได้
- จัดแบ่งพื้นที่บนจอให้เกิดระเบียบสวยงามน่าใช้และเป็นสัดส่วนอิสระจากกัน
นายปุริม บดีเศรษฐ์ 5305600145
จากแถบเครื่องมือ
