WEB TOUR THAI HELP....♥

ตัวอย่าง WEB แนวนอน

ขนาดของหน้าเว็บ 1008*800px
การจัดวางตำแหน่ง
ส่วนบน : LOGO , ชื่อเว็บ , แถบเมนู , ค้นหา , ข้อมูลผู้ใช้
ส่วนเนื้อหา : ตัวอักษร , ภาพ , ข้อความ
ส่วนท้าย : ข้อมูลเพิ่มเติม , ลิขสิทธิ์ , ข้อมูลวิธีใช้งาน , ติดต่อผู้จัดทำ
ตำแหน่งของเมนู : ส่วนเชื่อมโยง บนสุด , ซ้ายสุด , ล่างสุด
ลักษณะของเมนู : รูปแบบ ไอคอน , ตัวอักษร , ภาพแบบ Roll - Over
การแบ่งหมวดหมู่ :-การอัพเดท-ข้อความ-กิจกรรม-เพื่อน-เกมส์-แอพพลิเคชั่น

ตัวอย่าง WEB แนวตั้ง

การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ

ส่วนหัว : Logo i3 - Technology for Life : Hardware Software Mobile Gadget Apple Game Guide

ส่วนกลาง : สไลด์ภาพอัพเดทข่าวสาร ,ภาพเคลื่อนไหว ,โฆษณา ,review อุปกรณ์ไอที, ข่าวสารแบ่งหมวดหมูเป็น ข่าวIT Update ,ข่าว PC Zone ,ข่าว Notebook ,ข่าว Mobile ,ข่าว Gadget ,ข่าว Game และได้ทำการแบ่งเนื้อหาต่างๆเป็นบล็อคๆเรียงในแนวตั้งจากด้านบนลงล่าง

ส่วนท้าย : รวม Keyword สำคัญเกี่ยวกับเว็ป , ลิขสิทธิ์ , ชื่อที่อยู่เบอร์โทรสำหรับติดต่อทางเว็ป

ตำแหน่งของเมนู : อยู่ทางด้านบนของเว็ป

ลักษณะของเมนู : เป็นรูปแบบตัวอักษร

ตัวอย่าง WEB พอดีหน้าจอ

การจัดวางตำแหน่ง
ส่วนหัว : แถบเมนู , แบคกราวภาพ
ส่วนกลาง : ตัวอักษร , ภาพ , ข้อความ
ส่วนท้าย : Myspace , Youtube , Forum
ตำแหน่งของเมนู : ส่วนเชื่อมโยง ด้านซ้าย , ล่าง
ลักษณะของเมนู : รูปแบบ ตัวอักษร การแบ่งหมวดหมู่ : News , Biography , Discography , Music , Video , Photos , Link , Forum , Contract

หนังสั้นเรื่อง หนูไม่รู้ หนูเห็นเขาเล่น

LOGO

ตัวอย่างชุดสี

ชุดสี

แบบอักษร

หลักการใช้สีสำหรับการออกแบบเว็บไซต์
3).หลักการใช้สีสำหรับการออกแบบเว็บไซต์

• จำนวนของสีหลัก
• การใช้สีพื้นหลัง
• โทนสีโดยรวม
• สีกับหมวดหมู่

4).การใช้ตัวอักษรและกราฟิก

• สีของตัวอักษร ในเว็บควรจะใช้สีไร ตัวอักษร เช่น เข้ม กลาง อ่อน พื้นหลัง อ่อน/กาง , เข้ม/อ่อน,เข้ม/กลาง
• ลักษณะตัวอักษร html(CSS) ,Font MS sanser,Font Arial,Font Geneva,ขนาด14-20 pt,หนา/เอียง,กะพริบ
• จำนวนภาพกราฟิก คือ ภาพที่อยู่บทเว็บไซต์ 1ภาพ,1เสียง
• ตำแหน่งในการวางภาพ
• ขนาดของภาพ ไฟล์รูปภาพ JPEG,GIFเป็นภาพลายเส้น

5). การใช้สื่อประสมสำหรับการออกแบบเว็บไซต์

• การใช้ภาพเคลื่อนไหว มีส่วนของ LOGO Animatd มันต้องมี Intractive เช่น ปุ่ม แทบนำทาง ใช้ในส่วนของหน้าเว็บ แบบ Intro ใช้ Flash ทำภาพเคลื่อ้าไปในเนื้อหานไหวขึ้นมาก่อนที่จะเข
• การใช้วิดีโอคลิป
• การใช้เสียง