เครื่องไม้เครื่องมือ

เครื่องมือ อุปกรณ์ ทักษะสร้างเว็บไซต์

Adobe Dreamweaver

สำหรับคนที่ทำเว็บไซต์ด้วยตัวเอง หรือผู้ที่เริ่ม สร้างเว็บไซต์ เบื้องต้นอาจจะนึกถึงโปรแกรม Dreamweaverเป็นหลัก ตอนนี้โปรแกรมอยู่ในเวอร์ชั่นล่าสุดที่ CS5.5 หรือใครจะใช้ต่ำกว่านี้ก็ได้ไม่มีปัญหา แต่ interface และ บางฟังก์ชั่นของตัวโปรแกรมอาจจะไม่เหมือนหรือไม่มีก็เป็นได้

เราใช้ Dreamweaver ในการจัดวาง จัดเลย์เอาท์และออกแบบหน้าเว็บต่างๆ ตัวโปรแกรมสามารถทำงานและรองรับได้หลายภาษา มีมุมมองที่ง่ายสำหรับมือใหม่ เป็นมุมมอง Design เหมือนจับวาง ลากวาง แล้วกำหนดค่า ก็สามารถใช้งานได้ ไม่ต้องเขียนโค๊ดอะไรให้ยุ่งยาก อาจจะหาหนังสือสอนDreamweaver มาทำความเข้าใจด้วยก็ได้ แต่จะเสริมการสร้างเว็บไซต์เบื้องต้นในบทต่อๆไป

Adobe Photoshop

โปรแกรมออกแบบ ตัดแต่ง สร้างภาพยอดนิยมอย่าง Photoshop จะช่วยให้เว็บไซต์คุณดูสวยงามมากขึ้น Photoshop เองถือว่าเป็นโปรแกรมสำคัญที่ขาดไม่ได้ ยิ่งเป็นเวอร์ชั่นใหม่ๆ จะยิ่งมีคุณสมบัติและฟังก์ชั่นที่มากขึ้น การใช้งานก็อาจจะทำได้ง่ายขึ้น เสียเวลาในการทำงานน้อยลง ซึ่งการโหลดphotoshop สามารถโหลดได้ถึงเวอร์ชั่นล่าสุดแล้วคือ CS5.5 
ทีนี้พอมีเครื่องมือแล้ว เราก็รู็แล้วว่าอะไรทำอะไร อะไรเอาไว้ใช้กับอะไร Photoshop ไว้ออกแบบ ตกแต่งขึ้นมาก่อน จากนั้นก็จับเอาไฟล์ที่ได้ไปใส่ใน Dreamweaver ได้เป็นสูตรสำเร็จง่ายๆ กับเว็บไซต์แบบ Static ส่วนใครที่พอมีพื้นการใช้งานโปรแกรม Flash ก็อาจจะนำไปสร้างเว็บไซต์แบบ Dynamic ได้ด้วยเช่นกัน

Static & Dynamic เว็บไซต์

คิดง่ายๆ Static แปลตามตัวคือคำว่า คงที่ ซึ่งหมายถึงเว็บไซต์ที่คงที่ เว็บไซต์ที่เอาไว้แสดงข้อมูลต่างๆเฉยๆ เว็บไซต์จำพวกนี้ได้แก่ เว็บไซต์บริษัท เว็บไซต์ส่วนบุคคล ที่อาจจะโชว์แค่ว่า เราทำอะไร เป็นใคร ทำงานที่ไหน ให้ข้อมูลแก่ผู้เข้าเว็บไซต์เป็นต้น

Dynamic คือทำให้ผู้ใช้สามารถโต้ตอบหรือฝากอะไรถึงผู้เป็นเจ้าของก็ได้ เป็นเว็บไซต์ที่มีการเปลี่ยนแปลงข้อมูลอยู่สม่ำเสมอหรืออาจจะบ่อยๆ เช่นพวกเว็บบอร์ด เว็บสมุดเยี่ยม เกมส์แฟลช เว็บไซต์ที่เป็น Flash ส่วนมากจะสามารถทำออกมาเป็น Dynamic Website ได้ดี

พอรู้แล้วว่า มีเครื่องไม้เครื่องมืออะไรบ้าง ในบทต่อไปจะมาเริ่มออกแบบเค้าโครงเว็บไซต์ด้วยโปรแกรมPhotoshop กันแล้ว คุณสามารถหาหนังสือเกี่ยวกับ Photoshop อ่านประกอบด้วยก็ได้ ถือเป็นการเริ่มต้นที่ดี