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

Dreamweaver

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

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



    หลักจากนั้นอาจใช้โปรแกรมพวกวาดภาพ หรือแต่งภาพ เช่น 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 ในบทต่อไป