ขั้นตอนที่ 2 เป็นขั้นตอนการออกแบบครับ
ส่วนตัวผม ได้โหลด ตรางมาใช้ เพื่อง่ายต่อการออกแบบ ครับโดยเพื่อนๆ สามารถโหลดได้จาก url นี้ ครับ
http://www.mediafire.com/?k56gy7zdp0jycz5 
หน้าตาจะเป็นแบบนี้ครับ
Thanks: ฝากรูป ส่วนแดงๆ จะเป็นส่วนของเนื้อที่ของ content ครับ
ที่ต้องทำยาวๆก็เอาไว้ใช้กับงานอื่นได้ครับ ส่วนเส้นสีดำ ก็เอาไว้วัดแนวนอนครับ ถ้าใช้คล่องๆจะใช้งานง่ายมากๆครับ
เอาละเรามาเริ่มทำงานกันดีกว่า ครับ
จากlayout กระดาษเน่าๆ ตอนแรก นั้น มันจะกลายเป็นwebที่สวยได้อย่างไร หลายๆ คนคงคิดใช้ใหมครับ งั้นเรามาดูกันครับ
1 ผมเริ่มทำจาก header ส่วนแรกก่อนนะครับนะครับ
Thanks: ฝากรูป เวลาเราทำเราควรแบ่ง layer กลุ่มๆ เพื่อง่ายต่อการดีไซน์นะครับ
Thanks: ฝากรูป หลังจากได้ LOGO และ header ส่วนที่ 1 แล้วนั้น
ผมก็จะเริ่มทำในส่วนของ navigator นะครับตามที่ร่างใว้
อ้อ bg ไม่ควนทับกันนะครับควรที่จะพอดีไม่ซ้อนกันนะครับ
Thanks: ฝากรูป แก้ไข ต่อเวลา 14:20:26
หลังจากที่เราทำ ในส่วนของheader เส็จแล้วนะครับเราจะมาทำในส่วนที่ 2 ก็คือ content นะครับ
ในตอนออกแบบ ผมได้ออกแบบ content กับ slider ใว้เป็น3 ส่วนนะครับ
คือ เนื้อความส่วนบน slider แล้วก็เนื้อความส่วนที่เป็น คอลัม 3 คอลัม ครับ
ผมทำเนื้อความส่วนบนก่อน พร้อมแก้ logo นิดหน่อยให้เหมาะสม
Thanks: ฝากรูป หหลังจากนั้นทำในส่วนของ Slider
Thanks: ฝากรูป ต่ออีกนิดครับ
หลังจากนั้นก็เพิ่มในส่วนของ arrow กับ ปุ่มเข้าไป ครับ
Thanks: ฝากรูป เดี่ยวไว้มาต่อ วันพรุ่งนี้ครับ พอดี ขอไปทำงานด่วนก่อน
Invalid or Deleted File.
พัฒนาเว็บไซต์
