เทคนิคการใช้งานโปรแกรม Adobe Dreamweaver CS6

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

winnerzx
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 666
ลงทะเบียนเมื่อ: 21/06/2021 10:09 am

เทคนิคการใช้งานโปรแกรม Adobe Dreamweaver CS6

โพสต์ที่ยังไม่ได้อ่าน โดย winnerzx »

เทคนิคการใช้งานโปรแกรม Adobe Dreamweaver CS6

ถ้าคุณอยากพัฒนาเว็บไซต์อย่างง่ายลองหันมาใช้โปรแกรม Adobe Dreamweaver CS6 เพราะเป็นโปรแกรมสำเร็จรูปที่ใช้สำหรับสร้างเว็บไซต์โดยสามารถนำข้อความและรูปภาพ มาประกอบหน้าเว็บไซตืได้อย่างง่ายๆ และสามารถพัฒนาเว็บไซต์ได้ด้วยภาษาต่างๆ เพราะโปรแกรม Dreamweaver CS6 มีเครื่องมือและอุปกรณ์ที่อำนวยความสะดวกให้กับผู้พัฒนาเว็บไซต์โดยมีเทคนิคและขั้นตอนการทำและใช้งานโปรแกรมดังนี้


เริ่มต้นสร้างเว็บไซต์ใน Adobe Dreamweaver CS6
  • การสร้างเว็บไซต์ จะต้องทำการสร้างโฟลเดอร์เก็บไฟล์เอกสาร และไฟล์ที่เกี่ยวข้องไว้เฉพาะ ซึ่งในโปรแกรม Adobe Dreamweaver CS6 เรียกว่า การสร้างไซต์ (Site) มีวิธีการ ดังนี้
1. คลิกที่เมนู Site
2. เลือก New Site... จากนั้นจะปรากฏหน้าต่าง Site Setup for ... (ตามชื่อไซต์)

เลือก New Site...
เลือก New Site...
301.jpg (27.47 KiB) Viewed 3241 times

3. ดับเบิลคลิกที่ชื่อเว็บไซต์
4. คลิกที่ปุ่ม Done

เลือกชื่อไฟล์งานที่ตั้งไว้
เลือกชื่อไฟล์งานที่ตั้งไว้
305.jpg (23.58 KiB) Viewed 3241 times

5. ในพาเนล File จะปรากฏชื่อของไซต์ และแหล่งที่เก็บโฟลเดอร์

เมนู File จะขึ้นโชว์ชื่อไฟล์แล้ว ที่เก็บไฟล์
เมนู File จะขึ้นโชว์ชื่อไฟล์แล้ว ที่เก็บไฟล์
Picture31.png (16.12 KiB) Viewed 3241 times

การสร้างหน้าเว็บเพจใหม่
  • การสร้างหน้าเว็บเพจใหม่ มีวิธีการดังนี้
1. คลิกที่เมนู File
2. เลือก New…
3. คลิกที่แท็บ Blank Page
4. ช่อง Page Type : ประเภทของเว็บเพจให้เลือก HTML

เลือก เมนู file และกด New งานใหม่
เลือก เมนู file และกด New งานใหม่
รูปภาพ16.png (51.97 KiB) Viewed 3241 times

เลือกแท็บ Blank Page และ ภาษาที่ต้องการ
เลือกแท็บ Blank Page และ ภาษาที่ต้องการ
รูปภาพ17.png (78.73 KiB) Viewed 3241 times

5. ช่อง Layout : รูปแบบโครงสร้างให้เลือก <none> จากนั้นคลิกที่ปุ่ม Create
6. จะปรากฏหน้าเว็บเพจเปล่า ดังรูป

รูปแสดง หน้าเว็บเพจเปล่าๆ
รูปแสดง หน้าเว็บเพจเปล่าๆ
รูปภาพ18.png (51.68 KiB) Viewed 3241 times


การบันทึกไฟล์เว็บเพจ

มื่อสร้างเว็บเพจได้เสร็จเรียบร้อยแล้ว ให้ทำการบันทึกไฟล์เว็บเพจ ซึ่งมีวิธีการดังนี้

1. คลิกที่เมนู File
2. เลือก Save... หรือ Save As...

วิธีการ save งาน
วิธีการ save งาน
รูปภาพ19.png (72.31 KiB) Viewed 3241 times

3. ช่อง Save in ให้เลือกตำแหน่งเก็บไฟล์เว็บเพจ
4. ช่อง File name ให้ตั้งชื่อไฟล์เว็บเพจที่ต้องการบันทึก
5. คลิกที่ปุ่ม Save เพื่อบันทึกไฟล์

รูปแดสงวิธี ใส่ชื่อไฟล์ ที่จะSave และวิธีเลือกที่จัดเก้บไฟล์
รูปแดสงวิธี ใส่ชื่อไฟล์ ที่จะSave และวิธีเลือกที่จัดเก้บไฟล์
รูปภาพ20.png (73.19 KiB) Viewed 3241 times


การทดสอบเว็บเพจผ่านเบราว์เซอร์
  • เมื่อสร้างเว็บเพจได้ตามต้องการแล้วให้เปิดดูหน้าเว็บ เพื่อทดสอบเว็บเพจผ่านเบราว์เซอร์ มีวิธีการดังนี้
1. คลิกที่ปุ่ม Preview/Debug in browser
2. เลือกโปรแกรมสำหรับการแสดงผลหน้าเว็บ เช่น Firefox, Explore, Chrome
3. หน้าเว็บเพจจะแสดงขึ้นมาด้วยโปรแกรม Web Browser

วิธีเลือกเมนูทึ่จะ RUN ทดสอบเว็บเพจผ่านเบราว์เซอร์
วิธีเลือกเมนูทึ่จะ RUN ทดสอบเว็บเพจผ่านเบราว์เซอร์
รูปภาพ21.png (47.92 KiB) Viewed 3241 times

รูปแสดงข้อความที่เรา ทดสอบเว็บเพจผ่านเบราว์เซอร์
รูปแสดงข้อความที่เรา ทดสอบเว็บเพจผ่านเบราว์เซอร์
รูปภาพ22.png (22.72 KiB) Viewed 3241 times

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


อ้างอิง :
>> 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
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 33