- دليل مستخدم Dreamweaver
- مقدمة
- Dreamweaver وCreative Cloud
- مساحات عمل Dreamweaver وطرق عرضه
- إعداد المواقع
- حول مواقع Dreamweaver
- إعداد إصدار محلي من موقعك
- الاتصال بخادم نشر
- إعداد خادم اختبار
- استيراد إعدادات موقع Dreamweaver وتصديرها
- إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
- ميزات الوصول في Dreamweaver
- الإعدادات المتقدمة
- تعيين تفضيلات الموقع لنقل الملفات
- تحديد إعدادات خادم الوكيل في Dreamweaver
- مزامنة إعدادات Dreamweaver مع Creative Cloud
- استخدام Git في Dreamweaver
- إدارة الملفات
- التخطيط والتصميم
- CSS
- فهم أوراق الأنماط المتتالية
- تخطيط الصفحات باستخدام CSS Designer
- استخدام معالجات CSS الأولية في Dreamweaver
- كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
- نقل قواعد CSS في Dreamweaver
- تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
- استخدام علامات div
- تطبيق تدرجات على الخلفية
- إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
- تنسيق التعليمات البرمجية
- محتويات الصفحة وأصولها
- تعيين خصائص الصفحة
- تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
- استخدام النص
- البحث عن النص والعلامات والسمات واستبدالها
- لوحة DOM
- التحرير في Live View
- ترميز المستندات في Dreamweaver
- تحديد العناصر وعرضها في النافذة Document
- تعيين خصائص النص في عارض الخصائص
- إجراء التدقيق الإملائي لصفحة ويب
- استخدام القواعد الأفقية في Dreamweaver
- إضافة مجموعات الخطوط وتعديلها في Dreamweaver
- استخدام الأصول
- إدراج التواريخ وتحديثها في Dreamweaver
- إنشاء الأصول المفضلة وإدارتها في Dreamweaver
- إدراج الصور وتحريرها في Dreamweaver
- إضافة كائنات وسائط
- إضافة مقاطع الفيديو في Dreamweaver
- إدراج فيديو HTML5
- إدراج ملفات SWF
- إضافة تأثيرات صوتية
- إدراج صوت HTML5 في Dreamweaver
- العمل باستخدام عناصر المكتبة
- استخدام النصوص العربية والعبرية في Dreamweaver
- الربط والتنقل
- عناصر واجهة jQuery وتأثيراتها
- كتابة التعليمات البرمجية لمواقع الويب
- حول كتابة التعليمات البرمجية في Dreamweaver
- بيئة كتابة التعليمات البرمجية في Dreamweaver
- تعيين تفضيلات التعليمات البرمجية
- تخصيص ألوان التعليمات البرمجية
- كتابة تعليمة برمجية وتحريرها
- تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
- طي التعليمات البرمجية وتوسيعها
- إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
- فحص التعليمات البرمجية
- تحسين التعليمة البرمجية
- تحرير التعليمة البرمجية في طريقة العرض Design
- العمل باستخدام محتوى العنوان للصفحات
- إدراج تضمينات على جانب الخادم في Dreamweaver
- استخدام مكتبات العلامات في Dreamweaver
- استيراد علامات مخصصة إلى Dreamweaver
- استخدام سلوكيات JavaScript (إرشادات عامة)
- تطبيق سلوكيات JavaScript المضمنة
- نبذة عن لغتي XML وXSLT
- تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
- تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
- إضافة كيانات أحرف لـ XSLT في Dreamweaver
- تنسيق التعليمات البرمجية
- عمليات سير العمل على مستوى المنتجات
- تثبيت الملحقات واستخدامها في Dreamweaver
- التحديثات من داخل التطبيق في Dreamweaver
- إدراج مستندات Microsoft Office في Dreamweaver (Windows فقط)
- استخدام Fireworks وDreamweaver
- تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
- تكامل Dreamweaver مع تطبيق Business Catalyst
- إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
- القوالب
- حول قوالب Dreamweaver
- التعرف على القوالب والمستندات القائمة على القوالب
- إنشاء قالب Dreamweaver
- إنشاء مناطق قابلة للتحرير في القوالب
- إنشاء مناطق وجداول التكرار في Dreamweaver
- استخدام المناطق الاختيارية في القوالب
- تحديد سمات العلامات القابلة للتحرير في Dreamweaver
- كيفية إنشاء قوالب متداخلة في Dreamweaver
- تحرير القوالب وتحديثها وحذفها
- تصدير محتوى xml واستيراده في Dreamweaver
- تطبيق أو إزالة قالب من مستند موجود
- تحرير المحتوى في قوالب Dreamweaver
- قواعد بناء الجملة لعلامات القوالب في Dreamweaver
- تعيين تفضيلات التمييز لمناطق القالب
- فوائد استخدام القوالب في Dreamweaver
- شاشات الهاتف المحمول والشاشات المتعددة
- المواقع والصفحات ونماذج الويب الديناميكية
- فهم تطبيقات الويب
- إعداد الكمبيوتر لتطوير التطبيقات
- استكشاف أخطاء اتصالات قاعدة البيانات وحلها
- إزالة برامج الاتصال النصية في Dreamweaver
- تصميم صفحات ديناميكية
- نظرة عامة على مصادر المحتوى الديناميكي
- تعريف مصادر المحتوى الديناميكي
- إضافة محتوى ديناميكي إلى الصفحات
- تغيير المحتوى الديناميكي في Dreamweaver
- عرض سجلات قاعدة البيانات
- توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
- إضافة سلوكيات خادم مخصصة في Dreamweaver
- إنشاء النماذج باستخدام Dreamweaver
- استخدام النماذج لجمع معلومات من المستخدمين
- إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
- إنشاء نماذج الويب
- دعم HTML5 محسّن لعناصر النماذج
- تطوير نموذج باستخدام Dreamweaver
- إنشاء التطبيقات مرئيًا
- إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
- إنشاء صفحات البحث والنتائج
- إنشاء صفحة إدراج سجل
- إنشاء صفحة تحديث سجل في Dreamweaver
- إنشاء صفحات حذف سجل في Dreamweaver
- استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
- إنشاء صفحة تسجيل
- إنشاء صفحة تسجيل دخول
- إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
- تأمين المجلدات في Coldfusion باستخدام Dreamweaver
- استخدام مكونات ColdFusion في Dreamweaver
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
تعرف على كيفية عمل المواقع في Dreamweaver وافهم سبب أهمية إنشاء المواقع في Dreamweaver لسير العمل الخاص بك.
في Dreamweaver، يشير المصطلح "موقع" إلى موقع تخزين محلي أو بعيد بالنسبة للمستندات التي تنتمي إلى موقع ويب. يوفر موقع Dreamweaver طريقة لترتيب جميع مستندات الويب وإدارتها وتحميل الموقع على خادم ويب وتعقب الارتباطات وصيانتها وإدارة الملفات ومشاركتها. يجب تعريف موقع لتحقيق الاستفادة الكاملة من ميزات Dreamweaver.
موقع Dreamweaver عبارة عن مجموعة تضم جميع الملفات والأصول الموجودة على موقع الويب. يمكنك إنشاء صفحات ويب على الكمبيوتر لديك وتحميلها على خادم ويب والاحتفاظ بالموقع عن طريق نقل الملفات المحدثة عند حفظها. يمكنك أيضًا تحرير مواقع الويب وصيانتها والتي تم إنشاؤها بدون Dreamweaver.
لماذا يلزم تعريف موقع Dreamweaver؟
يمكنك العمل في Dreamweaver دون إعداد (أو تعريف) موقع.
ولكن تعريف المواقع له فوائد عديدة:
- يساعد في منع الارتباطات المقطوعة، مما يعمل على تحديث الملفات تلقائيًا على مستوى الموقع إذا قمت بنقل ملف أو إعادة تسميته.
- يساعدك في إجراء عمليات بحث واستبدال على مستوى الموقع، مما يعزز الإنتاجية بشكل كبير.
- يساعدك في نشر موقعك بسهولة، بالإضافة إلى مزامنة الملفات بين محرك الأقراص المحلي والملفات البعيدة على الويب أو الخادم التجريبي.
لتحقيق أقصى استفادة من وظائف Dreamweaver، ابدأ بتعريف الموقع. لمزيد من المعلومات حول تعريف المواقع، راجع إعداد نسخة محلية من موقعك.
مكونات موقع Dreamweaver
في Dreamweaver، يقوم الموقع بتنظيم جميع المستندات الموجودة على الكمبيوتر المحلي المتصل بموقع الويب الخاص بك ويتيح لك تتبع الارتباطات وصيانتها وإدارتها ونقل ملفات الموقع إلى خادم ويب.
يتألف موقع Dreamweaver من ثلاثة أجزاء أو مجلدات وفقًا لبيئة التطوير ونوع موقع الويب الذي تقوم بتطويره:
- المجلد المحلي: هو دليل العمل - وهو عبارة عن مجلد على محرك الأقراص الثابتة الخاص بك. يشير Dreamweaver إلى هذا المجلد باعتباره جذر الموقع المحلي. قد يكون هذا المجلد أيضًا على خادم شبكة. لمزيد من المعلومات، راجع إعداد إصدار محلي لموقعك.
- المجلد البعيد: هذا هو المكان الذي تقوم فيه بتخزين ملفاتك على الكمبيوتر الذي يقوم بتشغيل خادم الويب. يكون خادم الويب غالبًا (ولكن ليس دائمًا) الكمبيوتر الذي يتيح موقعك للجمهور العام على الويب.
بمجرد انتهائك من إنشاء موقعك أو تحديثه، يمكنك حينئذ نشر موقعك على خادم بعيد على الإنترنت مع الاحتفاظ بنسخة محلية لتحديث الملفات عند الضرورة.
لمزيد من المعلومات، راجع الاتصال بخادم نشر.
- مجلد الاختبار: هذا هو المجلد الذي يقوم فيه Dreamweaver بمعالجة الصفحات الديناميكية. إذا كان لديك نماذج ديناميكية أو محتوى PHP، يمكنك إعداد مجلد اختبار لموقعك.
لمزيد من المعلومات، راجع إعداد خادم اختبار.
لتعريف موقع Dreamweaver يجب فقط إعداد مجلد محلي. لنقل الملفات إلى خادم ويب أو لتطوير تطبيقات ويب، يجب أيضًا إضافة معلومات لموقع بعيد وخادم اختبار.
فهم بنية المجلد المحلي والبعيد
إذا كنت تريد استخدام Dreamweaver للاتصال بمجلد بعيد، فحدد المجلد البعيد في الفئة Servers بمربع الحوار Site Setup. يجب أن يتطابق المجلد البعيد الذي تحدده (يُشار إليه أيضًا باسم "دليل المضيف") مع المجلد الجذر المحلي بموقع Dreamweaver لديك. (المجلد الجذر المحلي هو المجلد الموجود في المستوى العلوي من موقع Dreamweaver.) قد يكون للمجلدات البعيدة - مثلها مثل المجلدات المحلية - أي عنوان؛ إلا أن موفري خدمات الإنترنت (ISP) عادة ما يسمون المجلدات البعيدة بالمستوى العلوي لحسابات مستخدمين مفردة بالاسم public_html, pub_html أو أي اسم آخر مماثل. إذا كنت مسؤولاً عن الخادم البعيد الخاص بك وبإمكانك تسمية المجلد البعيد بأي اسم ترغب فيه، فمن المهم أن يكون للمجلد الجذر المحلي والمجلد البعيد نفس الاسم.
يوضح المثال التالي نموذجًا للمجلد الجذر المحلي على اليسار ونموذجًا للمجلد البعيد على اليمين. يتم تعيين المجلد الجذر المحلي الموجود على الجهاز المحلي مباشرة وفقًا للمجلد البعيد الموجود على خادم الويب، وذلك بدلاً من أي من المجلدات الفرعية التابعة للمجلد البعيد أو المجلدات الموجودة أعلى المجلد البعيد في بنية الدليل.
يوضح المثال السابق مجلدًا جذرًا محليًا على جهاز محلي ومجلدًا بعيدًا بالمستوى العلوي على خادم الويب البعيد. ومع ذلك؛ إذا كنت تقوم بصيانة عدد من مواقع Dreamweaver على الجهاز المحلي، فستحتاج إلى عدد مماثل من المجلدات البعيدة على الخادم البعيد. وفي هذه الحالة، لا ينطبق المثال السابق ويجب عليك بدلاً من ذلك إنشاء مجلدات بعيدة مختلفة داخل المجلد public_html، ثم تعيينها وفقًا للمجلدات الجذر المحلية المطابقة الموجودة على الجهاز المحلي لديك.
عندما تقوم بإنشاء اتصال بعيد لأول مرة، فعادة ما يكون المجلد البعيد الموجود على خادم الويب فارغًا. وعند استخدام Dreamweaver لتحميل جميع الملفات الموجودة في المجلد الجذر المحلي، سيتم ملء المجلد البعيد بجميع ملفات الويب. يجب أن تكون بنية الدليل للمجلد البعيد والمجلد الجذر المحلي متماثلة. (أي يجب أن يكون هناك دومًا تطابق من واحد إلى واحد بين الملفات والمجلدات في المجلد الجذر المحلي، والملفات والمجلدات الموجودة في المجلد البعيد.) إذا كانت بنية المجلد البعيد لا تتطابق مع بنية المجلد الجذر المحلي، فسيقوم Dreamweaver بتحميل الملفات في المكان الخاطئ، فقد لا يكون مرئيًا لزوار الموقع. وعلاوة على ذلك، فقد تكون مسارات الصور والارتباطات تالفة في حالة عدم مزامنة هياكل المجلدات والملفات.
يجب أن يكون المجلد البعيد موجودًا قبل أن يتمكن Dreamweaver من الاتصال به. إذا لم يتم تخصيص مجلد لك يمثل المجلد البعيد على خادم الويب، فقم بإنشاء مجلد أو اطلب من مسؤول الخادم لموفر خدمة الإنترنت لتتمكن من إنشاء مجلد خاص بك.