ThMambo.com : แหล่งรวมข่าวสารแมมโบ้และจูมล่าเมืองไทย

วิธีการปรับแต่ง WebTemplate(ฟรี)

เพื่อนๆคงมี Template หลายๆแบบมากมายจากการดาวน์โหลดหรือจากการซื้อซีดี ตามท้องตลาด...เราลองมาดูขั้นตอนการนำมันมาใช้ประโยชน์ในการแก้ไขเพื่อใช้ในงานของเรากันครับ...ประหยัดเวลาดีนะครับ แถมยังสวยกว่าเราออกแบบตั้ง แยะเลย 1. เลือกไฟล์ template ที่ชอบจากนั้นก็ดาวน์โหลด+แตกไฟล์  สมมติ ผมโหลดไฟล์ TM 7871 ซึ่งมันจะมีหน้าตาเป็นแบบนี้ 2. หลังจากโหลดเสร็จ ผมก็แตกไฟล์ออกมาก็จะพบกับโฟลเดอร์เหมือนภาพนี้ โฟลเดอร์หลัก ๆ ที่จะต้องดูคือ with_fl กับ without_fl ขึ้นอยู่กับว่าไฟล์ที่เราโหลดมามีแฟลชหรือไม่มี หรือขึ้นกับเราว่า ต้องการจะใช้งานแฟลชหรือไม่ใช้ 3. กรณีนี้ผมจะอธิบายเฉพาะส่วนที่เราเลือกเอาแบบ Flash นะครับ คือหมายถึงว่า เว็บไซต์ที่เราจะเอาขึ้น Net จะมีไฟล์แฟลชด้วย ภาพนี้คือภาพของไฟล์ในโฟลเดอร์ with_fl อธิบายภาพโฟลเดอร์และไฟล์ ในภาพข้างล่างนี้ ตรงกรอบสีเหลือง คืองานที่เราต้องทำการปรับแต่งครับ และต้องใช้เครื่องมือในการปรับแต่งดังนี้ 3.1 โฟลเดอร์ html กับ with_fl - ไฟล์ที่อยู่ในโฟลเดอร์นี้จะทำการปรับแต่งด้วยโปรแกรม MMD.Dreamweaver หรือ MS-Frontpage. ก็ได้ครับ  ตัวอย่างนี้จะใช้ Dream. ปรับแต่ง - ปรับแต่งอะไร?  ก็ปรับแต่ง Content หรือส่วนของเนื้อหาในเว็บไซต์ของเรา - วิธีปรับแต่งทำอย่างไร? ก็เปิดไฟล์ Template สมมติว่าชื่อ index.html ด้วยโปรแกรม Dream แล้วก็ทำการปรับแต่งได้เลย โดยการพิมพ์เนื้อหาที่ต้องการลงไปในส่วนต่าง ๆ ของหน้าตามความต้องการของเรา ตัวอย่างในภาพผมก็ใช้วิธีการลากทับข้อความเดิมแล้วก็พิมพ์ภาษาไทยลงไปครับ 3.2 โฟลเดอร์ psd - โฟลเดอร์นี้จะบรรจุไฟล์กราฟิกส์ต่าง ๆ ที่ใช้ในเว็บ เราสามารถทำการปรับแต่งแก้ไขได้ - วิธีปรับแต่งอย่างไร? ก็เปิดโปรแกรม Photoshop แล้วก็ทำการปรับแต่งตามต้องการ 3.3 โฟลเดอร์ flash - โฟลเดอร์นี้จะบรรจุไฟล์ .fla ซึ่งเป็นไฟล์เอกสารสำหรับโปรแกรม MMD.Flash - เราสามารถเปิดไฟล์นี้ขึ้นด้วยโปรแกรม MMD.Flash เพื่อปรับแต่งแก้ไขเพิ่มเติมได้ตามชอบ - ปรับแต่งอะไร? ปรกติที่จะปรับแต่งกันก็เช่น การปรับแต่งใส่ลิ้งค์เพิ่มเติมให้กับ Flash Menu เป็นต้น 3.4 โฟลเดอร์ Fonts - ถ้ามีโฟลเดอร์นี้ด้วย หมายถึงว่า Template ที่โหลดมานั้น มีการใช้ Fonts แบบพิเศษ - ถ้าเครื่องเรามีก็ไม่เป็นไร แต่ถ้าไม่มีก็จะต้องทำการติดตั้ง Fonts นี้ก่อนทำการปรับแต่ง โดยไปที่ Control Panel>Fonts>install new font เหมือนภาพครับ - มิฉะนั้นการแสดงผลเวลาปรับแต่งในโปรแกรม Photoshop หรือ Flash อาจมี Dialog Box แจ้งข้อผิดพลาดแบบนี้ครับ ภาพนี้เป็น Error ใน Photoshop 4. ปรับแต่งเสร็จแล้วทำไงต่อ? - ก็ลองเปิดทดสอบลิ้งค์ในเครื่องดูว่า Work ไม๊ ถ้า work ก็จบ อัพโหลดขึ้น Host ได้เลย. - เสร็จแล้วครับ ============================================= ส่วนอันนี้เป็นข้อมูลเพิ่มเติมก็คือ - กรณีที่เรายังฝึกหัดทำเว็บอยู่ ก็ให้หา Free Web Host สำหรับทดสอบนะครับ เช่น Boxchart.com ของไทย  การฝึกหัดทำเว็บกับ Web Template เป็นวิธีการเรียนรู้ที่ดีที่สุดครับ  เพราะเราจะต้องเรียนรู้เกี่ยวกับการใช้งานภาษา HTML การใช้งานโปรแกรม Dreamweaver การใช้งานโปรแกรม Photoshop การใช้งานโปรแกรม Flash  ตลอดจนเรียนรู้ถึงวิธีการอัพโหลดไฟล์ขึ้นโฮสต์ด้วยโปรแกรม FTP ต่าง ๆ  ความรู้แขนงนี้จะแตกออกไปไม่จบสิ้นเลย  เพราะหลังจากทำเว็บเป็นแล้วก็จะต้องมีเรื่องของ Web page และ Scripts แบบต่าง ๆ ให้เรียนอีกมากเลยครับ ก่อนจบก็คือ  จริง ๆ อยากให้เอาตัว Template มาศึกษามากกว่าจะให้ Copy ไปใช้นะครับ  เอามาเรียนรู้สไตล์การออกแบบของเค้า แล้วหาสไตล์ตัวเองให้เจอครับ =============================================

< ก่อนหน้า		ถัดไป >