ขั้นตอนวิธีการทำ website
1.ออกแบบหน้าเว็บไซต์ของตัวเองตามความชอบ
2. ออกแบบเว็บไซต์ด้วยโปรแกรม adobe
illustrator ให้ครบทุกหน้าของเว็บไซต์
หน้า Home
หน้า About me
หน้า My portfolio
หน้า Contact me
3. ลบ Font ในส่วนที่จะ link
ออกให้หมดเพื่อนำไปตัดในโปรแกรม adobe photoshop
4.พิมพ์ Font ลงไปในส่วนที่ลบออกและแยก
layer
เพื่อเปลี่ยนสี Font
5.แยก layer
และเปลี่ยนสีให้ครบทุกช่องที่ต้องจะ link
6. ใช้ไม้บรรทัดครอปตัดในส่วนที่ต้องการ link
7.ใช้เครื่องมือที่มีชื่อว่า slice tool ตัดช่องที่ต้องการ link
8. ทำการ save โดยเลือก save
for web and devices โดยเลือกเป็นไฟล์ HTML
9. เปิดไฟล์ HTML ในโปรแกรม adobe
dreamweaver และลบช่อง font ออก
10. ไปที่ Insert > Image Objects >
Rollover image
11. เลือกไฟล์ทั้ง 2 ไฟล์ ที่แยก Layer ของสีดำและสีแดงไว้ ทำให้ครบทั้ง 4 ช่อง ที่ตัดไว้
12. กด Preview เพื่อดูความเปลี่ยนแปลงของสี
13. เมื่อปุ่ม link มีความเปลี่ยนแปลงของสีแล้ว ก็ทำการ link เข้าแต่ละหน้าของเว็บไซต์ ด้วยการกำหนดในช่อง link และเลือกไฟลืของหน้าเว็บนั้นๆ ทำให้ครบทั้ง 4 หน้า
14. จากนั้น กดดู Preview อีกรอบ เพื่อทดสอบการ link ของ web
15. จากนั้นทำการ Save as เป็น html
.......................................................................................