การใช้งาน Dreamweaver 8

ความรู้พื้นฐานก่อนการสร้างเว็บไซต์

1. ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต

          อินเทอร์เน็ต (Internet)  เป็นเครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดในโลก    ซึ่งรวมเอาเครือข่ายย่อยเป็น
จำนวนมากต่อเชื่อมภายใต้มาตรฐานเดียวกันจนเป็นเครือข่ายคอมพิวเตอร์ขนาดใหญ่ ทำให้ทั่วโลกเชื่อมโยงกัน เป็นเครือข่ายเดียวกันได้ในรูปแบบ ของ เวิลด์ ไวด์ เว็บ (World Wide Web)

ลักษณะของเวิล์ด ไวด์ เว็บ (World Wide Web)

          เวิล์ด ไวด์ เว็บ (World Wide Web – www) หรือเรียกย่อ ๆ ว่าเว็บ (Web) เป็นอินเทอร์เน็ตชนิดหนึ่ง ที่อยู่ในรูปแบบของกราฟิก (Graphic) และมัลติมีเดีย (Multimedia) ซึ่งประกอบด้วยข้อความ (Text)  ภาพ (Image)  เสียง (Sound) และ ภาพเคลื่อนไหว (Movie) เป็นต้น ผู้ใช้ทั่วไปสามารถเข้าไปในเว็บได้ง่ายและจะได้รับข้อมูลครบถ้วนปัจจุบันถ้าพูดถึงอินเทอร์เน็ต คนทั่วไปจะเข้าใจว่าหมายถึงเว็บ ทั้งที่จริงแล้วเว็บเป็นส่วนหนึ่งของอินเทอร์เน็ตเท่านั้น

เว็บไซต์ (Website)  และเว็บเพจ (Webpage)

          เอกสารหรือส่วนที่ติดต่อกับผู้ใช้ในเว็บ เรียกว่า เว็บเพจ (Webpage)  หมายถึง เอกสารหนึ่งหน้า
การใช้เว็บก็คือ การเปิดอ่านหรือเปิดใช้เว็บแต่ละหน้านั่นเอง  เว็บเพจอาจสร้างขึ้นด้วยภาษาคอมพิวเตอร์  เช่น  HTML,  ASP,  PHP,  JAVA ฯลฯ 
          เมื่อนำเว็บเพจหลาย ๆ หน้ามารวมกันและระบุอยู่ในอินเทอร์เน็ต หรือ ยูอาร์แอล (Uniform Resource Locator – URL) ให้กับเว็บเพจกลุ่มนั้นจะเรียกว่า เว็บไซต์ (Web Site)
          เมื่อเปิดเว็บไซต์ขึ้นมาจะพบกับหน้าแรกของเว็บไซต์   ซึ่งเรียกว่า โฮมเพจ (Homepage)  ซึ่งเป็นหน้าที่สำคัญที่สุดและเป็นหน้าที่จะเชื่อมโยงไปยังเว็บเพจและเว็บไซต์อื่น ๆ

เว็บเบราว์เซอร์ (Web Browser) 

          เว็บเบราว์เซอร์ (Web Browser) คือ โปรแกรมที่ใช้สำหรับเปิดเว็บเพจหรือรับส่งข้อมูลตามที่เครื่องลูกข่ายร้องขอเมื่อเราเปิดเข้าสู่อินเทอร์เน็ต  เว็บเบราว์เซอร์ที่ได้รับความนิยมปัจจุบันมีหลายโปรแกรม 
เช่น  Microsoft Internet Explorer (IE),  Google Chrome, Mozilla Firefox  และ Opera

ภาษา  HTML

          ภาษา  HTML  ย่อมาจากคำว่า  Hypertext Markup Language  เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ  โดยจะได้รับการแปลหรือการแสดงผลโดยเว็บเบราว์เซอร์ซึ่งสามารถแสดงได้ทั้งข้อความ  ภาพ  และเสียง

โดเมนเนม  (Domain Name)

          โดเมนเนม (Domain Name) หรือที่เข้าใจกันทั่วไป คือ ชื่อเรียกเว็บไซต์นั่นเอง  การจดทะเบียนโดเมนเนมจึงเป็นการลงทะเบียนชื่อให้กับเว็บไซต์ของเราในโลกอินเทอร์เน็ต  โดเมนเนมที่ขอจดทะเบียนจะต้องไม่ซ้ำกับคนอื่น  และควรตั้งให้เกี่ยวข้องกับเนื้อหาภายในเว็บไซต์  หรือเกี่ยวข้องกับสินค้าและ
การบริการ ตลอดจนใช้คำง่าย ๆ ให้จำได้  เช่น  sanook.com  และ yahoo.comเป็นต้น

บทที่ 1 ทำความรู้จักกับ Dreamweaver

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

การเปิดใช้งานโปรแกรม

         หลังจากติดตั้งโปรแกรมบนเครื่องคอมพิวเตอร์แล้ว  สามารถเรียกใช้งานโปรแกรม โดยเรียกผ่านปุ่ม  Start  มีวิธีทำ คือ

         1. คลิกที่ปุ่ม  Start  บนทาสก์บาร์

         2. เลือกคำสั่งย่อย  Programs >> Macromedia >> Macromedia Dreamweaver 8 เรียกผ่านไอคอน บนเดสก์ทอป

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

หน้าจอการทำงานของโปรแกรม Dreamweaver 8

หลังจากที่เลือก การทำงานในส่วนที่ 2 แล้ว เลือก  HTML  เราจะพบกับหน้าต่างการทำงาน ซึ่งประกอบด้วย

 1.Title Bar คือ ส่วนที่แสดงชื่อโปรแกรม และชื่อไฟล์ที่กำลังทำงานอยู่

 2.Menu Bar คือ ส่วนที่รวมคำสั่งการทำงานทั้งหมด แล้วแบ่งย่อยตามประเภทและในคำสั่งหลักมักจะมีเมนูลัดให้กดด้วย

3.Object Palette คือ แถบแสดงปุ่มต่างๆของโปแกรม

 



หากเราคลิกปุ่ม Show as Tabs ก็จะเป็นการแสดงเครื่องมือดังนี้

 

4.Toolbar คือ แถบเครื่องมือสำหรับการใช้งานด้าน HTML และอินเตอร์เน็ท ประกอบด้วย

 Show Code View แสดงการทำงานในรูปแบบ HTML

Show Code and Design Views แสดงการทำงานแบบ HTML ควบคู่กับแสดงพื้นที่ออกแบบ

 Show Design View แสดงการทำงานแบบแสดงพื้นที่ออกแบบ

 Document Title ตั้งชื่อของเว็บเพจ

 Check Errors ตรวจสอบข้อผิดพลาดจาก Browser

  File Management จัดการกับไฟล์ๆ ที่อยู่ในเว็บเพจ

  Preview / Debug in Browser ทดลอง ดูเว็บเพจทาง Browser หรือกด F12

  View Options มุมมองในการทำงานเพิ่มเติม

5.หน้าต่างออกแบบเว็บเพจ ใช้พิมพ์ข้อความและจัดเรียงรูปภาพ

6.Tag Selector ใช้ควบคุมการทำงานในรูปแบบ HTML



7.Window Size กำหนดพื้นที่ใช้งานตามต้องการ

8.Estimate Download Time แสดงเวลา ที่ใช้ในการดาวน์โหลด


 9.Properties ใช้กำหนดรูปแบบต่างๆ ของตัวอักษร และรูปภาพ รวมถึงการสร้างลิงค์

 หน้าต่าง Proties สามารถจะเปิดปิดได้ตามต้องการด้วยการคลิกที่ เพื่อขยายหน้าต่างการทำงานให้มากขึ้น
หรือคลิกที่ Window > properties ก็ได้เช่นกัน

 

10. Dockable Window เปิดหน้าต่างที่รวบรวมเครื่องมืออำนวยความสะดวกเอาไว้  โดยคลิกที่ เพื่อเปิด-ปิดได้ เช่นเดียวกับ Properties

ไฟล์ภาพชนิดใดสามารถนำมาใช้ในเว็บเพจได้บ้าง

1. ไฟล์.gif  เป็นไฟล์ชนิดแรกที่แสดงผลบนบราวเซอร์ได้ทุกชนิด โดยส่วนใหญ่ไฟล์ .gif มีเป็นรูป

ประเภท ที่มีสีพื้นเป็นส่วนใหญ่ ไม่มีการไล่สี เช่น รูปโลโก้  รูปการ์ตูน ไฟล์รูปที่กำหนดพื้นหลังเป็น

แบบโปร่งใส หรือไฟล์ภาพเคลื่อนไหว

2. ไฟล์ .jpg เป็นไฟล์ชนิดแรกที่แสดงผลบนบราวเซอร์ได้ทุกชนิด เช่นกัน  ไฟล์รูปชนิดส่วนใหญ่ 

เ็ป็นภาพถ่าย  หรือภาพที่มีรายละเอียดการไล่สีเยอะ ๆ 

3. ไฟล์.png เป็นไฟล์ที่เพิ่งมีการพัฒนาขึ้นมาใช้บนบราวเซอร์ แต่ยังไม่ได้รับความนิยมมากนัก