.. الدرس الأول لدورة الدريم ويفر 8 ..

by evergreen Wed Apr 14, 2010 5:18 pm

.. الدرس الأول لدورة الدريم ويفر 8 ..

منقول من مدرسة تعليم الفوتوشوب

http://www.swishe.com/vb/showthread.php?t=13282

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أرحب بكم جميعا وأتمنى لكم الصحة والعافية ,, والتقدم والازدهار ,, وها
نحن كما وعدناكم بدورة تعليم برنامج ( دريم ويفر ) Dreamweaver 8 الإصدار
الثامن والأخير ,, راجيا من الله جلّ جلاله أن يوفقنا إلى ما يحبه ويرضاه
وأن يتقبّل مني هذا العمل لوجهه الكريم إنه سميع مجيب ..

توجد ملاحظات لابد من بيانها كي يكون الجميع على علم بها منها :

يُفترض أن تكون لديك معرفة بالحاسب الآلي وكيفية التعامل معه ,, على الأقل
أمور بسيطة كمعرفة تثبيت برنامج وكيفية حذفه ,, فتح مجلد جديد على سطح
المكتب ... وغير ذلك من الأمور الاجبارية التي لابد من معرفتها ..

يُفترض معرفتك بأهم الاختصارات من ضغط مفتاح
Shift+Ctrl وغير ذلك من الاختصارات المفيدة التي تختصر لك وقتا كبيرا أنت
بحاجة له في أمور أخرى ..

يُفترض معرفتك باللغة الانجليزية ,, على الأقل الكلمات التي يتناولها
الحاسب الآلي مثل : Copy , Paste , Options , Properties وغير ذلك .. لأن
البرنامج للأسف باللغة الانجليزية .. لذا عليك تعلّم تلك الأمور المهمة
واذا لم تعرف كلمة أو جملة معينة فعليك الاستعانة بصديق أو بمعجم أو
ببرنامج الوافي الذهبي .

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

لابد من وجود رغبة لديك لتعلّم البرنامج فإذا لم تكن لديك الرغبة فأنصحك بعدم المغامرة لأنك لن تستفيد ..

أسأل نفسك السؤال التالي : ما الهدف من وراء تعلمك
برنامج الدريم ويفر ؟ فإذا استطعت الإجابة عليه فابدأ معنا متوكلا على
الله سبحانه وتعالى ..

لا تستعجل بطرح سؤالك فربما تأتي الإجابة عليه في الدروس القادمة ..

-------------------------------------------------

الدرس الأول : مقدمة عن البرنامج وكيفية تثبيته

برنامج الدريم ويفر متخصص بتصميم المواقع ,, فإذا كانت لديك الرغبة في
تصميم موقع خاص بك أو موقع لعائلتك ,, أو تصميم موقع لمدرستك ,, أو موقع
لشركتك أو مؤسستك فهنا ستجد غايتك ,, فهنا سنشرح برنامج في غاية الجمال
والروعة ذا خصائص سهلة ستكون في نهاية المطاف متمكنا من تصميم موقعا في
غاية الجمال بإذن الله تبارك وتعالى ..

( 1 ) لابد من الحصول على البرنامج إما عن طريق شرائه أو عن طريق تحميله
من الإنترنت .. وإليك رابط التحميل وهو نفس الرابط الذي وضعه أخي العزيز (
ابن الخطاب ) جزاه الله كل خير ..

http://cttnb.onlinedown.net/down/Dreamweaver8-en.exe

وأرقام تسجيل البرنامج

كود:

S/n : WPD800-57735-77832-14206
S/n : WPD800-57533-70532-12936
S/n : WPD800-52238-40632-99528

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

http://download.macromedia.com/pub/d..._update_en.exe

( 2 ) بعد الانتهاء من تحميل البرنامج فإذا كان عبارة عن ملف مضغوط عليك
فك الضغط عنه أولا وستجد أيقونة البرنامج خضراء اللون عليك الضغط عليها
مرتين بشكل مزدوج ( دبل اكليك ) أو الضغط بزر الماوس الأيمن على الأيقونة
واختيار أمر ( فتح ) ( Open ) من القائمة المنسدلة عندها سيبدأ البرنامج
بإعداد ملفاته وتهيئه للتثبيت .. عليك متابعة الصور التالية لإكمال عملية
تثبيت برنامج ( دريم ويفر 8 ) :

