צא מ-Dreamweaver.
- על אתרי Dreamweaver
- הגדרת גרסה מקומית של האתר שלך
- התחברות לשרת פרסום
- הגדרת שרת בדיקות
- ייבוא וייצוא של הגדרות אתר Dreamweaver
- העתקת אתרי אינטרנט קיימים משרת מרוחק לבסיס האתר המקומי שלך
- תכונות נגישות ב-Dreamweaver
- הגדרות מתקדמות
- הגדרת העדפות להעברת קבצים
- ציון הגדרות שרת פרוקסי ב-Dreamweaver
- סנכרון הגדרות של Dreamweaver עם Creative Cloud
- שימוש ב-Git ב-Dreamweaver
- הכרת CSS (Cascading Style Sheets)
- פריסת עמודים בעזרת CSS Designer
- שימוש בכלים לעיבוד מקדים של CSS ב-Dreamweaver
- כיצד להגדיר העדפות סגנון CSS ב-Dreamweaver
- העברת כללי CSS ב-Dreamweaver
- המרת CSS בתוך שורה לכלל CSS ב-Dreamweaver
- עבודה עם תגי div
- החלת מעברי צבע על רקע
- יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver
- עיצוב קוד
- הגדרת מאפייני דף
- הגדרת מאפייני כותרת של CSS ומאפייני קישור של CSS
- עבודה עם טקסט
- מציאה והחלפה של טקסט, תגים ותכונות
- החלונית DOM
- עריכה ב-Live View
- קידוד מסמכים ב-Dreamweaver
- בחירה והצגה של רכיבים בחלון Document
- הגדרת מאפייני טקסט ב-Property inspector
- בדיקת איות בדף אינטרנט
- שימוש בכללים אופקיים ב-Dreamweaver
- הוספה ושינוי של שילובי גופנים ב-Dreamweaver
- עבודה עם נכסים
- הכנסה ועדכון של תאריכים ב-Dreamweaver
- יצירה וניהול של נכסים מועדפים ב-Dreamweaver
- הכנסה ועריכה של תמונות ב-Dreamweaver
- הוספת אובייקטי מדיה
- הוספת סרטוני וידאו ב-Dreamweaver
- הכנסת וידאו של HTML5
- הכנסת קובצי SWF
- הוספת אפקטי שמע
- הכנסת שמע של HTML5 ב-Dreamweaver
- עבודה עם פריטי ספרייה
- שימוש בטקסט ערבי ועברי ב-Dreamweaver
- כתיבת קוד ב-Dreamweaver
- סביבה של כתיבת קוד ב-Dreamweaver
- הגדרת העדפות לכתיבת קוד
- התאמה אישית של העדפות צבעי קוד
- כתיבה ועריכה של קוד
- אפשרויות של רמזי קוד והשלמת קוד
- צמצום והרחבה של קוד
- שימוש חוזר בקוד עם גזירי קוד
- איתור שגיאות בקוד (Linting)
- מטוב הקוד
- עריכת קוד בתצוגת Design
- עבודה עם תוכן כותרת של דפים
- הכנסת קבצים נכללים בצד השרת ב-Dreamweaver
- שימוש בספריות תגים ב-Dreamweaver
- ייבוא תגים מותאמים אישית אל Dreamweaver
- שימוש בהתנהגויות של JavaScript (הוראות כלליות)
- החלת התנהגויות מובנות של JavaScript
- על XML ו-XSLT
- ביצוע המרות XSL בצד השרת ב-Dreamweaver
- ביצוע המרות XSL בצד הלקוח ב-Dreamweaver
- הוספת ישויות תו עבור XSLT ב-Dreamweaver
- עיצוב קוד
- על תבניות Dreamweaver
- זיהוי תבניות ומסמכים המבוססים על תבניות
- יצירת תבנית Dreamweaver
- יצירת אזורים ניתנים לעריכה בתבניות
- יצירת אזורים חוזרים וטבלאות חוזרות ב-Dreamweaver
- שימוש באזורים אופציונליים בתבניות
- הגדרת תכונות תג ניתנות לעריכה ב-Dreamweaver
- כיצד ליצור תבניות מקוננות ב-Dreamweaver
- עריכה, עדכון ומחיקה של תבניות
- ייצוא וייבוא תוכן XML ב-Dreamweaver
- החלה של תבנית על מסמך קיים או הסרתה ממנו
- עריכת תוכן בתבניות Dreamweaver
- כללי תחביר של תגי תבנית ב-Dreamweaver
- הגדרת העדפות סימון לאזורי תבנית
- היתרונות של שימוש בתבניות ב-Dreamweaver
- הבנת יישומי אינטרנט
- הגדרת המחשב לפיתוח יישומים
- פתרון בעיות בחיבורים למסדי נתונים
- הסרת סקריפטים של חיבור ב-Dreamweaver
- עיצוב דפים דינמיים
- סקירת מקורות של תוכן דינמי
- הגדרת מקורות של תוכן דינמי
- הוספת תוכן דינמי לדפים
- שינוי תוכן דינמי ב-Dreamweaver
- הצגת רשומות של מסד נתונים
- אספקת נתונים בזמן אמת ב-Dreamweaver ופתרון בעיות בהם
- הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver
- בניית טפסים באמצעות Dreamweaver
- שימוש בטפסים לאיסוף מידע ממשתמשים
- יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver
- יצירת טופסי אינטרנט
- תמיכה משופרת ב-HTML5 עבור רכיבי טופס
- פיתוח טופס באמצעות Dreamweaver
- בניית דפי אב ופרטים ב-Dreamweaver
- בניית דפי חיפוש ותוצאות
- בניית דף להכנסת רשומות
- בניית דף לעדכון רשומות ב-Dreamweaver
- בניית דפים למחיקת רשומות ב-Dreamweaver
- שימוש בפקודות ASP כדי לשנות מסד נתונים ב-Dreamweaver
- בניית דף רישום
- בניית דף כניסה
- בניית דף המאפשר גישה למשתמשים מורשים בלבד
- אבטחת תיקיות ב-ColdFusion באמצעות Dreamweaver
- שימוש ברכיבי ColdFusion ב-Dreamweaver
- מדריך למשתמש של Dreamweaver
- מבוא
- Dreamweaver ו-Creative Cloud
- התצוגות וסביבות העבודה של Dreamweaver
-
הגדרת אתרי אינטרנט
- על אתרי Dreamweaver
- הגדרת גרסה מקומית של האתר שלך
- התחברות לשרת פרסום
- הגדרת שרת בדיקות
- ייבוא וייצוא של הגדרות אתר Dreamweaver
- העתקת אתרי אינטרנט קיימים משרת מרוחק לבסיס האתר המקומי שלך
- תכונות נגישות ב-Dreamweaver
- הגדרות מתקדמות
- הגדרת העדפות להעברת קבצים
- ציון הגדרות שרת פרוקסי ב-Dreamweaver
- סנכרון הגדרות של Dreamweaver עם Creative Cloud
- שימוש ב-Git ב-Dreamweaver
- ניהול קבצים
- פריסה ועיצוב
-
CSS
- הכרת CSS (Cascading Style Sheets)
- פריסת עמודים בעזרת CSS Designer
- שימוש בכלים לעיבוד מקדים של CSS ב-Dreamweaver
- כיצד להגדיר העדפות סגנון CSS ב-Dreamweaver
- העברת כללי CSS ב-Dreamweaver
- המרת CSS בתוך שורה לכלל CSS ב-Dreamweaver
- עבודה עם תגי div
- החלת מעברי צבע על רקע
- יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver
- עיצוב קוד
-
תוכן דף והנכסים הקיימים בו
- הגדרת מאפייני דף
- הגדרת מאפייני כותרת של CSS ומאפייני קישור של CSS
- עבודה עם טקסט
- מציאה והחלפה של טקסט, תגים ותכונות
- החלונית DOM
- עריכה ב-Live View
- קידוד מסמכים ב-Dreamweaver
- בחירה והצגה של רכיבים בחלון Document
- הגדרת מאפייני טקסט ב-Property inspector
- בדיקת איות בדף אינטרנט
- שימוש בכללים אופקיים ב-Dreamweaver
- הוספה ושינוי של שילובי גופנים ב-Dreamweaver
- עבודה עם נכסים
- הכנסה ועדכון של תאריכים ב-Dreamweaver
- יצירה וניהול של נכסים מועדפים ב-Dreamweaver
- הכנסה ועריכה של תמונות ב-Dreamweaver
- הוספת אובייקטי מדיה
- הוספת סרטוני וידאו ב-Dreamweaver
- הכנסת וידאו של HTML5
- הכנסת קובצי SWF
- הוספת אפקטי שמע
- הכנסת שמע של HTML5 ב-Dreamweaver
- עבודה עם פריטי ספרייה
- שימוש בטקסט ערבי ועברי ב-Dreamweaver
- קישור וניווט
- רכיבים גרפיים ואפקטים של jQuery
- תהליכי עבודה המותאמים למגוון מוצרים
-
תבניות
- על תבניות Dreamweaver
- זיהוי תבניות ומסמכים המבוססים על תבניות
- יצירת תבנית Dreamweaver
- יצירת אזורים ניתנים לעריכה בתבניות
- יצירת אזורים חוזרים וטבלאות חוזרות ב-Dreamweaver
- שימוש באזורים אופציונליים בתבניות
- הגדרת תכונות תג ניתנות לעריכה ב-Dreamweaver
- כיצד ליצור תבניות מקוננות ב-Dreamweaver
- עריכה, עדכון ומחיקה של תבניות
- ייצוא וייבוא תוכן XML ב-Dreamweaver
- החלה של תבנית על מסמך קיים או הסרתה ממנו
- עריכת תוכן בתבניות Dreamweaver
- כללי תחביר של תגי תבנית ב-Dreamweaver
- הגדרת העדפות סימון לאזורי תבנית
- היתרונות של שימוש בתבניות ב-Dreamweaver
- מכשירים ניידים ומסכים מרובים
-
אתרי אינטרנט, דפים וטופסי אינטרנט דינמיים
- הבנת יישומי אינטרנט
- הגדרת המחשב לפיתוח יישומים
- פתרון בעיות בחיבורים למסדי נתונים
- הסרת סקריפטים של חיבור ב-Dreamweaver
- עיצוב דפים דינמיים
- סקירת מקורות של תוכן דינמי
- הגדרת מקורות של תוכן דינמי
- הוספת תוכן דינמי לדפים
- שינוי תוכן דינמי ב-Dreamweaver
- הצגת רשומות של מסד נתונים
- אספקת נתונים בזמן אמת ב-Dreamweaver ופתרון בעיות בהם
- הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver
- בניית טפסים באמצעות Dreamweaver
- שימוש בטפסים לאיסוף מידע ממשתמשים
- יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver
- יצירת טופסי אינטרנט
- תמיכה משופרת ב-HTML5 עבור רכיבי טופס
- פיתוח טופס באמצעות Dreamweaver
-
בנייה חזותית של יישומים
- בניית דפי אב ופרטים ב-Dreamweaver
- בניית דפי חיפוש ותוצאות
- בניית דף להכנסת רשומות
- בניית דף לעדכון רשומות ב-Dreamweaver
- בניית דפים למחיקת רשומות ב-Dreamweaver
- שימוש בפקודות ASP כדי לשנות מסד נתונים ב-Dreamweaver
- בניית דף רישום
- בניית דף כניסה
- בניית דף המאפשר גישה למשתמשים מורשים בלבד
- אבטחת תיקיות ב-ColdFusion באמצעות Dreamweaver
- שימוש ברכיבי ColdFusion ב-Dreamweaver
- בדיקה, תצוגה מקדימה ופרסום של אתרי אינטרנט
- פתרון בעיות
השתמש בתכונות האפשרויות להשלמת הקוד של Dreamweaver כדי לצמצם את זמן כתיבת קוד.
השלמת הקוד החכמה של Dreamweaver או התכונות להשלמת הקוד מאפשרות להוסיף ולערוך במהירות קוד על-ידי הפחתת שגיאות הקלדה שגיאות נפוצות אחרות.
ניתן גם להשתמש בתכונה זו כדי לראות:
- תכונות הזמינות עבור תג,
- פרמטרים הזמינים עבור פונקציה, או
- שיטות הזמינות לאובייקט.
תמיכה בשפות ובטכנולוגיות
Dreamweaver תומך באפשרויות להשלמת קוד בשפות ובטכנולוגיות הבאות:
המשך לקרוא כדי ללמוד כיצד השלמות קוד פועלות עבור שפות אלה.
הפעלת השלמות קוד
כדי להפעיל את השלמות הקוד, לחץ על Edit > Preferences > Code Hints ובחר Enable Code Hints. כדי להשבית את השלמות הקוד, בטל את הבחירה של Enable Code Hints.
כדי לאפשר הוספה אוטומטית של סוגריים מסולסלים ומרכאות, בחר Auto-insert Braces ו-Auto-insert Quotes בהתאמה.
כדי להפעיל תיאורים בהשלמות קוד, בחר Enable description tooltips. לאחר מכן תוכל לראות את התיאורים עם השלמות הקוד שלך.
אפשרויות להשלמת קוד HTML
האפשרויות הבאות להשלמת קוד זמינות עבור HTML:
- אפשרויות להשלמת תג
- אפשרויות להשלמת שם תכונה
- אפשרויות להשלמת ערך תכונה
אפשרויות להשלמת תג
לחץ על המקש > שעל המקלדת כדי להתחיל בהדלקת הקוד. בעת ההקלדה, Dreamweaver מציג תגי HTML חוקיים. אם המחרוזת שאתה מקליד מופיעה בתפריט, גלול אליה ולחץ על גלילה Enter או Return כדי להשלים את מה שהזנת.
לדוגמה, בעת הקלדת >, תפריט מוקפץ מציג רשימה של שמות תגים. במקום להקליד את החלק הנותר של שם התג, ניתן לבחור את התג מתוך התפריט כדי לכלול אותו בטקסט שלך.
אפשרויות אלה להשלמת תג HTML כוללות גם תיאור קצר של התג כשהדבר אפשרי.
אפשרויות להשלמת שם תכונה
Dreamweaver מציג את התכונות ההולמות עבור תגים בזמן כתיבת קוד ב-Dreamweaver. הקלד שם תג ולחץ על מקש הרווח כדי להציג את שמות התכונה חוקיים שבהם ניתן להשתמש.
אפשרויות להשלמת ערך תכונה
הטקסט האפשרויות להשלמת ערך תכונה יכול להיות סטטי או דינמי (כמו בתצוגה ערכי Code Hints בהתבסס על
מה שקיים בקבצים הקשורים).
רוב האפשרויות להשלמת ערך תכונה הן סטטיות. קח לדוגמה את ערך תכונת היעד, אשר כשלעצמו הוא בעל אופי סטטי, ולכן גם אפשרויות ההשלמה סטטיות.
Dreamweaver מציג אפשרויות השלמת קוד דינמיות עבור ערכי תכונה המחייבים זאת - דוגמת id, target, src, href ו-class.
להלן מספר דוגמאות לאפשרויות השלמת קוד המוצגות באופן דינמי.
אפשרויות להשלמת קוד דינמי עבור src
בדוגמה זו, כאשר אתה מקליד src, מוצגים ערכי תכונה חוקיים, וכאשר אתה בוחר תמונות, Dreamweaver מציג תמונות חוקיות ממשיות הנמצאות בתיקיית התמונות שלך. לאחר מכן תוכל גלול כלפי מטה ולבחור בתמונה הרצויה.


