الدورة الثالثة - الدرس الثاني




نبدا نشرح اول واحده من ال

semantic elements



header الهي




header

هو رأس الصفحة - و يحتوى غالبا على شعار الموقع - وقائمة الروابط الرئيسية للموقع


الصورة التالية توضح ذلك




فتح










واجب/سؤال - بالصورة اعلاها -مما يتكون ال

header

يحتوي علي كم عنصر - والعناصر الفيهو شنو ؟











header



html هو كود من اكواد ال

هو عنصر من العناصر الدلالية

موقعو / مكانو بالموقع هو اعلى الموقع - فوووووق



نبدا عملي طوالي - دايرين نطبق الاتي



فتح



دايرين نطبق الصورة اعلاها - كيف؟




بالاصفر header نخلي خلفية لون ال



مكونات الموقع تكون

اسم الموقع + طرق التواصل مع صاحب الموقع



الخطوات هي ك الاتي



اول خطوة هي - نفتح محرر الاكواد ونكتب الاتي - الهي الاكواد الاساسية



فتح








body بين بداية ونهاية الكود header ثاني خطوة-هي كتابة الكود


الصورة التالية توضح ذلك




فتح












header الخطوة الثالثة - نضيف اسم او شعار الموقع بين بداية ونهاية الكود

html مع css ثم باستخدام الطريقة الثانية من طرق ربط

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


الصورة التالية توضح ذلك




لاحظو جعلت عنوان الموقع نص اسم ابراهيم - واضفت كلاس للاسم دا - لكي استدعي بال سي اس اس - لاتحكم بعنوان الموقع من ناحية لون وحجم وشكل

لاحظو ان اول تحكم لعنوان الموقع او شعار الموقع - هو تغيير الاتجاه - بالكود اضفنا كود تغيير نص اسم ابراهيم لجهة اليمين

فتح












الخطوة الرابعة - هي اضافة طرق الاتصال مع مسؤول الموقع


الصورة التالية توضح ذلك





لاحظو اضفنا طرق الاتصال واديناها كلاس وسمينا الكلاس دا باسم ان تو - ثم مشينا لمكان سي اس اس واستدعينا الكلاس ان تو -

اضفنا كود للتحكم بالاتجاه - جعلنا اتجاه النصوص ب الكلاس ان تو - تكون جهة اليسار


فتح




الصورة التالية توضح التنفيذ لخطوات السابقة





فتح










header الخطوة الخامسة - هي تغيير لون خلفية العنصر

header وضبط حجم ارتفاع العنصر

header ونضيف كود تغيير لون الخلفية و كود ارتفاع الجزء css بال header حنستدعي الجزء


الصورة التالية توضح ذلك-صورة الكود





هو 30بكسل header لاحظو جعلنا ارتغاع العنصر


فتح




الصورة التالية توضح ذلك-صورة التنفيذ





فتح






















by ibrahim suliman