เรื่องย่อ DHTML
- หน้าก่อนหน้า คู่มือ DHTML
- หน้าต่อไป DHTML CSS
ความรู้ฐานที่คุณควรมี
ก่อนที่จะเริ่มเรียนรู้ คุณควรมีความเข้าใจฐานะของที่นี้
- HTML
- CSS
- JavaScript
ถ้าคุณต้องการที่จะเรียนรู้โครงการนี้ก่อน โปรดเข้าชม หน้าหลัก เข้าถึงหลักสูตรนี้
DHTML ไม่ใช่มาตราฐาน W3C
DHTML หมายถึง Dynamic HTML (Dynamic HTML)
DHTML ไม่ใช่มาตราฐานที่ถูกกำหนดโดย W3C และ DHTML คือชื่อในการโฆษณา - ใช้โดยบริษัท Netscape และ Microsoft ในการอธิบายเทคโนโลยีใหม่ที่ควรสนับสนุนโดยบราวเซอร์รุ่น 4.x
DHTML คือสายการผสมผสานของเทคโนโลยีที่ใช้สร้างเว็บไซต์ที่มีความเคลื่อนไหว
สำหรับคนส่วนใหญ่ DHTML หมายถึงสายการผสมผสานของ HTML 4.0 ตารางสไตล์และ JavaScript
W3C ได้กล่าวว่า: “Dynamic HTML คือชื่อที่บางบริษัทใช้เพื่ออธิบายเกี่ยวกับสายการผสมผสานของ HTML ที่สามารถทำให้เอกสารมีความเคลื่อนไหวมากขึ้น ตารางสไตล์และสคริปต์”
เทคโนโลยี DHTML
ผ่าน DHTML นักพัฒนา Web สามารถควบคุมวิธีที่แสดงและจัดลำดับของแอนิเวอร์สฮอลล์ HTML ในหน้าต่างบราวเซอร์
HTML 4.0
ผ่าน HTML 4.0 ทุกการจัดระเบียบ (ข้อมูล) สามารถถอดออกจากเอกสาร HTML และเขียนเข้าไปในตารางสไตล์ที่เป็นตัวเดี่ยว จึงเรียกว่า HTML 4.0 สามารถแยกแสดงทางด้านนอกจากโครงสร้างเอกสาร จึงสามารถควบคุมทางด้านแสดงได้ทั้งหมดโดยไม่ทำลายเนื้อหาของเอกสาร
ตารางสไตล์เครื่องหมาย (CSS)
ผ่าน CSS นั้น เราได้รับมาตราฐานสไตล์และเลยาวะสำหรับเอกสาร HTML
เนื่องจาก CSS ทำให้นักพัฒนาสามารถควบคุมสไตล์และเลยาวะของหลายหน้าเว็บไซต์ในครั้งเดียว ดังนั้น CSS สามารถเรียกว่าเป็นหนึ่งในจุดบุกเข้าสู่ด้าน Web ดีไซน์ ในฐานะนักพัฒนา คุณสามารถกำหนดสไตล์แก่แอนิเวอร์สฮอลล์ HTML และนำมันไปใช้บนหน้าเว็บไซต์ที่คุณต้องการมากที่สุด ถ้าคุณต้องการที่จะทำการเปลี่ยนแปลงทั่วไป แค่เปลี่ยนแปลงสไตล์ และทุกแอนิเวอร์สฮอลล์ใน Web จะถูกปรับปรุงอัตโนมัติ
แอนิเวอร์สฮอลล์โมเดล (DOM)
DOM หมายถึงแอนิเวอร์สฮอลล์โมเดล (Document Object Model)。
HTML DOM คือแอนิเวอร์สฮอลล์โมเดลสำหรับ HTML。
HTML DOM นิยามว่าเป็นระบบสามัญของแอนิเวอร์สฮอลล์และวิธีที่ใช้เข้าถึงและจัดการแอนิเวอร์สฮอลล์ HTML ตามมาตราฐาน。
“W3C Document Object Model (DOM) คือสายตาที่เป็นภาษาและเพื่อแผงที่อนุญาตให้โปรแกรมและสคริปต์เข้าถึงและปรับปรุงเนื้อหา โครงสร้างและรูปแบบของเอกสารได้อย่างทันที”
JavaScript
ทำให้คุณมีความสามารถในการเขียนโค้ดที่สามารถควบคุมทุกองค์ประกอบ HTML
เทคโนโลยี DHTML ใน Netscape 4.x และ Internet Explorer 4.x
Netscape 4.x | DHTML ที่เป็นทางเลือกเพื่อเบราเซอร์ | Internet Explorer 4.x |
---|---|---|
|
|
|
หมายเหตุ:เมื่อคุณใช้ DHTML จะมีปัญหา เมื่อคุณไม่สามารถใช้คุณสมบัติและเทคโนโลยีที่ทั้งหมดของเบราเซอร์ที่สร้างขึ้นให้เกิดปัญหา หน้าเว็บที่ดูดีในเบราเซอร์หนึ่ง แต่ดูร้ายในเบราเซอร์อื่น
- หน้าก่อนหน้า คู่มือ DHTML
- หน้าต่อไป DHTML CSS