الدرس الرابع : أحجام الخطوط والألوان تنسيقها لتصميم صفحاتنا

**Rayg** · 12-30-2009, 05:06 PM

بسم الله الرحمن الرحيم

آسف على التأخير الذي حصل بسبب الأختبارات وضيق الوقت

نبدأ بدرس اليوم ودرسنا كما عودتكم سهل للغايه ويركز على الخطوط

يبدأ كود الخطوط دائما بـ الأمر

كود

 <font>

وتنتهي

كود

 </font>

و هناك ثلاث خواص أساسيه يمكن أن نضيفها لــ كود الخط هذا وهي :

أولاً : خاصية face وتعني ( نوع الخط ) .

ثانيا : خاصية size وتعني ( حجم الخط ) .

ثالثا : خاصية color وتعني ( لون الخط ) .

مثال مبسط يوضح الثلاث خواص السابقة :

كود

 <font face="arial" size="5" color="#ff0000"> 
</font>

نأتي بشرح الكود :

 : بداية كود تنسيق الخط كما ذكرنا .

face="arial" : نوع الخط وهو من نوع ايريل .

size="5" : حجم الخط وهنا حجمه 5 من 7

( كما ذكرنا أن الخطوط من 1-7 في لغة هتمل . تابع الدرس الثالث ) .

color="#000000" : لون الخط و #000000 تعني لون الخط الأسود .

 : نهاية الكود كما ذكرنا .

ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــ

ملآحظات عامة على الدرس :

1- من آنواع الخطوط المشهوره : tahoma, verdana, geneva, lucida, lucida grande, arial, helvetica, sans-serif .

2- لاختيار الوان آخرى بدلا من اللون الأسود #000000 تابع هذا الموقع اضغط هنا .

واختر اللون الذي تريد واختر الكود الخاص به ولاتنسى علامة # . ( وموجود موقع آخر في الدرس السابق وجميعها يعمل نفس العمل ) .

3- لاننسى جميعا الأكواد السابقه التي درسناها وهي :

أ : الخط العريض الكتابه هنا .

ب : الذي تحته خط الكتابه هنا .

جـ : الكتابه هنا .

وطريقة اضافة أكثر من كود مثال :

كود

 <b><i><u><font face="tahoma" color="ffff00" size="5">النص المطلوب هنا </b></i></u></font>

د : حتى لا يتم لخبطه في الاكواد عند انهاء الأوامر اعمل هكذا :

كود

 
</p>
</font>
</body>
</html>

مثال على نفس الكود في الفقره جـ :

كود

 <b><i><u><font face="tahoma" color="ffff00" size="5">النص المطلوب هنا 
</b>
</i>
</u>
</font>

هذا الدرس الرابع من دروس لغة ال html
كان معكم أخوكم / Rayg

**Rayg** · 12-30-2009, 05:11 PM

مثال على درس اليوم

كود

<html> <head> <title>الدرس الرابع : أحجام الخطوط والألوان تنسيقها لتصميم صفحاتنا</title></head> <body> <h1 align="center">: سؤال ثقافي </h1> <hr align="center" color="FF0080" size="4"> س / ما هو الكوكب الاحمر ؟ الجواب : المريخ وسبب ظهوره لنا باللون الاحمر هو غاز ثاني اكسيد الكربون الذي يملا جوه فيجعله يبدو لنا احمر اللون </body> </html>

وبأنتظار تطبيقاتكم

**خ‘ـفًآيآ خ‘ـجوٍوٍلٌه }~!** · 12-31-2009, 05:49 AM

يعطيك العافية رايق على الشرح المبسط

وهذا تطبيقي

**زارع الطيب** · 12-31-2009, 09:18 AM

مبدع كالعادة فووووووق الخيااااال ........ أشكرك رايق وفي انتظار جديدك المميز .

**لؤلؤهـ وسط محارهـ** · 01-01-2010, 12:04 PM

أخيراً : بدأ الدرس الرابع ..

مشكور على الدرس السهل والممتع

ولي عودة بالتطبيق

**admin** · 01-04-2010, 07:29 PM

بارك الله فيك

ودرس ممتع

**•• نڧـζــآٺے جـJـيڊ ||~** · 01-05-2010, 04:11 PM

درس ممتع وبسيط
يعطيك العافيه

**لؤلؤهـ وسط محارهـ** · 01-05-2010, 04:13 PM

مسائك ورد مشرفنا

عُدتُ بالتطبيق

لؤلؤهـ

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
طريقة عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

الدرس الرابع : أحجام الخطوط والألوان تنسيقها لتصميم صفحاتنا

.. [ دورة لغة HTML ] ..