واجهة البرنامج
برنامج
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

-
Title:
لكتابة عنوان الصفحة ستظهر بأعلى المتصفح.
-
Background Image:
لإرفاق صورة لخلفية موقعك بالضغط على زر
Browse
اختر ملفك وحدد الصورة.
-
background:
لون خلفية الصفحة
-
Text:
لاختيار لون النص انظر للشكل التالي
-
Links:
لون الارتباط بصفحة أخرى
-
Visited Links:
لون الارتباط الذي تم زيارته سابقاً
Active Links:
لون الارتباط عند الضغط
-
Left Margin + Top Margin + Margin Width + Height
=تشير إلى مساحة العمل بالأعلى أو بأي جهة مع تحديد الطول و العرض
للعمل
-
Document Encoding:
لتحديد تشفير الصفحة
reload:
لتحديث الصفحة
-
Tracing Image
: بإمكانك تجربتها لوضع صورة فلها مميزات رائعة بسهولة تحريكها من
كائن لكائن آخر.
-
Image Transparency
: لتحديد شفافية الصورة.
-
Tracing Image
: بإمكانك تجربتها لوضع صورة فلها مميزات رائعة بسهولة تحريكها من
كائن لكائن أخر.
-
Image Transparency
: لتحديد شفافية الصورة.
عمل صفحة وحفظها
-
إن الموقع يتكون من عدة صفحات مترابطة، سنتعلم الآن كيفية عمل صفحة
جديدة في دريم ويفر وحفظها. من القائمة في أعلى البرنامج اختر
File
à
New.
ومن النافذة
New Document
اختر
HTML
لاحظ الصورة:

-
اضغط ضغطا مزدوجا على الخيار
HTML،
أو اضغط
Create.
أحفظ الصفحة التي قمت بعملها:
File
à
Save، باسم index.htm
داخل مجلد موقعك الحالي الذي قمت بإنشائه.