الآن دعني أطلعك على مثال لأخذك خطوة بخطوة إلى Dreamweaver UltraDev 4. ستجد أنه من السهل جدًا إنشاء صفحات ويب ديناميكية.
أولاً، دعونا نلقي نظرة على واجهة تشغيل Dreamweaver UltraDev. هنا نقدم فقط المحتوى الذي سنستخدمه، ويمكنك التفكير ببطء في الأشياء الأخرى التي لم يتم تقديمها.
هذه هي الواجهة الرئيسية لبرنامج Dreamweaver Ultradev للوهلة الأولى، لا تختلف كثيرًا عن Dreamweaver.
هذه واجهة تتم فيها الإشارة إلى التعليمات البرمجية المصدر وما تراه بشكل متبادل. يمكنك بسهولة رؤية التعليمات البرمجية التي تم إنشاؤها بواسطة Dreamweaver عندما تقوم بالتحرير، ويمكنك بسهولة تعلم لغة HTML:
هذه هي الواجهة لتحرير الكود المصدري بالكامل يدويًا:
الآن، دعونا نلقي نظرة على خيارات القائمة المحددة:
قائمة الملف تحرير القائمة
تعديل القائمة النصية
قائمة أوامر الموقع
قائمة عرض النافذة
إدراج القائمة
أعتقد أن الأصدقاء الذين استخدموا Dreamweaver يجب أن يكونوا على دراية بتطبيقات هذه القوائم. الخيارات ذات الإطار الأحمر هي الخيارات التي سنستخدمها بشكل متكرر في المستقبل. بعد ذلك، دعونا نلقي نظرة فاحصة على محتويات قائمة "إدراج" وقائمة "نافذة". إدراج -> كائنات حية، من خلال هذه الخيارات، يمكنك بسهولة إدراج وتحديث وعرض وعمليات البيانات الأخرى، كما هو موضح في الشكل 1-22
نافذة -> كائن تدمج هذه اللوحة محتويات قائمة "إدراج". يمكنك تنفيذ وظائف متنوعة في قائمة "إدراج" من خلال النقر على الأيقونات الموجودة على اللوحة. كما هو مبين في الشكل 1-23
انقر فوق رمز المثلث الموجود في لوحة Object لعرض هذه العناصر الفرعية المقابلة للمحتويات المتنوعة في القائمة Insert.
نافذة -> خصائص استخدم هذه اللوحة لتحديد خصائص العناصر المختلفة في صفحة الويب، كما هو موضح في الشكل 1-24
Window -> السلوكيات أعتقد أن الأصدقاء الذين استخدموا Dreamweaver هم الأكثر دراية بهذه اللوحة، ومن خلالها يمكننا بسهولة تطبيق العديد من المؤثرات الخاصة على صفحات الويب الخاصة بنا. عندما نتحدث عن تطبيقات المكونات الإضافية لاحقًا، هناك العديد من المكونات الإضافية التي تستخدم هذه اللوحة.
كما هو مبين في الشكل 1-25
Window -> Launcher يعادل شريط التشغيل السريع في Windows، حيث يمكنه فتح اللوحة التي تحتاجها بسرعة وسهولة.
نافذة -> مرجع هل هناك مشكلات في بناء الجملة مع Html أو Javascript؟ افتح هذه اللوحة وسترى ذلك في لمحة. متاح لك للتحقق في أي وقت.
التالي هو أفضل ما لدينا، لوحتي Data Bindings وServer Behaviors، يمكننا من خلال هاتين اللوحتين تحقيق حلمنا في تطوير تطبيق موقع ويب كامل الوظائف دون كتابة كود البرنامج.
Window -> Data Bindings تُستخدم هذه اللوحة لإنشاء مجموعات السجلات. إذا كنت لا تعرف ما هي مجموعة السجلات، فلا يهم، يمكنك فهمها على أنها تُستخدم للاتصال بقاعدة البيانات (بالطبع لديها المزيد بعد الاتصال بقاعدة البيانات، يمكن الآن إضافة البيانات وحذفها وتحريرها وعرضها وما إلى ذلك. ويمكن إنشاء برامج مثل لوحات الرسائل والاستطلاعات التي كانت تتطلب في السابق مئات الأسطر من التعليمات البرمجية بنقرة إصبع. . هل أنت متحمس لتجربتها؟ لا تتعجل، خذ وقتك. ^0^
نافذة -> سلوكيات الخادم لا يكفي الاتصال بقاعدة البيانات، حيث تتم جميع العمليات مثل إضافة وحذف البيانات المذكورة أعلاه في هذه اللوحة. هل شاهدت خيارات إدراج سجل وتحديث السجل على اللوحة؟
بعد رؤية هذا، أعتقد أن كل شخص لديه انطباع معين عن Dreamweaver Ultradev. بعد ذلك، سنبدأ في إنشاء تطبيقات الويب الخاصة بنا. هل تشعر بفارغ الصبر؟ (سأخبرك سرًا، لم أستطع الانتظار بعد قراءة مساعدة أولتراديف...). بعد ذلك، سنستخدم مثالًا بسيطًا لتسجيل المستخدم لمساعدتك في البداية على تعلم كيفية استخدام وظائف Ultradev الأساسية، مثل عرض السجلات وإضافتها وحذفها وتحريرها، بالإضافة إلى إنشاء محرك بحث بسيط وواجهة خلفية لإدارة موقع الويب. لكن---انتظر لحظة، كيف يمكن لتطبيق ويب أن يعمل بدون قاعدة بيانات؟ لذا فإن المحتوى التالي هو تعليمك كيفية استخدام Microsoft Access 2000 لإنشاء قاعدة بيانات بسيطة. سبب استخدام Access هو أنه أسهل في الاستخدام ومناسب للتطبيقات الصغيرة والمتوسطة الحجم، وأعتقد أن معظم أصدقائي يستخدمونه تم تثبيته على أجهزتهم. حسنًا، يرجى الاطلاع على التقسيم في المرة القادمة.