สร้างเว็บไซต์ด้วย Dreamweaver cs5 แบบครูใจ ตอนที่ 1

1. 1. ในการติดตั้งจาก แผ่น CD ที่ครูทามาให้ ไฟล์ทั้งหมดจะอยู่ในโฟลเดอร์ แข่งขัน แล้วให้ดาเนินการดังนี้ ให้ทาการคัดลอก
โฟลเดอร์ที่มีชื่อว่า Dreamweaver CS5 ไปวางในเครื่องที่ทาการแข่งขัน
1.1 หลังจากนั้นให้ดาเนินการสร้างโฟลเดอร์ที่มีชื่อว่า web โดยการทาดังนี้ ทาการคลิ๊กขวาแล้วจะได้เมนูดังภาพ ที่ 1
ภาพที่ 1
1.2 แล้วให้ทาการเปลี่ยนชื่อจาก New Folder เป็น web
2. ให้ดับเบิ้ลคลิ๊กเข้าไปในโฟลเดอร์ web แล้วให้สร้างโฟลเดอร์ใหม่ขึ้นอีก 3 โฟลเดอร์คือ
- Html เอาไว้เก็บไฟล์เว็บเพจที่มีนามสกุล html ที่เราสร้างขึ้น
- Images เอาไว้เก็บภาพ ดังนั้นภาพในการทาเว็บทุกภาพจะต้องนามาเก็บไว้ในโฟลเดอร์นี้ หากคณะกรรมการบอกให้รู้
ว่าโฟลเดอร์ใดมีภาพสาหรับการแข่งขันให้ทาการตัดแต่งโดยใช้ power point หรือ photoshop ในการตัดแล้วเมื่อ
save ให้เก็บภาพไว้ใน โฟลเดอร์ images เสมอ เพื่อเรียกใช้งานในขณะทาเว็บ
- Media เอาไว้เก็บเพลง หรือวีดีโอ
เมื่อเราได้โฟลเดอร์ดังกล่าวแล้วก็มาถึงขั้นตอนการสร้างเว็บ
3. ให้ทาการ เปิดโปรแกรม dreamweaver CS5 ขึ้นมา จะได้ดังภาพที่ 2
ภาพที่ 2

2. 3.1 ให้ทาการคลิ๊กที่แถบเมนูด้านบนที่เมนู site ---> New site ดังภาพที่ 3
ภาพที่ 3
จะปรากฎหน้าต่างดังภาพที่ 4
ภาพที่ 4
3.2 ให้ทาการกรอกข้อมูลลงในช่องดังนี้
- Site Name = ชื่อเรื่องที่กรรมการกาหนด ให้ตั้งในวันแข่ง
- Local site Folder = โฟลเดอร์ที่เราสร้างไว้ในข้อที่ 1 คือ โฟลเดอร์ที่มีชื่อ web โดยให้ทาการคลิ๊กที่รูป โฟลเดอร์
ด้านหลังช่อง Local site Folder จะปรากฎ หน้าต่างดังภาพที่ 5

3. ภาพที่ 5
3.3 ให้ทาการคลิ๊กเลือกโฟลเดอร์ web ที่เราสร้างไว้ แล้วกด Select
3.4 ต่อไปให้คลิ๊กที่แถบเมนูที่ชื่อ Advance Settings ทางด้านซ้ายมือจะปรากฎหน้าต่างดังภาพที่ 6
ภาพที่ 6
ให้ทาการคลิ๊กที่รูปโฟลเดอร์ด้านหลัง ในช่องสีแดงดังภาพที่ 6 แล้วให้เลือกโฟลเดอร์ที่ชื่อ images ที่อยู่ในโฟลเดอร์
web ที่เราสร้าง เพื่อเป็นการสร้างลิงค์ไปยังภาพ เมื่อเวลาที่เราดึงภาพมาใช้ภาพจะไม่หายไปเวลาที่อัพโหลดขึ้นเซอร์
เว่อร์
3.5 สาหรับตรงช่อง Links relative to ให้ติ๊กที่ Site Root เสร็จแล้วให้ กดปุ่ม Save เป็นอันว่าเรา Define Site เสร็จ
เป็นที่เรียบร้อยแล้ว