สร้างภาพเพื่อนำไปทำเป็นหัวเว็บ ด้วย Pen tool ภาค 2 ---> การสไลด์ภาพเพื่อนำไปใช้

[บ่าวหนองกี่]

...
ขั้นตอนที่ 1 ความเดิมตอนที่แล้ว...
...ไฟล์ PSD แล้วเลือก Slice Tool แล้วคลิกจากจุดเริ่มต้นภาพ(มุมบน ซ้าย) ค้างไว้ แล้วลากยาวให้ได้ขนาดตามต้องการ(ให้สังเกตหมายเลขที่เกิดขึ้นข้างรูปซอง สีน้ำเงินคือภาพที่เราได้สไลด์แล้ว ส่วนสีเทา ยัง)



ขั้นตอนที่ 2 ข่าน้อยเลือก 3 ส่วน
... ด้วยเหตุผลใหญ่ เมื่อคนดูเว็บแล้วมันจะได้โหลดได้เร็วขึ้น โดยในส่วนแรก ปรากฏ ภาพหัวเว็บ ส่วนที่สอง ฝั่งขวา เราอาจจะใส่ภาพต่างๆ แล้วทำเป็น GIF ให้เคลื่อนไหวต่อไปอีกก็ได้ และ ส่วนที่ สาม เราอาจใส่สโลแกน ประจำเว็บของเราเอง ตามภาพเลยครับ



ขั้นตอนที่ 3 จัดการบันทึก
... คลิก File เลือก Save for web



ขั้นตอนที่ 4 เลือกขนาดภาพที่จะนำไปใช้
... การแสดงผลเฉพาะหน้าเว็บไม่จำเป็นต้องละเอียดมาก โหลดช้าซะเปล่า เรามิได้ทำเพื่อเป็นป้ายโฆษณาขนาดใหญ่ๆ (แต่หากสนใจกะเม้นต์มาเด้อ ซิพาเฮ็ดอีก) ตามภาพโลดครับ



ขั้นตอนที่ 5 สร้างโฟล์เดอร์จัดเก็บงาน
... เพื่อความสะดวกหลายๆ อย่าง ตามนั้นครับ...



ขั้นตอนที่ 6 บันทึกไฟล์
... จะจัดเก็บชื่ออะไรก็ได้ ขอให้เป็นไปตามหลักการตั้งชื่อ และแนะนำให้เป็นภาษาอังกฤษครับ ตามตัวอย่าง ผมให้เป็นไฟล์แรกเลยคือ index ครับ แล้วกด Save



ขั้นตอนที่ 7 จะปรากฏไฟล์
... ไฟล์ที่เราบันทึก index.html มาพร้อมกับโฟล์เดอร์ Images มาให้เลย ลองเข้าไปดูก็จะปรากฏเห็นภาพตามที่เราได้สไลด์ไว้...





ขั้นตอนที่ 8 เปิดไฟล์เพื่อใช้งาน
... คลิกขวาที่ index.html เลือก Edit with Dream... ตามภาพครับ




ขั้นตอนที่ 9 หน้าตาสำหรับพัฒนาต่อครับ
... จะปรากฏดังภาพ บ่าวหนองกี่แนะนำให้พัฒนาควบคู่กับโหมด HTML ด้วยนะครับ หากยังไม่แข็งแรงก็ให้เป็นไปตามอัตภาพของเราก่อน ค่อยๆ เรียนรู้ไปทีละนิด สำคัญคือการคิดตาม คิดก่อน และคิดย้อนหลัง ครับ...



เป็นจั๋งได๋แนครับ คงสิบ่ยากเกินความพยามยามดอกคับพี่น้อง บ่าวหนองกี่เอง กะแม่นว่าสิเจนในเรื่องเฮ็ดเว็บนี่ดอก อาศัยกะความฮู้เก่าสมัยเรียน ปวส.พู้นล่ะ เอามาเคาะสนิมเฮ็ดเอาใหม่ แนวบ่อเคยใส่ใจ กะได่มาใส่ใจเอาตอนเข้าตาจนนี่ละ จั่งค่อยพ้อ บางอ้อ สรุปเอาเป็นว่า เป็นกำลังใจให่ผู่ที่พยามยามอยู่ในขณะนี้ ละกะขอคำแนะนำสำหรับผู้ที่อาวุโสความฮู้กั่วนำเด้อครับ ^/|\^ โอกาสหน้า เด๋วสิพาต่อ ภาค 3 การพัฒนาขั้นต่อไปครับ
:)