ต.ค.
28
Submitted by blogmaster on พุธ, 10/28/2009 - 16:35
ในการสร้างเว็บเพ็จนั้นจำเป็นต้องมีการเขียนแทคและโค๊ดของ HTML และ ภาษาอื่นๆเพื่อเพิ่มเติมการทำงานอื่นๆ เช่น การเชื่อมโยงฐานข้อมูล การเชื่อมโยงไปยังมีเดียร์อื่นๆ จากเดิ่มที่เคยใช้โปรแกรมพื้นฐานอย้าง Notepage และ Text Editor อื่นๆในการเขียนโค๊ด ดูเหมือนจะเป็นเรื่องยุ่งยาก ลำบาก ต้องใช้เวลาและความรู้ความเข้าใจเป็นอย่างมาก จึงได้มีการพัฒนาโปรแกรมสำหรับการออกแบบเว็บไซต์ในรูปแบบ WYSIWYG ซึ่งย่อมาจาก What You See Is What You Get หมายความว่า ทำยังไงก็เห็นอย่างนั้น นั่นเป็นแการแปลแบบตรงไปตรงมา หมายถึงเราสามารถเขียนโปรแกรมต่างๆโดยเห็นหน้าตาสิ่งที่เราเขียนลงไป เหมือนหรือใกล้เคียงกับสิ่งที่จะปรากฎบนหน้าจอการแสดงผล (หรือหน้าจอของ Browser นั่นเอง)
Dreamweaver เป็นอีกโปรแกรมหนึ่ง ที่มีการออกแบบ มาเพื่อที่จะใช้ในการจัดการกับ เอกสารที่ใช้สำหรับ การสร้างเว็บ เพจ โปรแกรม Dreamweaver พัฒนาขึ้นโดยบริษัท Macromedia ซึ่งในอดีตเป็นคู่แข่งที่สำคัญของ Adobe ปัจจุบันก็โดนซื้อกิจการโดย Adobe ไปแล้วและปรับปรุงจนปัจจุบัน (ขณะที่เขียนบทความนี้คือ Dreamweaver CS4) Dreamweaver สามารถที่จะ สร้างรหัสคำสั่งให้กับผู้ใช้โดยอัตโนมัติ ซึ่งผู้ใช้ไม่จำเป็นต้องมีความรู้ด้าน ของภาษา HTML เนื่องจากโปรแกรม Dreamweaver นั้นจะมีลักษณะ การทำงานแบบ WYSIWYG ที่คล้ายๆ กับโปรแกรมพิมพ์เอกสารที่เราเคยใช้และรู้จักกันดี ซึ่งจะมีเครื่องมือ และแถบคำสั่งให้เราเลือกใช้ได้ เหมือนกับ Word Processor จึงช่วยให้สามารถเว็บเพจด้วยความสะดวก และรวดเร็ว
จุดเด่นของโปรแกรม Dreamweaver
- โปรแกรมจะแปลงเอกสารที่เราสร้างขึ้นให้เป็นรหัส HTML โดยอัตโนมัติดังนั้น ผู้ใช้ที่ไม่มีความรู้ ด้านนี้ก็สามารถทำได้
- มีแถบเครื่องมือ หรือแถบคำสั่ง ที่ใช้ในการควบคุมการทำงาน แบ่งออกเป็นหมวดหมู่จึง ช่วยในการทำงานที่ดีขึ้น และรวดเร็วยิ่งขึ้น
- สนับสนุนเว็บเพจที่เป็นภาษาไทยได้ดี
- มีคุณสมบัติที่สามารถจัดการกับ รูปภาพเคลื่อนไหว ได้ด้วยตัวของโปแกรมเอง
- สนับสนุนการ Import file จากภายนอก เช่นการสร้างตารางจากการอิมพอร์ทText File
- เป็นโปรแกรมที่สามารถสนับสนุนการใช้งาน CSS (Cadcading Style Sheet)
- มีความสามารถในการทำ Drop Down Menu รวมไปถึงการทำให้รูปภาพ เปลียนเมื่อนำเมาส์ไปชี้ เป็นต้น
การใช้งาน Dreamweaver เบื่องต้นเราเริ่มจากการ set ภาษาไทยให้กับโปรแกรมก่อน
1. เปิดโปรแกรม Dreamweaver จะเห็นหน้าจอ Panel ดังภาพ
2. จากนั้นเลือกปุ่ม More... ในส่วนของ Create New ดังภาพ
3. จะพบหน้าต่างแสดงขึ้นมา ให้เลืิอกที่เมนู Preferences...
4. จากนั้นตั้งค่าดังภาพ ประกอบด้วย เลือกไฟล์เอกสารเริ่มต้นในที่นี้ให้เป็น HTML เลือกนามสกุญของไฟล์ ในที่นี้เป็น .html (จะเห็นว่าในบางเว็บไซต์กำหนดเป็น .htm เบราเซอร์ก็อ่านได้เช่นกัน) และประเภทของ DTD เป็นมาตรฐานการถอดรหัส ให้เป็น XHTML 1.0 Translational
มาถึงส่วนสำคัญคือส่วนของ Default encoding ให้เลือกเป็นภาษาไทยในรูปเป็นเวอร์ชั่น 8 เลือกเป็น Thai windows แต่โปรแกรมสมัยใหม่ เช่น CS ขึ้นไป ควรเลือกเป็น Thai UTF-8 แทนจะดีกว่าเนื่องจากจะไม่ผูกติดกับ Windows OS (OS อื่นๆ ก็อ่านได้)
5. จากนั้นลองสร้างเอกสาร เพียงเท่านี้ในครั้งต่อไป เราก็จะใช้งานโปรแกรมในการทำเว็บภาษาไทย ได้อย่างไม่มีปัญหา ดังภาพ