----------------------------------------------------

تشغيل البرنامج

لتشغيل البرنامج إما بالضغط مرتين بشكل مزدوج على أيقونته الماثلة أمامك
على سطح مكتبك أو من قائمة ( ابدأ ) Start ثم البرامج All Programs عندها
ابحث عن البرنامج واضغط مرة واحدة بزر الماوس الأيسر على أيقونته أو اسمه
.. لتظهر لك نافذة تخيّرك من اختيارين كما هو ماثل أمامك في الصورة
التالية :

كما تلاحظ فالخيار الأول Codes وهذا الخيار لكتابة الأكواد والتعامل معها
,, أما الخيار الثاني فهو Designer ومعناه التصاميم ,, مع إمكانية اختيار
أي نوع شئت في أي وقت تريد من قائمة Window ضع مؤشر الماوس على خيار
Workspce Layout لاختيار تخطيط نوعية العمل عندها اختر من القائمة
المنسدلة ما يحلو لك مثل ما هو ماثل أمامك في الصورة التالية :

وبما أننا نريد أن نصمم ونبني موقعا من الصفر علينا اختيار الخيار الثاني
كما هو واضح أمامك ومن ثم الضغط على زرار موافق OK .. عندها ستظهر لك
واجهة البرنامج قائلا لك شبيك لبيك خادمك بين يديك !! وها هي أمامك :

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

القائمة الرئيسية : تمكنك من الوصول إلى أدوات البرنامج وأوامره بكل سهولة ..

شريط الإدراج : يحتوي هذا الشريط على مجموعة من الأزرار التي بها تستطيع
إدراج العناصر إلى صفحتك كالصور والروابط والجداول وملفات الصوت وملفات
فلاش وما إلى ذلك ..

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

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

معلومة جيدة :

إذا أردت إخفاء شاشة المقدمة في البرنامج فاتجه نحو
Edit ثم اختر أمر Preferences وأشّر على خانة General ثم أزل العلامة من
أمام Show start page واضغط زرار موافق OK وأعد تشغيل البرنامج عندها لن
تجد تلك الشاشة .. واذا أردت إعادتها أعد العلامة واضغط OK ..

----------------------------------------------------

فتح أول صفحة في الدريم ويفر

سنفتح صفحة جديدة وسنكتب وسنتعرّف على خصائص الكتابة من توسيط وتغيير حجم
,, ومن ثم سنحفظ الصفحة وأخيرا سنعرضها على متصفح الإكسبلورر .. إذا من
النافذة الرئيسية للبرنامج وضمن قائمة Create New اضغط على فتح صفحة HTML
مرة واحدة بزر الماوس الأيسر .. ليظهر لك مثل ما هو ماثل أمامك في الصورة
التالية :

ملحوظة :

بإمكانك إغلاق لوح الخصائص من قائمة Window اختر Properties أو اضغط Ctrl+F3 ليختفي واضغط أخرى ليظهر أمامك ..

شريط الإدراج : كما قلنا عنه سابقا أنه يحتوي على مجموعة من العناصر
المهمة التي ستحتاج لها مستقبلا وهو مهم جدا ولهذا سنقف قليلا عنده لنبين
ما يحتوي هذا الشريط لهذا اضغط على السهم الصغير الذي بجانب كلمة Forms
لتجده مثل الصورة التالية :

لكل خيار أدواته الخاصة به فمثلا : Forms يحتوي على أشكال عدة كأزرار
الراديو واضافة الصور والأزرار وغيرها ,, أيضا Text يحتوي على خصائص تخص
الخطوط فقط من تعريض وتغيير لون وحجم وتوسيط وما شابه ذلك .. عليك اختيار
كل منها والتمعن في كل ما يحتوي كل خاصية على حدة لتتعرف عليها وبمجرد ما
تضع مؤشر الماوس على أي شكل سيعطيك البرنامج اسم ذلك الشكل أو الأداة ,,
عموما ستتعرف على معظمها من خلال تعاملك مع البرنامج مستقبلا ان شاء الله
تعالى ..

ملحوظة

بإمكانك إغلاق شريط الإدراج من قائمة Window اختر Insert أو اضغط Ctrl+F2 ليختفي واضغط مرة أخرى ليظهر أمامك ..

_________ يتـــــــــــبــــــــــــع _____________