אם יש לך משאבים ב-CC Libraries, גם משאבים אלה מוצגים כשאתה מקליד src. המשאבים בספריית CC מצוינים בעזרת סמל ענן.
בעת בחירת משאב בספריית CC, מופיע תפריט מוקפץ המאפשר לדגום מחדש את גודל התמונה ולשנות את פורמט התמונה.


ניתן להציג רק 50 משאבי ספריית CC בתוך האפשרויות להשלמת קוד. אפשרויות ההשלמה מופיעות בסדר אלפביתי.
הכללת משאבי ספריית CC מרוחקת ב-Dreamweaver אינה נתמכת.
אפשרויות להשלמת קוד דינמי עבור href
בעת הקלדת href, Dreamweaver מציג רשימה של קבצים בתיקייה, ובה בעת זמינה האפשרות לדפדף ולבחור את הקובץ שאליו ברצונך ליצור קישור.


אפשרויות להשלמת דינמיים עבור id ו-style
אם הגדרת מזהים בקובצי CSS שלך, כאשר תקליד id בקובצי HTML, Dreamweaver יציג את כל המזהים שזמינים.


באופן דומה, אם הגדרת סגנון CSS, כאשר תקליד style בקובצי HTML, Dreamweaver יציג את כל הסגנונות שזמינים.


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


