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







اهلا ومرحبا بحضراتكم في الدرس السادس : دورة تصميم استايل للمبتدئين

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

اضغط عالصورة للرؤية بشكل مكبر:

ثم حفظناها بملف index لدينا بالجهاز الان نقوم بفتح هذا الملف ببرنامج الفرونت بيج وبعد فتح الملف نكتب اسماء الزراير المطلوبه لنا في الاستايل كالتالي :

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

الان سوف نضع الروابط الموجهه من هذه الزراير ان شاء الله نضغط كليك يمين مثلا على كلمة الرئيسية ونختار ارتباط تشعبي كالتالي :

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

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

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

وبكده انتهينا من عمل الزراير والحمد لله وينقص وضع البنر الاعلاني فلنصمم جميعنا اية صورة بعرض اقل من عرض منطقه الهيدر العلوية h-b1 ثم نضعها بمجلد صور الاستايل ثم نقف بمؤشر الماوس في منتصف الهيدر العلوي h-b1 ثم نضغط على زر ادراج صورة كما تعلمنا وندرج هذا البنر ليكن كالتالي :

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

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

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

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

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

وطبعا لاننسى كتابه اسم الموقع بمكانه المخصص له h-r وكتابه حقوق الموقع على صورة logo وده بالفوتوشوب وفي الاخير اتمنى لكم كل خير يارفاقي واستودعكم الله وسعدت بتواجدي معكم جدا جدا

http://www.traidnt.net/vb/traidnt673356


 لمتابعة دروس الدورة: