1. เปิดไฟล์ภาพ JPG/PNG ที่ได้จากใบงานที่ 1 ในโปรแกรม Photoshop

2. คลิกเมนู View + Show + Slices

3. เลือกเครื่องมือ Slice Tool ดังภาพ เพื่อทำการหั่นภาพออกเป็นส่วนๆ  หากต้องการปรับแต่งขอบเขตให้ใช้ Slice Select Tool

4. ตัวอย่างการ Slice หั่นภาพ

5. เมื่อเสร็จเรียบร้อยแล้วให้คลิกเมนู File  + Save for Web  จากนั้น Save

6. ให้สร้าง Folder ไว้สำหรับเก็บเว็บไซต์ชื่อ workshop2 และ ตั้งชื่อ file name  :  index (อย่าลืมเลือก Format: HTML and Images)

7. เปิดไฟล์ index.html ที่ได้จากข้อที่ 6 ด้วยโปรแกรม Dreamweaver ให้ลบรูปภาพที่เป็น Text ออกแล้วพิมพ์ข้อความลงไปแทน ดังรูป

8. ปรับแต่งเมนู / ส่วนอื่นๆ โดยใช้คำสั่ง Rollover Image  ดังตัวอย่าง

** เมื่อทำแบบฝึกหัดเสร็จเรียบร้อยให้ upload folder : workshop2 ขึ้น hosting ตนเอง

- เพิ่ม Link หน้าแรกของเว็บไซต์ชื่อ ใบงานที่ 2 : การสร้างเว็บไซต์ด้วย Dreamweaver เชื่องโยงไปยัง workshop2/index.html เลือก target = _blank

กำหนดส่ง วันศุกร์ที่ 3 เม.ย. 58 ในห้องเรียน