PuNk
المديرالعام
عدد المساهمات : 4504
العمر : 28
العمل/الترفيه : M3ak Nti BniT A7La LiyaM HyaTi !-! :) Yàà BénT NasS :d
البلد : 
تاريخ التسجيل : 25/04/2008
السٌّمعَة : 34
نقاط التميز : 66054
المزاج : 
احترام القوانين : 
 | | موضوع: الدرس السادس : الخطوط الإثنين يناير 25, 2010 5:58 pm | |
| اللهم علمنا ما ينفعنا و انفعنا بما علتنا
الدرس الرابع : تنسيق الخطوط
على الله نتوكل
تبدأ جميع الاوامر المتعلقه بــ الخطوط دائما بالامر
- الكود:
-
<font>
و تنتهي بالامر
- الكود:
-
</font>
لكن الشي الي يتغير هو الخاصيه المحطوطه ..
و هناك أربع خواص أساسيه لــ أوامر الخطوط تابعوا معي يا اخوان ..
أولاً : خاصية الوجه face ( نوع الخط )
و تستخدم كالتالي :
- الكود:
-
<font face="traditional arabic, arabic transparent, simplified arabic">
يوضع النص هنــا ....
</font>
انا حطيت ثلاث خطوط ... تدرون ليش ؟
لان اذا ما لم يستطع المتصفح عند ترجمة الشفره الى صفحة ويب الخط الاول راح يحط الخط الي بعده
و اذا ما حصل الثاني يحط الي بعده وعلى هذا المنوال
ثانياً : لون الكتابه
وتأتي كالتالي :
- الكود:
-
<font color="#ff00000">
يوضع النص هنــا ....
</font>
ثالثاً : خاصية قياس الخط ( الحجم )
تأتي كالتالي :
- الكود:
-
<font size="2">
يوضع النص هنــا ....
</font>
رابعاً : خاصية تكبير الخط أو تصغيره وهذه لا تختلف عن النقطه الثالثه إلا بإنه تستطيع تصغير الخط
وفضلت شرح كل واحده على حذى ...
مثال على تصغير الخط
- الكود:
-
<font size="-3">
يوضع النص هنــا ....
</font>
هذا يعني تصغير الخط 3 درجات عن المعدل الافتراضي
مثال على تكبير الخط
- الكود:
-
<font size="3">
يوضع النص هنــا ....
</font>
هذا يعني تكبير الخط 3 درجات عن المعدل الافتراضي
جرب كلتا الامرين وشوف بنفسك
الفرق بين كلتا الحالتين هو:
وضعنا اشارت سالب
- الكود:
-
-
قبل الرقم المراد التصغير اليه
لتصبح بهذا الشكل
- الكود:
-
-3
تعالوا نشوف مثال يتضمن كل الي قلته ..
- الكود:
-
<html> <head> <title>ib-fata</title> </head> <body> <font face="arial" size="5" color="#ff0000"> html دورة تعلم</font> <p> <font face="andalus" size="3" color="#0000ff"> L43F0 <br> جميع الحقوق محفوظة لمنتديات ابداع فتى</font> </body> </html> بعد وضعه بالمتصفح
 الان راح نعمل مناقشه للاكواد اللتي تم شرحها في هذا الدرس اولا الكود - الكود:
