معلومات عامة حول التعليمات البرمجية في برنامج Dreamweaver

تعرف على كيفية دعم Dreamweaver للغات كتابة التعليمات البرمجية المختلفة المستخدمة لإنشاء مواقع الويب.

لغات البرمجة الأكثر شيوعًا المستخدمة لتصميم وتطوير مواقع ويب كاملة الوظائف هي HTML وHTML5 وCSS للواجهة، وPHP وJavaScript وJava وjQuery للخلفية.

يمكنك تصميم مظهر موقع الويب (مثل الخطوط، والألوان) عبر موقع الويب باستخدام CSS. ويمكنك بعد ذلك استخدام HTML لإدراج الصور، والنصوص، ومقاطع الفيديو، والنماذج، وغيرها من أجزاء المحتوى معًا في صفحة ويب متناسقة.

يمكنك إنشاء موقع ثابت باستخدام CSS وHTML معًا. ومع ذلك، تتطلب غالبية مواقع الويب بعض أشكال التفاعل (مثل أن يُطلب من أحد العملاء ملء نموذج، أو إجراء عملية دفع) وقاعدة بيانات لتخزين جميع البيانات الخاصة بموقع الويب

ولإنشاء قنوات الاتصال الخلفية هذه، ستكون بحاجة إلى لغة برمجة على جانب الخادم (مثل PHP) تستطيع الاتصال مع قاعدة البيانات.

لغات البرمجة المدعومة بواسطة Dreamweaver

بالإضافة إلى إمكانيات تحرير النص، يوفر Adobe Dreamweaver ميزات متعددة، كتلميحات التعليمات البرمجية، لمساعدتك على إنشاء تعليمات برمجية باللغات التالية:

HTML
PHP
CSS
JavaScript

بعض اللغات الأخرى - مثل Perl - لا تدعمها ميزات التعليمات البرمجية محددة اللغة في Dreamweaver؛ حيث يمكنك مثلاً إنشاء ملفات باللغة 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 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
يجب أن يكون العنصر الجذر للمستند html، ويجب أن يحدد عنصر html مساحة اسم XHTML.	إضافة السمة namespace إلى العنصر html، كما يلي: <html xmlns="http://www.w3.org/1999/xhtml">
يجب أن يحتوي المستند القياسي على عناصر البنية head، وtitle، وbody. أما مستند مجموعة الإطارات، فيجب أن يحتوي على عناصر البنية head، وtitle، وframeset.	في المستند القياسي، يتم تضمين العناصر head، وtitle، وbody. أما في مستند مجموعة الإطارات، فيتم تضمين العناصر head، وtitle، وframeset.
يجب تداخل جميع العناصر في المستند بشكل صحيح: <p>This is a <i>bad example.</p></i> <p>This is a <i>good example.</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.	تعيين هذه السمات في التعليمة البرمجية التي يقوم بإنشائها، وعند تنظيف XHTML، إعداد تقرير عن سمات alt غير الموجودة.

التعبيرات العادية

التعبيرات العادية هي أنماط تصف مجموعات الأحرف بنصوص. ويمكنك استخدامها في البحث في التعليمة البرمجية للمساعدة على وصف مفاهيم مثل الأسطر التي تبدأ بالقيمة "var" وقيم السمات التي تحتوي على أرقام.

ويسرد الجدول التالي الأحرف الخاصة في التعبيرات العادية، ومعانيها، وأمثلة على استخدامها. للبحث عن نص يحتوي على أحد الأحرف الخاصة الواردة بالجدول، تجاوز الحرف الخاص بوضع شرطة مائلة قبله. على سبيل المثال، للبحث عن علامة نجمة حقيقية في العبارة some conditions apply*، يجب أن يكون نمط البحث كما يلي: apply\*. وإذا لم تتجاوز النجمة، فستظهر لديك جميع تكرارات كلمة "apply" (إضافة إلى "appl"، و"applyy، و"applyyy")، وليس فقط التكرارات المتبوعة بعلامة نجمة.

الحرف	يطابق	مثال
^	بدء إدخال أو سطر.	^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”، ولا شيء في “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)	حرف إرجاع. تأكد من إلغاء تحديد الخيار Ignore Whitespace Differences عند البحث عن هذا الحرف، في حالة عدم استخدام تعبيرات عادية. لا حظ أن هذا يطابق حرفًا معينًا، وليس مفهومًا عامًا لفاصل أسطر؛ على سبيل المثال، لا يطابق علامة <br> أو علامة <p>. تظهر أحرف الإرجاع كمسافات في طريقة العرض Design، وليس كفواصل أسطر.

استخدم الأقواس لتمييز التجميعات في تعبير العادي ليشار إليها لاحقًا. ثم استخدم $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 البرمجية

التعبيرات العادية

التعليمة البرمجية لسلوك الخادم

المزيد مثل هذا

احصل على مساعدة بشكل أسرع وأسهل

طرح سؤال على المجتمع

اتصل بنا