- دليل مستخدم 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.
يمكنك الوصول إلى Advanced settings في مربع الحوار Site Setup من خلال اختيار Site > Manage Sites وتحديد الموقع الذي تريد تحريره والنقر فوق Edit.
معالجات CSS الأولية
إذا كنت تعمل مع معالجات مسبقة مثل Sass أو Less أو SCSS، يمكنك إعداد تفضيلات المعالج المسبق لـ CSS الخاصة بالموقع.
للحصول على معلومات عامة حول دعم معالج CSS الأولي في Dreamweaver، راجع معالجات CSS الأولية.
الإعدادات المتقدمة
معلومات محلية
Default Images Folder
المجلد الذي تريد تخزين الصور الخاصة بالموقع فيه. أدخل المسار إلى المجلد، أو انقر فوق رمز المجلد للاستعراض وصولاً إلى المجلد. يستخدم Dreamweaver المسار إلى المجلد عند إضافة صور إلى المستندات.
Links Relative To
لتحديد نوع الارتباطات التي يقوم Dreamweaver بإنشائها عند إنشاء ارتباطات بأصول أو صفحات أخرى في موقعك. يمكن لـ Dreamweaver إنشاء نوعين من الارتباطات: ذات الصلة بالمستندات وذات الصلة بأصل الموقع. لمزيد من المعلومات عن الاختلافات بين النوعين، راجع المسارات المطلقة، والنسبية للمستندات، والنسبية لجذر الموقع.
بشكل افتراضي، يقوم Dreamweaver بإنشاء ارتباطات ذات صلة بالمستندات. إذا قمت بتغيير الإعداد الافتراضي وتحديد الخيار Site Root، فتأكد من إدخال عنوان Web URL الصحيح للموقع في المربع النصي Web URL (انظر أدناه). لا يؤدي تغيير هذا الإعداد إلى تحويل المسار إلى الارتباطات الحالية؛ بل ينطبق الإعداد فقط على الارتباطات الجديدة التي تقوم بإنشائها بشكل مرئي من خلال Dreamweaver.
لا يظهر المحتوى المرتبط بارتباطات ذات صلة بجذر الموقع عند معاينة المستندات في المستعرض المحلي ما لم تحدد خادم اختبار أو تحدد الخيار Preview Using Temporary File في Edit > Preferences > Preview In Browser. وذلك نظرًا لأن المستعرضات لا تستطيع التعرف على جذور المواقع، في حين تستطيع الخوادم ذلك.
Web URL
عنوان URL لموقع الويب. يستخدم Dreamweaver عنوان Web URL لإنشاء ارتباطات ذات صلة بجذر الموقع والتحقق من الارتباطات عند استخدام أداة التحقق من الارتباطات.
تعتبر الارتباطات ذات الصلة بجذر الموقع مفيدة إذا لم تكن متأكدًا بشأن الموقع النهائي في بنية الدليل للصفحة التي تعمل عليها، أو إذا كنت تعتقد أنك ستقوم لاحقًا بإعادة تحديد موقع الملفات التي تحتوي على ارتباطات أو إعادة ترتيبها. الارتباطات ذات الصلة بجذر الموقع هي ارتباطات تعتبر مساراتها إلى أصول الموقع ذات صلة بجذر الموقع، وليس المستند، وبالتالي إذا قمت بنقل المستند في مرحلة معينة، فسيظل المسار إلى الأصول صحيحًا.
على سبيل المثال، لنفترض أنك قمت بتحديد http://www.mysite.com/mycoolsite (دليل جذر الموقع للخادم البعيد)، مثل عنوان Web URL، وأنك لديك مجلد صور أيضًا في دليل mycoolsite على الخادم البعيد (http://www.mysite.com/mycoolsite/images). لنفترض أيضًا أن ملف index.html هو دليل mycoolsite.
عند إنشاء ارتباط ذي صلة بجذر الموقع من ملف index.html إلى صورة في دليل الصور، سيبدو الارتباط على النحو التالي:
<img src="/mycoolsite/images/image1.jpg" />
يعتبر هذا مختلفًا عن الارتباط ذي الصلة بالمستند والذي سيكون على النحو التالي:
<img src="images/image1.jpg" />
يرتبط إلحاق /mycoolsite/ بمصدر الصورة بالصورة ذات الصلة بجذر الموقع، وليس المستند. لنفترض أن الصورة تظل في دليل الصور، فسيكون مسار الملف إلى الصورة (/mycoolsite/images/image1.jpg) صحيحًا دومًا، حتى إذا قمت بنقل الملف index.html إلى دليل آخر.
لمزيد من المعلومات، راجع المسارات المطلقة، والنسبية للمستندات، والنسبية لجذر الموقع.
فيما يتعلق بالتحقق من الارتباطات، يلزم توفر عنوان Web URL لتحديد ما إذا كان الارتباط داخليًا أو خارجيًا بالنسبة للموقع. على سبيل المثال، إذا كان عنوان web URL هو http://www.mysite.com/mycoolsite، وإذا وجد برنامج التحقق من الارتباطات ارتباطًا بعنوان URL وهو http://www.yoursite.com على صفحتك، فسيحدد برنامج التحقق أن الارتباط الأخير عبارة عن ارتباط خارجي والإبلاغ عنها كذلك. وبالمثل، فإن برنامج التحقق من الارتباطات يستخدم عنوان Web URL لتحديد ما إذا كانت الارتباطات داخلية بالنسبة للموقع أم لا، ثم التحقق لمشاهدة ما إذا كانت هذه الارتباطات الداخلية غير سليمة أم لا.
Case-sensitive Links Checking
يتحقق من مطابقة حالة الارتباطات لحالة أسماء الملفات عندما يقوم Dreamweaver بالتحقق من الارتباطات. يعتبر هذا الخيار مفيدًا على أنظمة UNIX حيث تكون أسماء الملفات حساسة لحالة الأحرف.
Enable Cache
للإشارة إلى ما إذا كنت ستقوم بإنشاء ذاكرة تخزين مؤقت محلية لتحسين سرعة الارتباط ومهام إدارة الموقع. إذا لم تقم بتحديد هذا الخيار، فسيسألك Dreamweaver عما إذا كنت تريد إنشاء ذاكرة تخزين مؤقت مرة أخرى قبل إنشاء الموقع أم لا. من المهم تحديد هذا الخيار لأن اللوحة Assets (في مجموعة اللوحة Files) تعمل فقط في حالة إنشاء ذاكرة تخزين مؤقت.
الفئة Cloaking والفئات الأخرى
لمزيد من المعلومات حول الفئات Cloaking وDesign Notes وFile View Columns وContribute وTemplates وJQuery وWeb Fonts وAnimation Assets، انقر فوق الموضوع المناسب في الجدول أدناه.
الإعداد المتقدم | الوثائق |
---|---|
Cloaking | حماية ملفات ومجلدات في موقع Dreamweaver |
Design Notes | تمكين Design Notes لمواقع Dreamweaver |
File View Columns | إدارة الملفات والمجلدات |
Contribute | تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute |
PHP | تعيين تفضيلات PHP |
Bootstrap | تصميم مواقع تفاعلية باستخدام Bootstrap |
Templates | حول قوالب Dreamweaver |
jQuery | استخدام عناصر واجهة مستخدم jQuery UI في Dreamweaver |
Web Fonts | تعديل مجموعات الخطوط |
Animation Assets | استيراد التراكيب المتحركة في Dreamweaver |
JS Lint | فحص ECMAScript 6 |