> DreamweaverMX > ความรู้เบื้องต้นเพื่อการสร้างเว็บไซต์เพื่อการศึกษาที่มีประสิทธิภาพ

Macromedia Dreamweaver V4.01 เป็นโปรแกรมสำหรับสร้างเว็บไซต์ของบริษัท Macromedia เพื่อให้ใช้ภาษาไทยได้จะต้องลงโปรแกรม Macromedia Dreamweaver Thai Add on และ กำหนด Encoding ของหน้าเว็บเพจให้เป็น Thai        เว็บไซต์นี้ออกแบบสำหรับผู้ที่มีพื้นฐานในการใช้คอมพิวเตอร์ และอินเทอร์เน็ตมาบ้างแล้ว ซึ่งการอธิบายส่วนต่าง ด้วยภาพและตัวอักษรจะเป็นรูปแบบของ Hyperlink หากพบตัวอักษรที่มีสีแตกต่าง จากปกติ ควรใช้ Mouse เลื่อนไปภายใน Area ดังกล่าวจะปรากฎเป็น Tool Tips Text เพื่ออธิบายเพิ่มเติม และสามารถ Click เพื่อไป ยังเอกสารหน้าต่อไปได้      บทเรียนทั้งหมดในเว็บไซต์นี้จัดทำขึ้นเพื่อให้เป็น Elearning ซึ่งหมายถึงออกแบบเพื่อการแสดงผล แบบดิจิทัลอย่างมีประสิทธิภาพ มากกว่าการพิมพ์ลงบนกระดาษ ซึ่งเป็นการช่วยรักษาสิ่งแวดล้อม ดังนั้นจึงขอให้ผู้ใช้โปรดวาง Mouse บนรูปภาพเพื่ออ่านรายละเอียดต่าง ๆ

ทดสอบความรู้เบื้องต้นโดยตอบคำถามต่อไปนี้

1. การกำหนด Link ระหว่างไฟล์ *.html กับ *.htm แตกต่างกันหรือไม่

ขึ้นอยู่กับ Browser
ไม่แตกต่างกัน
แตกต่างกัน

---

2. File แรกหรือหน้า Home Page จะต้องตั้งชื่อว่าอะไร (เลือกตอบ 2 ข้อ)

default.asp
start.page
main.js
index.html

---

3. Title ของ Web Page ที่ท่านกำลังอ่านนี้ คืออะไร ?

index.html
Poonsrii Vate-u-lan
เริ่มเรียน Dreamweaver
Plearn in Dreamweaver 4

          การออกแบบ Web Site เป็นสิ่งที่ไม่ยากเนื่องจากปัจจุบัน Software ต่าง ๆ ได้พัฒนาขีดความสามารถให้ผู้ใช้สามารถใช้ได้อย่างสะดวก อีกทั้งส่วนใหญ่จะเป็นโปรแกรมที่มี Interface แบบ WYSIWYG (What you see is what you get.) คือขณะที่สร้างเป็นอย่างไร การปรากฎใน Browser ก็เป็นเช่นนั้น อีกทั้งคำสั่งต่างๆ ก็ทำเป็น GUI (Graphic User Interface) เกือบทั้งหมด แต่สิ่งที่สำคัญที่สุด ในการออกแบบ Web sites ที่ดีได้ก็คือ การวางแผน ซึ่งหมายถึงการออกแบบ ส่วนต่างๆ ที่จะมาประกอบกันเป็น Web sites

1. สร้าง Main Folder ใน Drive ที่ต้องการเก็บข้อมูล
2. กำหนดชื่อ Folder ให้สอดคล้องกับงาน
3. สร้าง Folder อื่น ๆ สำหรับเก็บภาพ และ Script เช่น images, midi, mis etc. ใน Main Folder
4. สร้าง File หลัก ตามที่ server ระบุ เช่น index.html หรือ default.asp
5. สร้าง File อื่นๆ ตามที่ได้ออกแบบไว้
6. ทำการเชื่อมโยงเอกสาร แต่ละ File
7. ทำ Define Site
8. ตรวจสอบการเชื่อมโยงเอกสารต่าง ๆ

ใช้ Mouse ชี้ที่ตำแหน่งต่างๆ ในภาพนี้เพื่อทราบคำอธิบาย

          จากภาพด้านบน Main Folder มีชื่อว่า "message" แล้วใน Main Folder นี้มี Sub Folder จำนวน 6 Folder ส่วนใน Folder Hun lakorn lek มีภาพประกอบจำนวน 3 ภาพ และมี File หลักชื่อว่า index.html

บทความที่เกี่ยวข้อง : คุณลักษณะของเว็บไซต์เพื่อการศึกษาที่ดี