Transcript อบรมการสร้างเว็บไซต์

การสร้ าง 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
ื่ และนามสกุลของไฟล์ ตลอดจน
 ชอ
Folder ต่างๆ ควรใชอั้ กษรภาษาอังกฤษ
ตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 หรือ
ขีดลบ - ขีดล่าง _
แผนผังการดูแลเว็บเพจ
สร ้างเว็บเพจ
ปรับปรุง
Upload
ทำควำมรู้ จกั โปรแกรม Dreamweaver
Dreamweaver เป็ นโปรแกรมประเภท Web
Design ซึ่งมีคุณสมบัติในการใช้ งานในแบบ
WYSIWYG (What You See Is What You Get)
เดิมถูกพัฒนาโดย Marcromedia และต่ อมาได้
ขายให้ กับ Adobe
ส่ วนประกอบหน้ ำจอโปรแกรม
เมนู
หน้าต่างออกแบบเว็บเพ็จ
แทปเครื่ องมือ
หน้าต่างแสดงโค้ดภาษา Html
Panel
Properties Inspector
ส่ วนประกอบเพิ่มเติม
 Rulers
 Grids
 Guides
กำรสร้ ำงไซต์
การสร้ างไซต์ มีอยู่ 2 วิธี ดังนี ้
1. สร้ าง Site โดยใช้ My Computer ทาการ
สร้ าง Floder สาหรับเก็ฐเอกสาร web page
2. สร้ าง Site โดยผ่ านทางโปรแกรม
Dreamweaver
สร้ ำงไซต์ ผ่ำนทำง Dreamweaver
1. คลิกเมนู Site > Manage Sites
2. คลิกปุ่ ม New > Site
เริ่มต้ นสร้ ำงไซต์
3. พิมพ์ ช่ ือไซต์
4. คลิก Next
เริ่มต้ นสร้ ำงไซต์
5. คลิก No, I do not want to use a server technlogy.
6. คลิก Next
เริ่มต้ นสร้ ำงไซต์
7. เลือก โฟลด์ เดอร์ ท่ ใี ช้ เก็บเว็บไซต์
8. คลิก Next
เริ่มต้ นสร้ ำงไซต์
9. เลือก None
10. คลิก Next
เริ่มต้ นสร้ ำงไซต์
11.เลือก Done
12. คลิก Done
กำรสร้ ำงเว็บเพ็จใหม่
1. คลิกขวาที่โฟลเดอร์ Site เลือก New File
2. พิมพ์ ช่ ือเว็บเพ็จที่ต้องการ
กำรสร้ ำงโฟลเดอร์ ใหม่
1. คลิกขวาที่โฟลเดอร์ Site เลือก New Floder
2. พิมพ์ ช่ ือเว็บเพ็จที่ต้องการ