تعلم وصمم موقعك ببرنامج Adobe Dreamweaver

اغلبنا يعرف او سمع ببرنامج ادوبي دريم ويفر لتصميم المواقع واخر اصدار له
حاليا هو Adobe Dreamweaver cs3 فبحثت عن دروس له ولكن حجمها كبير ولكني
وجدت من خلال تصفحي هذة الدروس المبسطة والتي تفي بالغرض للتعريف بالبرنامج
وان كان لاصدار اقدم وٍسأقدم الشرح على مراحل كما وجدته وان شاء الله تعم
الفائدة

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

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

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

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

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

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

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

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

» اضف موقعك 1500 كحرك بحث واربح زوار يوميا