אפשרויות להשלמת מאפייני CSS
בעת הקלדת מאפייני CSS, אם תקליד הנקודתיים, מופיעות אפשרויות להשלמת קוד המסייעות לך לבחור ערך חוקי.
בדוגמה הבאה, כאשר תקליד font-family:, תופיע ערכות גופנים חוקיים.
ניתן לבחור באחת מערכות הגופנים או ניתן שלפתוח את תיבת הדו-שיח Manage Fonts מתוך אפשרויות השלמה אלה ולהגדיר את הגופנים המועדפים.


דוגמה נוספת לאפשרויות השלמת קוד שימושיות היא בעת עבודה עם צבע ב-CSS. בעת הקלדת כל מאפיין הקשור לצבע (כגון צבע גבול או צבע רקע), אם תלחץ על הנקודתיים, אפשרויות השלמת הקוד מציגות רשימת צבעים. ניתן לבחור צבע מהרשימה, או ניתן לפתוח את Color Picker מתוך אפשרויות השלמת הקוד עצמן ולהגדיר את הצבע המועדף.
אם יש לך דוגמיות צבע בספריות CC, אפשרויות השלמת הקוד מציגות גם דוגמיות אלה.


ניתן להציג רק 50 משאבי ספריית CC בתוך האפשרויות להשלמת קוד. אפשרויות ההשלמה מופיעות בסדר אלפביתי.
בורר מדומה והשלמות לרכיבים מדומים
ניתן להוסיף בורר CSS מדומה לבורר כדי להגדיר מצב מסוים של הרכיב. לדוגמה, בעת השימוש באפשרות :hover, הסגנון מוחל כאשר המשתמש מצביע על הרכיב שצוין על-ידי הבורר.
בעת הקלדת ":", Dreamweaver מציג רשימה של בוררים מדומים חוקיים אם הסמן נמצא בהקשר המתאים.
בעת הקלדת "::", Dreamweaver מציג רשימה של רכיבים מדומים חוקיים (המשמשת להגדרת סגנון של חלקים מסוימים של הרכיב) אם הסמן נמצא בהקשר המתאים.
השלמות תחביר מקוצר ל-CSS
מאפייני תחביר מקוצר הם מאפייני CSS המאפשרים לך להגדיר את הערכים של מספר מאפייני CSS אחרים בו-זמנית. כמה דוגמאות של מאפייני תחביר מקוצר ל-CSS הן מאפייני רקע וגופנים.
כפי שניתן לראות בדוגמה הבאה, אם תקליד מאפיין לתחביר CSS מקוצר (כמו רקע), לאחר שתקליד רווח, Dreamweaver מציג:
- ערכי המאפיינים המתאימים לפי סדר רלוונטיות
- ערכים הכרחיים שיש להשתמש בהם (לדוגמה, אם משתמשים בגופן ולאחר מכן בגודל גופן, משפחת הגופנים היא מאפיין הכרחי)
- הרחבת דפדפן עבור מאפיין זה
כאשר ממלאים את מאפייני תחביר ה-CSS המקוצר, השלמת הקוד מציגה גם את ערכי המאפיינים שהקלדת.
טיפים לקוד CSS
עבור מאפייני CSS מסוימים (כמו box-shadow או text-shadow), יוצגו ב-Dreamweaver טיפים המציינים מהם הערכים שצריכים להופיע אחר כך, תוך ציון הערכים שהם ערכי חובה באמצעות כוכבית.
ניתן גם לראות כיצד הדפדפן מפרש את ה-CSS.
אפשרויות להשלמת קוד עבור JavaScript
בקובצי JavaScript, Dreamweaver מספק אפשרויות להשלמת קוד עבור משתנים ופרמטרים לפונקציה.
בדוגמה למטה, הגזיר הקוד מציין את הסוג.
Dreamweaver מרענן באופן אוטומטי את רשימת האפשרויות להשלמת קוד במהלך העבודה בקובצי JavaScript. לדוגמה, אם אתה עובד בקובץ HTML ראשי ועובר לקובץ JavaScript כדי לבצע שינוי. השינוי שתבצע בקובץ JavaScript ישתקף ברשימת האפשרויות להשלמת קוד כשתחזור לקובץ HTML הראשי שלך.
עדכון אוטומטי זה יפעל אם תערוך את קובצי ה-JavaScript ב-Dreamweaver.
בדיקת אובייקט בזמן אמת
Dreamweaver מרענן באופן אוטומטי גם השלמות קוד של JavaScript.
לדוגמה, אם הגדרת משתנה כערך מספרי, Dreamweaver שומר את המידע הזה. כאשר תפנה לאותו משתנה בהמשך הקוד, הוא מציין את הסוג שלו.
אם תשנה את סוג המשתנה (למשל למחרוזת), השלמות הקוד של Dreamweaver יציינו באופן אוטומטי שהמשתנה הוא מחרוזת.
הכללת תיעוד דינמי
אם הוספת הערות עבור פונקציה מסוימת, כאשר תופיע השלמה של הפונקציה, Dreamweaver מציג גם את תיעוד הפונקציה הזו.
אפשרויות להשלמת קוד PHP
Dreamweaver תומך בהשלמות PHP בגרסאות 5.6 ו-7.1. השלמות קוד אלה עבור PHP הן ספציפיות לאתר ומכסות את כל הפונקציות, המחלקות והקבועים העיקריים.
לקבלת מידע נוסף על PHP גרסה 5.6 ו-7.1, ראה מדריך PHP.
לקבלת מידע נוסף על אפשרויות השלמת קוד ספציפיות לאתר, ראה אפשרויות השלמת קוד ספציפיות לאתר.
תכונה שימושית עבור אפשרויות השלמת קוד PHP היא ההשלמה האוטומטית של משתנים.
בעת הקלדת סימן דולר ($), מופיעה רשימה של כל המשתנים בקובץ הסקריפט הנוכחי שלך. בחר את המשתנה הרצוי ולחץ על Enter/Return. מפורטים גם משתנים מקבצים קשורים, ומבטלים את סכנת השימוש החוזר באותו משתנה למטרה אחרת.
כאשר PHP 7.1 מוגדר כברירת המחדל, Dreamweaver מציג אפשרויות ספציפיות להשלמת קוד עבור PHP 7.1.




