การสร้าง website ด้วยโปรแกรมโปรแกรม Dreamweaver CS4 ตอนที่ 1
การสร้าง Web Page เขียน Code เอง CODE HTML ใช้โปรแกรม สำเร็จรูป (WYSIWYG*) *What you see is what you get.
การสร้าง Web Page โปรแกรมที่ใช้สำหรับการสร้าง Web Page แบบ WYSIWYG Microsoft FrontPage Adobe Dreamweaver NetObjects Fusion
ขั้นตอนการพัฒนาเว็บ วางแผนการสร้างเว็บไซต์ กำหนดหัวข้อและเนื้อหาที่จะนำเสนอ ทำเว็บอะไรดีนะเรา? ทำเว็บส่วนตัวดีกว่า
แล้วต้องเตรียมอะไรบ้าง? เตรียมข้อมูลเกี่ยวกับตัวเองที่จะนำเสนอ ประวัติส่วนตัว,หน้าที่การงาน,ผลงาน,งานอดิเรก,ความภาคภูมิใจ เตรียมภาพประกอบเว็บ (ถูกลิขสิทธิ์) เตรียมเพลงประจำตัวมาด้วยดีไหม
สร้างผังความสัมพันธ์ของข้อมูลแบบรากต้นไม้
กำหนดชื่อไฟล์ของเอกสารเว็บ 1 หน้า/1 ไฟล์
การออกแบบเว็บในประเภทต่างๆ แบบเชิงเส้น แบบรากต้นไม้ แบบผสม
คำแนะนำในการตั้งชื่อ File และ Folder
แผนผังการดูแลเว็บเพจ สร้างเว็บเพจ ปรับปรุง Upload
ทำความรู้จักโปรแกรม Dreamweaver Dreamweaver เป็นโปรแกรมประเภท Web Design ซึ่งมีคุณสมบัติในการใช้งานในแบบ WYSIWYG (What You See Is What You Get) เดิมถูกพัฒนาโดย Marcromedia และต่อมาได้ขายให้กับ Adobe
ส่วนประกอบหน้าจอโปรแกรม เมนู หน้าต่างออกแบบเว็บเพ็จ แทปเครื่องมือ หน้าต่างแสดงโค้ดภาษา Html Panel Properties Inspector
ส่วนประกอบเพิ่มเติม Rulers Grids Guides
การสร้างไซต์ การสร้างไซต์ มีอยู่ 2 วิธี ดังนี้ สร้าง Site โดยใช้ My Computer ทำการสร้าง Floder สำหรับเก็ฐเอกสาร web page สร้าง Site โดยผ่านทางโปรแกรม Dreamweaver
สร้างไซต์ผ่านทาง Dreamweaver คลิกเมนู Site > Manage Sites คลิกปุ่ม New > Site
พิมพ์ชื่อไซต์ คลิก Next เริ่มต้นสร้างไซต์ พิมพ์ชื่อไซต์ คลิก Next
คลิก No, I do not want to use a server technlogy. คลิก Next เริ่มต้นสร้างไซต์ คลิก No, I do not want to use a server technlogy. คลิก Next
เลือก โฟลด์เดอร์ที่ใช้เก็บเว็บไซต์ คลิก Next เริ่มต้นสร้างไซต์ เลือก โฟลด์เดอร์ที่ใช้เก็บเว็บไซต์ คลิก Next
เริ่มต้นสร้างไซต์ เลือก None คลิก Next
เริ่มต้นสร้างไซต์ เลือก Done คลิก Done
การสร้างเว็บเพ็จใหม่ คลิกขวาที่โฟลเดอร์ Site เลือก New File พิมพ์ชื่อเว็บเพ็จที่ต้องการ
การสร้างโฟลเดอร์ใหม่ คลิกขวาที่โฟลเดอร์ Site เลือก New Floder พิมพ์ชื่อเว็บเพ็จที่ต้องการ