วันจันทร์ที่ 12 พฤศจิกายน พ.ศ. 2561

การสร้างเว็บไซต์ด้วย Dreamwemver Cs6

2การเริ่มต้นสร้างเว็บไซต์

การเริ่มต้นสร้างเว็บไซต์เป็นการตั้งโฟล์เดอร์ที่ใช้เก็บทุกส่วนประกอบบนหน้าเว็บเอาไว้ และใช้เป็นตำแหน่งอ้างอิงเพื่อเชื่อมโยงหน้าเว็บแต่ละหน้าเข้าไว้ด้วยกัน

2การกำหนดโครงร่างเว็บไซต์

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

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

2การสร้างไซต์ (Site)   

  •  การกำหนดไชต์ (Site) งานเป็นการนำโครงสร้างเว็บไซต์ที่ได้ออกแบบไว้แล้วมาสร้างจริงด้วยโปรแกรม Dreamweaver CS6 โดยโปรแกรมจะแบ่งงานของเราออกเป็น 2 ส่วน คือส่วนที่อยู่บนเครื่องจะเรียกว่า Local Folder หรือ 
  • โลคอลไซต์ (Local Site) ต่อเมื่อได้ สร้างเว็บไซต์เสร็จแล้วจึงจะนำไซต์ทั้งหมดอัพโหลดเข้าสู่เครื่องเซิร์ฟเวอร์จริงเพื่อเผยแพร่
มีขั้นตอนการสร้างไซต์
1. คลิกที่เมนู Site
2. คลิกเลือกคำสั่ง New Site 
2. จะได้หน้าต่าง Site Setup เพื่อกำหนดชื่อไซต์ใหม่ โดยมี   7  ขั้นตอนดงนี้
1.       Click ที่ Site เพื่อตั้งชื่อและสร้างที่เก็บ
2.       ตั้งชื่อSite (ในที่นี้ใช้ชื่อว่า SiteKruAoh)
3.       Click ที่ Folder เลือกตำแหน่งที่ต้องการจัดเก็บ ไว้สำหรับเวลา save/save as
4.       Click ที่ Advanced Setting
5.       เลือก Local Info
6.       Click ที่ Folder Dialog เพื่อเลือก Path ที่ต้องการเก็บรูปภาพ
7.        กดปุ่ม Save

2การจัดการโครงสร้างเว็บไซต์

การแก้ไขไซต์ การปรับการตั้งค่าการใช้งานไซต์ ให้คลิกที่คำสั่ง Sites > Manage Sites เลือกไซต์ที่ต้องการแก้ไขหรือปรับปรุง  ดังนี้

2การจัดการโฟล์เดอร์และไฟล์ภายในไซต์

การสร้างโฟล์เดอร์ย่อยและไฟล์งานบรรจุไว้ในไซต์ตามแผนงานที่ได้วางไว้มีวิธีสร้าง 4 ขั้นตอนดังนี้
  1. ที่ Panel เลือก Files
  2. Right Click ที่ Folder หลัก ในที่นี้คือ Site – site kruaoh
  3. เลือก New Folder ทำการสร้าง Folder ใหม่ขึ้นมา
  4. พิมพ์ชื่อโฟล์เดอร์ใหม่แล้ว กด Enter

ไม่มีความคิดเห็น:

แสดงความคิดเห็น