DHTML: קידוד אינטרנט דינמי

• מאי 4, 2024

DHTML מייצג דynamic חyperטשלוחה Mארכוב לניתן להגדיר את השפה כאומנות של הפיכת דפי אינטרנט ל- HTML דינמיים על ידי שילוב של HTML עם Javascript וגיליונות סגנון מדורגים (CSS). בשונה מארבע וריאציות ה- HTML האחרות שנלמדו בארבעת המאמרים הקודמים בסדרה זו, DHTML אינו תקן שהוגדר על ידי W3 Consortium. במקום זאת, זהו "מונח שיווקי ששימש את נטסקייפ ומיקרוסופט כדי לתאר את הטכנולוגיות החדשות בהן יתמכו דפדפני דור ה- 4." (W3 Consortium). HTML 4.0 הציג לראשונה שני רכיבים חשובים הטמונים במבנה DHTML:

• גיליונות סגנון מדורגים (CSS)
• דגמי אובייקטים של מסמכים (DOM)

הפיכת הקוד שלך לדינמית

CSS מספקים דגמי סגנון ופריסה ואילו DOM מספקת מודלים של תוכן מסמכים למסמכי HTML. JavaScript ו- VBScript מוסיפים את היכולת לכתוב קוד סקריפטים לשליטה ברכיבי HTML. להרכיב, שלושת המרכיבים הללו מסתכמים לדפי HTML דינמיים. הרתעה עיקרית אחת היא אי התאמת הדפדפנים - נטסקייפ ומיקרוסופט עדיין לא הסכימו מה ליישם בתוך הדפדפנים שלהם: כתוצאה מכך, כתיבת דפי DHTML שעובדים היטב בשני הדפדפנים יכולה להיות קשה. כדי לראות בעצמך, אתה יכול לגשת לתקנים של מיקרוסופט ונטסקייפ באופן מקוון:

• ספריית MSDN במיקרוסופט
• HTML דינמי ב- Netscape Communicator

"DHTML מצטיין ביצירת אפקטים של רוחב פס נמוך המשפרים את הפונקציונליות של דף אינטרנט. ניתן להשתמש בו כדי ליצור אנימציות, משחקים, יישומים, לספק דרכים חדשות לניווט דרך אתרי אינטרנט וליצור פריסות עמוד מהעולם הזה שפשוט הן אפשר רק עם HTML. למרות שרבים מהתכונות של DHTML ניתנות לשכפול עם פלאש או ג'אווה, DHTML מספק חלופה שאינה דורשת תוספים ומטמיעה בצורה חלקה בדף אינטרנט. "(דן שטיינמן, 1998).

בכדי להבין את המורכבות של DHTML, כדאי לבחון את מרכיביה ביתר פירוט.

גיליונות סגנון מדורגים

CSS הם קודים מתוחכמים המפרידים בין תוכן אינטרנט לבין הצגת המשחק באינטרנט - הסגנון, המיקום, הצבעים, הגופנים וכן הלאה. מיקום CSSP או CSS מאפשר שליטה ברמת הפיקסלים על מיקום רכיבי HTML. ההפרדה בין סגנון המצגת של מסמכי אינטרנט לתוכן עם CSS2 (רמת CSS 2) מפשטת את הרשאת האינטרנט ותחזוקת האתר. "CSS2 תומך בגיליונות סגנון ספציפיים למדיה, כך שהמחברים רשאים להתאים את הצגת המסמכים שלהם לדפדפנים חזותיים, התקני טבע, מדפסות, התקני ברייל, התקני כף יד וכו '. מפרט זה תומך גם במיצוב תוכן, גופנים להורדה, פריסת טבלה, תכונות עבור בינלאומי, מונים ומספרים אוטומטיים, וכמה מאפיינים הקשורים לממשק משתמש "(W3 Consortium). W3C מציעה הדרכה מצוינת ללימוד CSS2 בשם, מפרט CSS2.

JavaScript

JavaScript היא שפה מיוחדת המבוססת על דפדפני סקריפט המשמשת לשליטה באלמנטים של HTML ולהוספת פונקציונליות לטפסים, למסגרות, לחלונות, להעברת תמונות, לבקרות שמע ווידיאו ולתפעול DHTML. נטסקייפ כינתה לראשונה JavaScript סקריפטים זה, ולכן מיקרוסופט הגישה את המונח JScript למותג הסקריפטים הספציפי שלה. התוצאה? שתי גרסאות JavaScript שיכולות להיות בלתי תואמות בצורה מעצבנת. כדי לחקור נושא זה יותר, בקר באתר של נטסקייפ JavaScript מרכזי ושל מיקרוסופט JScript דף משאבים. הסוד לאפקטים הדינמיים של תוכן עם JavaScript הוא השימוש באובייקטים של שכבה. אובייקטים בשכבה גורמים לשינוי הטקסט כאשר העכבר גולל מעליו; זה גורם לתמונות או לטקסט לנוע בדף האינטרנט; זה גם גורם לתפריטים הנפתחים. חפצי שכבה מסודרים בתגי div, עם הגדרת מאפיינים כמו צבע, מיקום ונראות.

מחבר אותם זה לזה

DHTML מיושם בדרך כלל להשגת שלוש משימות:

• עמדה או להציב בלוקים של תוכן בדף ולהעביר אותם מסביב
• שינויים בסגנון המשנים את המראה והתחושה של הדף
• טיפול באירועים או לקשר אירועי משתמשים לשינויים במיקום או לשינויים אחרים בסגנון

בגירסאות חדשות יותר של Internet Explorer ו- Netscape (גרסאות 5, 6 ומעלה) ה- DOM הופך להיות קוד הבחירה עבור רוב קידוד DHTML. לאחר השליטה, ה- DOM יכול לעזור למעצבי אתרים לתמרן, להוסיף, למחוק ולערוך קידוד מסמכים הקשורים לכל הסגנונות, התכונות (כגון href) ואלמנטים (כגון תגיות HTML) בדף. המשמעות היא שכל תג ותכונה המשותפים למסמך HTML נגישים דרך ה- DOM. נכון לעכשיו, רמות המודל של אובייקט המסמך 0 & 1 מומלצות על ידי W3C. דרגה 2 נמצאת גם ביצירות, אך טרם קודמה כתקן לקידוד DHTML.

קבוצה מועילה של הדרכות זמינות באמצעות HTML Goodies, הנקרא הדרכת DHTML ושכבה.

הקישורים הכלולים במאמר זה מציעים היכרות ודרכים כיצד להתחיל את המסע שלך בשליטה על הפיתוח החדש ביותר בקידוד HTML.כל חיפוש מהיר בגוגל יביא לתשומת לבך משאבים רבים נוספים, הזמינים בהישג ידך. ככל שיצרני הדפדפנים עובדים על אי התאמתם והשימוש בדפדפני הגרסאות הגבוהות יותר הופך להיות דבר שבשגרה יותר, DHTML יהפוך לחלק חובה במסלול הטיול של כל מעצב מקצועי.

סדרת מאמרים עם הדגשת HTML

חלק 1: האם מעצב אמין צריך לדעת HTML?
חלק 2: HTML 3.2 - הולדת וילבר
חלק 3: HTML 4.0 ו- 4.01 - עוד דבר טוב!
חלק 4: XHTML: קידוד אינטרנט לעיצוב מעודן
חלק 5: DHTML: קידוד אינטרנט דינמי