Please enable JavaScript.

Coggle requires JavaScript to display documents.

Dreamweaver (รู้จักกับ Dreamweaver CS6 (((การเปิดโปรแกรม (การกำหนดชื่อ…

- - - - หลักสำคัญก่อนการสร้างเว็บเพจ
        
        เตรียมโฟลเดอร์ที่จะใช้เก็บส่วนประกอบทั้งหมดในเว็บไซต์
        
        เลือกรูปแบบพื้นที่ทำงาน (Workspace) ให้เหมาะสม
        
        จัดการกับหน้าต่างไฟล์
        
        สร้าง Define Site เพื่อจัดระบบให้ข้อมูล
      - การเปิดโปรแกรม
        
        วิธีที่ 1 คลิก start -> All Programs -> Adobe Dreamweaver CS6 ดังตัวอย่าง
        วิธีที่ 2 ดับเบิลคลิกไอคอน ที่หน้าจอ Desktop
        
        การกำหนดชื่อ และนามสกุลของไฟล์ต่างๆ
        
        ควรใช้ตัวอักษร a - z หรือตัวเลข 0 - 9 หรือผสมกัน
        
        ตัวอักษร a - z ควรเป็นตัวพิมพ์เล็ก
        
        ห้ามตั้งชื่อไฟล์เป็นภาษาไทย
        
        ชื่อไฟล์แรกของเอกสารเว็บ มักจะใช้ชื่อ index หรือ default
- - - - 3.เว็บไซต์(Web Site) แหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ ของแต่ละบริษัทหรือหน่วยงานโดยเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ
        
        และเรียกเว็บหน้าแรกของแต่ละ
        เว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า
        
        เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงก์ (Links) ถึง
        กัน ตามหลักคำว่า
        
        เว็บไซต์จะใช้ส าหรับผู้ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อย
        แล้วเช่น http://www.google.co.th ซึ่งเป็นเว็บไซต์ที่ให้บริการสืบค้นข้อมูล เป็นต้น
- - - - ส่วนประกอบหน้าจอ
        
        แถบเมนูหลัก (Menu bar) เป็นแถบรวบรวมคำสั่งทั้งหมดของโปรแกรม โดยแบ่งค าสั่งทั้งหมดออกเป็นหมวดหมู่
        ตามลักษณะของการใช้งาน
        
        แถบเครื่องมือ (Insert Bar) เป็นแหล่งรวมเครื่องมือซึ่งใช้ในการวางออบเจ็กต์ชนิดต่าง ๆ ลงบนหน้าเว็บเพจ เช่น
        ข้อความ รูปภาพ ลิงค์ รูปเคลื่อนไหว เป็นต้น
        
        พื้นที่สร้างงาน (Document area) เป็นส่วนที่ใช้สร้างหน้าเว็บเพจ ใส่เนื้อหา และองค์ประกอบต่าง ๆ ของเว็บเพจ
        ซึ่งสามารถเลือกเปิดพื้นที่สร้างงานได้ด้วยกัน 4 มุมมอง
        
        หน้าต่าง (properties inspector) เป็นหน้าต่างเล็กๆ ที่อยู่ด้านล่างสุดของหน้าจอโปรแกรมเป็นส่วนที่ใช้งานมาก
        ที่สุด
        
        กลุ่มหน้าต่างพาเนล(Panels) เป็นหน้าต่างเล็ก ๆ ที่รวบรวมเครื่องมือไว้เป็นกลุ่มตามหน้าที่ที่เกี่ยวข้อง ท าให้ใช้งาน
        ได้สะดวกขึ้น
        
        แถบสถานะ (Status Bar) เป็นแถบที่อยู่ทางด้านล่างของหน้าต่างๆ Document ประกอบด้วย 2 ส่วน คือ ด้านซ้าย
        เป็น Tag Selector ส่วนด้านขวาเป็นเครื่องมือต่างๆ*
        
        การบันทึกเว็บเพจ
        
        คลิกเลือกค าสั่ง File - > Save (หรือกดคีย์ลัด Ctrl+S)- ถ้าต้องการบันทึกเว็บเพจเดิมให้เป็นชื่อใหม่ เลือกค าสั่ง Save As- ถ้าต้องการบันทึกเว็บเพจทั้งหมดที่เปิดใช้งานอยู่ เลือกค าสั่ง Save All
        
        เปิดเข้าไปยังโฟลเดอร์หลักที่จัดเก็บเว็บไซต์และโฟลเดอร์ย่อยที่จะใช้เก็บไฟล์
        
        ตั้งชื่อไฟล์ที่ต้องการ (กรณีหน้าแรกของเว็บไซต์ ต้องตั้งเป็น Index.html เท่านั้น นอกจากนั้นตั้งชื่อตามชนิด
        ของไฟล์งาน)
        
        1 more item...
        
        ส่วนประกอบของหน้าเว็บเพจ
        
        ส่วนหัว (Page Header) อยู่บริเวณบนสุดของหน้าเว็บเพจ เป็นส่วนที่แสดงชื่อเว็บไซต์ โลโก้ แบนเนอร์โฆษณา
        ลิงก์ส าหรับข้ามไปยังหน้าเว็บอื่น
        
        ส่วนเนื้อหา (Page Body) อยู่บริเวณตอนกลางของหน้าเว็บเพจ ซึ่งเป็นส่วนที่แสดงเนื้อหาภายในหน้าเว็บเพจ
        นั้น โดยประกอบด้วยข้อความ ข้อมูล ภาพเคลื่อนไหว เป็นต้น
        
        แถบข้าง (Slide Bar) อยู่ด้านซ้ายมือหรือขวามือของเว็บไซต์ ส าหรับวางป้ายโฆษณา หรือเมนูส าหรับลิงค์ไปยัง
        หน้าเว็บเพจอื่นๆ หรือเว็บไซต์อื่นๆ
        
        ส่วนท้าย (Page Footer) อยู่บริเวณด้านล่างสุดของหน้าเว็บเพจ ส่วนมากใช้ส าหรับแสดงชื่อเจ้าของเว็บไซต์
        อีเมลของผู้ดูแลเว็บไซต์ส าหรับติดต่อกับทางเว็บไซต์