الدرس السادس من دورة تصميم الاستايلات للمبتدئين

[BlaCk HeArTs]

http://r-khair.net/up/fwsl/slam.gif

اهلا ومرحبا بحضراتكم في


الدرس السادس : دورة تصميم استايل للمبتدئين

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

http://r-khair.net/up/style/normal/lesson5/36.png

ثم حفظناها بملف index لدينا بالجهاز

الان نقوم بفتح هذا الملف ببرنامج الفرونت بيج

وبعد فتح الملف نكتب اسماء الزراير المطلوبه لنا في الاستايل كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/001.png

وانا قمت يوضع الزراير كالتالي ان شاء الله :

http://www.r-khair.net/up/style/normal/lesson6/002.png

الان سوف نضع الروابط الموجهه من هذه الزراير ان شاء الله

نضغط كليك يمين مثلا على كلمة الرئيسية ونختار ارتباط تشعبي كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/003.png

سوف تظهر لنا هذه الواجهه نضع الرابط الموجه بها كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/004.png

سوف يتغير لون كلمه الرئيسية كالتالي :



http://www.r-khair.net/up/style/normal/lesson6/005.png

تعني انه تم وضع الرابط بنجاح والحمد لله

ونكرر مع باقي الزراير لتكن النتيجه كالتالي ان شاء الله :

http://www.r-khair.net/up/style/normal/lesson6/006.png


وبكده انتهينا من عمل الزراير والحمد لله وينقص وضع البنر الاعلاني

فلنصمم جميعنا اية صورة بعرض اقل من عرض منطقه الهيدر العلوية h-b1

ثم نضعها بمجلد صور الاستايل

ثم نقف بمؤشر الماوس في منتصف الهيدر العلوي h-b1

ثم نضغط على زر ادراج صورة كما تعلمنا وندرج هذا البنر ليكن كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/007.png

وبالمناسبه الى كل من تابع معنا الدورة

نحن الان اصبح لدينا واجهه موقع ايضا الى جانب الاستايل :D

وباذن الله بعد انتهاء الدورة سوف اقوم بوضع درس تكميلي لشرح تركيبها ووضع القوائم ان كان لنا عمر :D

والان نقف بمؤشر الماوس في منتصف المنطقه الوسطى من الاستايل كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/008.png

والان ستجد اسفل البرنامج زرار اسمه تعليمات برمجيه كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/009.png

نضغط عليه ؛ سنرى مؤشر الماوس يقف عند هذا الكود باذن الله

http://www.r-khair.net/up/style/normal/lesson6/010.png

الجزء اعلى مؤشر الماوس هو الهيدر

الجزء اسفل مؤشر الماوس هو الفوتر

ناخذ الكود العلوي في مستند لدينا بالجهاز ونطلق عليه اسم الهيدر او header كالتالي :

http://www.r-khair.net/up/style/normal/lesson6/011.png

ثم ناخذ الكود السفلي في مستند لدينا بالجهاز ونطلق عليه اسم الفوتر او footer كالتالي :


http://www.r-khair.net/up/style/normal/lesson6/012.png


وطبعا لاننسى كتابه اسم الموقع بمكانه المخصص له h-r

وكتابه حقوق الموقع على صورة logo وده بالفوتوشوب


وفي الاخير اتمنى لكم كل خير يارفاقي واستودعكم الله

وسعدت بتواجدي معكم جدا جدا

وان شاء الله اتابع مع حضراتكم الدروس السابقه :D

واترككم مع اخي وحبيبي محمد الكاشف

وهذا بدايه من الدروس القادمه في الدورة ان شاء الله

http://r-khair.net/up/fwsl/rmdan.gif

.:ليس بالضروري ان مانقدمه من دورات هو الاصح وانما هو احد الطرق الصحيحه:.

http://r-khair.net/up/fwsl/slam.gif

الهيدر الفوتر يمكنكم تحميلهم من هن (http://rapidshare.com/files/129232498/style.zip.html)ا

[SecuritY_I.s.s.W]

درس قوي ماشاء الله عليك

[كافي عذاب]

مشكور وماقصرت على الشرح وننتضر منك الابداع


شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبوعدي]

مشكور أخوي ولك كل تقدير على هذا المجهود