טכנולוגיית שרת
- מדריך למשתמש של 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.
ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
דרישות לבניית יישומי אינטרנט
כדי לבנות יישומי אינטרנט ב- Adobe Dreamweaver, אתה זקוק לתוכנה הבאה:
- שרת אינטרנט
- שרת יישומים שפועל יחד עם שרת האינטרנט
בהקשר של יישומי אינטרנט, המושגים שרת אינטרנט ושרת יישומים מתייחסים לתוכנה, לא לחומרה.
אם ברצונך להשתמש במסד נתונים יחד עם היישום, דרושה בנוסף התוכנה הבאה:
מערכת מסד נתונים
מנהל התקן למסד נתונים שתומך במסד הנתונים
יש ספקי אחסון אתרי אינטרנט שמציעים תוכניות המאפשרות להשתמש בתוכנה שלהם לבדיקה ולפריסה של יישומי אינטרנט. במקרים מסוימים ניתן להתקין את התוכנה הדרושה לצורכי פיתוח באותו מחשב ש- Dreamweaver מותקן בו. ניתן גם להתקין את התוכנה במחשב רשת (בדרך כלל, מחשב Windows 2000 או Windows XP) כך שמפתחים אחרים בצוות יוכלו לעבוד על פרויקט.
לשימוש במסד נתונים יחד עם יישום האינטרנט, יש להתחבר למסד הנתונים תחילה.
עקרונות בסיסיים בעבודה עם שרת אינטרנט
לפיתוח ולבדיקה של דפי אינטרנט דינמיים, דרוש שרת אינטרנט פעיל. שרת אינטרנט הוא תוכנה שמספקת דפי אינטרנט בתגובה לבקשות של דפדפני אינטרנט. שרת אינטרנט נקרא לפעמים שרת HTTP. ניתן להתקין שרת אינטרנט ולהשתמש בו במחשב המקומי.
בעת שימוש במחשב Macintosh, ניתן להשתמש בשרת האינטרנט Apache שכבר מותקן ב- Macintosh.
Adobe אינה מספקת תמיכה טכנית לתוכנות צד שלישי כגון Internet Information Server של Microsoft. לקבלת תמיכה למוצר Microsoft, יש לפנות לתמיכה הטכנית של Microsoft.
בעת שימוש ב- Internet Information Server (IIS) לפיתוח יישומי אינטרנט, שם ברירת המחדל של שרת האינטרנט הוא שם המחשב. ניתן לשנות את שם השרת באמצעות שינוי שם המחשב. אם למחשב אין שם, השרת משתמש במילה localhost.
שם השרת תואם לתיקיית השורש של השרת, אשר (במחשב Windows) היא בדרך כלל C:\Inetpub\wwwroot. ניתן לפתוח כל דף אינטרנט ששמור בתיקיית השורש על-ידי הזנת כתובת URL הבאה בדפדפן שפועל במחשב:
http://your_server_name/your_file_name
לדוגמה, אם שם השרת הוא mer_noire ועמוד אינטרנט בשם soleil.html שמור בתיקייה C:\Inetpub\wwwroot\, ניתן לפתוח את העמוד על-ידי הזנת כתובת URL הבאה בדפדפן שפועל במחשב המקומי:
http://mer_noire/soleil.html
זכור להשתמש בכתובת URL בלוכסנים שמאליים, לא בלוכסנים ימניים.
ניתן גם לפתוח כל דף אינטרנט אחר ששמור בתת-תיקייה של תיקיית השורש באמצעות ציון תת-תיקייה זו בכתובת URL. לדוגמה, אם הקובץ soleil.html שמור בתת-תיקייה בשם gamelan, באופן הבא:
C:\Inetpub\wwwroot\gamelan\soleil.html
ניתן לפתוח דף זה על-ידי הזנת כתובת URL הבאה בדפדפן שפועל במחשב:
http://mer_noire/gamelan/soleil.html
אם שרת האינטרנט פועל במחשב, ניתן להחליף את שם השרת בשם localhost. לדוגמה, כתובות URL הבאות פותחות את אותו עמוד בדפדפן:
http://mer_noire/gamelan/soleil.html
http://localhost/gamelan/soleil.html
ביטוי נוסף שבו אתה יכול להשתמש במקום שם השרת או localhost הוא 127.0.0.1 (לדוגמה, http://127.0.0.1/gamelan/soleil.html).
בחירת שרת אינטרנט
לפיתוח ולבדיקה של יישומי אינטרנט, ניתן לבחור מבין שרתי אינטרנט נפוצים אחדים, הכוללים את השרתים Microsoft Internet Information Server (IIS) ו- Apache HTTP Server.
אם לא משתמשים בשירות אחסון לאתרי אינטרנט, יש לבחור שרת אינטרנט ולהתקין אותו במחשב המקומי לצורך פיתוח. משתמשי Windows ו- Macintosh שרוצים לפתח יישומי אינטרנט של ColdFusion יכולים להשתמש בשרת האינטרנט שכלול במהדורה למפתח של שרת היישומים ColdFusion 8, הניתנת להתקנה ולשימוש ללא תשלום.
משתמשי Windows אחרים יכולים להפעיל שרת אינטרנט במחשב המקומי על-ידי התקנת IIS. ייתכן ששרת אינטרנט זה כבר מותקן במערכת. בדוק את מבנה התיקיות כדי לראות אם הוא כולל תיקיית C:\Inetpub או D:\Inetpub. IIS יוצר תיקייה זו במהלך ההתקנה.
משתמשי Mac OS יכולים להשתמש בשרת האינטרנט Apache המקומי המותקן יחד עם מערכת ההפעלה.
למידע על התקנה והגדרת תצורה של שרתי אינטרנט אחרים, עיין בתיעוד של ספק השרת או פנה למנהל המערכת.
בחירת שרת יישומים
שרת יישומים הוא תוכנה שמסייעת לשרת אינטרנט לעבד עמודים דינמיים. בעת בחירת שרת יישומים, יש להתחשב בגורמים אחדים, כולל התקציב שעומד לרשותך, טכנולוגיית השרת המבוקשת (ColdFusion, ASP או PHP) וסוג שרת האינטרנט.
תקציב
ספקים מסוימים מציעים למכירה שרתי יישומים לקצה הגבוה, הדורשים עלויות גבוהות ברכישה ובתחזוקה. ספקים אחרים מציעים פתרונות פשוטים ומשתלמים יותר (כגון ColdFusion). שרתי יישומים מסוימים מובנים בשרתי אינטרנט (כגון Microsoft IIS) ואחרים ניתנים להורדה בחינם מהאינטרנט (כגון PHP).
טכנולוגיית שרת
שרתי יישומים משתמשים בטכנולוגיות שונות. Dreamweaver תומך בשלוש טכנולוגיות שרת: ColdFusion, ASP ו- PHP. הטבלה הבאה מציגה שרתי יישומים נפוצים הזמינים לטכנולוגיות השרת שנתמכות על-ידי Dreamweaver:
|
שרת יישומים |
ColdFusion |
Adobe ColdFusion 8 |
ASP |
Microsoft IIS |
PHP |
שרת PHP |
למידע נוסף על ColdFusion, בחר באפשרות ColdFusion Help מתפריט Help.
לקבלת מידע נוסף אודות ASP, בקר באתר האינטרנט של Microsoft בכתובת http://msdn.microsoft.com/he-il/library/aa286483.aspx.
לקבלת מידע נוסף אודות PHP, בקר באתר האינטרנט של PHP בכתובת www.php.net/.
בחירת מסד נתונים
מסדי נתונים מגיעים בצורות שונות בהתאם לכמות ולמורכבות של הנתונים שעליהם לאחסן. בעת בחירת מסד נתונים, יש להתחשב בגורמים אחדים, כולל התקציב שעומד לרשותך ומספר המשתמשים הצפויים לגשת למסד הנתונים.
תקציב
ספקים מסוימים מייצרים שרתי מסד נתוני יישום לקצה הגבוה, הדורשים עלויות גבוהות ברכישה ובתחזוקה. ספקים אחרים מציעים פתרונות פשוטים ומשתלמים יותר, כגון Microsoft Access או מסד הנתונים עם הקוד הפתוח MySQL.
משתמשים
אם מצפים שקהל משתמשים גדול יבקר באתר, יש לבחור מסד נתונים שמיועד לתמוך בבסיס המשתמשים שנועד לאתר. לאתרים הדורשים גמישות רבה יותר בעיצוב הנתונים ויכולת לתמוך במשתמשים רבים המבקרים באתר בו-זמנית, יש לשקול שימוש במסדי נתונים יחסיים מבוססי שרת (הנקראים בדרך כלל RDBMS), כגון Microsoft SQL Server ו- Oracle.
הגדרת סביבת פיתוח מסוג ColdFusion
לקבלת הוראות מפורטות על הגדרת סביבת פיתוח מסוג ColdFusion עבור Dreamweaver במחשב Windows או Mac שלך, עיין באתר האינטרנט של Adobe בכתובת www.adobe.com/devnet/dreamweaver/articles/setup_cf.html.
הן משתמשי Windows והן משתמשי Macintosh יכולים להוריד ולהתקין ללא תשלום מהדורה למפתחים, הכוללת פונקציונליות מלאה של שרת היישומים ColdFusion מאתר האינטרנט של Adobe בכתובת www.adobe.com/go/coldfusion_il/.
המהדורה Developer Edition מיועדת לשימוש לא-מסחרי בעת פיתוח ובדיקה של יישומי אינטרנט. הרישיון אינו מתיר הפצה. המהדורה תומכת בבקשות מהמארח המקומי ומשתי כתובות IP מרוחקות. ניתן להשתמש בה לפיתוח ולבדיקה של יישומי אינטרנט לזמן בלתי מוגבל. תוקפה של התוכנה אינו פג. למידע נוסף, ראה בעזרה של ColdFusion (Help > ColdFusion Help).
במהלך ההתקנה, ניתן להורות ל- ColdFusion להשתמש בשרת האינטרנט המובנה ב- ColdFusion או בשרת אינטרנט אחר שמותקן במערכת. באופן כללי, מומלץ להתאים את סביבת הפיתוח לסביבת ההפקה. לכן, אם מותקן במחשב הפיתוח שרת אינטרנט כגון Microsoft IIS, ניתן להשתמש בו במקום בשרת האינטרנט המובנה של ColdFusion.
הגדרת סביבת פיתוח מסוג PHP
לקבלת הוראות מפורטות על הגדרת סביבת פיתוח מסוג PHP עבור Dreamweaver במחשב Windows או Mac שלך, עיין באתר האינטרנט של Adobe בכתובת www.adobe.com/devnet/dreamweaver/articles/setup_php.html.
לשרת היישומים PHP יש מהדורות למערכות ההפעלה Windows, Linux, UNIX, HP-UX, Solaris ו- Mac OS X. לקבלת מידע נוסף על שרת היישומים, עיין בתיעוד של PHP שניתן להורדה גם מאתר האינטרנט של PHP בכתובת www.php.net/download-docs.php.
הגדרת סביבת פיתוח מסוג ASP
לקבלת הוראות מפורטות על הגדרת סביבת פיתוח מסוג ASP עבור Dreamweaver במחשב Windows או Mac שלך, עיין באתר האינטרנט של Adobe בכתובת www.adobe.com/devnet/dreamweaver/articles/setup_asp.html.
להפעלת עמודי ASP, דרוש שרת יישומים שתומך ב- Microsoft Active Server Pages 2.0., כגון Microsoft IIS (Internet Information Services), שמצורף למערכות ההפעלה Windows 2000 ו- Windows XP Professional. משתמשי Windows XP Professional יכולים להתקין ולהפעיל את IIS במחשב המקומי. משתמשי Macintosh יכולים להשתמש בשירות אחסון אתרי אינטרנט עם תוכנית SP או להתקין IIS במחשב מרוחק.
יצירת תיקיית שורש עבור היישום
לאחר שנרשמת כמנוי לשירותי אחסון אתרי אינטרנט או לאחר שהגדרת את תוכנת השרת בעצמך, צור תיקיית שורש ליישום האינטרנט במחשב ששרת האינטרנט פועל בו. תיקיית השורש יכולה להיות מקומית או מרוחקת, בהתאם למקום הפעלת שרת האינטרנט.
שרת האינטרנט יכול לספק כל קובץ בתיקייה זו או בתת-התיקיות שלה בתגובה לבקשת HTTP מדפדפן אינטרנט. לדוגמה, במחשב שפועל בו שרת ColdFusion 8, ניתן לספק לדפדפן האינטרנט כל קובץ ששמור בתיקייה \ColdFusion8\wwwroot או בכל אחת מהתת-תיקיות שלה.
להלן תיקיות השורש של ברירת המחדל בשרתי אינטרנט נבחרים:
שרת אינטרנט |
תיקיית השורש של ברירת המחדל |
ColdFusion 8 |
\ColdFusion8\wwwroot |
IIS |
\Inetpub\wwwroot |
Apache (Windows) |
\apache\htdocs |
Apache (Macintosh) |
Users:MyUserName:Sites |
לבדיקת שרת האינטרנט, מקם עמוד HTML לבדיקה בתיקיית השורש של ברירת המחדל ונסה לפתוח אותו על-ידי הזנת כתובת URL של העמוד בדפדפן. כתובת URL כוללת את שם הדומיין ואת שם הקובץ של עמוד HTML, באופן הבא: www.example.com/testpage.htm.
אם שרת האינטרנט פועל במחשב המקומי, ניתן להשתמש בשם localhost במקום בשם הדומיין. הזן אחת מכתובות URL הבאות של localhost, בהתאם לשרת האינטרנט:
שרת אינטרנט |
כתובת URL של Localhost |
ColdFusion 8 |
http://localhost:8500/testpage.htm |
IIS |
http://localhost/testpage.htm |
Apache (Windows) |
http://localhost:80/testpage.htm |
Apache (Macintosh) |
http://localhost/~MyUserName/testpage.htm (כש- MyUserName הוא שם המשתמש ב- Macintosh) |
כברירת מחדל, שרת אינטרנט ColdFusion פועל ביציאה 8500 ושרת אינטרנט Apache ל- Windows פועל ביציאה 80.
אם הדף לא נפתח כצפוי, בדוק אם התרחשה אחת מהתקלות הבאות:
שרת האינטרנט אינו פועל. להוראות ההפעלה, עיין בתיעוד של שרת האינטרנט.
הקובץ אינו כולל סיומת .htm או .html
הזנת בתיבת הטקסט של הכתובת בדפדפן את נתיב הקובץ של העמוד (לדוגמה, c:\ColdFusion8\wwwroot\testpage.htm) ולא את כתובת URL שלו (לדוגמה, http://localhost:8500/testpage.htm).
כתובת URL כוללת שגיאת הקלדה. ודא שלא שגית בהקלדה ושאין לוכסן אחרי שם הקובץ, למשל http://localhost:8080/testpage.htm/.
לאחר שיצרת תיקיית שורש עבור היישום, הגדר אתר Dreamweaver לניהול הקבצים.
אודות הגדרת אתר Dreamweaver
לאחר הגדרת התצורה של המערכת לפיתוח יישומי אינטרנט, הגדר אתר Dreamweaver לניהול הקבצים.
לפני שתתחיל, עלייך למלא אחר הדרישות הבאות:
יש לך גישה לשרת אינטרנט. שרת האינטרנט יכול לפעול במחשב המקומי, במחשב מרוחק, כגון שרת פיתוח, או בשרת שמתוחזק על-ידי ספק אחסון אתרי אינטרנט.
שרת יישומים מותקן ופועל במערכת ששרת האינטרנט פועל בה.
יצרת תיקיית שורש ליישום האינטרנט במערכת ששרת האינטרנט פועל בה.
הגדרת אתר Dreamweaver עבור יישום האינטרנט שלך מתבצעת בשלושה שלבים:
1. הגדרת תיקייה מקומית
התיקייה המקומית היא התיקייה שמשמשת לשמירת עותקים של קובצי האתר בדיסק הקשיח. תוכל להגדיר תיקייה מקומית לכל אחד מיישומי האינטרנט החדשים שתיצור. הגדרת תיקייה מקומית מאפשרת גם לנהל את הקבצים ולהעביר קבצים לשרת האינטרנט וממנו בקלות.
2. הגדרת תיקייה מרוחקת
הגדרת תיקייה הממוקמת במחשב ששרת האינטרנט פועל בו כתיקייה מרוחקת של Dreamweaver. תיקייה מרוחקת היא תיקייה שיצרת ליישום האינטרנט בשרת האינטרנט.
3. הגדרת תיקיית בדיקה
Dreamweaver משתמש בתיקייה זו כדי ליצור ולהציג תוכן דינמי ולהתחבר למסדי נתונים בזמן שאתה עובד. שרת הבדיקות יכול להיות המחשב המקומי שלך, שרת פיתוח, שרת עבודה או שרת הפקה. כל עוד השרת יכול לעבד את סוג העמודים הדינמיים שברצונך לפתח, הבחירה לא חשובה.
לאחר הגדרת אתר Dreamweaver, תוכל להתחיל בבניית יישום האינטרנט.