הגדרת העדפות לכתיבת קוד

בחרו View ‏> Code View Options.

מונעת גלישת שורות בקוד, כדי שניתן יהיה להציג אותו מבלי לגלול אופקית. אפשרות זו אינה מוסיפה מעברי שורה, אלא רק מקלה על הצגת הקוד.

מציגה את מספרי השורה בצד הקוד.

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

מפעילה או מבטלת את צביעת הקוד. למידע על שינוי תבנית הצביעה, ראה הגדרה של צבעי הקוד.

מזיחה את הקוד שלך באופן אוטומטי בהקשת Enter תוך כדי כתיבת הקוד. הכניסה של שורת הקוד החדשה תהיה באותה רמה כמו של השורה הקודמת. למידע נוסף על שינוי של ריווח ההזחה, עיין באפשרות Tab Size בסעיף שינוי העיצוב של הקוד.

לציון יצירת כניסות בקוד שנוצר על-ידי Dreamweaver (בהתאם לכללי הכניסות שצוינו בהעדפות אלה), או למניעת יצירה של כניסות.

רוב אפשרויות הכניסה בתיבת דו-שיח זו חלות רק על קוד ש-Dreamweaver יוצר ולא על קוד שתקליד. כדי שההזחה של כל שורת קוד חדשה שתקליד תהיה באותה רמה כמו של השורה שקודמת לה, בחר View ‏> Code View Options ולאחר מכן בחר באפשרות Auto-Indent. למידע נוסף, ראה הגדרת ההופעה של הקוד.

(תיבת טקסט ותפריט נפתח) מציינת בכמה רווחים או טאבים Dreamweaver ישתמש להזחת הקוד שהוא יוצר. לדוגמה, אם תקליד בתיבה את הספרה 3 ותבחר באפשרות Tabs מתוך התפריט הנפתח, הכניסה של הקוד שנוצר על ידי Dreamweaver תתבצע באמצעות הוספת שלושה תווי טאב בכל רמת כניסה.

קובעת את מספר התווים לרוחב המתאים לגודלו של תו טאב אחד בתצוגת Code. לדוגמה, אם Tab Size הוגדר כ-4, כל תו טאב יופיע בתצוגת Code כרווח ברוחב 4 תווים. בנוסף, אם תחת Indent With הוגדרה האפשרות ‎3 Tabs, הכניסה של הקוד ש-Dreamweaver ייצור תתבצע באמצעות הוספת שלושה תווי טאב בכל רמת כניסה והיא תוצג בתצוגה Code כרווח ברוחב 12 תווים.

כניסה נוצרת על-ידי Dreamweaver באמצעות רווחים או טאבים; בעת הוספת קוד, המערכת לא ממירה רצף של רווחים לתו טאב.

בחר באפשרות זו אם בכוונתך להשתמש בקיצורי Emmet במהלך כתיבת הקוד. בחירה באפשרות זו מבטיחה שבעת הקשה על Tab,‏ Dreamweaver ימיר את קיצור ה-Emmet לקוד HTML או CSS מלא. לקבלת מידע נוסף על שימוש ב-Emmet, ראו את המקטע שימוש בערכת הכלים של Emmet עם Dreamweaver.

מציינת את סוג השרת המרוחק (Windows, ‏Macintosh או UNIX) שמארח את האתר המרוחק שלך. בחירה בסוג הנכון של תווי מעבר שורה מבטיחה שקוד מקור בתבנית HTML יוצג כראוי בשרת מרוחק. הגדרה זו מסייעת בעבודה עם עורך טקסט חיצוני שמכיר רק סוגים מסוימים של מעברי שורה. לדוגמה, השתמש ב-CR LF (‏Windows) אם העורך החיצוני שלך הוא פנקס הרשימות, וב-CR (‏Macintosh) אם העורך החיצוני שלך הוא SimpleText.

