شـــرح واجهــــة دريــم ويفــر
سنبدأ بشرح واجهة برنامج الادوبي دريم ويفر بدون تعقيد وبإذن الله سيكون الشرح مبسط للمبتدئين
فبرنامج الادوبي دريم ويفر اصبح من البرامج المهمه لعمل موقع متكامل فالبرنامج يُمكنك من استخدام الكائنات اللازمه لتصميمك..
واجهة البرنامج :
بعدما تعرفنا على شكل واجهة البرنامج نبدأ بشرحها ..
شريط الأدوات:
1- لإظهار شاشة العمل بأكواد صفحتك.
2- يعرض لك قسمين الجزء العلوي بالأكواد والاسفل بصفحة عملك.
3- يعرض العمل بالكامل بدون أكواد.
4- لعرض عملك اونلاين.
5- لكتابة اسم صفحة العمل.
6- بالضغط عليه ستظهر قائمة للتحكم بموقعك وأدارته.
7- لعرض عملك على المتصفح.
8- لعمل تحديث.
9- لفحص كود الصفحه.
10- يحتوي على جميع اسماء التوابع المستخدمه بالصفحه.
11- بمجرد الضغط عليها تظهر قائمة لإظهار المسطرة او اخفاء كائنات واظهارها.
مجموعة القوائم المرفقة أي Insert:
1- صفحة العمل : خاصه لعمل تصميم عملك .
2- لوحة إدراج الكائنات:
عند اختيارك لكلا من القوائم ستظهر لكل منهما شريط بأسفلها
لنفرض اخترنا Text سيظهر لك الشكل كالتالي:
وهذاالجدول لفهم دور القوائم:
|
Common |
يتضمن الارتباط والبريد الإلكتروني والمرساة والجداول ورسم اللاير والصور واتش ام ال فيروركس والفلاش وتأثير السهم على الصور بطريقة الرول اوفر وكائنات القوالب والتاريخ والتعليق وجدول بأسماء الوسوم |
|
Layout |
يحتوى على جداول و رسم اللاير وأطارات لتحديد الصفحه |
|
Text |
لكتابة النصوص وعمل تنسيق لها |
|
Tables |
لعمل جدول وبإمكانك اضافة الصور بداخله والكتابة عند تحديدك لحجم الجدول وعمل روابط ستظهر خصائص الجدول بأسفل عملك |
|
Frames |
لتقسيم صفحة موقعك لتقسيمات متنوعه |
|
Forms |
لإدراج نص وحقل نصي وفريم للإرسال والقوائم ولإضافة الصور داخل الفريم |
|
Templates |
قوالب وارتباطات لموقعك وقبل كل شي يجب ان يكون موقعك محفوظ لديك للعمل عليها |
|
Characters |
لإدراج رموز ليست موجوده بلوحة المفاتيح |
|
Media |
لإضافة الفلاش وازرارفلاشيه متنوعة ونص فلاشي والجافا وإضافة الصوت لها |
|
Head |
لعمل تجديد للصفحه اي Refresh ولإضافة تعليقات ووصف عن موقعك |
|
Script |
لإضافة السكربت |
|
Application |
لعمل سيرفر بموقعك |
شريط الحالة:
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: مكان حفظ ملفك بالموقع
أنتهى الدرس ولاتنسونا من صالح دعائكم