شـــرح واجهــــة دريــم ويفــر

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

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

واجهة البرنامج :

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

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

 

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: مكان حفظ ملفك بالموقع

انتهى الدرس ولا تنسونا من صالح دعائكم