בשרתים שההתחברות אליהם מתבצעת בפרוטוקול FTP, אפשרות זו חלה רק במצב העברה בינארית; מצב העברת ASCII ב-Dreamweaver מתעלם מאפשרות זו. בהורדת קבצים במצב ASCII, ‏Dreamweaver מגדיר מעברי שורה לפי מערכת ההפעלה של המחשב שלך; בהעלאת קבצים במצב ASCII, כל מעברי השורה יוגדרו כ-CR LF.

מטפלת בבעיית עיבוד בדפדפנים ישנים מסוימים, כאשר רווחים לבנים או מעברי שורה קיימים מייד אחרי תג <td> או מייד לפני תג <‎/td>. אם תבחרו באפשרות זו, Dreamweaver לא יכתוב מעברי שורה אחרי תג <td> או לפני תג <‎/td>, גם אם העיצוב ב-Tag Library מציין שצריך להיות שם מעבר שורה.

מאפשר לך להגדיר אפשרויות עיצוב עבור תגים ותכונות מסוימים ב-Tag Library Editor.

(בגרסה היפנית בלבד) מאפשרת לבחור בין רווח מסוג ‎&nbsp;‎ לרווח מסוג Zenkaku בקוד HTML. הרווח הלבן שנבחר באפשרות זו ישמש להוספת תגים ריקים בעת יצירת טבלה וכשהאפשרות Allow Multiple Consecutive Spaces מופעלת בדפים שמקודדים בשפה היפנית.

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

משכתבת תגים חופפים. לדוגמה, <b><i>text</b></i> ישוכתב כך: <b><i>text</i></b>. אפשרות זו מוסיפה גם גרשיים סוגרים וסוגריים מרובעים סוגרים, אם הם חסרים.

מבטיחה שלא תהיה כפילות בשמות של פריטי טופס. כברירת מחדל, אפשרות זו מופעלת.

שלא כמו שאר האפשרויות בתיבת דו-שיח זו, אפשרות זו לא חלה בפתיחת מסמך, אלא רק בהעתקה ובהדבקה של רכיב טופס.

למחיקת תגים סוגרים שהם ללא תג פותח מתאים.

מציגה סיכום של קוד HTML שאינו חוקי מסיבות טכניות, ש-Dreamweaver ניסה לתקן. בסיכום זה מצוין המיקום של הבעיה (במספרי שורה ועמודה) כדי שתוכלו לאתר את התיקון ולוודא שהוא בוצע בהתאם לכוונתכם.

מאפשרת לכם למנוע מ-Dreamweaver לשכתב קוד בקבצים ששמם כולל את הסיומות שתציינו. אפשרות זו מועילה במיוחד בקבצים המכילים תגים של צד שלישי.

מבטיחה שערכי תכונה שתזין או שתערוך בכלים של Dreamweaver, כגון Property Inspector, יכילו תווים חוקיים בלבד. כברירת מחדל, אפשרות זו מופעלת.

אפשרות זו והאפשרויות הבאות לא חלות על כתובות URL שתקליד בתצוגת Code. כמו כן, הן לא גורמות לשינויים בקוד שכבר קיים בקובץ.

מונעת מ-Dreamweaver לשנות כתובות URL כך שיכללו תווים חוקיים בלבד. כברירת מחדל, אפשרות זו מופעלת.

אפשרות זו מבטיחה שכתובות URL שתזינו או שתערכו בכלים של Dreamweaver, כגון Property Inspector, יכילו תווים חוקיים בלבד.

פועלת באופן דומה לאפשרות הקודמת, אולם משתמשת בשיטה שונה לקידוד תווים מיוחדים. שיטת קידוד זו (המשתמשת בסימן האחוז) עשויה להתאים יותר לדפדפנים ישנים, אולם היא לא פועלת היטב עם תווים בשפות מסוימות.

בחר Edit‏ >‏ Preferences ‏(Windows) או Dreamweaver ‏> Preferences ‏(Macintosh).

בחרו Code Hints מהקטגוריה בצד שמאל.

הגדר כל אחת מהאפשרויות הבאות:

