מידע כללי על כתיבת קוד ב-Dreamweaver

גלה כיצד Dreamweaver תומך בשפות קידוד שונות המשמשות לבניית אתרי אינטרנט.

שפות התכנות הפופולריות ביותר לעיצוב ולפיתוח של אתרי אינטרנט בעלי פונקציונליות מלאה הן HTML,‏ HTML5 ו-CSS בחזית ו-PHP,‏ JavaScript,‏ Java ו-jQuery בקצה העורפי.

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

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

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

שפות תכנות הנתמכות ב-Dreamweaver

בנוסף ליכולת עריכת טקסט, Adobe Dreamweaver מספק תכונות שונות, כגון אפשרויות להשלמת קוד, שעוזרות לך לכתוב קוד בשפות הבאות:

HTML
PHP
CSS
JavaScript

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

שינוי קוד אוטומטי

ניתן להגדיר אפשרויות שיורו ל-Dreamweaver לנקות באופן אוטומטי את הקוד שכתבת באופן ידני לפי הקריטריונים שאתה מציין. עם זאת, שכתוב קוד יתבצע רק אם האפשרויות לשכתוב קוד פעילות או אם תבצע פעולה המשנה את הקוד. לדוגמה, Dreamweaver לא ישנה את הרווחים הלבנים או את האותיות הרישיות/הקטנות של התכונות, אלא אם כן תשתמש בפקודה Apply Source Formatting.

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

תכונות Roundtrip HTML ב-Dreamweaver מאפשרות לך להעביר מסמכים בין עורך HTML מבוסס טקסט לבין Dreamweaver כמעט ללא כל השפעה על התוכן והמבנה של קוד HTML המקורי של המסמך. בין תכונות אלה:

שימוש בעורך טקסט של צד שלישי לעריכת המסמך הנוכחי.
כברירת מחדל, Dreamweaver לא יבצע שינויים בקוד שנוצר או שנערך בעורכי HTML אחרים, גם אם הקוד איננו תקף, אלא אם כן תפעיל את האפשרויות לשכתוב קוד.
Dreamweaver לא משנה תגים שהוא אינו מכיר – כולל תגי XML – מכיוון שאין לו קריטריונים לטיפול בהם. אם תג לא מוכר חופף לתג אחר (לדוגמה, <MyNewTag><em>text</MyNewTag></em>‎), ‏‏Dreamweaver מסמן אותו כשגיאה אך לא משכתב את הקוד.
ניתן להגדיר ש-Dreamweaver יסמן קוד לא תקף בתצוגת Code (בצהוב). בבחירת מקטע מסומן, מפקח המאפיינים מציג מידע המסביר כיצד לתקן את השגיאה.

קוד XHTML

Dreamweaver מפיק קוד XHTML חדש ומנקה קוד XHTML קיים באופן העונה על רוב הדרישות של XHTML. הכלים הדרושים לך למילוי אחר מעט הדרישות הנותרות של XHTML מצורפים אף הם.

הערה:

חלק מהדרישות קיימות גם בגרסאות שונות של HTML.

הטבלה הבאה מתארת את דרישות XHTML ש-Dreamweaver עונה עליהן באופן אוטומטי:

