Dreamweaver CS

ทดลองใช้ Dreamweaver ทำเว็บเพจ (ตอนที่ 1)

ลองสร้างเว็บเพจด้วยคำสั่ง table เป็นการสร้างด้วยวิธีเก่าไม่เป็นที่นิยมแล้วในปัจจุบัน

การสร้างเว็บเพจ ขั้นแรกก็จะต้องออกแบบเว็บเพจก่อน อาจจะทำการวาดคร่าวๆ ด้วยมือก่อนว่าจะให้ส่วนใดแสดงอะไร ถือว่าเป็นเรื่องที่จำเป็นมาก ถ้าไม่ได้ทำการกำหนดไว้ก่อนจะทำให้การทำงานในขั้นตอนต่อไปลำบากขึ้น

ตัวอย่างแสดงรูปเว็บเพจที่เขียนคร่าวๆ

หลักจากนั้นอาจใช้โปรแกรมพวกวาดภาพ หรือแต่งภาพ เช่น Photoshop , Illustrator ในการออกแบบจริง โดยในขั้นตอนนี้จะใส่รูป และตัวอักษรลงไปตามแบบที่ทำการวาดเอาไว้

ตัวอย่างแสดงรูปเว็บเพจที่ออกแบบด้วยโปรแกรม illustrator

เริ่มใช้ Dreamweaver

1.ปรับแต่งระบบ dreamweaver ให้ทำงานกับภาษาไทยได้ เมื่อเปิดโปรแกรม Dreamweaver ขึ้นมาแล้ว เริ่มแรกเข้าไปที่ Edit > Preference

จากนั้นจะมีหน้าจอดังรูปด้านล่างให้ท่านเลือกที่เมนูทางด้านซ้ายมือในหัวข้อ Fonts และเปลี่ยนตามรูป

การเปลี่ยน font

อาจเปลี่ยนตามที่ผู้ใช้ต้องการก็ได้แต่ ต้องเป็น font ที่สามารถใช้กับภาษาไทยได้โดยมีรายละเอียดดังนี้

Proportional font เป็นตัวอักษรที่ใช้แสดงผลในหน้าแสดงผล (Design)

Fixed font เป็นตัวอักษรที่ใช้แสดงผลในหน้าแสดงผล เหมือนกัน เพียงแต่ว่าจะแสดงตัวอักษรที่อยู่ใน pre tag, code tag และ tt tag

Code view เป็นตัวอักษรที่แสดงผลในหน้า code ซึ่งเราจะใช้บ่อยมากๆควรปรับให้ตัวใหญ่เพื่อความสะดวกในการอ่าน code

จากนั้นเลือก New Document จากเมนูทางซ้ายมีจะเป็นดังรูป

การเปลี่ยน head ของเอกสารใหม่

เมื่อเราเลือกที่ new document แล้วจะปรากฏหน้าตาดังภาพด้านล่าง ซึ่งให้เราเลือกที่ Default document เป็น HTML และเปลี่ยน Default encoding เป็น Thai ตามภาพ

เสร็จแล้วก็ให้ไปที่ default document อีกทีเลือก CSS และเปลี่ยน Default encoding เป็น thai อีกเช่นเดียวกัน

แค่นี้ Dreamweaver ก็สามารถทำงานกับภาษาไทยได้แล้ว ติดตามตัวอย่างการใช้งาน Dreamweaver ในบทต่อไป


เลื่อนขึ้นด้านบน