السبت، 24 نوفمبر 2012
[ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3
[ دورة CSS ] طريقة إدراج الأنماط في الصفحة
تعرفنا على الهيكل العام لصفحات الأنماط الانسيابية ... بقي علينا أن نتعرف على كيفية إدراج هذه الأنماط في صفحات هتمل أو كيفية ربطها بها ؟
هناك ثلاث طرق لإدراج الأنماط في صفحتك :
أ- باستخدام ملف خارجي (external file).
ب- عن طريق رأس الصفحة (Head) .
جـ - داخل الوسم (Inline).
سنقوم بشرح كل طريقة بالأمثلة :
أ- باستخدام ملف خارجي (external file):
هذه الطريقة هي الخيار الذكي لمن يفكر في برمجة مشاريع من عدة صفحات . ضع كل التنسيقات التي تريدها في هذا الملف الخارجي ثم أدرج رابط لهذا الملف في كل صفحة تريد استخدام الأنماط فيها (جميع صفحات مشروعك عادة) .
إذا طلب منك عميلك تغيير لون الخط المستخدم من اللون الأزرق النيلي إلى اللون الأزرق الغامق – و اللذان قد لا يختلفان كثيراً لكن عليك أن ترضي ذوق العميل ! فقط قم بتغيير سطر واحد في هذا الملف و انتهينا .
هذا الملف يجب أن يحفظ بالامتداد .css ، يمكنك كتابته عن طريق برنامج المفكرة، يمكنك الاطلاع على نموذج من هذا الملف في الصورة التالية المأخوذة من الدرس الأول .
استخدام الوسم التالي في رأس كل صفحة من صفحات الهتمل :
هناك ثلاث طرق لإدراج الأنماط في صفحتك :
أ- باستخدام ملف خارجي (external file).
ب- عن طريق رأس الصفحة (Head) .
جـ - داخل الوسم (Inline).
سنقوم بشرح كل طريقة بالأمثلة :
أ- باستخدام ملف خارجي (external file):
هذه الطريقة هي الخيار الذكي لمن يفكر في برمجة مشاريع من عدة صفحات . ضع كل التنسيقات التي تريدها في هذا الملف الخارجي ثم أدرج رابط لهذا الملف في كل صفحة تريد استخدام الأنماط فيها (جميع صفحات مشروعك عادة) .
إذا طلب منك عميلك تغيير لون الخط المستخدم من اللون الأزرق النيلي إلى اللون الأزرق الغامق – و اللذان قد لا يختلفان كثيراً لكن عليك أن ترضي ذوق العميل ! فقط قم بتغيير سطر واحد في هذا الملف و انتهينا .
هذا الملف يجب أن يحفظ بالامتداد .css ، يمكنك كتابته عن طريق برنامج المفكرة، يمكنك الاطلاع على نموذج من هذا الملف في الصورة التالية المأخوذة من الدرس الأول .
استخدام الوسم التالي في رأس كل صفحة من صفحات الهتمل :
ب- عن طريق رأس الصفحة (Head) :
تستخدم هذه الطريقة فقط إذا كنت تريد تطبيق تنسيق معين على صفحة واحدة فقط ، بحيث يلمزك تغيير صفحة واحدة فقط إذا أردت أن تعدل على التنسيق . سندرج الأنماط عن طريق الوسم
ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل
لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل
التسميات:
اضافات css,
دورة css,
HTML دورة
بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
ضع تعليقك
0 التعليقات:
إرسال تعليق