مشاهدة النسخة كاملة : [درس] كيفية فتح برنامج الدريم ويفر والخروج منه ...إعداد خالدالحرب


خالدالحربي
6 - 5 - 2007, 12:18 PM
بسم الله الرحمن الرحيم

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

ونتوقع بأذن الله تعالى إن امد الله بالعمر ان نكمل المشوار فى هذا الجانب على العناوين التاليه :

القصل الاول

1-[درس] كيفية فتح برنامج الدريم ويفر والخروج منه
2-[درس] كيفية التعرف على واجهة الـ Dreamweaver
3-[درس] كيفية استخدام إطار المستند.
4-[درس] انشاء مستند جديد
5-[درس] اضافة نصوص مع التحكم بها
6-[درس] كيفية إظهار الخانات والإطارات وإخفاؤها


على بركه الله نبدأ
سلتقى معكم بداية حديثنا عن الدريم ويفر Dreamweaver وعلى افترض منى انك قمت بتثبيت البرنامج داخل موقعه الافترضى له على القرص الصلب . ولكى تعلم ان هذا البرنامج يعد بسيطا ومباشرا عند الفتح والاستخدام وعلى العكس من برامج الـ HTML الاخرى .

فان برنامج الـ Dreamweaver يتم فتحه سريعا وبسهوله بداخل واجهة المستخدم وبالنسبه لهذه المهمة فسوف نكتفى بالدخول فى البرنامج والخروج منه .

فتح البرنامج :
لكى نقوم بفتح برنامج Dreamweaver
اتبع الشرح المصور التالى

http://www.adt4w.com/up/Dreamweaver_programs_01.gif
وبامكانك ان تضع ايقونه البرنامج على سطح المكتب لكى تبعد عن فتحه كما شاهدة بالصوره الاولى .

القاء نظره :
تعال معى والقى نظره على الصورة التاليه بدون ان تفعل شئ فقط القى نظرة على الصوره التى امامك .

http://www.adt4w.com/up/Dreamweaver_programs_02.gif

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

http://www.adt4w.com/up/Dreamweaver_programs_03.gif
اغلاق برنامج Dreamweaver :

شاهد معى الصوره التالية لكى تعرف طريقة اغلاق البرنامج
http://www.adt4w.com/up/Dreamweaver_programs_04.gif

عملية الثقة ؟
سوف يطلب منك برنامج Dreamweaver تاكيدا" لرغبتك فى اغلاق التطبيق وسوف يخرج اليك مربع حوارى كما يطلق عليه وما عليك الا ان تضغط على نعم او OK لاغلاق البرنامج .

معلومات يجب ان تدركها جيدا :
ان ما ذكرته لك عن عمليه الثقه مهمة جدا ولو قمت بوضع علامه الصح فى المربع الذى يظهر لك فى المربع الحوارى الخاص بذلك فان البرنامج لم يعد يحرك ثانيا فسوف يغلق مباشرة البرنامج ....لذا نصيحه اخويه ان لاتفعل ذالك الى ان تكون محترفا او على الاقل الى ان تكتسب الخبره الكافيه فى التعامل مع الـ Dreamweaver

فى الاخير هذا اخوكم خالدالحربي يتمنى لكم اسعد الاوقات وامتعها فى متابعه الدروس الذى ينشئها لأجلك .

كلمة اخيره اليك من القلب :

اتمنى ان تثبت البرنامج على جهازك فلا يهمنى التطبيق لان فى هذه الدوره التطبيق لايعنينى بشى بقدر مايعنيك أن تطبيق ما تعلمته من خلال جهازك وانا بحول الله تعالى والاخوان الذين على علم ودرايه بالبرنامج نكون معك قلبا وقالبا ... فلا تتردد بالسؤال فأن كثره الاسئله تشرح الخاطر وتسر معد الدرس

فى امان الله
خالدالحربي

خالدالحربي
6 - 5 - 2007, 12:18 PM
بسم الله الرحمن الرحيم

سبق ان تحدثنا معكم باول الفصل عن الدريم ويفر تابع هنا