עריכת הגדרות ההשהיה עבור השלמות קוד PHP
כדי לשפר את ביצועי הקלדת הקוד בקובצי .php, Dreamweaver 2017.5 ואילך כולל השהיה נוספת עבור השלמות קוד PHP. בעת הקלדת קוד PHP, Dreamweaver מציג את אפשרויות ההשלמה לאחר השהיה של 400 אלפיות השנייה. אם ברצונך לשנות את הגדרות ההשהיה עבור קוד PHP, בצע את ההליך הבא:
-
-
פתח את brackets.json מהמיקום הבא, באמצעות עורך טקסט:
- Win: %appdata%\Adobe\Dreamweaver CC 2017\<locale>\Configuration\Brackets\
- macOS: ~/Library/Application Support/Adobe/Dreamweaver CC 2017/<locale>/Configuration/Brackets/
-
לחץ על הלחצן Save Structure בפינה הימנית העליונה של תיבת הדו-שיח.
בקובץ JSON, הוסף פסיק לאחר הצמד שם משפח/ערך.
הוסף את השורה הבאה עם זמן ההשהיה המועדף עליך באלפיות שנייה: "delayInPHPHint": <time in milliseconds>. לדוגמה, "delayInPHPHint": 200.
-
שמור את הקובץ והפעל את Dreamweaver.
השלמות קוד ספציפיות לאתר
Dreamweaver מאפשר למפתחים העובדים עם Joomla, Drupal, Wordpress או מסגרות אחרות להציג השלמות קוד PHP במהלך הכתיבה בתצוגת Code. כדי להציג השלמות קוד אלה, יש תחילה ליצור קובץ תצורה באמצעות תיבת הדו-שיח Site-Specific Code Hints. התצורה מורה ל-Dreamweaver היכן לחפש אחר השלמות קוד שהן ספציפיות לאתר שלך.
לקבלת ערכות לימוד בווידאו בנושא עבודה עם השלמות קוד ספציפיות לאתר, ראה http://www.adobe.com/go/learn_dw_comm13_il.
יצירת קובץ התצורה
השתמש בתיבת הדו-שיח Site-Specific Code Hints כדי ליצור את קובץ התצורה הדרוש להצגת השלמות קוד ב-Dreamweaver.
כברירת מחדל, Dreamweaver מאחסן את קובץ התצורה בספרייה Adobe Dreamweaver CS5\configuration\Shared\Dinamico\Presets.
השלמות הקוד שאתה יוצר מיועדות באופן ספציפי לאתר שנבחר בחלונית Files של Dreamweaver. כדי שהשלמות הקוד יוצגו, הדף שאתה עובד עליו חייב לשכון באתר הנוכחי שנבחר.
-
בחר Site > Site Options > Site-Specific Code Hints.
כברירת מחדל, התכונה Site-Specific Code Hints סורקת את האתר כדי לקבוע את מסגרת Content Management System (CMS) שבה אתה משתמש. Dreamweaver תומך בשלוש מסגרות כברירת מחדל: Drupal, Joomla ו-Wordpress.
ארבעת הלחצנים מימין לתפריט הנפתח Structure מאפשרים לך לייבא, לשמור, לתת שם חדש או למחוק מבני מסגרת.
הערה:לא ניתן למחוק מבני מסגרת קיימים המוגדרים כברירת מחדל או לשנות את שמם.
-
בתיבת הטקסט במיקום המשנה, ציין את תיקיית המשנה שבה אתה מאחסן את קובצי המסגרת שלך. ניתן ללחוץ על סמל התיקייה ליד תיבת הטקסט כדי לאתר את מיקום קובצי המסגרת.
Dreamweaver מציג מבנה עץ של תיקיות המכילות את קובצי המסגרת. אם כל התיקיות והקבצים שברצונך לסרוק מוצגים, לחץ על OK כדי להפעיל את הסריקה. אם ברצונך להתאים אישית את הסריקה, המשך לשלבים הבאים.
-
לחץ על לחצן הפלוס (+) מעל החלון Files כדי לבחור קובץ או תיקייה שברצונך להוסיף לסריקה. בתיבת הדו-שיח Add Files/Folders, תוכל לציין סיומות שם קובץ מסוימות שברצונך לכלול.
הערה:ציון סיומת שם קובץ מסוימות מאיץ את תהליך הסריקה.
-
כדי להסיר קבצים מהסריקה, בחר את הקבצים שאינך רוצה לסרוק ולאחר מכן לחץ על לחצן המינוס (-) מעל החלון Files.
הערה:אם בחרת במסגרת Drupal או Joomla, תיבת הדו-שיח Site-Specific Code Hints מציגה נתיב נוסף לקבצים בתיקיית התצורה של Dreamweaver.
אל תמחק זאת—זהו רכיב נדרש בעת השימוש במסגרות אלה.
-
כדי להתאים אישית את האופן שבו התכונה Site-Specific Code Hints מתייחסת לקובץ או תיקייה מסוימים, בחר אותם מהרשימה ובצע אחת מהפעולות הבאות:
- בחר Scan This Folder כדי לכלול את התיקייה שנבחרה בסריקה.
- בחר Recursive כדי לכלול את כל הקבצים והתיקיות בתוך ספרייה שנבחרה.
- לחץ על הלחצן Extensions כדי לפתוח את תיבת הדו-שיח Find Extensions. בתיבת דו-שיח זו ניתן לציין את סיומות שמות הקבצים שתרצה לכלול בסריקה של קובץ או תיקייה מסוימים.
שמירת מבנה אתר
באפשרותך לשמור את מבנה האתר המותאם אישית שיצרת בתיבת הדו-שיח Site-Specific Code Hints.
-
צא מ-Dreamweaver.
-
פירוט הצעדים
-
צור את מבנה הקבצים והתיקיות כרצונך, תוך הוספה ומחיקה של קבצים ותיקיות כנדרש.
-
ציין שם עבור מבנה האתר ולחץ על Save.
אם השם שציינת כבר נמצא בשימוש, Dreamweaver מבקש ממך להזין שם אחר או לאשר שברצונך לדרוס את המבנה שנקרא באותו שם. לא ניתן לדרוס מבני מסגרת קיימים המוגדרים כברירת מחדל.
שינוי שם של מבני אתר
בעת שינוי השם של מבנה האתר, זכור שלא ניתן להשתמש בשמות של שלושת מבני ברירת המחדל של מסגרת האתר, או במילה Custom.
-
הצג את המבנה שברצונך לשנות את שמו.
-
לחץ על הלחצן Rename Structure בפינה הימנית העליונה של תיבת הדו-שיח.
-
ציין שם חדש עבור המבנה ולחץ על Rename.
אם השם שבחרת כבר נמצא בשימוש, Dreamweaver מבקש ממך להזין שם אחר או לאשר שברצונך לדרוס את המבנה שנקרא באותו שם. לא ניתן לדרוס מבני מסגרת קיימים המוגדרים כברירת מחדל.
הוספת קבצים או תיקיות למבנה אתר
באפשרותך להוסיף קבצים או תיקיות המשויכים למסגרת שלך. לאחר שתוסיף קבצים לתיקייה, תוכל לציין את סיומות שמות הקבצים של הקבצים שברצונך לסרוק.
-
לחץ על לחצן הפלוס (+) מעל החלון Files כדי לפתוח את תיבת הדו-שיח Add File/Folder.
-
בתיבת הדו-שיח Add File/Folder, הזן את הנתיב לקובץ או לתיקייה שברצונך להוסיף. ניתן גם ללחוץ על סמל התיקייה ליד תיבת הטקסט כדי לאתר קובץ או תיקייה.
-
לחץ על הלחצן פלוס (+) מעל החלון Extensions כדי לציין את סיומות שמות הקבצים של הקבצים שברצונך לסרוק.
הערה:ציון סיומת שם קובץ מסוימות מאיץ את תהליך הסריקה.
-
לחץ על Add.
סריקת אתר בחיפוש אחר סיומות שם קובץ
השתמש בתיבת הדו-שיח Find Extensions כדי להציג ולערוך סיומות שמות קבצים הכלולות במבנה האתר.
-
בתיבת הדו-שיח Site-Specific Code Hints, לחץ על הלחצן Extensions.
תיבת הדו-שיח Find Extensions מפרטת את הסיומות הנוכחיות שניתן לסרוק.
-
כדי להוסיף סיומת נוספת לרשימה, לחץ על לחצן הפלוס (+) מעל החלון Extensions.
-
כדי למחוק סיומת מהרשימה, לחץ על לחצן המינוס (-).