השתמש במצב Inspect עם תצוגת Live ב-Dreamweaver כדי לזהות במהירות רכיבי HTML וסגנונות CSS המשויכים להם.

הערה:

ב-Dreamweaver CC ואילך, החלונית CSS Styles הוחלפה בחלונית CSS Designer‏. לקבלת מידע נוסף, ראה CSS Designer.

מצב Inspect עובד יחד עם תצוגת Live כדי לעזור לך לזהות במהירות רכיבי HTML וסגנונות CSS משויכים. כשמצב Inspect פועל, ניתן לרחף מעל רכיבים בדף כדי לראות את תכונות דגם התיבה של CSS של כל רכיב ברמת הגוש.

הערה:

למידע נוסף על דגם התיבה של CSS, ראה את מפרט CSS 2.1.

בנוסף להצגת ייצוג חזותי של דגם התיבה במצב Inspect, ניתן גם להשתמש בחלונית CSS Styles בעת הריחוף מעל רכיבים בחלון המסמך. כשהחלונית CSS Styles פתוחה במצב Current ואתה מרחף מעל רכיב בדף, הכללים והמאפיינים בחלונית CSS Styles מתעדכנים באופן אוטומטי כדי להראות לך את הכללים והמאפיינים של אותו רכיב. בנוסף, כל תצוגה או חלונית הקשורה לרכיב שאתה מרחף מעליו מתעדכנת גם היא (לדוגמה, תצוגת Code, בורר התגים, מפקח המאפיינים וכן הלאה).

  1. כשהמסמך פתוח בחלון המסמך, לחץ על הלחצן Inspect (ליד לחצן תצוגת Live בסרגל המסמך).

    הערה:

    אם אינך נמצא עדיין בתצוגת Live, מצב Inspect מפעיל אותה באופן אוטומטי.

  2. רחף מעל הרכיבים בדף כדי לראות את דגם התיבה של CSS. מצב Inspect מסמן בצבעים שונים את הגבול, השוליים, הריווח והתוכן.

  3. (אופציונלי) הקש על חץ שמאלה במקלדת המחשב כדי לסמן את האב של הרכיב המסומן כעת. הקש על חץ ימינה כדי לחזור לסימון רכיב הבן.

  4. (אופציונלי) לחץ על רכיב כדי לנעול בחירת סימון.

    הערה:

    הלחיצה על הרכיב לנעילת בחירת הסימון מכבה את מצב Inspect.

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת