ขั้นตอนการสร้างเว็บไซต์ dreamweaver

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


ขั้นตอนการสร้างเว็บไซต์ dreamweaver


ขั้นตอนการสร้างเว็บไซต์ dreamweaver
ขั้นตอนการสร้างเว็บไซต์ dreamweaver
การสร้างเว็บเพจและเว็บไซต์ 


        การสร้างเว็บไซต์ จะต้องทำการสร้างโฟลเดอร์เก็บไฟล์เอกสาร และไฟล์ที่เกี่ยวข้องไว้เฉพาะ ซึ่งในโปรแกรม Dreamweaver เรียกว่า การสร้างไซต์ (Site) มีวิธีการดังนี้


                



ขั้นตอนการสร้างเว็บไซต์ dreamweaver

ขั้นตอนการสร้างเว็บไซต์ dreamweaver

การแก้ไขไซต์

          ในกรณีที่ต้องการแก้ไขไซต์ เช่น ชื่อไซต์ หรือโฟลเดอร์ของไซต์ มีขั้นตอนแสดง ดังภาพ



    


ขั้นตอนการสร้างเว็บไซต์ dreamweaver

ขั้นตอนการสร้างเว็บไซต์ dreamweaver

การสร้างหน้าเว็บเพจใหม่ 


          การสร้างหน้าเว็บเพจใหม่ (เว็บเพจเปล่า) มีวิธีการดังภาพ



VDO : การสร้างหน้าเว็บเพจใหม่



ขั้นตอนการสร้างเว็บไซต์ dreamweaver





ที่มา: http://www.kruwan-d.info/chapter3.html




การสร้างไซต์ใน Dreamweaver มีขั้นตอนอย่างไร

4. การสร้างไซต์ใน Dreamweaver มีขั้นตอนอย่างไร ก. เลือกเมนู File ->New Site… และกําหนดค่า ข. เลือกเมนู File -> Open Site… จากนั้นเลือกไฟล์เว็บไซต์ที่ต้องการสร้าง ค. เลือกเมนู Site -> Manage Sites… จากนั้นคลิกปุ่ม New site และกําหนดค่า ง. เลือกเมนู Modify -> Page Properties… เลือกหัวข้อ Site และกําหนดค่า

ขั้นตอน การสร้างเว็บไซต์ ให้สําเร็จ มีอะไรบ้าง

1. สร้างแบรนด์ให้เป็นที่รู้จักผ่านเว็บไซต์ของคุณ ... .
2. หลีกเลี่ยงข้อผิดพลาดในการออกแบบเว็บไซต์ ... .
3. Freemium Content. ... .
4. สร้าง Traffic ให้กับ Website ของคุณ ... .
5. เพิ่มจำนวนผู้ชมเว็บไซต์ และผู้ติดตามเว็บไซต์ ... .
6. ใช้ SEO เพื่อทำให้เว็บไซต์เป็นที่รู้จักมากขึ้น ... .
7. เพิ่มรายให้กับธุรกิจ โดยไม่ส่งผลกระทบกับผู้เข้าชมเว็บไซต์.

การกด F5 เป็นการทำอะไรกับเว็บเพจที่ออกแบบในโปรแกรม Dreamweaver

ปรับปรุงการแสดงผลของเว็บเพจในมุมมองออกแบบ หลังจากที่แก้ไขคาสั่งในมุมมองโค้ด (คีย์ลัด F5) ใช้กำหนดชื่อหรือคำอธิบายเว็บเพจ ซึ่งจะถูกนำไปแสดงที่ไตเติลบาร์ของบราวเซอร์

โปรแกรม Adobe Dreamweaver CS6 คืออะไร

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