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

Workshop 15 : ออกแบบหน้าเว็บเพจอื่น ๆ ภายในเว็บไซท์
- สร้างไฟล์ใหม่ขนาดเท่ากับหน้าโฮมเพจ กำหนดสีพื้นและกราฟิกให้ออกมาในแนวโทนเดียวกัน เพื่อจะได้เข้ากับหน้าแรก แต่อาจจะเปลี่ยนแนวการจัดวางที่แตกต่างได้
- สร้างกราฟิกสำหรับเป็นแถบเนวิเกชั่นบาร์ ด้วยเครื่องมือ Pen เลือกออปชั่นเป็น Shape layers โดยคลิกแต่ละจุดเพื่อสร้างเส้นตรง หากต้องการเส้นโค้งให้คลิกและลากบิดจะได้เส้นโค้งที่ต้องการก่อนคลิกที่จุดถัดไป
- ใช้เครื่องมือ คลิกลากปรับเส้นของรูปทรงให้โค้งมนตามต้องการและเปลี่ยนสไตล์ให้กลมกลืนกับส่วนหัวเว็บเพจ และเครื่องมือ Type พิมพ์ข้อความเมนู
- พิมพ์ข้อความที่ส่วนหัวของเว็บเพจ ในส่วนต่าง ๆ และนำรูปภาพมาตกแต่งดังในตัวอย่าง ได้ก๊อปปี้รูปภาพมาวางและเลือกการผสมเลเยอร์ Blend Mode ให้เป็น Lighten
- ตัดแบ่งรูปภาพด้วยคำสั่ง Slice โดยเลือกตัดแบ่งส่วนที่เป็นกราฟิก เมนู และองค์ประกอบที่สำคัญ ส่วนพื้นที่สีดำนั้นเราะจะใช้พื้นที่สำหรับใส่เนื้อหาที่โปรแกรมจัดหน้าเว็บเพจ ให้คุณตัดแบ่งให้พอดี อาจจะแบ่งเป็น 2 คอลัมน์จะได้แบ่งเนื้อหาออกเป็นซ้าย – ขวา แต่ Slice ส่วนนี้เพราไม่บันทึกก็ได้ ซึ่งถ้าเราไม่บันทึกโปรแกรมจะสร้างตารางในส่วนนี้ให้อัตโนมัติ จากนั้นส่งบันทึกด้วยคำสั่ง File > Save for Web เลือก File As Type เป็น HTML and Lmages เลือก Slice ที่ต้องการบันทึกแบบ All slices

[นายประจักษ์ ปานอินทร์]

สวัสดีครับครูหน้าตาดี

• มาเยี่ยมพวกหน้าตาดี..อิอิ
• ถ้าได้เป็นรูปตัวอย่างชัดๆๆนะ
• เพราะผมไม่ค่อยแข็งเรื่องนี้..555
• ขอบคุณครับ