الدرس الأول : شرح مبسط لواجهة البرنامج

سنبدأ بشرح واجهة برنامج ماكروميديا دريم ويفر بدون تعقيد وبإذن الله سيكون الشرح مبسط للمبتدئين
فبرنامج الادوبي دريم ويفر اصبح من البرامج المهمه لعمل موقع متكامل فالبرنامج يُمكنك من استخدام الكائنات اللازمه لتصميمك..
واجهة البرنامج

بعدما تعرفنا على شكل واجهة البرنامج نبدأ بشرحها ..

شريط الأدوات:

1- لإظهار شاشة العمل بأكواد صفحتك.
2- يعرض لك قسمين الجزء العلوي بالأكواد والاسفل بصفحة عملك.
3- يعرض العمل بالكامل بدون أكواد.
4- لعرض عملك اونلاين.
5- لكتابة اسم صفحة العمل.
6- بالضغط عليه ستظهر قائمة للتحكم بموقعك وأدارته.
7- لعرض عملك على المتصفح.
8- لعمل تحديث.
9- لفحص كود الصفحه.
10- يحتوي على جميع اسماء التوابع المستخدمه بالصفحه.
11- بمجرد الضغط عليها تظهر قائمة لإظهار المسطرة او اخفاء كائنات واظهارها.

مجموعة القوائم المرفقة أي Insert:

1- صفحة العمل : خاصه لعمل تصميم عملك .
2- لوحة إدراج الكائنات:

عند اختيارك لكلا من القوائم ستظهر لكل منهما شريط بأسفلها
لنفرض اخترنا Text سيظهر لك الشكل كالتالي:

وهذاالجدول لفهم دور القوائم:

شريط الحالة:

1- يظهر لك الأكواد الأتش ام أل HTML بصفحة عملك بإمكانك بزرة الماوس الأيمن ان تحذف كود ما او بإضافة تعديل للكود اما لو ضغطت بزر الفأرة الأيسر سيحدد لك الكود بصفحة عملك ويظلله.
2- التحكم بحجم العمل بتكبيرها او تصغيرها من خلال الضغط عليها ستظهر قائمة اختر المقاس الذي تريده.
3- يظهر حجم ملف عملك ووقت تحميله.

شرح تفصيلى لنافذة Page Properties

أذهب لقائمة Modify ثم اختر Page Properties او بالضغط مباشرة في ملف عملك رايت كليلك بالماوس وستظهر قائمة اختر منها Page Properties ومفتاح الاختصار Ctrl + J

1- Title: لكتابة عنوان الصفحة ستظهر بأعلى المتصفح .
2-Background Image : لإرفاق صورة لخلفية موقعك بالضغط على زر Browse اختر ملفك وحدد الصورة.
3-background : لون خلفية الصفحة
4- Text: لإختيار لون النص انظر للشكل التالي
5- Links: لون الإرتباط بصفحة اخرى
6-Visited Links : لون الأرتباط الذي تم زيارته سابقاً
7- Active Links: لون الأرتباط عند الضغط
8-Left Margin + Top Margin + Margin Width + Height =تشير الى مساحة العمل بالاعلى او بأي جهة اخرى مع تحديد طول والعرض للعمل
9-Document Encoding : لتحديد تشفير الصفحة
10- reload: لتحديث الصفحة
11-Tracing Image :بإمكانك تجربتها لوضع صورة فلها مميزات رائعه بسهولة تحريكها من كائن لكائن اخر .
12-Image Transparency :لتحديد شفافية الصورة
13- Document Folder: مكان حفظ عمل ملفك بالفولدر
14- Site Folder: مكان حفظ ملفك بالموقع

انتهينا تقريبا من شرح عام عن البرنامج وبإذن الله سيكون هناك شرح اكثر ودروس اخرى للبرنامج
ولاتنسونا من صالح دعائكم
منقول من منتديات شبابلك
نجمة سوريا

» الدرس الأول : أساسيات HTML
» الدرس الثاني : إضافة النصوص والصور في دريم ويفر
» صمم موقعك باستخدام البرنامج الاحترافي Dreamweaver