- دليل مستخدم 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
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
مقدمة إلى Design Notes
Design Notes عبارة عن ملاحظات تقوم بإنشائها للملف. تقترن Design Notes بالملف التي تصفه، ولكن يتم تخزينها في ملف منفصل. يمكنك مشاهدة أي الملفات التي تم إرفاق Design Notes بها في لوحة Files الموسعة: سيظهر رمز Design Notes في العمود Notes.
يمكنك استخدام Design Notes لتعقب معلومات الملف الإضافية المقترنة بمستنداتك، مثل أسماء الملفات المصدر للصور والتعليقات على حالة الملف. على سبيل المثال، إذا قمت بنسخ مستند من موقع إلى آخر، فيمكنك إضافة Design Notes لذلك المستند، مع وضع ملاحظة بأن المستند الأصلي موجود في مجلد الموقع الآخر.
يمكنك أيضًا استخدام Design Notes لتعقب المعلومات بالغة الأهمية التي لا يمكنك وضعها داخل مستند لأسباب تتعلق بالأمان، مثل الملاحظات المتعلقة بكيفية اختيار تكوين أو سعر معين أو أي العوامل التسويقية التي تؤثر على قرار التصميم.
إذا قمت بفتح ملف في Adobe® Fireworks® أو Flash وقمت بتصديره بتنسيق مختلف، فسيقوم كل من Fireworks وFlash تلقائيًا بحفظ اسم الملف المصدر الأصلي في ملف Design Notes. على سبيل المثال، إذا قمت بفتح myhouse.png في Fireworks وقمت بتصديره بتنسيق myhouse.gif، فسيقوم Fireworks بإنشاء ملف Design Notes يحمل الاسم myhouse.gif.mno. يحتوي ملف Design Notes هذا على اسم الملف الأصلي، كملف مطلق: URL. وبالتالي؛ فإن Design Notes للملف myhouse.gif قد تحتوي على السطر التالي:
fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"
قد تحتوي ملاحظة Flash Design Note مماثلة على السطر التالي:
fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"
لمشاركة ملاحظات Design Notes، يجب على المستخدمين تحديد نفس مسار جذر الموقع (على سبيل المثال sites/assets/orig).
عند استيراد الرسومات في Dreamweaver، فسيتم نسخ ملف Design Notes تلقائيًا في الموقع جنبًا إلى جنب مع الرسومات. عند تحديد صورة في Dreamweaver واختيار تحريرها باستخدام Fireworks، فسيقوم Fireworks بفتح الملف الأصلي للتحرير.
تمكين Design Notes لموقع ما وتعطيلها
إن Design Notes عبارة عن ملاحظات مقترنة بملف، ولكن يتم تخزينها في ملف منفصل. استخدم Design Notes لتعقب معلومات الملف الإضافية المقترنة بمستنداتك، مثل أسماء الملفات المصدر للصور والتعليقات على حالة الملف.
يمكنك تمكين Design Notes وتعطيلها لموقع في الفئة Design Notes بمربع الحوار Site Definition. عند تمكين Design Notes، يمكنك أيضًا اختيار مشاركتها مع آخرين، إن كنت ترغب في ذلك.
-
حدد Site > Manage Sites.
-
في مربع الحوار Manage Sites، حدد موقعًا ثم انقر فوق Edit.
-
في مربع الحوار Site Setup، قم بتوسيع Advanced Settings وحدد الفئة Design Notes.
-
حدد Maintain Design Notes لتمكين Design Notes (قم بإلغاء تحديدها لتعطيلها).
-
إذا كنت تريد حذف جميع ملفات Design Notes المحلية لموقعك، انقر فوق Clean Up، ثم انقر فوق Yes. (إذا كنت تريد حذف ملفات Design Notes البعيدة، فيجب حذفها يدويًا).ملاحظة:
يعمل الأمر Clean Up Design Notes فقط على حذف ملفات (MNO (Design Notes. ولا يعمل على حذف المجلد _notes أو الملف dwsync.xml داخل المجلد _notes. يستخدم Dreamweaver الملف dwsync.xml للاحتفاظ بالمعلومات المتعلقة بمزامنة الموقع.
-
حدد Enable Upload Design Notes For Sharing لتحميل ملاحظات Design Notes المقترنة بموقعك مع باقي المستندات، ثم انقر فوق OK.
إذا قمت بتحديد هذا الخيار، فيمكنك مشاركة Design Notes مع باقي أعضاء الفريق. عند وضع ملف أو إحضاره، سيقوم Dreamweaver تلقائيًا بوضع ملف Design Notes المقترن وإحضاره.
إذا لم تقم بتحديد هذا الخيار، فسيحتفظ Dreamweaver بملاحظات Design Notes محليًا ولكنه لن يقوم بتحميلها مع ملفاتك. إذا قمت بالعمل وحدك على موقعك، فإن إلغاء تحديد هذا الخيار سيعمل على تحسين مستوى الأداء. لن يتم نقل ملاحظات Design Notes إلى الموقع البعيد عند إيداع الملفات أو وضعها، ولا يزال بإمكانك إضافة ملاحظات Design Notes وتعديلها لموقعك محليًا.
ربط Design Notes بالملفات
يمكنك إنشاء ملف Design Notes لكل مستند أو قالب في موقعك. يمكنك أيضًا إنشاء Design Notes للتطبيقات الصغيرة وعناصر تحكم ActiveX والصور ومحتوى Flash وكائنات Shockwave وحقول الصور في المستندات.
إذا قمت بإضافة Design Notes إلى ملف قالب، فإن المستندات التي تقوم بإنشائها لا تكتسب Design Notes.
-
قم بأحد الإجراءات التالية:
افتح الملف في النافذة Document ثم حدد File > Design Notes.
في اللوحة Files، انقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو انقر مع الضغط على Control (في نظام التشغيل Macintosh) فوق الملف، ثم حدد Design Notes.
ملاحظة:إذا كان الملف موجودًا في موقع بعيد، فيجب أولاً سحب الملف أو إحضاره ثم تحديد المجلد المحلي.
-
في علامة التبويب Basic Info، حدد حالة للمستند من القائمة Status.
-
انقر فوق رمز التاريخ (الموجودة أعلى المربع Notes) لإدراج التاريخ المحلي الحالي في الملاحظات.
-
اكتب التعليقات في المربع Notes.
-
حدد Show When File Is Opened لإظهار ملف Design Notes في كل مرة يتم فيها فتح الملف.
-
في علامة التبويب All Info، انقر فوق زر علامة زائد (+) لإضافة زوج قيم أساسي جديد ثم حدد زوجًا وانقر فوق زر علامة ناقص (–) لإزالته.
على سبيل المثال، يمكنك تسمية المفتاح Author (في المربع Name) وتعريف القيمة Heidi (في المربع Value).
-
انقر فوق OK لحفظ الملاحظات.
يقوم Dreamweaver بحفظ الملاحظات في مجلد يحمل الاسم _notes، في نفس الموقع مثل الملف الحالي. اسم الملف هو اسم ملف المستند، فضلاً عن الملحق .mno. على سبيل المثال، إذا كان اسم الملف هو index.html، فإن ملف Design Notes المقترن يحمل الاسم index.html.mno.
العمل باستخدام Design Notes
بعد إقران ملاحظة Design Note بالملف، يمكنك فتح Design Note أو تغيير حالتها أو حذفها.
فتح Design Notes المقترنة بالملف
-
قم بأحد الإجراءات التالية لفتح Design Notes:
افتح الملف في النافذة Document، ثم حدد File > Design Notes.
في اللوحة Files، انقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو انقر مع الضغط على Control (في نظام التشغيل Macintosh) فوق الملف، ثم حدد Design Notes.
في العمود Notes باللوحة Files، انقر نقرًا مزدوجًا فوق رمز Design Notes الأصفر.
ملاحظة:لإظهار أيقونات Design Notes الصفراء، حدد Site > Manage Sites > [اسم موقعك] > Edit > Advanced Settings > File View Columns. حدد Notes في اللوحة list ثم حدد الخيار Show. عند النقر فوق الزر Expand في شريط أدوات Files لإظهار كل من الموقع المحلي والبعيد، سيكون هناك عمود Notes في الموقع المحلي يعرض ملاحظة صفراء لأي ملف يشتمل على ملاحظة Design Note.
تعيين حالة Design Notes مخصصة
-
افتح Design Notes لملف أو كائن معين (راجع الإجراء السابق).
-
انقر فوق علامة التبويب All Info.
-
انقر فوق زر علامة زائد (+).
-
في الحقل Name، أدخل الكلمة الحالة.
-
في الحقل Value، أدخل الحالة.
في حالة وجود قيمة حالة بالفعل، سيتم استبدالها بقيمة جديدة.
-
انقر فوق علامة التبويب Basic Info ولاحظ أن قيمة الحالة الجديدة تظهر في القائمة المنبثقة Status.ملاحظة:
يمكن أن تكون لديك قيمة مخصصة واحدة في قائمة الحالة في كل مرة. في حالة اتباع هذا الإجراء مرة أخرى، سيقوم Dreamweaver باستبدال قيمة الحالة التي أدخلتها في المرة الأولى بقيمة الحالة الجديدة التي تقوم بإدخالها.
حذف ملاحظات Design Notes غير المقترنة من الموقع
-
حدد Site > Manage Sites.
-
حدد الموقع، ثم انقر فوق Edit.
-
في مربع الحوار Site Definition، حدد Design Notes من قائمة الفئات الموجودة على اليسار.
-
انقر فوق الزر Clean Up.
يطالبك Dreamweaver بالتحقق مما إذا كان سيقوم بحذف أية ملاحظات Design Notes لم تعد مقترنة بملف في موقعك.
إذا كنت تستخدم Dreamweaver لحذف ملف يشتمل على ملف Design Notes مقترن، فسيقوم Dreamweaver بحذف ملف Design Notes أيضًا؛ وبالتالي فإن ملفات Design Notes ترد فقط في حالة حذف ملف خارج Dreamweaver.
ملاحظة:إذا قمت بإلغاء تحديد الخيار Maintain Design Notes قبل النقر فوق Clean Up، فسيقوم Dreamweaver بحذف جميع ملفات Design Notes لموقعك.