تصميم صفحات ديناميكية

تصميم الصفحة.

خطوة أساسية في تصميم أي موقع—سواء كان ثابتًا أو ديناميكيًا—هي التصميم المرئي للصفحة. عند إضافة عناصر ديناميكية إلى صفحة ويب، يصبح تصميم الصفحة أمرًا بالغ الأهمية لسهولة استخدامها. يجب أن تفكر بعناية في كيفية تفاعل المستخدمين مع الصفحات الفردية والموقع ككل.

طريقة شائعة لدمج المحتوى الديناميكي في صفحة ويب هي إنشاء جدول لعرض المحتوى، واستيراد المحتوى الديناميكي في واحدة أو أكثر من خلايا الجدول. باستخدام هذه الطريقة يمكنك عرض معلومات من أنواع مختلفة بتنسيق منظم.

إنشاء مصدر محتوى ديناميكي.

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

• أنشئ اتصالاً بمصدر المحتوى الديناميكي (مثل قاعدة البيانات) وبخادم التطبيق الذي يعالج الصفحة. أنشئ مصدر البيانات باستخدام لوحة ‏Bindings؛ ثم يمكنك تحديد وإدراج مصدر البيانات في الصفحة.

• حدد المعلومات التي تريد عرضها في قاعدة البيانات، أو المتغيرات التي تريد تضمينها في الصفحة عن طريق إنشاء مجموعة سجلات. يمكنك أيضًا اختبار الاستعلام من داخل مربع حوار Recordset، وإجراء أي تعديلات مطلوبة قبل إضافته إلى لوحة Bindings.

• حدد وأدرج عناصر المحتوى الديناميكي في الصفحة المحددة.

إضافة محتوى ديناميكي إلى صفحة ويب.

بعد أن تحدد مجموعة سجلات أو مصدر بيانات آخر وتضيفه إلى لوحة Bindings، يمكنك إدراج المحتوى الديناميكي الذي تمثله مجموعة السجلات في الصفحة. تجعل واجهة dreamweaver المدفوعة بالقوائم إضافة عناصر المحتوى الديناميكي سهلة مثل تحديد مصدر محتوى ديناميكي من لوحة Bindings، وإدراجه في كائن نص أو صورة أو نموذج مناسب داخل الصفحة الحالية.

عندما تدرج عنصر محتوى ديناميكي أو سلوك خادم آخر في صفحة، يدرج dreamweaver دليل برمجة من جانب الخادم في الكود المصدر للصفحة. يوجه هذا البرنامج النصي الخادم لاسترداد البيانات من مصدر البيانات المحدد وعرضها داخل صفحة الويب. لوضع المحتوى الديناميكي داخل صفحة ويب، يمكنك القيام بأحد الأمور التالية:

• وضعه في نقطة الإدراج في عرض Code أو Design.

• استبدال سلسلة نصية أو عنصر نائب آخر.

  أدرجه في خاصية HTML. على سبيل المثال، يمكن للمحتوى الديناميكي تحديد خاصية src للصورة أو خاصية value لحقل النموذج.

إضافة سلوكيات خادم إلى صفحة.

بالإضافة إلى إضافة المحتوى الديناميكي، يمكنك دمج منطق تطبيق معقد في صفحات الويب باستخدام سلوكيات الخادم. سلوكيات الخادم هي قطع محددة مسبقًا من كود جانب الخادم تضيف منطق التطبيق إلى صفحات الويب، مما يوفر تفاعلاً ووظائف أكبر.

تتيح لك سلوكيات الخادم في Dreamweaver إضافة منطق التطبيق إلى موقع ويب دون الحاجة إلى كتابة الكود بنفسك. تدعم سلوكيات الخادم المرفقة مع Dreamweaver أنواع مستندات ColdFusion وASP وPHP. كُتِبت سلوكيات الخادم واختُبِرت لتكون سريعة وآمنة وقوية. تدعم سلوكيات الخادم المدمجة صفحات الويب متعددة المنصات لجميع المتصفحات.

يوفر Dreamweaver واجهة التأشير والنقر التي تجعل تطبيق المحتوى الديناميكي والسلوكيات المعقدة على الصفحة سهلاً مثل إدراج العناصر النصية وعناصر التصميم. سلوكيات الخادم التالية متاحة:

• عرِّف مجموعة سجلات من قاعدة بيانات موجودة. يتم بعد ذلك تخزين مجموعة السجلات التي تحددها في لوحة الربط.

• عرض سجلات متعددة في صفحة واحدة. تحدد إما جدولاً كاملاً أو خلايا أو صفوف منفردة تحتوي على محتوى ديناميكي، وتحدد عدد السجلات المراد عرضها في كل عرض للصفحة.

• أنشئ وأدرج جدولاً ديناميكياً في صفحة، واربط الجدول بمجموعة سجلات. يمكنك لاحقاً تعديل كل من مظهر الجدول والمنطقة المتكررة باستخدام مفتش الخصائص وسلوك خادم المنطقة المتكررة، على التوالي.

• إدراج كائن نص ديناميكي إلى صفحة. كائن النص الذي تدرجه هو عنصر من مجموعة سجلات محددة مسبقاً، والذي يمكنك تطبيق أي من تنسيقات البيانات عليه.

• إنشاء عناصر تحكم التنقل والحالة للسجلات، وصفحات رئيسية/تفصيلية، ونماذج لتحديث المعلومات في قاعدة البيانات.

• عرض أكثر من سجل وذلك من أحد سجلات قاعدة بيانات.

• إنشاء روابط التنقل في مجموعة السجلات التي تسمح للمستخدمين بعرض السجلات السابقة أو التالية من سجل قاعدة البيانات.

• إضافة عداد سجلات لمساعدة المستخدمين على تتبع عدد السجلات التي تم إرجاعها، وموقعهم في النتيجة المُرجعة.

يمكنك أيضاً توسيع سلوكيات خادم Dreamweaver بكتابة سلوكياتك الخاصة، أو تثبيت سلوكيات خادم مكتوبة من قبل أطراف ثالثة.

اختبار الصفحة وتصحيحها.

قبل جعل صفحة ديناميكية أو موقع ويب كامل متاحاً على الويب، يجب أن تختبر وظائفها. يجب أيضاً أن تفكر في كيفية تأثير وظائف تطبيقك على الأشخاص ذوي الإعاقة.