ขั้นตอนการสร้าง Site Map
การสร้าง Site Map เพื่อตรวจสอบสภาวะการเชื่องโยง เช็คลิ้งค์ ในเวบเพจ แต่ละหน้า และการจำลองหน้าเวบ ก่อน Upload ไปที่ Server
ขั้นตอนที่ท่านดู ใช้ Dreamweaver MX
รูปแบบ ขั้นตอน บางส่วน อาจจะไม่เหมือน หากท่านใช้ Dreamweaver Version ต่างจากนี้
1. คลิกเมนู Site เลือก New Site ใน โปรแกรม Dreamweaver

2. ปรากฎหน้าต่าง Site Definition เลือก แท็บ Advanced
3. Local info
Site Name ตั้งชื่อ Site
Local Root Folder เลือกชี้ไปที่ Directory ที่เก็บ File
Default Image Folder เลือกชี้ไปที่ Directory ที่เก็บรูปภาพ
HTTP Address ใส่ URL
Cache เลือกเพื่อปรับปรุงจุดเชื่อมโยงเวบเพจ
* ตั้งแต่ข้อ 4 - 9 จะเลือกเป็นค่า Default ของโปรแกรมก็ได้
4. Remote info
Access เลือก FTP โอนย้ายไพล์ข้อมูลผ่าน FTP
FTP Host ชื่อ URLที่โอนย้ายไพล์ข้อมูล
Host Directory กำหนด Folder แรกที่เก็บเวบเพจ
Login ชื่อ User ที่เข้าไปปรับปรุงแก้ไข
Password รหัสผ่าน ที่เข้าไปปรับปรุงแก้ไข
Save บันทึกรหัสผ่าน
Check In/Out ตรวจสอบการปรับปรุง อัตโนมัติ
Check Out Name ชื่อที่ใช้ ตรวจสอบ
Email Address อีเมล์ผู้ตรวจสอบ
5.Testing Server
Server Model รูปแบบ Sever ที่ใช้ทดสอบ
Access เลือก FTP โอนย้ายไพล์ข้อมูลผ่าน FTP
FTP Host ชื่อ URLที่โอนย้ายไพล์ข้อมูล
Host Directory กำหนด Folder แรกที่เก็บเวบเพจ
Login ชื่อ User ที่เข้าไปปรับปรุงแก้ไข
Password รหัสผ่าน ที่เข้าไปปรับปรุงแก้ไข
Save บันทึกรหัสผ่าน
6. Cloaking
Enable Cloaking กำหนด File และ Folder ที่ซ่อนอยู่ ออกจากไซค์
Cloak Files Ending With กำหนดนามสกุล File ที่ต้องการซ่อน
7. Design Notes
Maintain Design Notes เพื่อผู้ใช้งานร่วมกัน สามารถเปลี่ยนแปลง แก้ไขได้
Upload Design Notes for Sharing เพื่อผู้ใช้งานร่วมกัน สามารถแบ่งปันข้อมูลได้
8. Site Map Layout
Home page กำหนดหน้าแรก
Number of Columns กำหนดจำนวนคอลัมน์ แสดงผังโครงสร้างเวบ
Columns Width กำหนดความกว้างคอลัมน์ โครงสร้างเวบ
Icon Labels กำหนดรูปแบบ โครงสร้างเวบ
Options กำหนดโครงสร้างย่อย แต่ละไอคอน
9. File View Columns ข้อมูลแสดงที่คอลัมน์ บนผังโครงสร้าง

8. เมื่อเรียบร้อยแล้ว กดปุ่ม OK ตัวโปรแกรมจะ Scan หา File ใน Directory

9. กรณี ที่ท่านสร้าง Site Map ไว้หลายไซค์ เวลาเปิดโปรแกรม Dream ก็ควร Edit Site ด้วย
การใส่ไฟล์ VDO ใน Dreamweaver
การใส่ File VDO (.wmv) ลงในหน้า เว็บเพจ โดย Dreamweaver
คุณเคยเห็นเว็บไซด์ หลายๆ เว็บมี VDO หน้า เว็บกันใช้มั้ยครับ วันนี้เราเอามาใส่กันบ้างดีกว่า
ง่ายๆ ครับ แค่ ไป ที่ Insert > media > Plugin และ หา ไฟล์ที่เป็น .wmv มาลง
การใส่ไฟล์ VDO ใน Dreamweaver
คุณเคยเห็นเว็บไซด์ หลายๆ เว็บมี VDO หน้า เว็บกันใช้มั้ยครับ วันนี้เราเอามาใส่กันบ้างดีกว่า
ง่ายๆ ครับ แค่ ไป ที่ Insert > media > Plugin และ หา ไฟล์ที่เป็น .wmv มาลง

การใส่ตัวอักษรพิเศษ ©, ™, ƒ
1.> ให้เราเลือกเครื่องมือที่ใช้สำหรับพิมพ์ข้อความ ให้คุณเลือกที่เมนู Option ที่แถบเมนู
Objects -> Characters ดังรูป

2.> หลังจากนั้นเลือกที่เครื่องมือ Insert Other Characters

3.> หลังจากที่เราได้ทำการเลือกที่เครื่องมือแล้ว จะมีหน้าต่างขึ้นมาให้เราเลือกเราก็สามารถเลือกได้เลยว่าเราต้องการจะใส่ตัวอักษรอะไรลงในเว็บของเรา

4.> เพียงเท่านี้เราก็สามารถหาของแปลกๆ มาใส่ในเว็บเราได้แล้ว

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