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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الهيدر الفوتر يمكنكم تحميلهم[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مشكووووووووووووووووور والله يعطيك العافيه^^

شكرا على مرورك

» الدرس الثانى : دورة تصميم الاستايل للمبتدئي
» الدرس الثالث : دورة تصميم استايل للمبتدئي
» الدرس الرابع من دورة تصميم الاستايلات
» الدرس السابع من دورة تصميم الاستايلات
» الدرس الاول : دورة تصميم استايل للمبتدئين