أنشئ متغيرًا يُسمى department وخصص السلسلة النصية "Sales" له.
تاريخ آخر تحديث
20 ديسمبر 2021
تم تبسيط واجهة المستخدم في Dreamweaver والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، راجع هذه المقالة.
حول تطبيقات الويب
تطبيق الويب هو موقع يحتوي على صفحات ذات محتوى غير محدد جزئيًا أو كليًا. يتم تحديد المحتوى النهائي للصفحة فقط عندما يطلب الزائر صفحة من خادم الويب. نظرًا لأن المحتوى النهائي للصفحة يختلف من طلب إلى آخر بناءً على إجراءات الزائر، يُسمى هذا النوع من الصفحات بالصفحة الديناميكية.
تطبيقات الويب مبنية لمعالجة مجموعة متنوعة من التحديات والمشاكل. يصف هذا القسم الاستخدامات الشائعة لتطبيقات الويب ويعطي مثالاً بسيطًا.
الاستخدامات الشائعة لتطبيقات الويب
تطبيقات الويب لها استخدامات عديدة لكل من زوار المواقع والمطورين، بما في ذلك ما يلي:
السماح للزوار بالعثور على المعلومات بسرعة وسهولة على موقع غني بالمحتوى.
هذا النوع من تطبيقات الويب يمنح الزوار القدرة على البحث وتنظيم وتصفح المحتوى حسب ما يرونه مناسبًا. تشمل الأمثلة الشبكات الداخلية للشركات، وMicrosoft MSDN (www.msdn.microsoft.com)، وAmazon.com (www.amazon.com).
تتيح جمع البيانات التي يوفرها زائرو الموقع وحفظها وتحليلها.
في الماضي، كانت البيانات المدخلة في نماذج HTML ترسل كرسائل بريد إلكتروني للموظفين أو تطبيقات CGI للمعالجة. يمكن لتطبيق الويب حفظ بيانات النماذج مباشرة في قاعدة البيانات وأيضًا استخراج البيانات وإنشاء تقارير قائمة على الويب للتحليل.تشمل الأمثلة صفحات الخدمات المصرفية عبر الإنترنت، وصفحات الدفع في المتاجر، والاستبيانات، ونماذج ملاحظات المستخدمين.
تتيح تحديث مواقع الويب التي تحتوي على محتوى دائم التغير.
يحرر تطبيق الويب مصمم الويب من التحديث المستمر لـ HTML الخاص بالموقع. موفرو المحتوى مثل محرري الأخبار يزودون تطبيق الويب بالمحتوى، وهو يحدّث الموقع تلقائيًا.تشمل الأمثلة مجلة Economist (www.economist.com) وشبكة CNN (www.cnn.com).
مثال على تطبيقات الويب
جانيت هي مصممة ويب محترفة ومستخدمة Dreamweaver لفترة طويلة، وهي مسؤولة عن صيانة مواقع الإنترانت والإنترنت لشركة متوسطة الحجم تضم 1000 موظف.في يوم من الأيام، يأتي إليها كريس من الموارد البشرية بمشكلة. قسم الموارد البشرية يدير برنامج لياقة بدنية للموظفين يمنح الموظفين نقاط عن كل ميل يمشونه أو يركبون الدراجة أو يجرون. يجب على كل موظف أن يبلغ عن إجمالي الأميال الشهرية الخاصة به في بريد إلكتروني إلى كريس.في نهاية الشهر، يجمع كريس جميع رسائل البريد الإلكتروني ويمنح الموظفين جوائز نقدية صغيرة وفقًا لإجماليات نقاطهم.
تكمن مشكلة كريس في أن برنامج اللياقة البدنية لاقى نجاحًا كبيرًا. يشارك الآن عدد كبير من الموظفين لدرجة أن كريس تغمره رسائل البريد الإلكتروني في نهاية كل شهر.يسأل كريس جانيت إن كان هناك حل قائم على الويب.
تقترح جانيت تطبيق ويب قائم على الإنترانت يؤدي المهام التالية:
يسمح للموظفين بإدخال المسافة المقطوعة في صفحة ويب باستخدام نموذج HTML بسيط
تخزين عدد الأميال للموظفين في قاعدة بيانات
حساب نقاط اللياقة البدنية استنادًا إلى بيانات عدد الأميال
السماح للموظفين بتتبع تقدمهم الشهري
يمنح كريس وصولاً بنقرة واحدة إلى إجماليات النقاط في نهاية كل شهر
تحصل Janet على التطبيق وتشغله قبل وقت الغداء باستخدام Dreamweaver، الذي يحتوي على الأدوات التي تحتاجها لبناء هذا النوع من التطبيقات بسرعة وسهولة.
طريقة عمل تطبيق الويب
تطبيق الويب هو مجموعة من صفحات الويب الثابتة والديناميكية.صفحة الويب الثابتة هي التي لا تتغير عندما يطلبها زائر الموقع: يرسل خادم الويب الصفحة إلى متصفح الويب الطالب دون تعديلها.في المقابل، يتم تعديل صفحة الويب الديناميكية بواسطة الخادم قبل إرسالها إلى المتصفح الطالب.الطبيعة المتغيرة للصفحة هي سبب تسميتها ديناميكية.
على سبيل المثال، يمكنك تصميم صفحة لعرض نتائج اللياقة البدنية، مع ترك معلومات معينة (مثل اسم الموظف والنتائج) ليتم تحديدها عند طلب الصفحة من قبل موظف معين.
تصف الأقسام التالية كيف تعمل تطبيقات الويب بتفصيل أكبر.
معالجة صفحات الويب الثابتة
يتكون الموقع الثابت من مجموعة من صفحات HTML ذات الصلة والملفات المستضافة على جهاز كمبيوتر يشغل خادم ويب.
خادم الويب هو برنامج يقدم صفحات الويب استجابة لطلبات من متصفحات الويب.يتم إنشاء طلب الصفحة عندما ينقر الزائر على رابط في صفحة ويب، أو يحدد إشارة مرجعية في المتصفح، أو يدخل عنوان URL في مربع نص عنوان المتصفح.
يتم تحديد المحتوى النهائي لصفحة الويب الثابتة من قبل مصمم الصفحة ولا يتغير عند طلب الصفحة.إليك مثال:
<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
</body>
</html>
يتم كتابة كل سطر من كود HTML الخاص بالصفحة بواسطة المصمم قبل وضع الصفحة على الخادم.لأن HTML لا يتغير بمجرد وضعه على الخادم، يسمى هذا النوع من الصفحات صفحة ثابتة.
وعلى وجه الدقة، قد تكون الصفحة "الثابتة" ليست ثابتة مطلقًا. على سبيل المثال، من الممكن أن تحول صورة تمرير أو محتوى Flash (ملف SWF) الصفحة الثابتة إلى صفحة نابضة بالحياة. ومع ذلك، تشير هذه الوثائق إلى الصفحات على أنها ثابتة عندما يتم إرسالها إلى المستعرض دون تعديلات.
عندما يتلقى خادم الويب طلبًا لصفحة ثابتة، يقرأ الخادم الطلب، ويجد الصفحة، ويرسلها إلى المتصفح الطالب، كما يوضح المثال التالي:
A. يطلب مستعرض الويب صفحة ثابتة. B. يعثر خادم الويب على الصفحة. C. يرسل خادم الويب الصفحة إلى المستعرض الطالب.
في حالة تطبيقات الويب، تكون بعض أسطر الكود غير محددة عندما يطلب الزائر الصفحة.يجب تحديد هذه الأسطر بواسطة آلية معينة قبل أن يتم إرسال الصفحة إلى المتصفح. تتم مناقشة الآلية في القسم التالي.
معالجة الصفحات الديناميكية
عندما يتلقى خادم الويب طلبًا لصفحة ويب ثابتة، يرسل الخادم الصفحة مباشرة إلى المتصفح الطالب.عندما يتلقى خادم الويب طلبًا لصفحة ديناميكية، فإنه يتفاعل بشكل مختلف: يمرر الصفحة إلى قطعة برمجية خاصة مسؤولة عن إنهاء الصفحة. ويطلق على هذا البرنامج الخاص اسم خادم التطبيقات.
يقرأ خادم التطبيق الكود الموجود على الصفحة، وينهي الصفحة وفقًا للتعليمات الموجودة في الكود، ثم يزيل الكود من الصفحة. النتيجة هي صفحة ثابتة يمررها خادم التطبيق مرة أخرى إلى خادم الويب، الذي يرسل الصفحة بعد ذلك إلى المتصفح المطلوب. كل ما يحصل عليه المتصفح عند وصول الصفحة هو HTML خالص. وإليك فيما يلي تمثيل للمعالجة:
A. يطلب مستعرض الويب صفحة ديناميكية. B. يعثر خادم الويب على الصفحة ويمررها إلى خادم التطبيقات. C. يفحص خادم التطبيقات الصفحة بحثًا عن تعليمات ثم ينهيها. D. يمرر خادم التطبيقات الصفحة النهائية مرة أخرى إلى خادم الويب E. يرسل خادم الويب الصفحة النهائية إلى المستعرض الطالب
الوصول إلى قاعدة بيانات
يتيح لك خادم التطبيق العمل مع موارد الخادم مثل قواعد البيانات. على سبيل المثال، قد توجه الصفحة الديناميكية خادم التطبيق لاستخراج البيانات من قاعدة البيانات وإدراجها في HTML الخاص بالصفحة. لمزيد من المعلومات، راجع www.adobe.com/go/learn_dw_dbguide_ae.
استخدام قاعدة البيانات لتخزين المحتوى يتيح لك فصل تصميم موقعك عن المحتوى الذي تريد عرضه لمستخدمي الموقع. بدلاً من كتابة ملفات HTML فردية لكل صفحة، تحتاج فقط إلى كتابة صفحة واحدة—أو قالب—لأنواع المعلومات المختلفة التي تريد عرضها. يمكنك بعد ذلك رفع المحتوى إلى قاعدة البيانات ثم جعل الموقع يسترد هذا المحتوى استجابةً لطلب المستخدم. يمكنك أيضًا تحديث المعلومات في مصدر واحد، ثم نشر هذا التغيير في جميع أنحاء الموقع دون الحاجة إلى تعديل كل صفحة يدويًا. يمكنك استخدام Adobe Dreamweaver لتصميم نماذج الويب لإدراج أو تحديث أو حذف البيانات من قاعدة البيانات.
التعليمة لاستخراج البيانات من قاعدة البيانات تُسمى استعلام قاعدة البيانات. يتكون الاستعلام من معايير البحث المعبر عنها في لغة قواعد البيانات التي تُسمى SQL (لغة الاستعلامات المهيكلة).يتم كتابة استعلام SQL في البرامج النصية أو العلامات من جانب الخادم للصفحة.
لا يستطيع خادم التطبيق التواصل مباشرة مع قاعدة البيانات لأن التنسيق الخاص لقاعدة البيانات يجعل البيانات غير قابلة للفهم بنفس الطريقة التي قد يكون فيها مستند Microsoft Word مفتوح في Notepad أو BBEdit غير قابل للفهم. يمكن لخادم التطبيق التواصل مع قاعدة البيانات فقط من خلال وساطة برنامج تشغيل قاعدة البيانات: برمجية تعمل مثل مترجم بين خادم التطبيق وقاعدة البيانات.
بعد أن يؤسس برنامج التشغيل التواصل، يتم تنفيذ الاستعلام ضد قاعدة البيانات وإنشاء مجموعة سجلات. مجموعة السجلات هي مجموعة من البيانات المستخرجة من جدول واحد أو أكثر في قاعدة البيانات. يتم إرجاع مجموعة السجلات إلى خادم التطبيق، الذي يستخدم البيانات لإكمال الصفحة.
وإليك فيما يلي استعلام قاعدة بيانات بسيط تمت كتابته بلغة SQL:
SELECT lastname, firstname, fitpoints
FROM employees
ينشئ هذا البيان مجموعة سجلات من ثلاثة أعمدة ويملؤها بصفوف تحتوي على الاسم الأخير والاسم الأول ونقاط اللياقة لجميع الموظفين في قاعدة البيانات. لمزيد من المعلومات، راجع www.adobe.com/go/learn_dw_sqlprimer_ae.
يُظهر المثال التالي عملية الاستعلام من قاعدة البيانات وإرجاع البيانات إلى المتصفح:
A. يطلب مستعرض الويب صفحة ديناميكية. B. يعثر خادم الويب على الصفحة ويمررها إلى خادم التطبيقات. C. يفحص خادم التطبيقات الصفحة بحثًا عن تعليمات. D. يرسل خادم التطبيقات استعلامًا لبرنامج تشغيل قاعدة البيانات. E. ينفذ برنامج التشغيل الاستعلام على قاعدة البيانات. F. يتم إرجاع مجموعة السجلات إلى برنامج التشغيل. G. يمرر برنامج التشغيل مجموعة السجلات إلى خادم التطبيقات H. يقوم خادم التطبيقات بإدراج البيانات في الصفحة، ثم تمرير الصفحة إلى خادم الويب I. يرسل خادم الويب الصفحة النهائية إلى المستعرض الطالب.
يمكنك استخدام أي قاعدة بيانات تقريباً مع تطبيق الويب الخاص بك، طالما أن برنامج تشغيل قاعدة البيانات المناسب لها مثبت على الخادم.
إذا كنت تخطط لبناء تطبيقات صغيرة منخفضة التكلفة، يمكنك استخدام قاعدة بيانات تعتمد على الملفات، مثل تلك التي يتم إنشاؤها في Microsoft Access. إذا كنت تخطط لبناء تطبيقات قوية وحيوية للأعمال، يمكنك استخدام قاعدة بيانات تعتمد على الخادم، مثل تلك التي يتم إنشاؤها في Microsoft SQL Server أو Oracle 9i أو MySQL.
إذا كانت قاعدة البيانات الخاصة بك موجودة على نظام آخر غير خادم الويب، تأكد من وجود اتصال سريع بين النظامين حتى يتمكن تطبيق الويب من العمل بسرعة وفعالية.
تأليف الصفحات الديناميكية
تتألف عملية نشر صفحة ديناميكية من كتابة HTML أولاً، ثم إضافة برامج نصية أو علامات من جانب الخادم إلى HTML لجعل الصفحة ديناميكية. وعند عرض التعليمة البرمجية الناتجة، تظهر اللغة مضمنة في HTML للصفحة. وبالتالي، تُعرف هذه اللغات بلغات برمجة HTML المضمنة. يستخدم المثال الأساسي التالي اللغة ColdFusion Markup Language (CFML):
ملاحظة: تم إزالة دعم CFML من Dreamweaver والإصدارات الأحدث.
<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
<!--- embedded instructions start here --->
<cfset department="Sales">
<cfoutput>
<p>Be sure to visit our #department# page.</p>
</cfoutput>
<!--- embedded instructions end here --->
</body>
</html>
تنفذ التعليمات المُدمجة في هذه الصفحة الإجراءات التالية:
إدراج قيمة المتغير، "Sales"، في كود HTML.
يُرجع خادم التطبيق الصفحة التالية إلى خادم الويب:
<html>
<head>
<title>صفحة معلومات شركة تريو موتورز</title>
</head>
<body>
<h1>حول شركة تريو موتورز</h1>
<p>شركة تريو موتورز هي شركة رائدة في تصنيع السيارات.</p>
<p>تأكد من زيارة صفحة المبيعات الخاصة بنا.</p>
</body>
</html>
يُرسل خادم الويب الصفحة إلى المتصفح الطالب، والذي يعرضها كما يلي:
حول Trio Motors
شركة تريو موتورز هي شركة رائدة في تصنيع السيارات.
تأكد من زيارة صفحة المبيعات الخاصة بنا.
تختار لغة برمجة نصية أو لغة تعتمد على العلامات للاستخدام حسب تقنية الخادم المتاحة على خادمك.فيما يلي اللغات الأكثر شيوعًا لتقنيات الخادم المدعومة من قبل Dreamweaver:
|
تقنية الخادم |
اللغة |
|
ColdFusion |
ColdFusion Markup Language (CFML) |
|
صفحات الخادم النشطة (ASP) |
VBScript JavaScript |
|
PHP |
PHP |
يمكن لـ Dreamweaver إنشاء دليل البرمجة أو العلامات الخاصة بجانب الخادم اللازمة لجعل صفحاتك تعمل، أو يمكنك كتابتها يدوياً في بيئة البرمجة في Dreamweaver.
مصطلحات تطبيقات الويب
يحدد هذا القسم المصطلحات المستخدمة بشكل متكرر المتعلقة بتطبيقات الويب.
خادم تطبيقات
برنامج يساعد خادم الويب على معالجة صفحات الويب التي تحتوي على نصوص برمجية أو علامات من جانب الخادم.عندما يتم طلب مثل هذه الصفحة من الخادم، يُسلم خادم الويب الصفحة إلى خادم التطبيق للمعالجة قبل إرسال الصفحة إلى المتصفح. لمزيد من المعلومات، راجع كيف يعمل تطبيق الويب.
تشمل خوادم التطبيقات الشائعة ColdFusion وPHP.
قاعدة بيانات
مجموعة من البيانات المخزنة في جداول. يشكل كل صف من الجدول سجلاً واحداً ويشكل كل عمود حقلاً في السجل، كما هو موضح في المثال التالي:
برنامج تشغيل قاعدة البيانات
برنامج يعمل كمترجم بين تطبيق الويب وقاعدة البيانات. البيانات في قاعدة البيانات مُخزنة في تنسيق مملوك. يتيح برنامج تشغيل قاعدة البيانات للتطبيق على الويب قراءة ومعالجة البيانات التي قد تكون غير قابلة للفك بطريقة أخرى.
نظام إدارة قاعدة البيانات
(DBMS، أو نظام قاعدة البيانات) البرامج المستخدمة لإنشاء ومعالجة قواعد البيانات. تشمل أنظمة قواعد البيانات الشائعة Microsoft Access وOracle 9i وMySQL.
استعلام قاعدة البيانات
العملية التي تقوم باستخراج مجموعة سجلات من قاعدة بيانات. يتكون الاستعلام من معايير البحث المُعبر عنها بلغة قاعدة البيانات المسماة SQL. على سبيل المثال، يمكن للاستعلام تحديد أن أعمدة معينة فقط أو سجلات معينة فقط يتم تضمينها في مجموعة السجلات.
صفحة ديناميكية
صفحة ويب مخصصة بواسطة خادم التطبيق قبل إرسال الصفحة إلى المتصفح.
مجموعة سجلات
مجموعة من البيانات المستخرجة من جدول واحد أو أكثر في قاعدة البيانات، كما في المثال التالي:
قاعدة بيانات ارتباطية
قاعدة بيانات تحتوي على أكثر من جدول واحد، حيث تتشارك الجداول البيانات.قاعدة البيانات التالية علائقية لأن جدولين يتشاركان في عمود DepartmentID.
تقنية الخادم
التقنية التي يستخدمها خادم التطبيق لتعديل الصفحات الديناميكية في وقت التشغيل.
تدعم بيئة التطوير في Dreamweaver تقنيات الخادم التالية:
Adobe® ColdFusion®
صفحات الخادم النشطة من Microsoft (ASP)
PHP: Hypertext Preprocessor (PHP)
يمكنك أيضاً استخدام بيئة البرمجة في Dreamweaver لتطوير صفحات لأي تقنية خادم أخرى غير مُدرجة.
صفحة ثابتة
صفحة ويب لا يتم تعديلها بواسطة خادم التطبيق قبل إرسال الصفحة إلى المتصفح. لمزيد من المعلومات، راجع معالجة صفحات الويب الثابتة.
تطبيق ويب
موقع يحتوي على صفحات ذات محتوى غير محدد جزئياً أو كلياً. يتم تحديد المحتوى النهائي لهذه الصفحات فقط عندما يطلب زائر صفحة من خادم الويب. نظراً لأن المحتوى النهائي للصفحة يتغير من طلب إلى آخر بناءً على إجراءات الزائر، يُسمى هذا النوع من الصفحات بالصفحة الديناميكية.
خادم ويب
البرامج التي ترسل صفحات الويب استجابة لطلبات من متصفحات الويب. يتم إنشاء طلب الصفحة عندما ينقر زائر على رابط في صفحة ويب في المتصفح، أو يحدد إشارة مرجعية في المتصفح، أو يدخل URL في مربع نص العنوان في المتصفح.
تشمل خوادم الويب الشائعة Microsoft Internet Information Server (IIS) وApache HTTP Server.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
