ถ้าคุณอยากพัฒนาเว็บไซต์อย่างง่ายลองหันมาใช้โปรแกรม Adobe Dreamweaver CS6 เพราะเป็นโปรแกรมสำเร็จรูปที่ใช้สำหรับสร้างเว็บไซต์โดยสามารถนำข้อความและรูปภาพ มาประกอบหน้าเว็บไซตืได้อย่างง่ายๆ และสามารถพัฒนาเว็บไซต์ได้ด้วยภาษาต่างๆ เพราะโปรแกรม Dreamweaver CS6 มีเครื่องมือและอุปกรณ์ที่อำนวยความสะดวกให้กับผู้พัฒนาเว็บไซต์โดยมีเทคนิคและขั้นตอนการทำและใช้งานโปรแกรมดังนี้
เริ่มต้นสร้างเว็บไซต์ใน Adobe Dreamweaver CS6
- การสร้างเว็บไซต์ จะต้องทำการสร้างโฟลเดอร์เก็บไฟล์เอกสาร และไฟล์ที่เกี่ยวข้องไว้เฉพาะ ซึ่งในโปรแกรม Adobe Dreamweaver CS6 เรียกว่า การสร้างไซต์ (Site) มีวิธีการ ดังนี้
2. เลือก New Site... จากนั้นจะปรากฏหน้าต่าง Site Setup for ... (ตามชื่อไซต์)
3. ดับเบิลคลิกที่ชื่อเว็บไซต์
4. คลิกที่ปุ่ม Done
5. ในพาเนล File จะปรากฏชื่อของไซต์ และแหล่งที่เก็บโฟลเดอร์
การสร้างหน้าเว็บเพจใหม่
- การสร้างหน้าเว็บเพจใหม่ มีวิธีการดังนี้
2. เลือก New…
3. คลิกที่แท็บ Blank Page
4. ช่อง Page Type : ประเภทของเว็บเพจให้เลือก HTML
5. ช่อง Layout : รูปแบบโครงสร้างให้เลือก <none> จากนั้นคลิกที่ปุ่ม Create
6. จะปรากฏหน้าเว็บเพจเปล่า ดังรูป
การบันทึกไฟล์เว็บเพจ
มื่อสร้างเว็บเพจได้เสร็จเรียบร้อยแล้ว ให้ทำการบันทึกไฟล์เว็บเพจ ซึ่งมีวิธีการดังนี้
1. คลิกที่เมนู File
2. เลือก Save... หรือ Save As...
3. ช่อง Save in ให้เลือกตำแหน่งเก็บไฟล์เว็บเพจ
4. ช่อง File name ให้ตั้งชื่อไฟล์เว็บเพจที่ต้องการบันทึก
5. คลิกที่ปุ่ม Save เพื่อบันทึกไฟล์
การทดสอบเว็บเพจผ่านเบราว์เซอร์
- เมื่อสร้างเว็บเพจได้ตามต้องการแล้วให้เปิดดูหน้าเว็บ เพื่อทดสอบเว็บเพจผ่านเบราว์เซอร์ มีวิธีการดังนี้
2. เลือกโปรแกรมสำหรับการแสดงผลหน้าเว็บ เช่น Firefox, Explore, Chrome
3. หน้าเว็บเพจจะแสดงขึ้นมาด้วยโปรแกรม Web Browser
เทคนิดที่ได้นำเสนอไปเหล่านี้จะเป็นประโยชน์สำหรับนักพัฒนาเว็บไซต์ทั้งมือใหม่และมือเก่า บางทีทั่นอาจจะประสบความสำเร็จและนั้นจะเป็นก้าวต่อไปของในอาชีพ
เว็บดีไซต์ก็ได้
อ้างอิง :
>> https://www.slideshare.net/narisaraphuankratoke/dreamweaver-cs6-46396896
>> https://krupiyadanai.wordpress.com/%E0%B8%9A%E0%B8%97%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99-dreamweaver/%E0%B8%9E%E0%B8%B7%E0%B9%89%E0%B8%99%E0%B8%90%E0%B8%B2%E0%B8%99%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1-adobe-dreamweaver/
>> http://168training.club/e-learning_new/ac_co6_1/lesson2/content1/index.php
>> https://sites.google.com/site/priyachat1998/2-reim-tn-srang-websit-ni-dreamweaver-cs6