Workshop 15 : ออกแบบหน้าเว็บเพจอื่นๆภายในเว็บไซท์

Woekshop 14 : ออกแบบหน้าโฮมเพจ (index.html)

Workshop 13 : ออกแบบหน้าโฮมเพจ

Workshop 12 : สร้างภาพพื้นหลังขนาดใหญ่

Workshop 11 : สร้างภาพ Background สำหรับพื้นที่เว็บเพจ

Workshop 10 : สร้างปุ่มสำหรับทำเมนูแบบ Rollover

สามารถกดที่นี่เพื่อดูการเปลี่ยนแปลงของรูปภาพเมื่อนำเมาค์ไปกดที่ปุ่ม

Workshop 9 : สร้างป้ายหัวรายการ

Woekshop 8 : เทคนิคการสร้างปุ่มแบบมีมิติ

Workshop 7 : สร้างรูปภาพทำ List รายการ

Workshop 6 : สร้าง Navigation Bar บนรูปภาพ

Workshop 5 :การสร้าง Navigation Bar แนวนอน

ปุ่ม Bavigation Bar

Workshop 2 : ออกแบบภาพส่วนหัวของเว็บเพจ

Workshop 1 : สร้าง TV line

WORKSHOP 4 สร้างปุ่ม Button กลุ่มแนวตั้ง

การ Slice ปุ่ม Navigation Button โดยใช้ Slice Tool

ปุ่ม Button กลุ่มแนวตั้ง

WORKSHOP 3 สร้างปุ่มบนเวปแบบง่ายๆ

ปุ่ม Gradient สีชุด Style

ปุ่ม Gradient สีชุด Simple

ลดขนาดความละเอียดของรูปภาพ ขนาดภาพ 200x300 pixel

ภาพ ขนาด Maximum ซึ่งจะเป็นขนาดที่ชัดแต่ขนาดความจุก็จะเพิ่มมากขึ้น

ภาพ ลดขนาดเป็น Low จะสังเกตุเห็นได้ว่าภาพมันเริ่มแตกลาย

ภาพต้นฉบับจะมีขนาด 200x300 ซึ่งยังไม่มีการปรับแต่ง

ลดขนาดของไฟล์ให้มีขนาดไม่เกิน 100 KB โดยไม่ลดความละเอียด

ขนาดรูปภาพเมื่อลดขนาดแล้วจะอยู่ที่ 350x263

ขนาดภาพเริ่มต้นจะอยู่ที่ 800x600