ابتكرت 655 لعلاج هذه المشكلة لأنها توفر لل ن طرق فعالة وعملية لإنشاء التصامي
وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت؛ والفصل بين
شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.
كيف ستفيدني 055 ؟
تعتبر 055 ثورة في عالم تصميم المواقع؛ وفوائدها الأساسية هي:
. التحكم بالتصميم من خلال ملف واحد .
‎٠.‏ إمكانية أكبر وأدق للتحكم بتفاصيل التصميم .
.+ إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات
. العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم .
درس 2: كيف تعمل تقنية55) ؟
في هذا الدرس ستتعلم كيف تقوم بإنشاء ملف التصميم الأول؛ ستتعلم أساسيات 655 وما هي
الوسوم اللازمة لتستخدم 655 في وثيقة. 1471/11
الكثير من خصائص 655 تشبه تلك المستخدمة في1471/11 ؛ لذلك إذا تعلمت 171/11]
واستخدامتها لإنشاء التصاميم فأنت في الغالب ستتمكن من تعلم 55 بسهولة؛ لنلقي نظرة
لتقل أننا نريد اللون الأحمر ليكون خلفية للصفحة:

باستخدام 471/1|يمكننا أن ننجز ذلك بهذه الطريقة:
مع 655يمكن تحقيق نفس النتيجة بكتابة هذه الأوامر:
(00007؟2:1* :«<53201-39201124-0010] ترتفوط
كما تلاحظ أوامر 055 تتشابه كثيراً مع.117111 ؛ والمثال أعلاه يوضح لك الأسلوب
الأساسي لكتاب:055
القيمة: قيمة خاصية لون
يكير أن قو المنتقى: هو وسم
مثل 8860000 الخاصية: يمكن إن التى ستطبق
تكون مثلاً خاصية "مثاد: 500
لون الخلفية

تفعيل 055 في صفحة.1117111
هناك ثلاث طرق يمكن أن تستخدمها لتفعيل 055 في صفحة.1171/11 (3 طرق لكتابة ال
الطريقة 1: ضمن وسوم ,1111/11 باستخدام خاصيةع را
إحدى الطرق لتفعيل 055 في ,1111/11 هي باستخدام خاصية ع901» لنأخذ مثالا على
أساس المثال أعلاه الذي أردنا فيه استخدام اللون الأحمر كلخفية للصفحة؛ يمكن تطبيق هذا
الأمر بهذا الشكل

الطريقة 2: ضمت ملف ,1111/11 باستخدام وسمع11زا5
هذه طريقة مختلفة بأنها تستخدم وسم <80(/16>؛ وهذا مثال لكيفية تطبيق هذه الطريقة:
‏< "661/655" دعم ب ع ال51>

الطريقة 3: ملف خارجي
هذه هي الطريقة الأفضل؛ وهي أن تقوم بوضع رابط لملف خارجي يحوي أوامر655 »
خلال هذا الدرس سنقوم باستخدام هذه الطريقة لجميع الأمثلة.
الملف الخارجي هو ببساطة ملف نصي يستخدم اللاحقة 5وع.؛ ومثل الملفات الأخرى يمكنك
أن تضعه في مزود موقعك أو على القرص الصلب.
مثلاء لنقل أن ملف التصميم لديك اسمه 1.288()وهو موجود في مجلد اسمه ع54(1؛ هذه
الحالة يمكن توضيحها أكثر من خلال هذا الرسم
مال سواعل 8
المهم هنا هو إنشاء رابط بين ملف ,]1111/1 وملف التصميم(16.655:ر80) ؛ مثل هذا الرابط
يمكن إنشاءه من خلال سطر واحد في:.111111
اسم ملف الووم الذى تم
لاحظ كيف أن مسار الملف حددناه باستخدام خاصية .]1188 هذا الأمر يجب أن يوضع في
قسم رأس الصفحة؛ أي بين وسمي <0680>و <1680/>كما في المثال الآتي:

هذا الرابط يخبر المتصفح بأن عليه استخدام التصميم من ملف 055 عندما يقوم بعرض
ملف 111111 . الجميل هنا أنك تستطيع ربط العديد من ملفات ,1171/11 بملف تصميم واحد»
بمعنى آخر يمكن لملف تصميم واحد أن يستخدم للتحكم بتصميم العديد من ملفات.. 117111
التغيير في ملف التصميم 0 8005658
الخارحي سيؤر على جميع
ملفات 147001
ملفات 17101 التي ترتبط بتفس ملف التصميم
ملحوظة هامة
هذه الفكرة يمكنها أن توفر عليك الكثير من الوقت والجهده؛ إذا أردت مثلآً أن تغير لون خلفية
موقع يحوي 100 صفحة فملف التصميم يمكنه أن يوفر عليك الوقت فلا تحتاج إلى تعديل
0 ملف بنفسك؛ باستخدام 055 يمكن تغيير ما تريد خلال ثواني بتغيير سطر واحد في
ملف التصميم.
لنتدرب على ما تعلمناه حتى الآن.

جرب بنفسك
قم بتشغيل برنامج المفكرة (11008080) أو أي محرر نصيء وقم بإنشاء ملفين؛ أحدهما
‏<عا1ن/كتمعصصمساعمل لاا/١<116>‏
الآن قم بوضع الملفين في نفس المجلد؛ تذكر أن تحفظ الملفين باستخدام اللاحقة الصحيحة
قم بفتح ملف (191014.1100ع0في متصفحك وانظر إلى الصفحة وهي تحوي اللون الأحمر
كخلفية؛ تهانينا! لقد قمت بإنشاء ملف التصميم الأول!

الدرس 3: الألوان والخلفيات
في هذا الدرس سنتعلم كيفية تفعيل الألوان والخلفيات لموقعك؛ سنقوم أيضا بتعلم طرق متقدمة
لتحديد موقع صورة الخلفية؛ نشرح هذه الخصائص في:055
متهم ميد توناء2ط
خاصية «010عتصف لون عنصر .117111
فمثلا تصور أنك تريد أن تكون كل العناوين في الصفحة ملونة بلون أحمر داكن؛ كل العناوين
رمزت باستخدام وسم <01>؛ المثال أدناه سيقوم بتوضيح كيفية تحويل كل <11>إلى اللون
<عا6نا/ > صعدصناء 0ل لرالا<ع١16+>‏

حامواساود كعة ران
ع0 557م/ جاع
ويظهر لنا فى المستعرض كما يلى كما يلى :
سك © 8 / واه ات © تسيل صر وا اا
الاج ضعت اس