קודן HTML צריך לדעת: סימן למקצועיות הוא אותה תצוגה ותפקוד של עמוד אתר בכל דפדפן, לפחות ב"שלושת הגדולים ", הכוללים את הדפדפנים Internet Explorer, Opera, Mozilla Firefox. תהליך אימות נכונות תצוגת האתר מורכב משלושה שלבים עיקריים.
זה הכרחי
- • מספר דפדפנים המותקנים במחשב.
- • תשומת הלב.
הוראות
שלב 1
שלב ראשון, מכין
תהליך ההכנה מורכב מהורדת ערכת הפצת הדפדפן והתקנתה במחשב. כל תהליך התקנה מסתיים בשאלה: "להפוך את הדפדפן הזה לכלול כברירת מחדל?". לכן, העיקרי, או כלול כברירת מחדל, עליכם להפוך את המיקום שתופס מיקום ביניים מבחינת גודל ה"משקופים "האפשריים. על פי ניסיונם של דורות רבים של מעצבי פריסה, מדובר בדפדפן האופרה.
לאחר התקנת מספר דפדפנים במחשב, המשך ישירות לתהליך ההשוואה. לשם כך רחף מעל הקובץ עם סיומת.html, שתהיה הבסיס של דף האתר או התבנית כולה, ולחץ עליו באמצעות כפתור העכבר הימני. בכרטיסייה שנפתחת בחר "פתח עם", ואז בחר את סוג הדפדפן הרצוי. ניתן לפתוח את הקובץ בכמה דפדפנים בו זמנית, ולהשאירם ממוזערים בשורת המשימות בשולחן העבודה, ולפתוח אותם לפי הצורך.
שלב 2
שלב שני - השוואה חזותית
מבחינה ויזואלית, דפי האתר בדפדפן עשויים להיות שונים בשלושה פרמטרים עיקריים:
1. לפי כמות הכניסות והשוליים בין רכיבי העמודים. IE מתוחכם במיוחד בחישוב הערכים האמיתיים של תכונות הריפוד והשוליים.
2. דפדפנים שונים מציגים גופנים באופן שונה, אפילו גופנים סטנדרטיים כמו Arial ו- Times New Roman. זהו הלהיט הקשה ביותר עבור שורות פריט בתפריט, אשר ניתן להציג בשתי שורות או לעטוף לחלוטין לשורה השנייה.
3. נכונות הצגת תמונות. במקרים הפשוטים ביותר, חלק מהדפדפנים, כגון Opera, אינם קוראים את המאפיינים vspace ו- hspase שצוינו בתכונות התג.
… לפעמים תמונות אינן מרוכזות בתאי טבלה אם התכונות
מצב זה אינו נכתב. אך הבעיה העיקרית של מעצב הפריסה היא הכנת פורמט התמונה.png. הערוץ השקוף בקוד של קובץ זה נקרא על ידי כל הדפדפנים בדרכו שלו, במיוחד IE מצליח בכך. לכן, לעיתים קרובות נצפים כתמים אפורים מכוערים במקום תמונות שקופות יפהפיות.
שלב שלישי - בדיקה פונקציונלית
בשלב זה עליכם לבדוק את פריטי התפריט "נפתחים". בעבודתם, לא אמורות להיות טלטלות, האטות, ובעיקר, קפיצה בתוכן הכללי של הדף בעת פתיחת פריטי תפריט בודדים. הדבר תקף גם לרכיבי הטקסט של הדף, המורחבים במלואם כאשר לוחצים על הכפתור או על הכיתוב "פרטים נוספים".
לסיכום, אני רוצה לומר שהמאבק ל"תאימות בין דפדפנים "- זה שם המאפיין של דף שיוצג בכל מקום באותו אופן, התהליך מורכב ומרגש, ודורש הרבה מאוד פרקטי ניסיון.
שלב 3
שלב שלישי - בדיקה פונקציונלית
בשלב זה עליכם לבדוק את פריטי התפריט "נפתחים". בעבודתם, לא אמורות להיות טלטלות, האטות, ובעיקר, קפיצה בתוכן הכללי של הדף בעת פתיחת פריטי תפריט בודדים. הדבר תקף גם לרכיבי הטקסט של הדף, המורחבים במלואם כאשר לוחצים על הכפתור או על הכיתוב "פרטים נוספים".
לסיכום, ברצוני לומר שהמאבק ל"תאימות בין דפדפנים "- זהו שם המאפיין של דף שיוצג בכל מקום באותו אופן, התהליך מורכב ומרגש, ודורש המון מעשיות ניסיון.
