جريدة صوت مصر
يسعدنا وجودك معنا كفرد من افراد اسرة منتدنا اهلا ومرحبا بك معنا نتمنى لك وقتا طيبا فى
جريدة صوت مصر

جريدة صوت مصر


 
الرئيسيةالرئيسية  بحـثبحـث  التسجيلالتسجيل  دخولدخول  
اهلا وسهلا بك زائرنا الكريم نتمنى لك وقتا سعيدة وممتعا معنا وندعوك لزيارة شبكة تفسير الاحلام
لدخول لموقعنا عبر محرك البحث جوجل اكتب فقط جريدة صوت مصر
اقوى وافضل المفاجاءت يوميا فى شات صوت مصر ادخل ولا تندم
<رابط شبكة تفسير الاحلام https://www.tafser.net/
جريدة صوت مصر تنصح كل السادة زورنا الكرام بستخدام فيرفكس للتصفح امان واسرع وللتسجيل ينصحكم بوضع البريد الالكترونى بشكل صحيح وتاكيد من وضعه بشكل سليم للاستمرار فى التسجيل




شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
دمعة عاشق
مدير المنتدى
مدير المنتدى
avatar

تاريخ التسجيل : 22/03/2011
عدد المساهمات : 449
وسام : وسام w

مُساهمةموضوع: تعلم وصمم موقعك ببرنامج Adobe Dreamweaver   الأحد يونيو 05, 2011 10:36 pm


اغلبنا يعرف او سمع ببرنامج ادوبي دريم ويفر لتصميم المواقع واخر اصدار له
حاليا هو 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: مكان حفظ ملفك بالموقع



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

_________________
لا تأسفنَّ على غـدرِ الزمانِ لطالمـا رقصت
على جثثِ الأســودِ كلابا


لا تحسبن برقصها , تعلوا على أسيادها..تبقى الأسودُ أسوداً والكلابُ كِلابا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تعلم وصمم موقعك ببرنامج Adobe Dreamweaver
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مقالات حب
» الخدمات البنكية الإسلامية تبقى تحت احتكار بنك البركة
» وصفة بسيطة و سهلة لتبييض المناطق الداكنة في الجسم
» سؤال وجواب مع خبيره التجميل دينا الجارم
» اهم المدارس الاقتصادية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
جريدة صوت مصر :: ™« منتدى المواضيع المكرره»™-
انتقل الى: