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

 

الصفحة الرئيسية أعلى التالي

Back - عودة

 

 

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

برنامج Dreamweaver برنامج سهل الاستخدام و واجهته غنية بالأدوات التي يسهل الوصول إليها، و اللوحات التي تعطيك تحكما أكبر، وهو من أفضل أدوات تحرير صفحات الوب التي تعمل بتقنية WYSIWYG ما تراه هو ما تحصل علي .للتعرف على هذا البرنامج لا بد من نظرة سريعة على شاشة البدء و ساحة العمل، و لا بد أيضا من التعرف على استخدام بعض الأدوات المهمة، تجد هنا صورة لواجهة البرنامج لمستخدمي ويندوز

شريط الإدراج:
يحتوي هذا الشريط على مجموعة من الأزرار التي بها تستطيع إدراج العناصر إلى صفحتك كالصور و الروابط و الجداول و ملفات الصوت و ملفات فلاش و ما إلى ذلك.
طبعا لن تجد كل هذه الأدوات أمامك الآن، فلو كانت كذلك ما استطعت استخدامها نتيجة تكديسها معا ، لكنها مرتبة بطريقة جميلة ومريحة، في شريط الإدراج تجد كلمة Common و بجانبها سهم صغير أضغط عليه و اختر الخيار الثاني من القائمة المنسدلة و هو Layout، منه تستطيع إدراج الجداول Tables و الطبقات Layers و الإطارات Frames،

شريط الأدوات:
ويحتوي على أزرار تساعدك على التنقل بين وضعيات العمل الثلاث: التصميم و الشيفرة أو الاثنان معا.

  • التصميم: يفترض الآن أنك في وضعية التصميم، إذا لم تكن كذلك اضغط على زر Design من شريط الأدوات
  • الشيفرة: اضغط على زر Code للانتقال إلى وضعية الشيفرة.
  • التصميم و الشيفرة معا: اضغط على زر Split للانتقال إلى هذا الوضعية.

أيضا يحتوي شريط الأدوات على أزرار أخرى تساعدك في إدارة موقعك.

مجموعة اللوحات:
في دريم ويفر تجد العديد من اللوحات التي تساعدك على معاينة موقعك و تغيير و تعديل المعلومات في صفحاته من خلال المحتوى. اضغط على اسم اللوحة فقط لعرضها و مرة أخرى أيضا لإغلاقها.

نافذة العمل:
هذه هي الصفحة التي تعمل عليها والتي ستقوم بإخراجها و تصميمها في النهاية.

شريط الخصائص:
كل عنصر في دريم ويفر له خصائص معينة، بمجرد الضغط عليه تتغير لوحة الخصائص حسب ما يناسب ذلك العنصر.

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

 

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

لعمل سيرفر بموقعك


 

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

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

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

 

عمل صفحة وحفظها

  1. إن الموقع يتكون من عدة صفحات مترابطة، سنتعلم الآن كيفية عمل صفحة جديدة في دريم ويفر وحفظها. من القائمة في أعلى البرنامج اختر File à New. ومن النافذة New Document اختر HTML لاحظ الصورة:

  1. اضغط ضغطا مزدوجا على الخيار HTML، أو اضغط Create.

أحفظ الصفحة التي قمت بعملها: File à Save، باسم index.htm داخل مجلد موقعك الحالي الذي قمت بإنشائه.

 

الصفحة الرئيسية أعلى التالي