- מדריך למשתמש של 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
- הגדרת העדפות לכתיבת קוד
- התאמה אישית של העדפות צבעי קוד
- כתיבה ועריכה של קוד
- אפשרויות של רמזי קוד והשלמת קוד
- צמצום והרחבה של קוד
- שימוש חוזר בקוד עם גזירי קוד
- איתור שגיאות בקוד (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.
גש ל-Advanced settings בתיבת הדו-שיח Site Setup על-ידי בחירת Site > Manage Sites, בחירת האתר שברצונך לערוך ולחיצה על Edit.
CSS Preprocessors
אם אתה עובד עם CSS preprocessors כגון Sass, Less או SCSS, באפשרותך להגדיר העדפות ספציפיות לאתר של כלי לעיבוד מקדים של CSS.
לקבלת מידע אודות תמיכה בכלים לעיבוד מקדים של CSS ב-Dreamweaver, ראה כלים לעיבוד מקדים של CSS.
Advanced Settings
Local Info
Default Images Folder
התיקייה שבה ברצונך לאחסן תמונות עבור האתר. הזן את הנתיב לתיקייה או לחץ על סמל התיקייה כדי לאתר את התיקייה. Dreamweaver משתמש בנתיב לתיקייה בעת הוספת תמונות למסמכים.
Links Relative To
מציין את סוג הקישורים ש-Dreamweaver יוצר בעת יצירת קישורים למשאבים או דפים אחרים באתר. Dreamweaver יכול ליצור שני סוגים של קישורים: נתיבים יחסיים למסמכים ונתיבים יחסיים לתיקיית שורש של אתר. למידע נוסף על ההבדלים בין השניים, ראה נתיבים מוחלטים, נתיבים יחסיים למסמכים ונתיבים יחסיים לתיקיית שורש של אתר.
כברירת מחדל, Dreamweaver יוצר קישורים יחסיים למסמכים. אם תשנה את הגדרת ברירת המחדל ותבחר באפשרות של תיקיית שורש האתר, הקפד להזין את כתובת ה-Web URL הנכונה בתיבת הטקסט Web URL (ראה להלן). שינוי הגדרה זו אינו ממיר את הנתיב של קישורים קיימים. ההגדרה תחול רק על קישורים חדשים שתיצור באופן חזותי ב-Dreamweaver.
תוכן המקושר באמצעות נתיבים יחסיים לתיקיית השורש אינו מופיע בעת הצגה של מסמכים בתצוגה מקדימה בדפדפן מקומי, אלא אם כן אתה מציין שרת בדיקות או בוחר באפשרות 'Preview Using Temporary File' מתפריט Edit > Preferences > Preview In Browser. זאת משום שדפדפנים אינם מזהים שורש של אתרים - ושרתים כן.
Web URL
כתובת URL של האתר. Dreamweaver משתמש בכתובת שב-Web URL ליצירת קישורים יחסיים לתיקיית השורש של האתר ולאימות קישורים בעת השימוש ב-Link Checker.
קישורים יחסיים לתיקיית השורש של האתר שימושיים אם אינך בטוח לגבי המיקום הסופי במבנה הספרייה של הדף שאתה עובד עליו, או אם נראה לך שתעביר או תסדר מחדש את הקבצים המכילים את הקישורים בשלב מאוחר יותר. קישורים יחסיים לתיקיית השורש של האתר הם קישורים שהנתיבים שלהם למשאבי אתר אחרים הם יחסיים לתיקיית השורש של האתר ולא למסמך, ולכן אם תעביר את המסמך בשלב כלשהו, הנתיב למשאבים יישאר תקין.
לדוגמה, נאמר שציינת את http://www.mysite.com/mycoolsite (ספריית השורש של האתר בשרת המרוחק) בתור כתובת ה-Web URL, ויש לך גם תיקיית תמונות בספרייה mycoolsite בשרת המרוחק (http://www.mysite.com/mycoolsite/images). נאמר גם שהקובץ index.html נמצא בספרייה mycoolsite.
בעת יצירת קישור יחסי לתיקיית השורש של האתר מהקובץ index.html לתמונה בספריית התמונות, הקישור נראה כך:
<img src="/mycoolsite/images/image1.jpg" />
הוא שונה מקישור יחסי למסמך, שהוא:
<img src="images/image1.jpg" />
התוספת של /mycoolsite/ למקור התמונות מקשר את התמונה ביחס לתיקיית השורש של האתר ולא למסמך. בהנחה שהתמונה תישאר בספריית התמונות, נתיב הקובץ לתמונה (/mycoolsite/images/image1.jpg) תמיד יהיה נכון, גם אם תעביר את הקובץ index.html לספרייה אחרת.
למידע נוסף, ראה, נתיבים מוחלטים, נתיבים יחסיים למסמכים ונתיבים יחסיים לתיקיית שורש של אתר.
בנוגע לאימות קישורים, כתובת ה-Web URL דרושה כדי לקבוע אם קישור כלשהו הוא פנימי או חיצוני לאתר. לדוגמה, אם כתובת ה-Web URL היא http://www.mysite.com/mycoolsite, ו-Link Checker מוצא קישור עם כתובת ה-URL http://www.yoursite.com בדף שלך, Link Checker קובע שהקישור האחרון הוא קישור חיצוני ומדווח עליו ככזה. בדומה, Link Checker משתמש בכתובת ה-Web URL כדי לקבוע אם קישורים הם פנימיים לאתר, ולאחר מכן בודק אם קישורים פנימיים אלה מנותקים.
Case-sensitive Links Checking
בודק שהרישיות של הקישורים מתאימה לרישיות של שמות הקובץ כש-Dreamweaver בודק קישורים. אפשרות זו שימושית במערכות UNIX, שבהן שמות קבצים רגישים לרישיות.
Enable Cache
מציין אם ליצור זיכרון מטמון מקומי כדי לשפר את מהירות הקישור ומשימות של ניהול האתר. אם לא תבחר באפשרות זו, Dreamweaver ישאל אותך שוב אם ברצונך ליצור זיכרון מטמון לפני יצירת האתר. מומלץ לבחור באפשרות זו, משום שהחלונית Assets (בקבוצת החלוניות Files) פועלת רק אם נוצר זיכרון מטמון.
Cloaking וקטגוריות אחרות
למידע נוסף על הקטגוריות Cloaking, Design Notes, File View Columns, Contribute, Templates, JQuery, Web Fonts ו-Animation Assets, לחץ על הנושא המתאים בטבלה הבאה.
Advanced setting | תיעוד |
---|---|
Cloaking | הסוואת קבצים ותיקיות באתר Dreamweaver |
Design Notes | Enable Design Notes עבור אתרי Dreamweaver |
File View Columns | ניהול קבצים ותיקיות |
Contribute | עריכת תוכן באתרי Dreamweaver באמצעות Contribute |
PHP | הגדרת העדפות PHP |
Bootstrap | עיצוב אתרים רספונסיביים באמצעות Bootstrap |
Templates | אודות תבניות של Dreamweaver |
jQuery | שימוש ברכיבי Widget של ממשק משתמש של jQuery ב-Dreamweaver |
Web Fonts | שינוי של שילובי גופנים |
Animation Assets | ייבוא קומפוזיציות מונפשות ל-Dreamweaver |
איתור שגיאות בקוד JS | איתור שגיאות קוד של ECMAScript 6 |