powerpoint-09

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

พาเนล Files จะรวบรวมโครงสรา้ งทงั้ หมดของเวบ็ ไซตไ์ ว้ ได้แก่ ไฟล์ และโฟลเดอรต์ ่างๆ ดงั นี้ 3

สามารถเลือกทางานกบั แต่ละไฟล์ รวมถึงการย้ายหรือลบไฟลไ์ ด้ โดยมีเครอ่ื งมือ ดงั นี้ 1. Connect to Server ใช้เชื่อมต่อกบั Server เพ่ืออปั โหลดเวบ็ ไซต์ ขึน้ ส่อู ินเทอรเ์ น็ต และในขณะที่เช่ือมต่ออยู่ จะกลายเป็นป่ มุ สาหรบั ใช้ใน การตดั การเชื่อมต่อกบั Server ได้ทนั ที 2. Refresh ใช้คลิกเพ่ือรีเฟรชหรือปรบั ปรงุ รายการไฟลแ์ ละ โฟลเดอร์ เม่ือมีการเปล่ียนแปลงจากนอกโปรแกรมได้ทนั ที 3. Get Files from Server ใช้คลิกเพื่อนาไฟลห์ รอื โฟลเดอรจ์ าก Server ดาวน์โหลดมาเกบ็ ไว้ในเครื่องคอมพิวเตอร์ 4. Check Out File คลิกเพื่อดาวน์โหลดไฟลจ์ าก Server มาแก้ไข รวมทงั้ ป้องกนั การแก้ไขจากผอู้ ่ืน 4

5. Check Out File คลิกเพ่ือดาวน์โหลดไฟลจ์ าก Server มาแก้ไข รวมทงั้ ป้องกนั การแก้ไขจากผอู้ ื่น 6. Check In File คลิกเพ่ืออปั โหลดไฟลท์ ี่แก้ไขแล้วขึน้ ไปบน Server และคืนสิทธ์ิการแก้ไขให้ผอู้ ่ืน 7. Synchronize to Remote Server คลิกเพื่อซิงค์ (Sync) หรอื เปรียบเทียบไฟลบ์ นคอมพิวเตอร์ และ Server ว่ามีไฟลท์ ่ีต่างกนั หรือไม่ หากมีไฟลท์ ี่แตกต่างกนั จะปรบั ปรงุ และคดั ลอกไว้ให้เหมือนทงั้ สองฝัง่ 8. Expand to Show คลิกเพื่อขยายการทางานระหว่างมมุ มอง Local View และมมุ มองไฟลเ์ ชื่อมต่อกบั Server ไว้ 5

1. คลิกเลือกไฟล์ HTML ที่ต้องการ จากนัน้ ลากเมาสไ์ ปวางในโฟลเ์ ดอรท์ ี่ ต้องการ 6

2. ปรากฏรายช่ือของไฟล์ HTML 3. สามารถลบไฟลอ์ อกจากพาเนล อื่นที่ได้ทาการเช่ือมโยงกบั Files ด้วยการเลือกไฟลแ์ ล้วกด ไฟลท์ ่ีย้ายตาแหน่งไว้คลิก ป่ มุ Delete บนคียบ์ อรด์ โดยหาก ว่าไฟลน์ ัน้ มีการเชื่อมโยงกบั ไฟล์ Update เพื่ออปั เดตการ อ่ืน โปรแกรม Dreamweaver เช่ือมโยงให้เป็ นปกติ จะแจ้งข้อความเตือนให้ทราบ ทนั ทีว่าต้องการลบหรือไม่ 7

การตรวจสอบการเช่ือมโยงทงั้ หมดในไซต์ สามารถตรวจสอบการเช่ือมโยงทงั้ หมดใน Site ว่าเวบ็ เพจแต่ละหน้ามี การเช่ือมโยงท่ีสมบรู ณ์หรอื ไม่ ซ่ึงไม่เพียงแค่การเชื่อมโยงโดยใช้ลิงกเ์ ท่านัน้ คาสงั่ จะตรวจสอบว่ามีภาพท่ีหายไปหรอื ไม่เช่นกนั รวมถึงการเชื่อมโยงกบั CSS ว่าสมบรู ณ์หรอื ไม่ โดยสามารถตรวจสอบการเชื่อมโยงทงั้ หมดในเวบ็ ไซตโ์ ดยคลิกท่ีเมนู Site > Check Links Sitewide หรือกดป่ มุ ลดั Ctrl + F8 บนคียบ์ อรด์ 8

โดยจะปรากฏพาเนล Link Checker ขึน้ มาให้ใช้ตรวจสอบการ เช่ือมโยงได้ทงั้ Site ทนั ที 9

