السبت، 24 نوفمبر 2012
[ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3
[ دورة CSS ] طريقة إدراج الأنماط في الصفحة
تعرفنا على الهيكل العام لصفحات الأنماط الانسيابية ... بقي علينا أن نتعرف على كيفية إدراج هذه الأنماط في صفحات هتمل أو كيفية ربطها بها ؟هناك ثلاث طرق لإدراج الأنماط في صفحتك :
أ- باستخدام ملف خارجي (external file).
ب- عن طريق رأس الصفحة (Head) .
جـ - داخل الوسم (Inline).
سنقوم بشرح كل طريقة بالأمثلة :
أ- باستخدام ملف خارجي (external file):
هذه الطريقة هي الخيار الذكي لمن يفكر في برمجة مشاريع من عدة صفحات . ضع كل التنسيقات التي تريدها في هذا الملف الخارجي ثم أدرج رابط لهذا الملف في كل صفحة تريد استخدام الأنماط فيها (جميع صفحات مشروعك عادة) .
إذا طلب منك عميلك تغيير لون الخط المستخدم من اللون الأزرق النيلي إلى اللون الأزرق الغامق – و اللذان قد لا يختلفان كثيراً لكن عليك أن ترضي ذوق العميل ! فقط قم بتغيير سطر واحد في هذا الملف و انتهينا .
هذا الملف يجب أن يحفظ بالامتداد .css ، يمكنك كتابته عن طريق برنامج المفكرة، يمكنك الاطلاع على نموذج من هذا الملف في الصورة التالية المأخوذة من الدرس الأول .
استخدام الوسم التالي في رأس كل صفحة من صفحات الهتمل :
ب- عن طريق رأس الصفحة (Head) :
تستخدم هذه الطريقة فقط إذا كنت تريد تطبيق تنسيق معين على صفحة واحدة فقط ، بحيث يلمزك تغيير صفحة واحدة فقط إذا أردت أن تعدل على التنسيق . سندرج الأنماط عن طريق الوسم
ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم
بالإجابة عليها في القريب العاجل![[ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3 | ابداع ديزاين abda3 design [ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3 | ابداع ديزاين abda3 design](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTueDoNOKMTZf_-z0aQNXKgx5L9KmDotRw6uhQwnFiNle7W4_nUZ5cgM1OZUEda-N1s_5Jum9cZsHVlEQHQoY8DIqytrJbc7Z0OeU4wMY_uzWo3PqfyBhMFl_zNRgSXLRbrn6K1TzXZ2s/s1600/faseel.png)
لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل
التسميات:
اضافات css,
دورة css,
HTML دورة
بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
![[ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3 | ابداع ديزاين abda3 design [ دورة CSS ] طريقة إدراج الأنماط في الصفحة ج3 | ابداع ديزاين abda3 design](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB34VGahtRCLW8-xi18JuagbCY2o0iJZuLcDQRJ13BMxyNpb4BcqVmPvwpDwf2uc8E8by4Du5bSnrSriJ-gz9dWuKg1RTBb0OC3zyrOwPvPwFpOU_1EMPvaxuUFapKpThyTn3H4MFiKCc/s1600/css+abda3design.png)



ضع تعليقك
0 التعليقات:
إرسال تعليق