ציינו כיצד אתם רוצים ש‑Dreamweaver יסגור תגים.

• After typing "</" – 
• After typing the open tag's ">" – בחרו באפשרות זו אם ברצונכם ש-Dreamweaver יוסיף באופן אוטומטי תג סוגר לאחר סגירת התג הפותח.
• Never – הגדירו אפשרות זו אם אינכם רוצים ש‑Dreamweaver יוסיף באופן אוטומטי תגים סוגרים.

בחר אפשרות זו כדי להפעיל או להשבית אפשרויות להשלמת קוד והשלמת קוד ב-Dreamweaver. לקבלת מידע נוסף על תכונות של אפשרויות לרמזים לקוד והשלמת קוד ב-Dreamweaver, ראו אפשרויות לרמזים לקוד והשלמת קוד.

בחר אפשרות זו כדי להפעיל תיאורים אשר יופיעו עם האפשרויות שלך להשלמת קוד. תיאורים אלה מספקים מידע נוסף לגבי הקוד שאתם כותבים.

Auto-insert braces  כשהתיבה מסומנת, תו סוגר סוגריים מוזן באופן אוטמטי כשהמשתמש מקליד תו פותח סוגריים. כשהתיבה לא מסומנת, תו סוגר סוגריים לא מוזן כשהמשתמש מקליד תו פותח סוגריים. חל על כל סוגי הסוגריים ועל כל סוגי הקבצים (html, php,css, js).

Auto-insert quotes  כשהתיבה מסומנת, תו סוגר מירכאות מוזן באופן אוטמטי כשהמשתמש מקליד תו פותח מירכאות. כשהתיבה לא מסומנת, תו סוגר מירכאות לא מוזן כשהמשתמש מקליד תו פותח מירכאות. חל על כל מירכאות כפולות ויחידות ועל כל סוגי הקבצים (html, php,css, js).

פתחו את הקובץ brackets.json מהמיקום הבא:

• Win:‏ %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
• Mac:‏ ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
   

כדי לבטל סגירה אוטומטית של סוגריים מרובעים וסוגריים רגילים, הגדירו את autoCloseBraces כ-False.

כדי לבטל הוספה אוטומטית של גרשיים תואמים, הגדירו את autoCloseQuotes כ‑False.

אם ברצונכם להפעיל סגירה אוטומטית של סוגריים מרובעים וגרשיים תואמים, הגדירו את הערכים שצוינו לעיל כ-True.

שמרו את קובץ ‎.json והפעילו את Dreamweaver.

בחרו Edit‏ >‏ Preferences ‏(Windows) או Dreamweaver‏ > Preferences ‏(Macintosh).

הגדירו את PHP מרשימת הקטגוריות משמאל.

בחרו גרסת PHP מהרשימה הנפתחת PHP Version ולחצו על Apply.

בתיבת הדו-שיח Site Setup, מתחת ל‑Advanced Settings, בחרו PHP.

בחרו גרסת PHP מהרשימה הנפתחת PHP Version ולחצו על Save.

בחר Interface מהרשימה Category בצד שמאל.

בחר ערכת נושא מתוך הרשימה Color Themes. 

לאחר הגדרת ערכת הנושא של הממשק, הגדר את ערכת הנושא של הקוד.

ניתן לבחור בין ערכת נושא בהירה או כהה של קוד.

לחץ על Apply כדי לשמור את השינויים.

באפשרותך לבחור להתאים אישית הגדרות נוספות בצבעי הקוד בהתאם לדרישות שלך. לקבלת מידע נוסף, ראה התאמה אישית של צבעי קוד.

מציינת את הסיומות של שמות קובץ שייפתחו באופן אוטומטי בתצוגת Code ב-Dreamweaver.

לציון אופן הפעולה של Dreamweaver כאשר המערכת מגלה שעורך חיצוני ביצע שינוי במסמך הפתוח בתוכנה.

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

ניתן לחבר בין Fireworks ל-Dreamweaver על-ידי מתן נתיב ליישום כאן.