-
<font face="arial" size="5" color="#ff0000">
دورة لغة النص المتشعب
</font> الكود واضح نوعا ما بس رح نشرحو في طريقه مبسطه اكثر
عند وضع بداية وسم
- الكود:
-
<font> وضعنا مسافه واحده بين كلمة font والكلمه التي تليها
الان نضع شكل الخط مثلا بالخاصيه faceلتصبح هكذا - الكود:
-
[font=نضع اسم الخط المطلوب هنا بين العلامتين] <font face="نضع اسم الخط المطلوب هنا بين العلامتين "" "> [/font] طبعا وما حدا ينسا التسكير تبع وسم الخط وهو كالتالي
- الكود:
-
</font> مثلا سنضع خط اسمه tahomaيصبح الكود كالتالي - الكود:
-
<font face="tahoma">نضع النص الملطوب هنا</font> انيا خاصية الحجم
ليصبح الكود كالتالي
نفس الكلام اللي شرحنا في خاصية face ( الشكل ) - الكود:
-
<font size="4">نضع النص المطلوب هنا</font> ملاحظه بخصوص حجم الخط
الخطوط في لغة ال html
اي رقم نضعه اكبر من الرقم 7 يتعرف عليه كانه خط بحجم 7
الان خاصية اللون color
ليصبح الكود كالتالي - الكود:
-
<font color="ff0000">نضع النص المطلوب هنا</font> ملاحظه بخصوص حجم الخطالخطوط في لغة ال htmlتكون من 1 الى 7 اي رقم نضعه اكبر من الرقم 7 يتعرف عليه كانه خط بحجم 7 نفس الكلام وما يتغير اي شيء نضع النص المطلوب هنا اوامر الكتابة أولاً : الخط العريض ..
- الكود:
-
<b> الكتابه هنا </b> ثانياً : الي تحته خط - الكود:
-
<u> الكتابه هنا </u>
ثالثاً : المائل - الكود:
-
<i> الكتابه هنا </i> الحين حاولوا تعملوا تطبيق لكل الي قلته يا اخوان ..
ملاحظه : طريقة كتابة الاوامر مع بعضها البعض تأتي كالتالي :
- الكود:
-
<b><u><i> ضع الكلام هنا </b></u></i>
لكن يا اخوان حاولوا ما تحطوا أوامر كثيره لكل كلام أو فقره ع أساس ما يصير أي خربطه هناك وحطو كل التنسيقات للفقره بنفس التنسيق ..
- الكود:
-
<b><i><u><font face="tahoma" color="ffff00" size="5">النص المطلوب هنا </b></i></u></font> انتهى  | |
|
(المبدع الجديد)
أحلى مصمم
عدد المساهمات : 233
البلد : 
تاريخ التسجيل : 28/06/2009
السٌّمعَة : 1
نقاط التميز : 54531
المزاج :
احترام القوانين :
| | موضوع: رد: الدرس السادس : الخطوط الأربعاء يناير 27, 2010 8:05 pm | |
| | |
|
lbatl
أحلى مصمم
عدد المساهمات : 225
البلد :
تاريخ التسجيل : 24/11/2008
السٌّمعَة : 1
نقاط التميز : 56550
المزاج :
| | موضوع: رد: الدرس السادس : الخطوط الإثنين فبراير 01, 2010 4:54 pm | |
| | |
|
الامل
عدد المساهمات : 263
البلد :
تاريخ التسجيل : 16/07/2008
السٌّمعَة : -1
نقاط التميز : 57929
المزاج :
| | موضوع: رد: الدرس السادس : الخطوط الإثنين فبراير 01, 2010 4:57 pm | |
| | |
|
PuNk
المديرالعام
عدد المساهمات : 4504
العمر : 28
العمل/الترفيه : M3ak Nti BniT A7La LiyaM HyaTi !-! :) Yàà BénT NasS :d
البلد :
تاريخ التسجيل : 25/04/2008
السٌّمعَة : 34
نقاط التميز : 66054
المزاج :
احترام القوانين :
| |
EH@B
مراقــب عـــام
عدد المساهمات : 1664
العمر : 34
العمل/الترفيه : طالب /السباحة
البلد : 
تاريخ التسجيل : 27/06/2009
السٌّمعَة : 3
نقاط التميز : 55907
المزاج :
احترام القوانين :
| | موضوع: رد: الدرس السادس : الخطوط السبت أبريل 17, 2010 2:49 pm | |
| جميل جداااااااااااااااااا شكراااااااااااا
يسلمواااااااااااااااا اديك على الموضوع روعة بجد بارك الله فيك | |
|
و القادم اجمل 
