เมื่อวานนี้ทำเว็บใหม่ออกมาอีก ลองไปลองมาก็เลยเพิ่งรู้ว่าการทำเทมเพลตหรือการสร้างภาพประกอบให้เป็นหน้าเว็บสวยๆนั้นง่ายมากๆ ถ้ามีความรู้ในการใช้งาน Photoshop หรือ Image Ready บ้าง เพื่อใช้ในการ slice ภาพออกมาและให้เลือกเก็บหรือเซฟไฟล์เป็น HTML out put

ก่อนหน้านี้เคยจ้างมืออาชีพให้ทำหน้าเว็บให้แต่ว่าไม่ได้ใช้เลย เพราะรู้สึกว่ายังไม่ใช่แบบที่ต้องการ ก็เลยเลือกใช้เทมเพลตที่ซื้อหามาหรือใช้แบบฟรี CMS ไปก่อน อีกอย่างคือเคยสงสัยเรื่อง “สร้างรูปแบบเทมเพลต” และ “การจัดวางภาพในหน้าเว็บ” หรือที่เรียกว่าเลย์เอาท์ ก่อนจะทำออกมาให้เป็นเว็บ (เพราะก่อนจะทำเป็นหน้าเว็บออกมา ต้องวางโครงร่างหรือ layout ออกมาก่อน) ซึ่งตอนนี้เข้าใจดีขึ้นแล้ว เพียงแต่ยังไม่ชำนาญพอในการแนะนำได้ แต่ถ้าอยากสร้างเทมเพลตออกมาด้วยตัวเอง อยากบอกว่าให้ลองศึกษาดูเพราะไม่ยากเลย(แต่ไม่ค่อยมีใครบอก)ค่ะ โดยสิ่งที่ต้องมีคือ..

  • โปรแกรม Photoshop และ/หรือ Image ready หรือโปรแกรมตกแต่งภาพใน Opensource ที่ให้ดาวน์โหลดได้ฟรีก็ได้ เลือกแบบที่มี AutoSlice Tool ด้วยค่ะ
  • โปรแกรม HTML editor เช่น FrontPage, Dreamweaver หรืออะไรก็เลือกตามถนัดนะคะ

เริ่มจากใช้โปรแกรมสร้างภาพ โดยจินตนาการให้ออกมาเป็นหน้าเว็บทั้งหน้าของเราเลย ตรงนี้ใช้ความรู้พื้นฐานในการใช้งานโฟโต้ชอปนิหน่อยค่ะ ถ้าไม่รู้และอยากรู้ก็ค้นหาข้อมูลที่สอนให้ฟรีในเนตได้เลยค่ะ โดยเข้าไป www.google.com อยากหาความรู้ตรงไหนก็พิมพ์ลงไปเลยค่ะ  หรือจะลองเข้าไปที่เว็บ thaigraph.com ก็ได้ค่ะ เนื้อหาเยอะพอสมควร

เมื่อสร้างภาพเสร็จแล้ว ก็สั่ง slice แล้วเลือก output เป็นแบบ HTML จากตรงนี้ ก็จะได้เป็นเทมเพลตต้นแบบมา(ยังไม่มี link) ต่อจากนั้นให้เราทำการแก้ไขดัดแปลงต่อด้วย HTML Editor เหมือนแก้ไขดัดแปลงเทมเพลตอื่นๆแค่นั้นเองค่ะ เป็นไงคะ..ง่ายมั้ย

Leave a Reply

Your email address will not be published. Required fields are marked *