דרישת XHTML	פעולות ש-Dreamweaver מבצע
חייבת להיות במסמך הצהרת DOCTYPE לפני רכיב השורש, וההצהרה חייבת להפנות לאחד משלושת קובצי Document Type Definition ‏(DTD) של XHTML ‏(strict, ‏transitional או frameset).	מוסיף XHTML DOCTYPE למסמך XHTML: <‎!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"‎> לחלופין, אם למסמך XHTML יש ערכת מסגרות: ‎<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">‎
רכיב השורש של המסמך חייב להיות html, ורכיב html זה חייב לקבוע namespace ל-XHTML.	מוסיף את התכונה namespace לרכיב html, באופן הבא: ‎<html xmlns="http://www.w3.org/1999/xhtml">‎
מסמך תקני חייב לכלול את הרכיבים המבניים head, ‏title ו-body. מסמך של ערכת מסגרות חייב לכלול את הרכיבים המבניים head, ‏title ו-frameset.	במסמך תקני, כולל את הרכיבים המבניים head, ‏title ו-body. במסמך של ערכת מסגרות, כולל את הרכיבים המבניים head, ‏title ו-frameset.
כל הרכיבים במסמך חייבים לקנן כראוי: <p>זוהי <i>דוגמה רעה.<‎/p></i>‏ <p>זוהי <i>דוגמה טובה.<‎/i></p>	מפיק קוד מקונן כראוי, ובעת ניקוי XHTML, מתקן את קינון הקוד ש-Dreamweaver לא הפיק.
כל שמות הרכיבים והתכונות חייבים להיות באותיות קטנות.	מאלץ שמות של רכיבים ותכונות של HTML להיות באותיות קטנות בקוד XHTML שהוא מחולל וכן בשעת ניקוי XHTML, מבלי להתחשב בהעדפות האותיות הגדולות/קטנות שקבעת לתגים ולתכונות.
לכל רכיב חייב להיות תג סוגר, אלא אם הצהרת עליו בקובץ DTD כ-EMPTY.	מוסיף תגים סוגרים לקוד שהוא מחולל וכן בשעת ניקוי XHTML.
לרכיבים ריקים חייב להיות תג סוגר, או שתג פותח חייב להסתיים ב-</. לדוגמה, <br> אינו תקף; הצורה הנכונה היא <br></br> או <br/‎>. אלו הם הרכיבים הריקים: area, ‏base, ‏basefont, ‏br, ‏col, ‏frame, ‏hr, ‏img, ‏input, ‏isindex, ‏link, ‏meta ו-param. לתאימות לאחור עם דפדפנים שאינם תואמי XML, חייב להיות רווח לפני </ (לדוגמה, <br /‎> ולא <br/‎>).	מוסיף רכיבים ריקים עם רווח לפני הלוכסן הסוגר בתגים ריקים בקוד שהוא מחולל וכן בשעת ניקוי XHTML.
לא ניתן לצמצם תכונות; לדוגמה, <td nowrap> אינו תקף; הצורה הנכונה היא <td nowrap="nowrap"‎>. לדבר יש השפעה על התכונות הבאות: checked, ‏compact, ‏declare, ‏defer, ‏disabled, ‏ismap, ‏multiple, ‏noresize, ‏noshade, ‏nowrap, ‏readonly ו-selected.	מוסיף זוגות מלאים של ערכי תכונה לקוד שהוא מחולל וכן בשעת ניקוי XHTML. הערה: אם דפדפן HTML כלשהו לא תומך ב-HTML 4, הוא עלול לפרש באופן שגוי תכונות בוליאניות כשהן מופיעות בצורתן המלאה.
על כל ערכי התכונה להיות מוקפים בגרשיים.	ממקם גרשיים סביב ערכי תכונה בקוד שהוא מחולל וכן בשעת ניקוי XHTML.
הרכיבים הבאים חייבים לכלול תכונת id ותכונת name‏: a, ‏applet, ‏form, ‏frame, ‏iframe, ‏img ו-map. לדוגמה, <a name="intro">Introduction</a> לא תקף; הצורה הנכונה היא <a id="intro">Introduction</a> או <a id="section1" name="intro"> Introduction</a>.	מגדיר את התכונות name ו-id לאותו הערך, בכל פעם שמפקח מאפיינים מגדיר את התכונה name, בקוד ש-Dreamweaver מפיק וכן בעת ניקוי XHTML.
לתכונות בעלות ערכים מטיפוס נמנה, על הערכים להיות באותיות קטנות. ערך מטיפוס נמנה הוא ערך מתוך רשימת ערכים שנקבעו כמותרים; לדוגמה, לתכונה align מותרים הערכים הבאים: center, ‏justify, ‏left ו-right.	מאלץ ערכים מטיפוס נמנה להיות באותיות קטנות בקוד שהוא מחולל וכן בשעת ניקוי XHTML.
לכל רכיבי הסקריפט ורכיבי הסגנון חייבת להיות תכונת type (התכונה type של רכיב script נדרשת החל מ-HTML 4, שבו התכונה language הושמטה).	מגדיר את התכונות type ו-language ברכיבי script, ואת התכונה type ברכיבי style, בקוד שהוא מחולל וכן בשעת ניקוי XHTML.
לכל רכיבי img ו-area חייבת להיות תכונת alt.	מגדיר תכונות אלה בקוד שהוא מחולל, ומדווח על תכונות alt חסרות בשעת ניקוי XHTML.

ביטויים רגולריים

ביטויים רגולריים הם תבניות המתארות שילובי תווים בטקסט. השתמש בהם בחיפושי קוד כדי לסייע לתאר רעיונות כגון שורות המתחילות ב-"var" וערכי תכונה המכילים מספר.

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