การตรวจสอบการเชื่อมโยงเฉพาะไฟล์ 1. เลือกไฟลท์ ่ีต้องการตรวจสอบ 2. คลิกขวาแล้วเลือกคาสงั่ โดยอาจเลือกเพียงไฟลเ์ ดียว Check Links > Selected Files หรอื หลายไฟลก์ ไ็ ด้ 10

3. จะปรากฏพาเนล Link Checker และรายการไฟล์ HTML ท่ีมีปัญหา 11

การตรวจสอบการเชื่อมโยงเฉพาะไฟลท์ ่ีทางาน การตรวจสอบการเชื่อมโยงเฉพาะในไฟล์ HTML ท่ีกาลงั ทางานอย่ทู า ได้ โดยคลิกเมนู File > Check Page > Links หรือกดป่ มุ Shift + F8 จะปรากฏ รายการท่ีมีปัญหาของไฟลท์ ่ีทางานอย่เู ท่านัน้ 12

การทางานกบั พาเนล Link Checker ในขณะท่ีทางานกบั พาเนล Link Checker สามารถสลบั การแสดงผล โดย เลือกได้ว่าต้องการให้แสดงผลแบบใดบา้ ง โดยปกติจะแสดงเป็น Broken Link โดยมี 3 รปู แบบ ดงั นี้ Broken Links แสดงเฉพาะลิงกเ์ สีย External Links แสดงเฉพาะลิงกท์ ่ีเชื่อมโยงภายนอกท่ีมีปัญหา Orphaned Files แสดงไฟลท์ ี่ไมถ่ กู นาไปใช้งาน 13

และภายใต้พาเนล Link Checker นัน้ จะมีการสรปุ รายการของลิงก์ ทงั้ หมด และการเช่ือมโยงที่มีปัญหาไว้ ดงั นี้ Total คือ จานวนลิงกภ์ ายใต้ไฟล์ HTML ทงั้ หมด HTML คือ จานวนไฟล์ HTML ที่มีสร้างการเชื่อมโยงไว้ Orphaned คือ ไฟลต์ ่างๆ ท่ีสร้างไว้ แต่ไม่มีการเชื่อมโยงหรอื ใช้ร่วมกบั ไฟลอ์ ่ืน All links คือ ลิงกท์ งั้ หมดในไซต์ OK คือ จานวนลิงกท์ ่ีไม่มีปัญหา Broken คือ จานวนลิงกท์ ่ีมีปัญหาการเช่ือมโยง External คือ จานวนลิงกท์ ่ีมีการเชื่อมโยงไปยงั เวบ็ ภายนอก 14

แก้ไขบนพาเนล Files (Browse for fi le) เพื่อปรบั ปรงุ การ 1. เลือกไฟล์ จากนัน้ คลิกป่ มุ เช่ือมโยงแต่ละไฟล์ 15

2. เลือกโฟลเดอรห์ รือไฟลใ์ ห้ถกู ต้อง จากนัน้ คลิกป่ มุ OK การเช่ือมโยง จะถกู ปรบั ปรงุ ทนั ที 16

การเปิ ดไฟลล์ ิงกท์ ี่มีปัญหาขนึ้ มาแก้ไข 1. ตวั อย่างไฟลท์ ่ีตรวจสอบแล้วว่ามีปัญหาภาพหายไป ดบั เบิ้ลคลิกเพ่ือ เปิ ดขึน้ มาแก้ไข 17

2. ดบั เบิ้ลคลิกที่ภาพที่หายไป 3. เลือกโฟลเดอรแ์ ละภาพท่ี ต้องการ จากนัน้ คลิก OK 18

4. การเชื่อมโยงในเวบ็ จะถกู อปั เดต และภาพท่ีหายไปจะกลบั มาแสดงผล ทนั ที 19

การแก้ไขการเช่ือมโยงทงั้ เวบ็ ไซต์ 1. คลิกเมนู Site > Change Link Sitewide เพื่อเปิ ดคาสงั่ 20

2. คลิก Browse for File ในหวั ข้อ Change all links to จากนัน้ เลือกเวบ็ เพจหรอื ระบุ URL ที่สร้างการเช่ือมโยงผิดพลาด 2.1 คลิก Browse for File ในหวั ข้อ Into links to จากนัน้ เลือกเวบ็ เพจ หรือระบุ URL ท่ีต้องการแก้ไข 2.2 คลิกป่ มุ OK 21

3. จะปรากฏรายการเวบ็ เพจที่จะถกู ปรบั ปรงุ การเช่ือมโยง คลิกป่ มุ Update เพ่ือปรบั ปรงุ การเชื่อมโยงเวบ็ เพจตามรายการท่ีปรากฏ 22