คู่มือการใช้งาน

คู่มือการใช้งาน Dreamweaver

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

   
     1. ช่วยให้คุณท างานได้เร็วขึ้น นี่คือข้อดีอันดับต้นๆของ Dreamweaver เลยก็ว่าได้ เมื่อก่อนนั้นถ้าเราต้องการสร้าง เว็บเพจ เราจะต้องเขียนภาษา HTML ขี้นมาเพื่อให้แสดงผลผ่าน browser เป็นรูปภาพหรือข้อความออกมา ซึ่งท าให้เราท างาน ได้ช้าลง เพราะเราจะต้องเขียน HTML ไปและดูการแสดงผลผ่าน browser ไปว่าให้ผลถูกต้องตามที่เราต้องการหรือไม่ แต่ ส าหรับใน Dreamweaver โปรแกรมจะแสดงหน้าจอที่แสดงผลให้เราสามารถปรับแต่งหน้าตาของเว็บเพจของเราได้เลย โดย Dreamweaver จะท าการเขียน HTML ให้เราเองเป็น Editor ที่มีประสิทธิภาพตัวหนึ่ง ในกรณีทีเราต้องการเขียน HTML เอง Dreamweaver ก็เป็นเครื่องมือที่อ านวยความสะดวกให้เราได้ดีมาก ไม่ เพียงแต่การใช้การกับ HTML เท่านั้น Dreamweaver ก็รองรับภาษาต่างมากมายเช่น CFML, PHP, ASP, ASP.NET และอื่น อีกมากมาย ช่วยให้เราสามารถเขียน Code ได้ง่ายขึ้น

   
     2. เป็นโปรแกรมจัดการเว็บไซต์ที่ดีDreamweaver ยังเป็นโปรแกรมที่ช่วยให้เราจัดการกับเว็บไซต์ของเราได้ดีขึ้น โดยมีเครื่องมือมากมาย เช่น 2.1. FTP เราสามารถแก้ไขหน้าเว็บเพจของเราและส่งไปแสดงผลที่ server ได้ทันที เพราะdreamwerver จะติดต่อกับ server ให้เราและแสดงไฟล์ของเราที่อยู่ใน server ให้เราเห็นและแก้ไขได้ทันที่ที่เราต้องการถือเป็นเครื่องมือที่ สะดวกมาก นอกจากนั้นยังช่วยให้เรามีข้อมูลของเว็บไซต์ของเราส ารองไว้ในเครื่องเราตลอดด้วย2.2Site map เป็นเครื่องมือที่ช่วยแสดงผลเว็บไซต์ของเราให้เป็นรูปร่างขึ้นมา โดยจะแสดงให้เห็นว่าหน้า ใด link ไปยังหน้าใดบ้าง โดยเราสามารถย้ายหรือ เปลี่ยนแปลง link ได้ โดยที่ Dreamweaver จะท าการเขียน Code ให้เรา ใหม่ทันทีถือเป็นเครื่องมือที่ดีมากเพราะความจริงแล้วเราต้องแก้เว็บเพจของเราตลอด

    3. ช่วยให้เราท าเว็บได้ง่ายขึ้น ส าหรับคนที่ไม่เคยท าเว็บมาก่อนก็สามารถใช้Dreamweaver เพียงโปรแกรมเดียวเพื่อ พัฒนาเว็บไซต์ของตัวเองขึ้นมาได้ง่ายเหมือนกับการเขียนหนังสือ และส าหรับคนที่เชี่ยวชาญ Dreamweaver ก็ท าให้เรามี ความคล่องตัวขึ้นเพราะตอนนี้ Dreamwerver มีเครื่องมือมากมายและท างานเชื่อมต่อกับโปรแกรมดังๆมากมายเช่น Photoshop ,Illustrator, Flash หรือแม้แต่กระทั่งการใช้ในลักษณะ Dynamic webpage ก็พัฒนาขึ้นมาก จะเห็นว่าใน Dreamweaver CS3 นั้นมีการใช้งานในส่วนของ Ajax เพิ่มมาอีกด้วยรวมถึงการใช้งาน CSS ที่ได้รับการพัฒนาขึ้นมาก นี่ยัง ไม่รวมถึง Template มากมายที่ช่วยในการจัดข้อความ ,หน้าตาของเว็บเพจ และเครื่องมืออีกมากมาย ในบทความนี้คงท าให้ มองภาพของ Dreamwerver ว่าเป็นเครื่องมือที่อ านวนความสะดวกมากจริงๆ ถ้าลองใช้ดูจะเห็นได้ว่า Dreamweaver นั้น พัฒนาไปมากจากเวอร์ชันแรกๆที่ออกมาและช่วยลดเวลาในการพัฒนาเว็บไซต์ลงได้มาก

เตรียมความพร้อมปรับแต่ง Dreamweaver ใช้งานภาษาไทยได้ ปรับแต่ง Dreamweaver ให้ท างานกับภาษาไทยได้ 1.ปรับแต่งระบบ dreamweaver ให้ท างานกับภาษาไทยได้เมื่อเปิดโปรแกรม Dreamweaver ขึ้นมาแล้ว เริ่มแรกเข้า ไปที่ Edit > Preferenceจากนั้นจะมีหน้าจอดังรูปด้านล่างให้ท่านเลือกที่เมนูทางด้านซ้ายมือในหัวข้อFonts และเปลี่ยนตามรูปการเปลี่ยน font อาจเปลี่ยนตามที่ผู้ใช้ต้องการก็ได้แต่ ต้องเป็น font ที่สามารถใช้กับภาษาไทยได้โดยมีรายละเอียด ดังนี้Proportional font เป็นตัวอักษรที่ใช้แสดงผลในหน้าแสดงผล (Design) Fixed font เป็นตัวอักษรที่ใช้แสดงผลใน หน้าแสดงผล เหมือนกัน เพียงแต่ว่าจะแสดงตัวอักษรที่อยู่ใน pre tag, code tag และ Code view เป็นตัวอักษรที่แสดงผลใน หน้า code ซึ่งเราจะใช้บ่อยมากๆควรปรับให้ตัวใหญ่เพื่อความสะดวกในการอ่าน code จากนั้นเลือก New Document จาก เมนูทางซ้ายมีจะเป็นดังรูปการเปลี่ยน head ของเอกสารใหม่ เมื่อเราเลือกที่ new document แล้วจะปรากฏหน้าตาดังภาพด้านล่าง ซึ่งให้เราเลือกที่ Default document เป็น HTML และเปลี่ยน Default encoding เป็น Thai ตามภาพ เสร็จแล้วก็ให้ไปที่ default document อีกทีเลือก CSS และเปลี่ยน Default encoding เป็น thai อีกเช่นเดียวกันแค่นี้ Dreamweaver ก็สามารถท างานกับภาษาไทยได้แล้ว ติดตามตัวอย่างการใช้งาน Dreamweaver ในบทต่อไป เครื่องมือต่างๆในโปรแกรม Dreamweaver ส าหรับ Dreamweaver เป็นโปรแกรมสร้างโฮมเพจแบบเสมือนจริง โดยไม่ต้อง เขียนภาษา HTML เอง หรือที่ ศัพท์เทคนิคเรียกว่า "WYSIWYG" เราสามารถใช้หน้าจอเสมือนจริงของ Dreamweaver ในการท าเว็บเพจได้เลย โดยใช้ เครื่องมือต่างๆที่มีมาให้ดังแสดงในรูปด้านล่างหน้าตาของโปรแกรม Dreamweaver และชื่อเรียกเครื่องมือต่างๆ

        อธิบายเครื่องมือต่างๆ 1. Document window เป็นส่วนที่ใช้การแสดงผลเว็บเพจที่ก าลังสร้างอยู่ซึ่งแสดงผลได้ทั้งแบบ Code และ แบบ เสมือนจริงที่แสดงผลบน web browser หรือจะแสดงควบคู่ไปก็ได้ และใช้ในการท างานแก้ไขตัวอักษร รูปภาพต่างๆในเว็บ เพจด้วยโดยอาศัยเครื่องมือต่างๆ ที่แสดงอยู่ในรูป ข้อเสียของ Dreamweaver ยังไม่อยู่บ้างคือ หน้าจอที่แสดงผลเสมือนจริง กับการแสดงผลจริงใน web browser อาจไม่ตรงกัน ขึ้นอยู่กับ web browser ที่เราใช้ด้วย

ที่มา http://www.hellomyweb.com/index.php/main/content/45