مقدمه DHTML
- صفحه قبلی آموزش DHTML
- صفحه بعدی DHTML CSS
آشنایی‌های پایه‌ای شما باید باشد
قبل از ادامه، شما باید اطلاعات زیر را به طور پایه‌ای بدانید:
- HTML
- CSS
- JavaScript
اگر می‌خواهید ابتدا این پروژه‌ها را یاد بگیرید، لطفاً در صفحه اصلی این آموزش‌ها را ببینید.
DHTML استاندارد W3C نیست
DHTML به HTML دینامیک (Dynamic HTML) اشاره دارد.
DHTML استانداردی که توسط اتحادیه وب (W3C) تعیین نشده است. DHTML یک اصطلاح بازاریابی است - توسط شرکت‌های Netscape و Microsoft برای توصیف تکنولوژی‌های جدیدی که باید در نسخه‌های 4.x مرورگرهای اینترنتی پشتیبانی شوند، استفاده شده است.
DHTML یک مجموعه از تکنولوژی‌ها برای ایجاد وب‌سایت‌های دینامیک است.
برای بیشتر مردم، DHTML به ترکیبی از HTML 4.0، جدول استایل و JavaScript اشاره دارد.
W3C گفته است: «HTML دینامیک یک اصطلاح است که برخی از تولیدکنندگان برای توصیف ترکیبی از HTML، جدول استایل و اسکریپت‌هایی که می‌توانند مستندات را دینامیک‌تر کنند، استفاده می‌کنند.»
تکنولوژی DHTML
با DHTML، توسعه‌دهندگان می‌توانند کنترل کنند که چگونه عناصر HTML در پنجره مرورگر نمایش داده شوند و قرار بگیرند.
HTML 4.0
با HTML 4.0، تمام فرمتهای (اطلاعات) می‌توانند از مستند HTML جدا شوند و به یک جدول استایل مستقل نوشته شوند. زیرا HTML 4.0 می‌تواند ظاهر مستند را از ساختار آن جدا کند، ما می‌توانیم بدون خلط محتوای مستند، لایه نمایش را به طور کامل کنترل کنیم.
جداول استایل پیچیده (CSS)
از طریق CSS، ما یک مدل استایل و چیدمان برای مستندات HTML دریافت می‌کنیم.
به دلیل اینکه CSS به توسعه‌دهندگان امکان می‌دهد همزمان استایل و چیدمان چندین صفحه وب را کنترل کنند، CSS می‌تواند به عنوان یک پیشرفت در زمینه طراحی وب نامیده شود. به عنوان یک توسعه‌دهنده، شما می‌توانید استایل برای هر عنصر HTML تعریف کنید و آن را به هر تعداد از صفحاتی که می‌خواهید اعمال کنید. اگر نیاز به تغییرات جهانی دارید، تنها کافی است استایل را تغییر دهید و تمام عناصر در وب به طور خودکار به‌روز می‌شوند.
مدل مستندات شیء (DOM)
DOM به مدل مستندات شیء (Document Object Model) اشاره دارد.
HTML DOM مدل مستندات شیء برای HTML است.
HTML DOM یک مجموعه استاندارد از اشیاء برای HTML و روش‌های استاندارد برای دسترسی و پردازش اشیاء HTML است.
“مدل مستند W3C (DOM) یک رابط مستقل از زبان و پلتفرم است که به برنامه‌ها و اسکریپت‌ها اجازه می‌دهد به صورت دینامیک محتوای، ساختار و استایل مستند دسترسی پیدا کنند و آن‌ها را به‌روزرسانی کنند.”
JavaScript
به شما امکان می‌دهد کدی بنویسید که بتواند تمام عناصر HTML را کنترل کند.
تکنیک‌های DHTML در Netscape 4.x و Internet Explorer 4.x
| Netscape 4.x | DHTML قابل مرورگر | Internet Explorer 4.x |
|---|---|---|
|
|
|
نکته:اگر ویژگی‌ها و تکنیک‌های ایجاد شده توسط مرورگرهای مختلف توسط مرورگرهای دیگر پشتیبانی نشوند، استفاده از DHTML برای کدنویسی مشکلاتی ایجاد خواهد کرد. یک صفحه وب ممکن است در یک مرورگر بسیار خوب به نظر برسد، اما در مرورگر دیگری بسیار بد باشد.
- صفحه قبلی آموزش DHTML
- صفحه بعدی DHTML CSS
