การสร้างไซต์ใหม่

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

กำหนดโครงร่างของเว็บ           ก่อนที่จะสร้างเว็บไซต์ขึ้นมา ขอแนะนำให้ออกแบบโครงร่างคร่าว ๆ ของเว็บไซต์นั้นก่อน เพื่อไม่ก่อให้เกิดความสับสนที่อาจตามมาในภายหลัง โดยเว็บไซต์ที่ประกอบด้วยเว็บเพจหลายหน้า จะนิยมจัดเก็บไฟล์เว็บเพจไว้ในโฟลเดอร์แยกตามหัวข้อต่าง ๆ           ดังตัวอย่างถ้าเราต้องการจำทำเว็บไซต์ขายแพ็คเกจทัวร์ ก็อาจสร้างโฟลเดอร์ชื่อ "​​Package tourism" เป็นโฟลเดอร์ที่รวมเว็บเพจและไฟล์ต่าง ๆ ที่ใช้ไว้ทั้งหมด โดยในโฟลเดอร์นี้จะประกอบด้วยหลายโฟลเดอร์ย่อยสำหรับเก็บไฟล์ต่าง ๆ ที่ประกอบกันเป็นเว็บไซต์ ดังตัวอย่าง           จากรูป จะเห็นว่าหน้าโฮมเพจ (index.html) จะต้องอยู่ในโฟลเดอร์หลักและไม่ควรอยู่ในโฟลเดอร์ย่อใด ๆ เพราะ index.html คือเว็บเพจหน้าแรกที่จะถูกแสดง เมื่อมีการเยี่ยมชมเว็บไซต์           ไฟล์ต่างๆ ที่ประกอบเป็นเว็บไซต์จะถูกเก็บไว้ในเครื่องของเรา จะเห็นได้ว่าการแยกเก็บไฟล์ .html และไฟล์อื่น ๆ อย่างเป็นระบบจะช่วยในการจัดเก็บและค้นหาไฟล์ ตลอดจนการเชื่อมโยงระหว่างไฟล์ต่าง ๆ ได้ง่าย

กำหนดเว็บไซต์ใหม่ใน Dreamweaver           เราจะเริ่มต้นโดยการกำหนดเว็บไซต์ใหม่ในโปรแกรม Dreamweaver (เรียกว่าเป็นการสร้าง Site ใหม่) โดย Dreamweaver จะให้เรากำหนดเพียงข้อมูลพื้นฐานเกี่ยวกับการสร้างเว็บไซต์ใหม่ จากนั้น Dreamweaver จะช่วยกำหนดรายละเอียดเพิ่มเติมให้ทั้งหมด นับเป็นวิธีที่สะดวกและรวดเร็ว           1 เลือกคำสั่ง Site -> Manage Sites... เพื่อเข้าสู่การสร้างเว็บไซต์ของเรา           2 คลิกปุ่ม New Site เพื่อสร้างเว็บไซต์ใหม่           3 ตั้งชื่อเว็บไซต์ และกำหนดโฟลเดอร์ที่จะใช้เก็บเว็บไซต์ของเรา จากนั้นกดปุ่ม Save           4 แสดงชื่อเว็บไซต์ที่เราสร้างขึ้น จากนั้นคลิกปุ่ม Done เพื่อปิด หน้าต่างนี้           5 โปรแกรมจะแสดงชื่อเว็บไซต์ และโฟลเดอร์ที่เก็บเว็บไซต์ใหม่ในพาเนล File

การจัดการโครงสร้างโฟลเดอร์           เมื่อเราสร้างเว็บไซต์ใหม่ขึ้นมาแล้ว ต่อไปเราสามารถสร้างหน้าเว็บเพจใหม่ เปลี่ยนชื่อไฟล์และโฟลเดอร์ และจัดข้อมูลในเว็บไซต์ได้ดังนี้ การสร้างเว็บเพจใหม่           ให้คลิกเมาส์ปุ่มขวาที่โฟลเดอร์ที่ต้องการสร้างหน้าเว็บเพจ แล้วเลือกคำสั่ง New File จะปรากฏเว็บเพจใหม่ที่มีนามสกุล .html แล้วตั้งชื่อไฟล์ใหม่ที่สร้างได้ตามต้องการ           1 คลิกเมาส์ปุ่มขวาที่โฟลเดอร์ Site แล้วเลือก New File           2 ตั้งชื่อไฟล์ใหม่แล้วกดปุ่ม <Enter> การสร้างโฟลเดอร์ใหม่           ในกรณีที่เราต้องการสร้างโฟลเดอร์ย่อยใต้โฟลเดอร์ที่เก็บเว็บไซต์ของเรา เพื่อแยกเก็บข้อมูล และหน้าเว็บให้เป็นหมวดหมู่ ให้เราคลิกเมาส์ปุ่มขวาที่โฟลเดอร์ Site แล้วเลือก New Folder จะปรากฏโฟลเดอร์ใหม่ในรายการ ให้เราตั้งชื่อโฟลเดอร์ใหม่นี้แล้วกดปุ่ม <Enter>           1 คลิกเมาส์ปุ่มขวาที่โฟลเดอร์ Site แล้วเลือก New Folder           2 ตั้งชื่อโฟลเดอร์ใหม่แล้วกดปุ่ม <Enter> การเปลี่ยนชื่อไฟล์และโฟลเดอร์           การเปลี่ยนชื่อไฟล์หรือโฟลเดอร์ที่อยู่ภายในเว็บไซต์ จะช่วยสื่อความหมายให้ตรงกับเนื้อหา โดยให้คลิกที่ไฟล์หรือโฟลเดอร์ที่ต้องการเปลี่ยนชื่อ คลิกซ้ำอีกครั้ง หรือ กดปุ่ม <F2> แล้วพิมพ์ชื่อไฟล์หรือโฟลเดอร์ใหม่ จากนั้นกดปุ่ม <Enter> (ดังตัวอย่าง เปลี่ยนชื่อโฟลเดอร์ image เป็น images)           1 คลิกที่โฟลเดอร์หรือไฟล์ที่จะเปลี่ยนชื่อ           2 คลิกอีกครั้ง หรือกดปุ่ม <F2> แล้วตั้งชื่อใหม่ จากนั้นกดปุ่ม <Enter> การลบไฟล์และโฟลเดอร์           ให้คลิกเมาส์ที่ไฟล์/โฟลเดอร์ที่ต้องการลบและกดปุ่ม <Delete> โปรแกรม Dreamweaver จะให้เรายืนยันว่าต้องการลบไฟล์/โฟลเดอร์ที่เลือกจริง คลิก Yes เพื่อยืนยัน           1 คลิกเลือกไฟล์หรือโฟลเดอร์ที่ต้องการลบ แล้วกดปุ่ม <Delete>           2 คลิก Yes เพื่อยืนยันการลบ           3 แสดงไฟล์เว็บเพจถูกลบหายไป การเปิด/ปิดหน้าเว็บ           เราสามารถเรียกไฟล์ที่เราสร้าง โดยดับเบิลคลิกที่ไอคอนไฟล์นั้นในพาเนล Files (ในตัวอย่างเราจะเปิดหน้า index.html ขึ้นมา) และเมื่อต้องการปิดหน้าเว็บเพจนี้ให้คลิกที่ หรือเลือกเมนูคำสั่ง File -> Close           1 ดับเบิลคลิกที่เว็บเพจใหม่ที่เราสร้างขึ้นมา           2 เว็บเพจที่เปิดขึ้นมาจะมีลักษณะเป็นหน้าเปล่า           3 คลิกเพื่อเปิดหน้าเว็บ

