ในการออกแบบเว็บเพจเราสามารถใช้โปรแกรมสร้างภาพกราฟิกอย่างโปรแกรม Photoshop หรือ Firework มาทำการวางโครงหน้าเว็บเพจและสร้างองค์ประกอบภายในหน้าเว็บเพจได้เพียงในหน้าเดียว อาจจะเริ่มที่ แบนเนอร์หรือโลโก้ของเว็บไซต์ ปุ่มเมนูต่างๆ ซึ่งโปรแกรมสร้างภาพกราฟิกนี้จะมีเครื่องมือในการสร้างงานส่วนต่างๆ ดังกล่าว ทั้งยังสามารถที่จะบันทึกเป็นไฟล์งานย่อยๆ พร้อมทั้งได้ไฟล์ HTML เป็นเพื่อนำไปใช้ในการสร้างเว็บเพจต่อไป
ส่วนประกอบของหน้าเว็บเพจ
หน้าเว็บเพจทั่วๆไป มักจะออกแบบแบ่งเป็น 3 ส่วนหลักใหญ่ๆ ดังนี้
1. ส่วนหัว (Page Header) ในส่วนของตรงนี้จะอยู่ด้านบนสุดของเว็บเพจและเป็นส่วนที่ผู้เข้าใช้งานจะเห็นก่อนส่วนอื่น ดังนั้นการออกแบบในส่วนนี้ผู้พัฒนาส่วนใหญ่ให้ความสำคัญ จึงนิยมวางโลโก้ของเว็บไซต์และเมนูหลักเพื่อที่จะใช้เป็นส่วนที่เชื่อมโยงไปยังรายละเอียดในเว็บไซต์
2. ส่วนของเนื้อหา (Page Body) ส่วนนี้อยู่ตอนกลางของเว็บเพจ ใช้เป็นส่วนของการแสดงเนื้อหาและรายละเอียดของหน้านั้นๆ ซึ่งจะประกอบด้วยข้อความ ภาพนิ่ง ภาพเคลื่อนไหว ตารางข้อมูลต่างๆ และคลิปวิดีโอต่างๆ ซึ่งในบางครั้งอาจจะมีเมนูย่อยๆ เพื่อเป็นจุดเชื่อมโยงไปยังหน้าอื่นๆ อีกก็ได้
3. ส่วนท้าย (Page Footer) ส่วนนี้จะอยู่ด้านล่างสุด จะเป็นส่วนแสดงชื่อเจ้าของลิขสิทธิ์ผลงาน ข้อความอธิบายเว็บไซต์สั้นๆ รวมถึงอาจจะแสดงอีเมล์แอดเดรสของผู้ดูแลเว็บไซต์นั้นๆ
 |
ข้อแนะนำในการออกแบบเว็บเพจ
- เว็บเพจทุกหน้าต้องมีโลโก้ ชื่อเว็บไซต์ และลิงค์สำหรับที่จะคลิกไปที่หน้าแรกได้
- ทำการกำหนด Title name ให้กับทุกๆ หน้าและตั้งชื่อให้สื่อกับเนื้อหาในหน้าเว็บเพจนั้น
- เว็บเพจแต่ละหน้าในเว็บไซต์เดียวควรที่จะมีรูปแบบคล้ายๆ ไปในแนวทางเดียวกัน
- ควรเลือกสีตัวอักษรให้เหมาะสมกับพื้นหลัง ไม่ใช้สีที่ตัดหรือกลมกลืนกับพื้นหลังจนเกินไป
- ไม่ควรใช้สีและตัวอักษรที่หลากหลายจนเกินไป
- ทำการลดขนาดของรูปภาพให้มีควาามพอดีกับหน้าเว็บเพจและลดขนาดของไฟล์รูปภาพด้วย
- ถ้ามีการใช้รูปภาพที่มีขนาดใหญ่ควรมีการตัดแบ่งรูปภาพให้เป็นชิ้นเล็กหรือทำการ Slice Image นั่นเอง
- ไม่ควรใช้ภาพเคลื่อนไหวหรือตัวอักษรเคลื่อนไหวมากจนเกินไป
