أكثر من 100 من نصائح وتقنيات Dreamweaver المختلفة
يعد Adobe Dreamweaver أداة قوية لمصممي الويب ، لأنه يحتوي على العديد من الأشياء التي يمكنك القيام بها بها. بالطبع ، كل تلك الأشياء التي يمكنك القيام بها تجعل من الصعب التعلم. اكتشف بعضًا من الأشياء العديدة التي يمكن أن يقوم بها Dreamweaver ، بما في ذلك التغييرات في الإصدار الأحدث CS5. ولا تنسَ التحقق من الأشياء المفقودة في Dreamweaver CS5 .
تحديد موقع
- ابدأ في موقع جديد
- إنشاء موقع على شبكة الانترنت
- قم بإعداد أجزاء الموقع التي تحتاجها فقط ، عندما تحتاج إليها * جديد في CS5
- إعداد وحدات خدمة عن بعد و QA واختبار لسير عمل أكثر اكتمالا * جديد في CS5
- إنشاء ونشر أدلة جديدة
- قم بتغيير المدونة
- قم بتضمين بيانات التعريف في صفحاتك
وضع موقعك لايف
- تحديد موقع بعيد
- ملفات FTP إلى خادم الويب
- استخدم نظام التحكم في الإصدار للتحقق من الملفات والخروج منها
- تواصل مع Subversion للتحكم في الإصدار الأكثر تقدمًا * جديد في CS5
- ترك ملاحظات لزملائك في الفريق
إنشاء صفحات الويب
- اكتب صفحة في وضع WYSIWYG
- اكتب صفحة في HTML
- قم بإنشاء صفحة جديدة من قالب
- قم بإنشاء صفحة جديدة من البداية
- قم بإنشاء قالب
- احفظ الملفات في دليل موقعك
- قم بتعريف خصائص الصفحة
CSS
- استخدم أوراق أنماط CSS
- مضيفا الأنماط المضمنة
- قم بإنشاء ورقة أنماط خارجية
- إرفاق ورقة أنماط خارجية
- إنشاء فئة ، معرف ، علامة ، ومختارات CSS المركبة
- تحرير قواعد CSS الموجودة
- قم بإنشاء CSS للصفحات القابلة للطباعة
- تمكين وتعطيل خصائص النمط * جديد في CS5
- فحص نموذج مربع CSS بصريًا * جديد في CS5
نص
- تعديل النص
- استخدم خطوط مختلفة
- إدراج فاصل سطر
- استخدم الحروف الخاصة
- تضمين تاريخ اليوم
- اكتب التعليقات
- تطبيق علامات HTML على النص
- أضف سمات HTML إلى العلامات
الروابط
- نص الرابط والصور
- تحقق من روابط الموقع
- تغيير ألوان الرابط الافتراضية (الرابط ، الزيارة ، التمرير ، التمشيط)
- إنشاء أداة نصائح حول الروابط
- قم بإنشاء ارتباطات mailto
- إنشاء المراسي صفحة الويب
صور
- أضف رسومات إلى صفحة
- تحرير الصور
- تغيير حجم الصور
- إضافة النص البديل إلى الصور
- أضف خيارات وصول إضافية إلى الصور
- محاذاة الصور والنص
- قم بإنشاء صورة متحركة
- استخدم خرائط الصور
- استخدم صور التتبع
- استخدم العناصر النائبة للصور
- أدخل Fireworks HTML
- قم بإدراج ملفات Photoshop
نسق
- استخدم tempates الحرة * المشمولة CSS تخطيطات بداية جديدة في CS5
- أدخل divs للتخطيط
- تحرير divs في لوحة أنماط CSS
- قم بإدخال عناصر محددة تمامًا
- قم بتهيئة العناصر المحددة تمامًا في عارض الخصائص
- استخدم المساطر والشبكات والأدلة
قوائم
- إضافة قوائم ذات تعداد نقطي أو رقمي
- تخصيص قائمة الرموز النقطية والأرقام
الجداول
- قم بإنشاء جدول
- أضف صفوفًا وأعمدة للرأس
- استخدم صورًا شفافة للاحتفاظ بخلايا الجدول مفتوحة
- إنشاء عرض ثابت وأعمدة عرض مرنة
- تغيير أنماط الحدود من الجداول
- تضمين جدول داخل الجدول
- استيراد البيانات الجدولة
إستمارات
- استخدم نموذج mailto
- تحديد إجراءات النموذج
- إضافة نص ، راديو ، خانة اختيار ، ملف ، صورة ، تحديد مربعات ، وحقول نموذج مخفية
- اجعل النماذج الخاصة بك قابلة للوصول من خلال حقول مجموعة الحقول والتسمية
- إنشاء أزرار إرسال مخصصة
- التحقق من صحة النماذج باستخدام JavaScript (Spry)
قواعد البيانات و PHP Scripting
- إرفاق موقعك بقاعدة بيانات
- قم بإعداد موقع PHP / mySQL
- استخدم عناصر Spry للاتصال بقاعدة البيانات
- إدراج كائنات البيانات في صفحاتك
- اختبار وتحديث مصدر بيانات Spry أو عرضه
- تحرير مواقع ديناميكية معقدة في عرض التصميم
- اكتشاف جميع الملفات ذات الصلة بشكل ديناميكي لتجميع مواقع PHP CMS (WordPress و Joomla و Drupal) * جديد في CS5
- تلميح مخصص لفئة PHP ، بما في ذلك أطر الجهات الخارجية مثل Zend framework * جديد في CS5
إطارات
- بناء موقع مؤطر
- تحرير محتوى noframes
- تنسيق وأسلوب الإطارات الخاصة بك
- قم بإعداد أهداف الارتباط الافتراضية بين الإطارات
أضف التفاعل
- إنشاء ألبوم صور (لم يعد في CS5)
- أضف الصوت إلى صفحات الويب
- قم بإنشاء قائمة منسدلة
- استخدم سلوكيات Dreamweaver لفتح النوافذ المنبثقة ، وإنشاء قوائم الانتقال ، وتشغيل الصوت ، وتبادل الصور ، والمزيد
- أضف تغذيات RSS إلى الموقع
- أدخل نص Flash كتعديل
- أدخل نص CSS كتعديل
- أدخل المكونات الإضافية الأخرى
- أضف شريط قائمة Spry ، ولوحات مبوبة ، وأكورديون ، وتلميح أداة ، ولوحة قابلة للطي
- استخدم متصفح القطعة للعثور على أدوات جديدة لموقعك ، دون الحاجة إلى معرفة جافا سكريبت
اختبر صفحاتك
- اختبر صفحاتك في Live View لمشاهدة التغييرات بسبب JavaScript و interactivity * جديد في CS5
- تحقق من صحة HTML الخاص بك
- معاينة صفحاتك في عدة متصفحات
- استخدم BrowserLab لمعاينة صفحاتك في أنظمة التشغيل الأخرى * جديد في CS5
- استخدم Device Central للتحقق من كيفية ظهور الصفحات على أجهزة الجوال
- تحقق من توافق المستعرض
- غيّر الإعدادات لتتوافق مع ما يحتاج إليه موقعك للعمل
- تحقق من روابط الموقع الداخلية
- اختبار إمكانية الوصول لموقعك (لم يعد في CS5)
- تحويل مستند Word إلى HTML
تخصيص Dreamweaver
- إضافة ملحقات
- تعطيل الإضافات
- تخصيص Dreamweaver مع اختصارات
زيادة كفاءتك
- استخدم اختصارات لوحة المفاتيح المضمنة
- استخدم مقتطفات الشفرة
- إنشاء واستخدام القوالب
- توليد صفحات جديدة من القوالب المخصصة
- تحديث القوالب
- قم بتضمين ملف واحد في آخر باستخدام مكتبة Dreamweaver
- تحديث عناصر المكتبة
- قم بتضمين ملف في آخر باستخدام SSI
- استخدم البحث واستبدال