- دليل مستخدم 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 الخاص بك قبل تحميل موقع الويب الخاص بك.
إرشادات اختبار الموقع
قبل تحميل موقعك على خادم وتعريفه كموقع جاهز للعرض، من المهم اختباره محليًا. (في الحقيقة، من المفيد اختبار موقعك واستكشاف مشكلاته وإصلاحها بشكل دوري عبر تركيبته الهيكلية—يمكنك اكتشاف المشكلات مبكرًا وتجنب تكرار حدوثها.)
يجب التأكد أن الصفحات تبدو وتعمل على النحو المتوقع في المستعرضات التي تستهدفها وأن الصفحات لا تستغرق وقتًا طويلاً لتنزيلها. يمكنك أيضًا اختبار الموقع بأكمله واستكشاف مشكلاته وإصلاحها عن طريق تشغيل تقرير للموقع.
ستساعدك الإرشادات التالية على إنشاء تجربة طيبة لزوار موقعك:
تأكد أن الصفحات تعمل في المستعرضات التي تستهدفها.
يجب أن تكون الصفحات مؤهلة وعاملة في المستعرضات التي لا تدعم الأنماط أو الطبقات أو المكونات الإضافية أو JavaScript. بالنسبة للصفحات التي تظهر فشلا في المستعرضات القديمة، فيجب مراعاة استخدام سلوك Check Browser لإعادة توجيه الزوار تلقائيًا إلى صفحة أخرى.
قم بمعاينة الصفحات في مستعرضات وأنظمة أساسية مختلفة.
يتيح لك هذا فرصة لرؤية الاختلافات في النسق واللون وأحجام الخطوط وحجم نافذة المستعرض الافتراضي الذي لا يمكن التنبؤ به في اختبار المستعرض الهدف.
تحقق من موقعك للتأكد من عدم وجود ارتباطات غير سليمة وقم بإصلاحها إن وجدت.
بينما تمر المواقع الأخرى بإعادة تصميم وإعادة هيكلة أيضًا وربما تم نقل الصفحة التي ترتبط بها أو حذفها. يمكنك تشغيل تقرير اختبار الارتباط لاختبار الارتباطات.
راقب حجم الملف للصفحات والوقت المستغرق لتنزيلها.
يجب مراعاة أنه إذا كانت هناك صفحة تتألف من جدول كبير في بعض المستعرضات، فلن يشاهد الزوار أي شيء حتى ينتهي تحميل الجدول بأكمله. يجب أيضًا مراعاة تقسيم الجداول الكبيرة، وإذا لم يكن هذا ممكنًا فيجب مراعاة وضع قدر صغير من المحتوى - مثل رسالة ترحيب أو شعار إعلاني - خارج الجدول أعلى الصفحة؛ بحيث يستطيع المستخدمون عرض هذه المادة أثناء تنزيل الجدول.
قم بتشغيل تقارير موقع أقل لاختبار الموقع بأكمله واستكشاف مشكلاته وإصلاحها.
يمكنك مراجعة الموقع بأكمله للتحقق من عدم وجود مشكلات به، مثل العلامات الفارغة والعلامات المتكررة والمتداخلة.
تحقق من التعليمات البرمجية لتحديد موقع أخطاء العلامات والصياغة.
قم بتحديث الموقع وصيانته بعد الانتهاء من نشره.
يمكن تنفيذ نشر الموقع - أي إظهاره للجمهور - بعدة طرق وهي تعتبر بمثابة عملية مستمرة. جزء مهم من العملية هو تعريف نظام للتحكم في الإصدارات وتنفيذها، إما باستخدام الأدوات التي يتضمنها Dreamweaver أو من خلال تطبيق خارجي للتحكم في الإصدارات.
استخدم منتديات النقاش.
يمكن العثور على منتديات نقاش Dreamweaver على موقع Adobe على الويب _aewww.adobe.com/go/dreamweaver_newsgroup_ae.
تعتبر المنتديات موردًا هائلاً للعثور على معلومات عن المستعرضات والأنظمة الأساسية، إلخ. يمكنك أيضًا مناقشة المشكلات الفنية ومشاركة التلميحات المفيدة مع مستخدمي Dreamweaver آخرين.
للحصول على برنامج تعليمي حول استكشاف أخطاء مشاكل النشر وإصلاحها، راجع www.adobe.com/go/vid0164_ae.
استخدام التقارير لاختبار موقعك
يمكنك تشغيل تقارير المواقع على سير العمل أو سمات HTML. يمكنك أيضًا استخدام الأمر Reports للتحقق من الاختبارات الموجودة في الموقع.
يمكن أن تحسن تقارير سير العمل من التعاون فيما بين أعضاء فريق الويب. يمكنك تشغيل تقارير سير العمل التي تعرض من قام بسحب الملف وأي الملفات قام Design Notes بإقرانها به وأي الملفات تم تعديلها مؤخرًا. يمكنك أيضًا تنقيح تقارير Design Note عن طريق تحديد معلمات الاسم/القيمة.
يجب تعريف اتصال موقع بعيد لتتمكن من تشغيل تقارير سير العمل.
تتيح لك تقارير HTML دمج التقارير وإنشائها لسمات HTML المتعددة. يمكنك التحقق من علامات الخطوط المتداخلة القابلة للدمج ونصوص Alt المفقودة والعلامات المتداخلة المتكررة والعلامات الفارغة القابلة للإزالة والمستندات غير المعنونة.
بعد الانتهاء من تشغيل تقرير معين، يمكنك حفظه كملف XML ثم استيراده في مثيل قالب أو قاعدة بيانات أو جدول بيانات وطباعته أو عرضه على موقع الويب.
يمكنك أيضًا إضافة أنواع تقارير مختلفة إلى Dreamweaver من خلال موقع Adobe Dreamweaver Exchange على الويب.
تشغيل التقارير لاختبار الموقع
-
حدد Site > Reports.
-
حدد ما تريد الإبلاغ عنه من القائمة Report On المنبثقة وقم بتعيين أي من أنواع التقارير لتشغيلها (سير العمل أو HTML).
لا يمكنك تشغيل تقرير Selected Files In Site ما لم تقم بالفعل بتحديد الملفات في اللوحة Files.
-
إذا قمت بتحديد تقرير سير عمل، فانقر فوق Report Settings. وإلا، فتجاوز هذه الخطوة.ملاحظة:
إذا قمت بتحديد أكثر من تقرير سير عمل، فيجب النقر فوق الزر Report Settings لكل تقرير. حدد تقريرًا وانقر فوق Report Settings وأدخل الإعدادات، ثم كرر العملية لأي من تقارير سير العمل الأخرى.
Checked Out By
لإنشاء تقرير يعرض جميع المستندات التي تم سحبها بواسطة عضو معين بالفريق. أدخل اسم عضو الفريق ثم انقر فوق OK للرجوع إلى مربع الحوار Reports.
Design Notes
لإنشاء تقرير يعرض جميع ملاحظات Design Notes للمستندات المحددة أو للموقع. أدخل زوج اسم وقيمة واحدًا أو أكثر ثم حدد قيم المقارنة من القوائم المنبثقة المطابقة. انقر فوق OK للرجوع إلى مربع الحوار Reports.
Recently Modified
لإنشاء تقرير يسرد الملفات التي تم تغييرها منذ نطاق زمني محدد. أدخل نطاق تواريخ وموقعًا للملفات التي تريد عرضها.
-
إذا قمت بتحديد تقرير HTML، فحدد من بين التقارير التالية:
Combinable Nested Font Tags
لإنشاء تقرير يسرد جميع علامات الخطوط المتداخلة التي يمكن دمجها لتنظيف التعليمات البرمجية.
على سبيل المثال، <font color="#FF0000"><font size="4">STOP!</font></font> يتم إدراجه في التقرير.
Missing Alt Text
لإنشاء تقرير يسرد جميع علامات img التي لا تشتمل على نص بديل.
يظهر النص البديل في موضع الصور مع مستعرضات النصوص فقط أو المستعرضات التي تم تعيينها لتنزيل الصور يدويًا. تعمل برامج قراءة الشاشة على قراءة النص البديل وتعرض بعض المستعرضات النص البديل عند وقوف المستخدم بالماوس فوق الصورة.
Redundant Nested Tags
لإنشاء تقرير يسرد بالتفصيل العلامات المتداخلة التي يجب تنظيفها.
على سبيل المثال، <i> الأمطار <i> في</i> إسبانيا تظل بشكل أساسي في السهول</i> يتم وضعها في التقرير.
Removable Empty Tags
لإنشاء تقرير يسرد بالتفصيل جميع العلامات الفارغة التي يمكن إزالتها لتنظيف تعليمات HTML البرمجية.
على سبيل المثال، ربما تقوم بحذف عنصر أو صورة في طريقة العرض Code، إلا أنك ربما تترك العلامات التي تم تطبيقها على ذلك العنصر.
Untitled Documents
لإنشاء تقرير يعرض جميع المستندات غير المعنونة التي يتم العثور عليها داخل المعلمات المحددة. يقوم Dreamweaver بالإبلاغ عن جميع المستندات ذات العناوين الافتراضية أو علامات العناوين المتعددة أو علامات العناوين المفقودة.
-
انقر فوق Run لإنشاء التقرير.
وفقًا لنوع التقرير الذي تقوم بتشغيله، فقد تتم مطالبتك بحفظ الملف أو تعريف الموقع أو تحديد مجلد (إذا لم تقم بذلك بالفعل).
تظهر قائمة بالنتائج في اللوحة Site Reports (في مجموعة اللوحات Results).
استخدام تقرير وحفظه
-
قم بتشغيل التقرير (راجع الإجراء السابق).
-
في اللوحة Site Reports، قم بأحد الإجراءات التالية لعرض التقرير:
انقر فوق رأس العمود الذي تريد فرز النتائج حسبه.
يمكنك الفرز حسب اسم الملف أو رقم السطر أو الوصف. يمكنك أيضًا تشغيل عدة تقارير مختلفة مع بقاء التقارير المختلفة مفتوحة.
حدد أي سطر في التقرير ثم انقر فوق الزر More Info على الجانب الأيسر من اللوحة Site Reports للحصول على وصف للمشكلة.
انقر نقرًا مزدوجًا فوق أي سطر في التقرير لعرض التعليمات البرمجية المطابقة في النافذة Document.
ملاحظة:إذا كنت في طريقة العرض Design، فسيقوم Dreamweaver بتغيير العرض لتقسيم طريقة العرض لعرض المشكلة المبلغ عنها في التعليمات البرمجية.
-
انقر فوق Save Report لحفظ التقرير.
عند حفظ تقرير، يمكنك استيراده في ملف قالب موجود. يمكنك بعد ذلك استيراد الملف في قاعدة بيانات أو جدول بيانات وطباعته أو استخدامه لعرض التقرير على موقع الويب.
ملاحظة:بعد الانتهاء من تشغيل HTML، استخدم الأمر Clean Up HTML لتصحيح أية أخطاء HTML مسودة في التقارير.