บทที่ 1
พื้นฐานการสร้างเว็บไซต์
พื้นฐานอินเทอร์เน็ต
ไคลเอนต์ - เซิร์ฟเวอร์
เครือข่ายใยแมงมุม WWW ( World Wide Web )
เว็บไซต์ เว็บเพจ โฮมเพจ
เว็บบราวเซอร์ - เว็บเซิร์ฟเวอร์
1.โดเมนเนม
ภาษา XHTML และ HTML
2.ส่วนประกอบของ Dreamweaver
ส่วนประกอบของหน้าเว็บเพจแบ่งออกเป็น 3 ส่วน ดังนี้
1. ส่วนหัวของหน้า (Page Header)
2. ส่วนของเนื้อหา (Page Body)
3. ส่วนท้ายกระดาษ (Page Footer)
1. ส่วนหัวของหน้า (Page Header) จะอยู่บริเวณบนสุดของหน้าเว็บเพจ เป็นส่วนที่แสดงชื่อเว็บไซต์ โลโก้ แบนเนอร์โฆษาลิงค์สำหรับข้ามไปยังอีกหน้าหนึ่ง
2. ส่วนของเนื้อหา (Page Body) จะอยู่บริเวณตอยกลางของหน้าเว็บเพจ ซึ่งเป็นส่วนที่แสดงเนี้อหาภายในหน้าเว็บเพจ
3. ส่วนท้ายกระดาษ (Page Footer) จะอยู่บริเวณด้านล่างสุดของหน้าเว็บเพจ ส่วนมากใช้สำหรับลิงค์ข้อความสั้นๆ เข้าใจง่าย
3.แถบสถานะ
3.1 พาเนลเครื่องมือ (Insert panel) เป็นเครื่องมือที่ใช้สำหรับสร้างองค์ประกอบต่างๆ
(เราเรียกองค์ประกอบเหล่านั้นว่า ออบเจ็กต์) ที่จะนำมาสร้างเป็นหน้าเว็บเพจ โดยกลุ่มเครื่องมือจะถูกเก็บไว้เป็นกลุ่มในแท็บต่างๆ 8 แท็บ
3.2 พาเนลคุณสมบัติ ( Property Inspector )
เมื่อเราคลิกที่ออบเจ็กต์รูปภาพ สังเกตว่า Property Inspector จะแสดงรายละเอียดต่างๆ ที่เกี่ยวกับภาพนั้นทันที
4.มุมมองการทำงานใน Dreamweaver
รูปแบบของเว็บไซต์สามารถแบ่งออกเป็น 2 หลักรูปแบบหลักๆ คือ
1. Static Website
2. Dynamic Website
1. Static Website
Static Website หมายถึง เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และบันทึกเป็นไฟล์นามสกุล .html
Static Websiteื เหมาะกับเว็บไซต์ที่มีขนาดไม่ใหญ่ จำนวนหน้าเว็บเพจไม่มากไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ และไม่มีการติดต่อฐานข้อมูล
2. Dynamic Website
Dynamic Website หมายถึง เว็บไซต์ที่สามารถเปลี่ยนแปลงข้อมูลเองได้โดยไม่ต้องเขียนแต่ละหน้าเว็บเพจเอง
HTML (Hypertext Markup Language) คือ ภาษามาตรฐานที่ใช้ในการสร้างเว็บเพจเพื่อนำไปแสดงผลในโปรแกรมเว็บเบราว์เซอร์ เอาสารเว็บเพจจะมีนามสกุลเป็น .htm หรือ .html
ตัวอย่าง cade ภาษา HTML เพื่อสร้างหน้าเว็บเพจ