บันทึกไฟล์เว็บเพจที่สร้าง           หลังจากที่เราสร้างเว็บเพจได้ตามต้องการแล้ว ให้ทำการบันทึกไฟล์เว็บเพจ โดยเลือกคำสั่ง File -> Save (หรือกดคีย์ลัด <Ctrl>+S) เนื่องจากเราไม่เคยบันทึกไฟล์นี้มาก่อน โปรแกรม Dreamweaver จะใ้เราระบุชื่อไฟล์ใหม่ด้วย           จากนั้นเมื่อใดที่เราทำการแก้ไขหน้าเว็บนี้ และต้องการบันทึการเปลี่ยนแปลง ก็ให้เลือกคำสั่ง File -> Save เพื่อบันทึกหน้าเว็บเพจแทนที่ไฟล์เดิมที่เคยบันทึกไว้ได้ แต่ถ้าเราต้องการบันทึกไฟล์นี้ไว้ที่ตำแหน่งใหม่หรือบันทึกเป็นไฟล์ใหม่ ให้เลือกคำสั่ง File -> Save As... และกำหนดตำแหน่งเก็บและชื่อไฟล์ใหม่ได้           1 เลือกคำสั่ง File           2 เลือกคำสั่ง Save As... เพื่อบันททึกไฟล์           3 เลือกตำแหน่งเก็บไฟล์           4 ตั้งชื่อไฟล์           5 คลิกปุ่ม Save เพื่อบันทึกไฟล์ คำสั่งอื่น ๆ ในการบันทึกไฟล์เว็บเพจ           นอกจากคำสั่ง File -> Save ยังมีคำสั่งแบบอื่น ๆ ดังนี้           1. คำสั่ง File -> Save All บันทึกไฟล์ทุกไฟล์ที่เปิดอยู่ (ในกรณีที่เราเปิดหลายไฟล์พร้อมกัน)           2. คำสั่ง File -> Save All Related Files บันทึกไฟล์ที่เกี่ยวข้องทั้งหมด Note           หลังจากได้บันทึกไฟล์หน้าเว็บแล้ว หากเราทำการแก้ไขเพิ่มเติม แต่ยังไม่ได้บันทึกไฟล์อีก โปรแกรม Dreamweaver จะแสดงเครืองหมาย * หลังแท็บแสดงชื่อไฟล์ให้เราเห็น เพื่อเตือนให้ทราบว่ายังไม่ได้บันทึกไฟล์           ในการตั้งชื่อไฟล์หรือโฟลเดอร์ ไม่แนะนำให้มีช่องว่าง หรือมีการใช้อักขระพิเศษ หรือ ; / . เพราะเมื่อนำไฟล์ไปไว้บนเว็บเซิร์ฟเวอร์ บางทีอักขระเหล่านี้อาจถูกเปลี่ยน ทำให้เกิดปัญหา เช่น ในการเชื่อมโยงไฟล์ระหว่างหน้าเว็บเพจอาจหาไฟล์ที่เชื่อมโยงไม่พบ เพราะชื่อไฟล์เปลี่ยนไปแล้ว นอกจากนั้นไม่แนะนำให้ขึ้นต้นชื่อไฟล์ด้วยตัวเลข           หลังจากที่เราได้ทำการบันทึกไฟล์หน้าเว็บเพจแล้ว หากเราทำการแก้ไขบางอย่างผิดพลาดและต้องการกลับไปใช้หน้าเว็บเดิมก่อนทำการแก้ไข ให้เราเลือกคำสั่ง File -> Revert โปรแกรม Dreamweaver จะแสดงข้อความถามว่าเราต้องการทิ้งการแก้ไขต่าง ๆ ที่ได้ทำไว้ และกลับไปโหลดไฟล์เดิมก่อนแก้ขึ้นมาใหม่หรือไม่ ให้คลิก Yes เพื่อกลับไปใช้ไฟล์เดิม