כדי להציג קוד HTML המשויך לטקסט או לאובייקט שנבחר, בצע אחת מהפעולות הבאות:
עודכן לאחרונה בתאריך
20 בדצמבר 2021
בחר והצג רכיבים ב-Dreamweaver, הצג או הסתר סמלי סמן עבור רכיבים סמויים, והגדר העדפות של רכיבים סמויים.
כדי לבחור רכיב בתצוגת Design של חלון Document, לחץ על הרכיב. אם הרכיב סמוי, עליך להפוך אותו לגלוי לפני שתוכל לבחור בו.
ישנם קטעי קוד של HTML שאין להם ייצוג חזותי בדפדפן. לדוגמה, תגי הערה לא מופיעים בדפדפנים. עם זאת, במהלך יצירת דף, ייתכן שתרצה לבחור ברכיבים סמויים מסוג זה, לערוך אותם, להעביר אותם ולמחוק אותם.
Dreamweaver מאפשר לך לציין אם להציג סמלים המסמנים את המיקום של רכיבים סמויים בתצוגת Design בחלון Document. כדי לציין אילו סמנים יופיעו, ניתן להגדיר אפשרויות בהעדפות Invisible Elements. לדוגמה, ניתן לציין שנקודות עיגון בשם תהיינה גלויות, אולם מעברי שורה יהיו סמויים.
באפשרותך ליצור רכיבים סמויים מסוימים (כגון הערות ונקודות עיגון בשם) ולשנות רכיבים אלה באמצעות תיבת הדו-שיח Preferences > Invisible Elements.
בחירה ברכיבים
כדי לבחור ברכיב גלוי בחלון Document, לחץ על הרכיב או גרור על פני הרכיב.
כדי לבחור ברכיב סמוי, בתצוגה Design, בחר View > Design View Options > Visual Aids > Invisible Elements (אם הפריט בתפריט טרם נבחר) ולאחר מכן לחץ על סמן הרכיב בחלון Document.
אובייקטים מסוימים מופיעים בדף במיקום שונה מזה שהוספת בו את הקוד שלהם. לדוגמה, בתצוגת Design, רכיבים במיקום מוחלט (רכיבי AP) עשויים להופיע בכל מקום בדף, אולם בתצוגת Code, הקוד שמגדיר את רכיב AP נמצא במיקום קבוע. בעת הצגה של רכיבים סמויים, Dreamweaver מציג בחלון Document סמנים המציגים את מיקום הקוד של רכיבים כאלה. בחירה בסמן בוחרת את כל הרכיב; לדוגמה, בחירת הסמן לרכיב AP בוחרת את רכיב AP בשלמותו.
כדי לבחור תג במלואו (כולל התוכן שבו, אם יש בו תוכן), לחץ על תג בבורר התגים שבפינה השמאלית התחתונה של חלון Document (בורר התגים מופיע הן בתצוגת Design והן בתצוגת Code). בורר התגים תמיד מציג את התגים שמכילים את הבחירה או נקודת ההכנסה הנוכחית. התג השמאלי ביותר הוא התג החיצוני ביותר שמכיל את הבחירה או נקודת ההכנסה הנוכחית. התג הבא נכלל בתוך התג החיצוני ביותר, וכן הלאה; התג הימני ביותר הוא התג הפנימי ביותר שמכיל את הבחירה או נקודת ההכנסה הנוכחית.
הצגת קוד HTML
בסרגל הכלים Document, לחץ על Code.
בחר View > Code.
בחר View > Split > האפשרות Code-Live או Code-Design או Code-Code.
בחר Window > Code Inspector.
בבחירה בפרט כלשהו באחד מעורכי הקוד (תצוגת Code או מפקח הקוד), הפריט בדרך כלל נבחר גם בחלון Document. ייתכן שיהיה עליך לסנכרן את שתי התצוגות לפני הופעת הפריט שנבחר.
הצגה או הסתרה של סמלי סימון לאלמנטים בלתי נראים
בחר View > Design View Options > Visual Aids > Invisible Elements.
פתק
הצגת אלמנטים בלתי נראים עשויה לשנות מעט את הפריסה של הדף, ולהזיז אלמנטים אחרים בכמה פיקסלים, לכן כדי לקבל דיוק בפריסה, הסתירו את האלמנטים הבלתי נראים.
הגדרת העדפות של רכיבים סמויים
השתמשו בהעדפות אלמנטים בלתי נראים כדי לציין איזה סוגי אלמנטים יהיו גלויים כשתבחרו View > Visual Aids > Invisible Elements.
בחרו Edit > Preferences (Windows)
או Dreamweaver > Preferences (Macintosh),
ואז לחצו על Invisible Elements.
בחרו אילו אלמנטים צריכים להיות גלויים ולחצו
OK.
סימון וי שליד שם האלמנט בתיבת הדו-שיח אומר שהאלמנט גלוי כאשר נבחר View > Visual Aids > Invisible Elements.
Named Anchors
מציג סמל המסמן את המיקום של כל עוגן עם שם (a name = "") במסמך.
סקריפטים
מציג סמל המסמן את המיקום של קוד JavaScript או VBScript בגוף המסמך.בחרו בסמל כדי לערוך את התסריט ב-Property inspector או כדי להקישר לקובץ תסריט חיצוני.
הערות
מציג סמל המסמן את מיקום הערות HTMLבחרו בסמל כדי לראות את ההערה ב-Property inspector.
Line Breaks
מציג סמל המסמן את המיקום של כל מעבר שורה (BR). כברירת מחדל, אפשרות זו לא פעילה.
Client-Side Image Maps
מציג סמל המסמן את המיקום של כל מפת תמונה בצד הלקוח במסמך.
Embedded Styles
מציג סמל המציג את המיקום של סגנונות CSS מוטמעים בקטע הגוף של המסמך.אם סגנונות CSS ממוקמים בקטע הראשי של המסמך, הם לא מופיעים בחלון המסמך.
Hidden Form Fields
מציג סמל המסמן את המיקום של שדות טופס שהתכונה type שלהם מוגדרת כ-"hidden".
Form Delimiter
מציג גבול סביב טופס כדי שתוכלו לראות איפה להכניס רכיבי טופס.הגבול מציג את ההיקף של התג form, כך שכל אלמנטי הטופס בתוך הגבול הזה מוקפים כראוי בתגי form.
Anchor Points For AP elements
מציג סמל המסמן את המיקום של הקוד המגדיר אלמנט AP. רכיב AP זה בעצמו עשוי להיות בכל מיקום שהוא בעמוד (אלמנטי AP אינם אלמנטים בלתי נראים; רק הקוד שמגדיר את אלמנט ה-AP הוא בלתי נראה.)בחרו בסמל כדי לבחור באלמנט ה-AP; אז תוכלו לראות את התוכן של אלמנט ה-AP גם אם אלמנט ה-AP מסומן כמוסתר.
Anchor Points For Aligned Elements
מציג סמל המציג את המיקום של קוד HTML לאלמנטים המקבלים את התכונה align.אלה כוללים תמונות, טבלאות, אובייקטי ActiveX, תוספים ויישומונים.במקרים מסוימים, הקוד לאלמנט עשוי להיות מופרד מהאובייקט הגלוי.
Visual Server Markup Tags
מציג את המיקום של תגי סימון שרת (כמו תגי Active Server Pages ותגי ColdFusion) שהתוכן שלהם לא ניתן להצגה בחלון המסמך.תגיות אלה יוצרות בדרך כלל תגיות HTML כאשר הן מעובדות על ידי שרת. לדוגמה, תגית <CFGRAPH> יוצרת טבלת HTML כאשר היא מעובדת על ידי שרת ColdFusion. Dreamweaver מייצג את התגית באמצעות רכיב בלתי נראה של ColdFusion מאחר ש-Dreamweaver אינו יכול לקבוע את הפלט הדינמי הסופי של הדף.
Nonvisual Server Markup Tags
מציג את מיקומן של תגיות סימון שרת (כגון תגיות Active Server Pages ותגיות ColdFusion) שתוכנן לא ניתן להציג בחלון המסמך. תגיות אלה הן בדרך כלל תגיות הגדרה, עיבוד או לוגיקה (לדוגמה, <CFSET>, <CFWDDX> ו-<CFXML>) שאינן יוצרות תגיות HTML.
CSS Display: None
מציג סמל המראה את מיקום התוכן שמוסתר על ידי המאפיין display:none בגליון הסגנונות המקושר או המוטמע.
Show Dynamic Text As
מציג כל טקסט דינמי בדף שלכם בפורמט של {Recordset:Field} כברירת מחדל. אם האורך של הערכים הללו ארוך מספיק כדי לעוות את העיצוב של הדף שלכם, אתם יכולים לשנות את התצוגה ל-{} במקום זאת.
Server-Side Includes
מציגה את התוכן האמיתי של כל קובץ נכלל בצד השרת.
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
