مدرسة بناء المواقع
>>
الدروس العملية >>
أوراق التنسيق المتعاقبةCSS لماذا ؟
وكيف؟
بعد ذلك ستخرج لك نافذة ، اختر
منها تبويب "
" وستظهر لك خيارات عديدة اختر منها هذا الخيار Normal Style Sheet
ستجد أن الفرونت بيج قام بإنشاء
الصفحة لك تلقائيا ً ، وستجد في جنبات هذه الصفحة أو في
وسطها " صندوق صغير كما في الشكل " قم بالضغط على كلمة
" Style " وسوف تخرج لك
نافذة التنسيق " وهي مكمن العمل :) "
كما قلت لك في الخطوة السابقة ستخرج
لك نافذة ، هي " عبارة عن منشئ خيارات " لورقة الأنماط في أسفل
يسار هذه النافذة ستجد صندوق اختيار يوجد به خيارين " اختر
منها ماهو موضح بالشكل
سـتجد أن جميع ما كان تحت قائمة "
Style " اختفى ! ، لا تخف :) ..
فنحن الآن سنقوم ببناء أنماط خاصة بنا " وفقا ً للشروط التي في
الصفحة السابقة " ، ولكي نبدأ قم بالضغط على زر "
New " الموجود في أسفل يمين
النافذة .
ستخرج لك نافذة أخرى ، من هنا سنعيّن
اسم النمط والخصائص انظر الشكل
دخلت على الخط Font واخترت
" Tahoma " واللون أسود
والمقاس 14 pt ، ودخلت على
"
Paragraph " واخترت من خيار "المحاذاة
alignments " "
لليمين Right "
ومن خيار " حدود Border "
عيّنت الخلفية عن طريق تبويب "
Shading "
اضغط موافق الآن ، ستجد أن عنصرا ً أُضيف في قائمة "
Style " وهو العنصر الذي أنشأناه
. اضغط موافق ستجد أن الفرونت بيج قد حول خطوات السابقة إلى " كود
"
بالنسبة لألوان الوصلات فسنضطر إلى
تسميتها " إجباريا ً " بالأسماء التالية :
+ a:link : ونعيّن الخط ونوعه ولونه
للوصلات.. إلخ بنفس الطريقة التي اتبعناها أعلاه " الفرق
الوحيد في الإسم فقط ! "
+ a:visited : وهي نفس السابقة إلا أنها خاصة
بالوصلات المـُـزارة .
بعد فراغك من العمل احفظ الملف بشكل
طبيعي ، ويأتي الآن السؤال المهم وهو كيف " أجلب هذا الملف لصفحتي
؟ " ... الطريقة سهلة جدا ً عليك اتباع المسار التالي : Format > Style Sheet Links
ستخرج لك نافذة اختر منها زر ADD وعيّن
موقع الملف " الذي أنشأناه " في الخطوات السابقة .