[درس] كيفية فتح برنامج الدريم ويفر والخروج منه (http://www.traidnt.net/vb/showthread.php?t=414590)


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

الصوره الاول
http://www.adt4w.com/up/Dreamweaver_programs_05.gif

الصوره الثانيه
http://www.adt4w.com/up/Dreamweaver_programs_06.gif

الصوره الثالثه
http://www.adt4w.com/up/Dreamweaver_programs_07.gif

الصوره الرابعه
http://www.adt4w.com/up/Dreamweaver_programs_08.gif

الصوره الخامسه
http://www.adt4w.com/up/Dreamweaver_programs_09.gif

الصوره السادسه
http://www.adt4w.com/up/Dreamweaver_programs_10.gif

بالتوفيق للجميع على أمل ان التقى بكم فى بعض الدروس القادمه ...أسال العلى القدير ان يجعل كل ما قدمته خالصا لوجهه الكريم انه لقادر على ذلك
خالدالحربي

خالدالحربي
6 - 5 - 2007, 12:20 PM
بسم الله الرحمن الرحيم
سبق تحدثنا عن

1-[درس] كيفية فتح برنامج الدريم ويفر والخروج منه (http://www.traidnt.net/vb/showthread.php?t=414590)
2-[درس] كيفية التعرف على واجهة الـ Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=414598)

اضغط على رابط احد الدروس اعلاه

والان نتحدث عن [درس] كيفية استخدام إطار المستند.

بسم الله نبدأ

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

الصوره الاولى

http://www.adt4w.com/up/Dreamweaver_programs_11.gif

الصورة الثانيه

http://www.adt4w.com/up/Dreamweaver_programs_12.gif

الصوره الثالثة

http://www.adt4w.com/up/Dreamweaver_programs_13.gif

الصوره الرابعه

http://www.adt4w.com/up/Dreamweaver_programs_14.gif

الصوره الخامسه

http://www.adt4w.com/up/Dreamweaver_programs_15.gif

اتمنى لكم التوفيق على امل ان التقى بكم فى احد شرح احد الدروس هذا خالد الحربي معد هذا الدرس يتمنى لكم اجمل الاوقات وامتعها .
فى امان الله

خالدالحربي
6 - 5 - 2007, 12:21 PM
بسم الله الرحمن الرحيم
سبق تحدثنا عن

1-[درس] كيفية فتح برنامج الدريم ويفر والخروج منه (http://www.traidnt.net/vb/showthread.php?t=414590)
2-[درس] كيفية التعرف على واجهة الـ Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=414598)
3-[درس] كيفية استخدام إطار المستند (http://www.traidnt.net/vb/showthread.php?t=415256)

اضغط على رابط احد الدروس اعلاه

والان سنتحدث عن :

[درس] انشاء مستند جديد Dreamweaver

لا اريد ان اتكلم بخصوص هذا الدرس ولكن وضعت لكم صور ثلاث توضيحيه ترشدك للطريقة المثلى فى انشاء المستند


الصورة الاولى

http://www.adt4w.com/up/Dreamweaver_new_file_01.gif

الصورة الثانية

http://www.adt4w.com/up/Dreamweaver_new_file_02.gif

الصورة الثالثة

http://www.adt4w.com/up/Dreamweaver_new_file_03.gif

بالتوفيع على ان اتقابل معكم بشرح اخر هذا خالد الحربي يتمنى لكم امتع واجمل الاوقات


فى امان الله

خالدالحربي
6 - 5 - 2007, 12:22 PM
بسم الله الرحمن الرحيم
سبق تحدثنا عن

1-[درس] كيفية فتح برنامج الدريم ويفر والخروج منه (http://www.traidnt.net/vb/showthread.php?t=414590)
2-[درس] كيفية التعرف على واجهة الـ Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=414598)
3-[درس] كيفية استخدام إطار المستند (http://www.traidnt.net/vb/showthread.php?t=415256)
4-[درس] انشاء مستند جديد Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=415403)

اضغط على رابط احد الدروس اعلاه

اليوم دعونى اتحدث معكم عن [درس] اضافة نصوص مع التحكم بها

اقدم اليكم على عجاله طريقة اضافة النصوص والتحكم بها فى برنامج الـ Dreamweaver مع العلم والاحاطة ان البرنامج ليس معرب ولابد ان تستخدم تعريب خاص به وقد احضرته لكم واسأل الله العلى القدير ان يجزى صاحب التعريب الجزاء الكثير تجد ملف التعريب على رابط مرفوع على موقع فريق التصميم العربي .
دعونا نشاهد مع بعض كيف نضيف النص وكيف نتحكم به من خلال هذا الصوره .
http://www.adt4w.com/up/Dreamweaver_font_01.gif
حمل ملف التعريب من هنا (http://www.adt4w.com/up/dreamweaver.rar)



بالتوفيق للجميع
خالدالحربي

خالدالحربي
6 - 5 - 2007, 12:23 PM
بسم الله الرحمن الرحيم
سبق تحدثنا عن

1-[درس] كيفية فتح برنامج الدريم ويفر والخروج منه (http://www.traidnt.net/vb/showthread.php?t=414590)
2-[درس] كيفية التعرف على واجهة الـ Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=414598)
3-[درس] كيفية استخدام إطار المستند (http://www.traidnt.net/vb/showthread.php?t=415256)
4-[درس] انشاء مستند جديد Dreamweaver (http://www.traidnt.net/vb/showthread.php?t=415403)
5-[درس] اضافة نصوص مع التحكم بها (http://www.traidnt.net/vb/showthread.php?t=418138)


اضغط على رابط احد الدروس اعلاه

واليوم بمشئية الله تعالى نختم الفصل الاول بالدرس الاخير منه وهو بعنوان :
[درس] كيفية إظهار الخانات والإطارات وإخفاؤها

بسم الله الرحمن الرحيم
السرعه مطلوبه فى العمل ولكن باحتراف وبرنامجنا الـ Dreamweaver يتحكم بسرعه وسهوله اظهار الاطارات والخانات . والميزه فى اخفاؤها واظهارها هى حتى تظهر عناصر الصفحة اكثر وضوحا .
دعونا نشاهد الصور التوضيحيه التاليه :
الصوره الاولى
http://www.adt4w.com/up/Dreamweaver_panels01.gif
الصوره الثانيه
http://www.adt4w.com/up/Dreamweaver_panels02.gif
الصوره الثالثة
http://www.adt4w.com/up/Dreamweaver_panels03.gif
الصوره الرابعه
http://www.adt4w.com/up/Dreamweaver_panels04.gif
انتهى درسنا على امل ان التقى بكم فى الفصل الثانى لهذه الدوره ... وكلى امل ورجاء لكل من لم يستوعب شرحى احتمال لركاكة الشرح ان كان هذا ...فلا يتردد بالسؤال فأننى على اتم الاستعداد أن اشرح كل مالم يتم ذكره فى الدروس السته للفصل الاول .. وامامنا مشوار طويل نوعا ما فى الدخول الى المرحله المهمه والتطبيق الاهم فى انشاء موقع احترافى على الويب باستخدام الدريم ويفر بدلا من النمط القديم فى الفرونت بيج ....... هذا معد درسكم خالدالحربي يتمنى لكم التوفيق والسداد
فى امان الله

اخوكم
خالدالحربي