السلام عليكم و رحمة الله
اليوم نجدد اللقاء
قبل البدء بالدرس
اتجاه كتابة الكود يكون من اليسار لليمين
كذا
<"font face="Times New Roman"size="5"color="#FF0000>
بسم الله
<font/>
اي اذا بدا العكس بالشرح ذي مشكلة تنسيق
الدرس السابق تعرفنا على التصميم و الوسوم اللازمة لبناء صفحة
:" class="inlineimg" />
درس اليوم سيكون عملنا "مع \على ..الوسم
<body>
تطبيق محتوى الصفحة بالدرس السابق
<body> بسم الله الرحمن الرحيم
عيون العرب
<body/>
اعطى الناتج
بدرس اليوم سنضيف تنسيقات لتصبح الصفحة مرتبة
أولا لنجعل كل جملة بسطر ... تستخدم الأمر <br>
و هي من الوسوم المفردة التي لا يلزم اغلاقها
كالتالي:
<br>بسم الله الرحمن الرحيم
و هو أمر بمعنى break
النتيجة
ماذا ؟؟
لا اسمعكم.!!..
اتجاه الكتابة من اليسار لليمين؟ اذن لكم الحل :" class="inlineimg" />
تذكرون الوسم
<html>... له خاصية لتحديد اتجاه النص بالصفحة و تستخدم كالتالي..
<
"قيمة الخاصية" = الخاصية الأمر>
<"
html dir="rtl>
الخاصية "
dir"... اختصار "
direction".. تأخذ القيم right to left و
left to right
الناتج
هكذا انتهينا من انزال سطر و تحديد اتجاه كتابة تناسب و اللغة العربية
و الان لنتعرف على أوامر جديدة لتنسيق الاسطر ^^
** <center></center> لتوسيط النص
<b></b> لجعل الخط عريض
<i></i> لجعل الخط مائل
<u></u> لعمل خط تحت النص
و باستخدامها
<br>
<center> بسم الله الرحمن الرحيم </center> لتوسيط النص
<b> بسم الله الرحمن الرحيم </b> لجعل الخط عريض
<i> بسم الله الرحمن الرحيم </i> لجعل الخط مائل
<u> بسم الله الرحمن الرحيم </u> لعمل خط تحت النص
تعطي النتيجة
انهينا خيارات تشكيل النص و الان نضف الوانا على نصوصنا و نغير الحجم
"
حين اقول نصا اقصد المحتوى أياً كان نص أو رقم"
للتعامل مع النصوص نستخدم الأمر
font و الذي له خصائص ذات قيم و منها
نوع الخط face لتحديد الخط مثل Arial ,New time roman ... الخ
لون الخط color تلحق بعلامة "=" و توضع القيمة ك"red" و "blue" او بطريقة غير مباشرة
"النظام الستعشري" #FF0000 "اللون الاحمر"و يسبق ب # لتمكين كل المتصفحات من قراءته
حجم الخط size يأخذ قيمة عددية
و تستخدم كالتالي
عام
<
الامر خط خاصية 1 ="
قيمتها"خاصية 2="قيمتها" .. الخ>
الصيغة العامة اعلاها تنطبق على كل الأمر التي لها خصائص صيغة مختارة
<الامر خط خاصية نوع خط ="اسم الخط"خاصية حجم="قيمة حجم الخط"خاصية لون="كود اللون أو اسمه">
<br>
<font face="Times New Roman"size="5"color="#FF0000">بسم الله الرحمن الرحيم
<font/>
عيون العرب
و النتيجة
يمكن استخدام خصائص font منفردة كذلك
مثلا لتحديد نوع الخط
<br>
<
font face="
Georgia,
Times New Roman, Times, serif" >بسم الله الرحمن الرحيم
<font/>
اللون
<br><font color="green" >بسم الله الرحمن الرحيم</font>
هل تتساءلون "ماذا إن اردنا كل الصفحة بلون واحد و تشكيل ألوان
بعض الكلمات فقط ؟؟؟ هل نلون سطرا سطرا؟!
مؤكد لا.. لذلك سنعود للوسم
<body> لنسند خصائص و نعطيها قيم
للوسم <body> خصائص كثيرة أبرزها الخلفية
background
و
text "نص" للتحكم بالنص من حيث اللون .
كالتالي
<
body bgcolor="#000000"
text="#FFFFFF">
[U]لجعل لون للخلفية نستخدم bgcolor[U/]
الناتج
الكود كامل
<"
html dir="rtl>
<head> <title>صفحتي الاولى
<title/> <head/>
<"
body bgcolor="
#000000"
text="#FFFFFF>
<br> <center>بسم الله الرحمن الرحيم
<center/>
<br><b>بسم الله الرحمن الرحيم
</b>
<br><i>بسم الله الرحمن الرحيم
</i>
<br><u>بسم الله الرحمن الرحيم
</u>
<"br><font color="green >بسم الله الرحمن الرحيم
<font/>
<br>
<"font face="Times New Roman"size="5"color="#FF0000>
بسم الله الرحمن الرحيم
<font/>
عيون العرب
<body/> <html/>
انتهى الدرس
#### التنسيق رفض يظبط ####
اذا الدرس غير مفهوم فضلا أخبروني لأنسقه من جديد و اتخلص من مشكلة ترتيب العربي و الانجليزي
:" class="inlineimg" />
تحياتي
