לחצו על Edit > Preferences (ב-Windows) או Dreamweaver > Preferences (ב-Mac).
עודכן לאחרונה בתאריך
27 באפריל 2021
למד כיצד לצמצם ולהרחיב קוד ב-Dreamweaver כדי להציג מקטעים של המסמך מבלי לגלול.
תוכלו לכווץ (נקרא גם לקפל) ולהרחיב קטעי קוד כדי להציג חלקים שונים של המסמך שלכם בלי צורך לגלול.
לדוגמה, כדי לראות את כל כללי ה-CSS בתגית head החלים על תגית div שנמצאת נמוך יותר בעמוד, קפלו את הקוד שבין תגית ה-head לתגית ה-div כדי לראות את שני חלקי הקוד במקביל.
באפשרותך לבחור חלק קוד ולצמצם אותו. באפשרותך לצמצם קוד בקבצי HTML, PHP, XML ו-SVG בהתאם לגושי התגים. בקובצי CSS, Less, Sass, SCSS ו-JS, תוכלו לכווץ קוד על בסיס סוגריים מסולסלים.
- קבצי HTML: Dreamweaver מצמצם את הקוד שנמצא בין התגים הפותחים והסוגרים של HTML, ואם ישנן תכונות ראשוניות הן מוצגות בקוד המצומצם. Dreamweaver מרחיב באופן אוטומטי כאשר הקוד בתוך הבלוק מקבל מיקוד דרך בורר תגיות, חיפוש והחלפה, מעבר לשורה, תצוגה מהירה של אלמנט, תצוגה חיה או ביטול/ביצוע מחדש.
אם הבחירה משתנה, הקוד מתכווץ בחזרה באופן אוטומטי.
- קובצי CSS, Less, Sass, SCSS ו-JS: הקוד בתוך הסוגריים המסולסלים מתכווץ והתצוגה המקדימה מוצגת כ-{...}.
- קבצי PHP: רכיבי HTML, CSS וגושי הקוד של JS ו-PHP מצומצמים.
פתק
בקבצים שנוצרו מתבניות Dreamweaver, הקוד כולו מוצג במצב מורחב, גם אם קובץ התבנית (.dwt) מכיל מקטעי קוד מצומצמים.
קביעת העדפות של גודל קיפול קוד
גודל ברירת המחדל של קיפול הקוד הוא שתי שורות. עם הגדרת ברירת מחדל זו, ניתן לצמצם את כל מקטעי הקוד הכוללים לפחות שתי שורות של קוד. קטעי קוד קצרים מפחות משתי שורות יכולים להתכווץ על ידי בחירת הקוד.
כדי לשנות את המספר המינימלי של שורות לקיפול קוד:
לחצו על Code Format ברשימת הקטגוריות וציינו את הגודל המינימלי לקיפול קוד.
צמצום והרחבה של מקטעי קוד
כברירת מחדל, כל הקוד ב-Code View נמצא במצב מורחב.
עם זאת, ניתן לצמצם קוד על-ידי בחירת מספר שורות וצמצומן. תוכלו גם לכווץ קוד על בסיס התחביר - בלוקי תגיות או סוגריים מסולסלים.
פתק
מצבי ההרחבה או הצמצום של גושי הקוד נשמרים בין ההפעלות של Dreamweaver.
צמצום קוד שמבוסס על גושי תגים או סוגריים מסולסלים
כדי לכווץ קוד לפי בלוקי תגיות או סוגריים מסולסלים:
בתצוגת קוד, משולש קטן מופיע ליד מספרי השורות המתאימים לבלוקי קוד שהם גדולים ממספר שורות קיפול הקוד שצוין ב-העדפות גודל קיפול קוד.
לחץ על המשולש כדי לצמצם או להרחיב את הקוד.
פתק
ניתן להרחיב את כל הקוד המצומצם שבמסמך באמצעות קיצור המקשים Control+Alt+E (Win) או Command+Alt+E (Mac).
צמצום קוד בהתאם לבחירה
כדי לכווץ קוד לפי הבחירה:
בתצוגה Code, בחר את מקטע הקוד שברצונך לצמצם.
לחצו על סמל המשולש שמופיע כדי לכווץ ולהרחיב את הבחירה.
שימוש בקיצורי מקשים לצמצום ולהרחבה של קוד
|
פקודה |
Windows |
Macintosh |
|
Collapse Selection |
Control+Shift+C |
Command+Shift+C |
|
Collapse Outside Selection |
Control+Alt+C |
Command+Alt+C |
|
Expand Selection |
Control+Shift+E |
Command+Shift+E |
|
Collapse Full Tag |
Control+Shift+J |
Command+Shift+J |
|
Collapse Outside Full Tag |
Control+Alt+J |
Command+Alt+J |
|
הרחבת הכל |
Control+Alt+E |
Command+Alt+E |
העתקה והדבקה של מקטע קוד מצומצם
לחץ על מקטע הקוד המצומצם כדי לבחור אותו.
בחר Edit > Copy.
הצב את הסמן במיקום שבו תרצה להדביק את הקוד.
בחר Edit > Paste.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
