วันอาทิตย์ที่ 14 ธันวาคม พ.ศ. 2551

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

สร้างภาพฉากหลังแนวนอน





>>>> ตัวอย่างการนำภาพฉากหลังไปใช้งานใน Dreamweaver

^ ^

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

>>> ปุ่มกดในเว็บเพจบ้างครั้งจะนิยมสร้างเอฟเฟ็คต์เป็นแบบ Rollover ที่มีการโต้ตอบได้เมื่อผู้ชมเลื่อนเมาส์ไปบนปุ่ม เช่น มีการเปลี่ยนรูปภาพจากรูปภาพหนึ่งเป็นอีกรูปภาพหนึ่ง ซึ่งรูปภาพจะต้องเป็นขนาดเดียวกันแต่แตกต่างกันที่สี

>>> ตัวอย่างปุ่มแบบ Rollover


ปุ่มแบบ Rollover ก่อนจะเลื่อนเมาส์ไปชี้ที่ปุ่ม

ปุ่มแบบ Rollover หลังจากเลื่อนเมาส์ไปชี้ที่ปุ่มซึ่งสีจะเปลี่ยนไปจากเดิม

^ ^

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

ตัวอย่างป้ายหัวรายการ










^ ^

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

ปุ่มแบบมีสองมิติ


^ ^

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

ตัวอย่างรูปภาพที่จะใช้ไปสร้างลิสต์ในเว็บเพจ



^ ^

วันศุกร์ที่ 12 ธันวาคม พ.ศ. 2551

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

ใช้เครื่องมือ Slice ตัดแบ่งภาพให้เป็นภาพเล็กๆหรือแยกเป็นเมนูออกไป












..............................^ ^..............................


ลักษณะของ Navigation Bar อีกแบบหนึ่งที่แสดงบนรูปภาพส่วนหัวเว็บ



^ ^

วันจันทร์ที่ 8 ธันวาคม พ.ศ. 2551

วันอาทิตย์ที่ 7 ธันวาคม พ.ศ. 2551

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



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

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


Button แนวตั้งแบบตัดซึ่งจะง่ายต่อการโหลด



Button กลุ่มแนวตั้งแบบเต็ม




^ ^

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

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





กำหนดเลเยอร์สไตล์ให้กับปุ่มกด



^ ^

 
l
r
i
G
l
o
o
C