תו	התאמות	דוגמה
^	תחילת הקלט או תחילת השורה	‎^T מתאים לאות “T” בביטוי “This good earth” אולם לא בביטוי “Uncle Tom’s Cabin”
$	סוף הקלט או סוף השורה	h$‎ מתאים לאות “h” במילה “teach” אולם לא במילה “teacher”
*	התו המקדים אפס פעמים או יותר	um*‎ מתאים לצירוף “um” במילה “rum”, לצירוף ‏“umm” במילה “yummy” ולאות “u” במילה “huge”
+	התו המקדים פעם אחת או יותר	um+‎ מתאים לצירוף “um” במילה “rum” ולצירוף ‏“umm” במילה “yummy”, אולם לא לאות “u” במילה “huge”
?	התו המקדים פעם אחת לכל היותר (כלומר התו המקדים הוא אופציונלי)	st?on מתאים לצירוף “son” במילה “Johnson” ולצירוף “ston” במילה “Johnston” אולם לא למילים “Appleton” או “tension”
.	כל תו בודד פרט לשורה חדשה	‎.‎an מתאים לצירופים “ran” ו-“can” בביטוי “bran muffins can be tasty”
x\|y	x או y.	FF0000\|0000FF מתאים ל-“FF0000” ב-bgcolor=”#FF0000”‎ ול-“0000FF’” ב-font color=”#0000FF”‎
{n}	בדיוק n מופעים של התו המקדים	o{2}‎ מתאים לצירוף “oo” במילה “loom” ולשתי האותיות o הראשונות במילה “mooooo” אולם לא למילה “money”
{n,m}	לפחות n, ולכל היותר m, מופעים של התו המקדים	F{2,4}‎ מתאים לצירוף “FF” ב-“‎#FF0000” ולארבע האותיות F הראשונות ב-#FFFFFF
[abc]	תו כלשהו מהתווים שבסוגריים המרובעים ציין טווח של תווים עם מקף (לדוגמה, [a-f] זהה ל-[abcdef]).	[e-g] מתאים לאות “e” במילה “bed”, לאות “f” במילה “folly” ולאות ”g” במילה “guard”
[‎^abc]	כל תו שלא נמצא בסוגריים המרובעים ציין טווח של תווים עם מקף (לדוגמה, [‎^a-f] זהה ל-[‎^abcdef]).	[‎^aeiou] מתאים לאות “r” במילה “orange”, לאות “b” במילה “book” ולאות “k” במילה “eek!‎”
\b	גבול של מילה (למשל רווח או מעבר שורה)	‎\bb מתאים לאות “b” במילה “book” אולם לא במילים “goober” או “snob”
‎\B	הכל פרט לגבול של מילה	‎\Bb מתאים לאות “b” במילה “goober” אולם לא במילה “book”
‎\d	תו של ספרה כלשהי שווה ערך ל-[0-9].	‎\d מתאים לספרה “3” בצירוף “C3PO” ולספרה “2” בביטוי “apartment 2G”
‎\D	כל תו פרט לספרה שווה ערך ל-[‎^0-9].	‎\D מתאים לאות “S” בצירוף “900S” ולאות “Q” בצירוף “Q45”
‎\f	הזנת דף
‎‎\n	מעבר שורה
‎\r	מעבר שורה
‎\s	כל תו יחיד של רווח לבן, כולל רווח, טאב, הזנת דף או מעבר שורה	‎\sbook מתאים למילה ”book” בביטוי “blue book” אולם לא למילה “notebook”
‎\S	כל תו שאינו כולל רווח לבן	‎\Sbook מתאים לצירוף ”book” במילה “notebook” אולם לא לביטוי “blue book”
‎\t	תו טאב
‎\w	כל תו אלפא-נומרי, כולל מקף תחתון זהה ל-[A-Za-z0-9_‎].	b\w*‎ מתאים למילה “barking” בביטוי “the barking dog” ולמילים “big” ו-“black” בביטוי “the big black dog”
‎\W	כל תו שאינו אלפא-נומרי זהה ל-[‎^A-Za-z0-9_‎].	‎\W מתאים לתו “&” בביטוי “Jake&Mattie” ולתו “%” בצירוף “100%”
הקשת Control+Enter או Shift+Enter ‏(Windows), או Control+Return או Shift+Return או Command+Return ‏(Macintosh)	התו Return הקפד לבטל את הבחירה באפשרות Ignore Whitespace Differences בחיפוש זה, אם אינך משתמש בביטויים רגולריים. שים לב שהדבר מתאים לתו מסוים, ולא למושג הכללי של מעבר שורה; לדוגמה, הוא לא מתאים לתג <br> או לתג <p>. בתצוגת Design, תווי Return מופיעים כרווחים ולא כמעברי שורה.

השתמש בסוגריים כדי להפעיל הקבצות בביטוי הרגולרי (התייחסות להקבצות תבוא בהמשך). לאחר מכן השתמש ב-$1, $2, $3 וכן הלאה בשדה Replace With כדי להפנות להקבצת הסוגריים הראשונה, השנייה, השלישית וכן הלאה.

הערה:

בתיבה Search For, כדי להפנות להקבצת סוגריים קודמת בביטוי הרגולרי, השתמש ב-‎\1, ‏‎\2, ‏‎\3 וכן הלאה, במקום $1, $2, $3.

לדוגמה, חיפוש ‎(\d+)\/(\d+)\/(\d+)‎ והחלפתו ב-$2‎/$1/$3 מחליף את היום והחודש בתאריך המופרד בלוכסנים, ובכך ממיר מתאריכים בסגנון אמריקאי לתאריכים בסגנון אירופאי.

קוד התנהגות שרת

בעת פיתוח דף דינמי ובחירת התנהגות שרת מהחלונית Server Behaviors, ‏Dreamweaver מוסיף לדף גושי קוד שיפעילו את התנהגות השרת.

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

כתיבת קוד ב-Dreamweaver

שפות תכנות הנתמכות ב-Dreamweaver

שינוי קוד אוטומטי

קוד XHTML

ביטויים רגולריים

קוד התנהגות שרת

פריטים דומים נוספים

קבל עזרה במהירות ובקלות

שיתוף הדף

שאל את הקהילה

איך פונים אלינו