เรื่องย่อ DHTML

ความรู้ฐานที่คุณควรมี

ก่อนที่จะเริ่มเรียนรู้ คุณควรมีความเข้าใจฐานะของที่นี้

  • 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
  • JSS (JavaScript Style Sheets) (ที่อนุญาตให้คุณควบคุมวิธีที่ HTML องค์ประกอบแสดง)
  • Layers (ที่อนุญาตให้คุณควบคุมตำแหน่งและความเห็นขององค์ประกอบ)
  • CSS1
  • CSS2 (ที่อนุญาตให้คุณควบคุมวิธีที่ HTML องค์ประกอบแสดง)
  • CSS Positioning (ที่อนุญาตให้คุณควบคุมตำแหน่งและความเห็นขององค์ประกอบ)
  • JavaScript
  • ตัวกรองที่มีการปรับแต่งเรียงตำแหน่งและความเห็น (ที่อนุญาตให้คุณใช้ตัวกรองที่มีการปรับแต่งเรียงตำแหน่งและความเห็นต่อข้อความและกราฟิก)
  • CSS ที่มีการปรับแต่งเรียงตำแหน่งและความเห็น (ที่อนุญาตให้คุณควบคุมตำแหน่งและความเห็นขององค์ประกอบ)

หมายเหตุ:เมื่อคุณใช้ DHTML จะมีปัญหา เมื่อคุณไม่สามารถใช้คุณสมบัติและเทคโนโลยีที่ทั้งหมดของเบราเซอร์ที่สร้างขึ้นให้เกิดปัญหา หน้าเว็บที่ดูดีในเบราเซอร์หนึ่ง แต่ดูร้ายในเบราเซอร์อื่น