.:: ! HTML PROF ::.
|
• الانـتـسـاب » Jun 2010
|
• رقـم العـضـويـة » 71305
|
• المشـــاركـات » 5,583
|
• الـدولـة » Egypt
|
• الـهـوايـة » <HTML>
|
• اسـم الـسـيـرفـر » Private Server
|
• الـجـنـس » Male
|
• نقـاط التقييم » 177
|
|
|
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثالث ) .
الدرس الثالث فى لغة الـ HTML ...
أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
سوف نستكمل اساسيات تنسيق الصفحة والتحكم بخصائصها فى هذا الدرس بمشيئة الله عز وجل من خلال التعرف على بعض الوسوم الجديدة التى سوف تؤدى الى ذلك .
سوف تلاحظ معى ان فى هذا الدرس ان هناك اكثر من طريقة لآداء نفس الوظيفة ,,
قم بمراجعة النموذج الذى قمنا بانشائه فى الدروس الماضية ,,
اقتباس:
المشاركة الأصلية كتبت بواسطة 3ashek El7ozn
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
كود بلغة HTML:
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</BODY>
</HTML>
|
اقتباس:
المشاركة الأصلية كتبت بواسطة 3ashek El7ozn
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
كود بلغة HTML:
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</BODY>
</HTML>
|
سوف تلاحظ اننا لم نقم بالتعامل فيها مع الخطوط باى شكل من الاشكال فهى بالطبع سوف تظهر باعداتها الافتراضية ,,
والإعدادات الافتراضية هي خط عادي نوعه Times New Roman وحجمه 3 ( بمقياس متصفحات الإنترنت ) .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اذن نستنتج من تلك المقدمة اننا سوف نتحدث فى درس اليوم عن الخطوط ,,
حيث ,,>>
كود بلغة HTML:
<FONT>______</FONT>
هو الوسم الخاص باعدادات الخط من حيث النوع واللون والحجم .
الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط ,,
تابع معى >>
كود بلغة HTML:
<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</FONT>
تقوم هذه الخاصية بتحديد نوع الخط الذي نريده وقد نقوم بتحديد أكثر من نوع معاً , وفي هذه الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع يتم إعتماد الخط الثاني .... وهكذا .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
يجب ان تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً .
كود بلغة HTML:
<FONT COLOR="#FF0000">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</FONT>
وقد قمنا بشرحها سابقا فى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
كود بلغة HTML:
<FONT SIZE="4">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</FONT>
وتقوم هذه الخاصية بتحديد حجم الخط الذى نستخدمه .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حيث هناك 7 أحجام لأي خط تستطيع المتصفحات التعرف عليها .
i!i!i!i!i!i!i!i!i!i!i!i!
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="1">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="2">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="3">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
حيث يعتبر هذا الحجم هو الإفتراضى لجميع صفحات الانترنت فى حالة عدم اختيار اعدادات مخصصة .
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="4">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="5">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="6">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
كود بلغة HTML:
<FONT SIZE="7">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما ان هناك اسلوبان يمكنك اتباعهما فى تحديد حجم الخط ,,
اولهما الاسلوب المباشر كما سبق شرحه فى هذا الدرس ,,
كود بلغة HTML:
<FONT SIZE="3">HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</FONT>
اما الثانى فـ هو الاسلوب النسبى وهو يعتمد على الأرقام من 1 الى 6 مضاف اليها الإشارة + او - بالنسبة للحجم الافتراضى ( 3 ) .
بمعنى انه اذا قمت بكتابة +4 فمعنى هذا الحجم اننى اطلب من المتصفح ان يعرض حجم الخط بمقدار يزيد عن الحجم الطبيعى بمقدار 4 درجات اى يصبح 7 .
كود بلغة HTML:
<FONT SIZE="+4">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</FONT>
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
حتى فى الاسلوب النسبى لا يمكنك ان تتعدى الحجم 7 واذا حاولت ان تزيد مقدار الخط سوف يتم تقليصه تلقائيا الى 7 او +4 .
وياتى السؤال الذى يشغل بال المتابعين للدرس ,,
ما فائدة الاسلوب النسبى ؟؟
وانا ساجيبك بسؤال اخر !!
ماذا لو قمنا بتغير الحجم الافتراضى للخط فى صفحتنا بدلا من 3 الى 7 مثلا !!
الن تحتاج الى الدرجات من -1 الى -6 ؟
وماذا لو قمنا بتغير الحجم الافتراضى للخط فى صفحتنا بدلا من 3 الى 1 مثلا !!
الن تحتاج الى الدرجات من +1 الى +6 ؟
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اعتقد ان اجابتى مقنعة ..
والآن دعونا نرى بعض الامثلة على ما سبق شرحه ,,
قم بتطبيق الشرح ولا تقم بنسخ الكود ..
كود بلغة HTML:
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<FONT FACE="Andalus" SIZE="6" COLOR="#FF0000">
HTML Guide By 3ashek El7ozn Silkroad4arab Forum
</FONT>
</BODY>
</HTML>
النتيجة ,,
كود بلغة HTML:
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<FONT FACE="Andalus" SIZE="+4" COLOR="#FF0000">
HTML Guide By 3ashek El7ozn Silkroad4arab Forum
</FONT>
</BODY>
</HTML>
النتيجة ,,
ولنا فى تكملة هذا الدرس لقاء اخر باذن الله ,,
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
|