الـجـروب الـرسـمى لـلـمـنـتـدى FaceBook | Official Group

**3ashek El7ozn** · 20-09-2014, 05:59 AM

الجزء الثانى من الدرس الثالث لدورة الـ HTML .

أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
سوف نقوم بتكملة الدرس الثالث { الخطوط } .

لمتابعة الدرس من بدايته يرجى الضغط على >> عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

انتهينا من توضيح ما تم شرحه فى الدرس السابق ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن نعود الى درس اليوم ,,
كنا قد راينا بعض الامثلة على الخطوط فى الدرس السابق >>

اقتباس:

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

والآن دعونا نرى بعض الامثلة على ما سبق شرحه ,,
قم بتطبيق الشرح ولا تقم بنسخ الكود ..

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

والآن دعونا نستكمل درسنا اليوم ,,
نص واحد او سطر كامل بالوان و احجام و خطوط و تنسيقات متعددتة ....

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silk road 4 arab </BODY> </HTML>

النتيجة ,,

والآن سوف ننتقل الى جزء آخر من درسنا اليوم عن الخطوط ,,
الوسم <BASEFONT> .
دعونا نتعرف على ما يقوم به هذا الوسم !!
يقوم هذا الوسم بتحديد نوع الخط وخصائصه بالنسبة للصفحة كلها , أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
هذا الوسم ليس له نهاية اى <BASEFONT/> فقط يتم كتابته بهذا الشكل <BASEFONT> .
ويفضل كتابته مباشرة بعد الوسم <BODY> .
كما اننا نستطيع ان نستخدم معه الخاصية NAME بدلا من FACE .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
واليكم مثالا حيا على ما تم ذكره .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> <BASEFONT Name="Andalus" COLOR="#FF0000" SIZE="5">‎ HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لاحظنا فى المثال السابق اننا قد استخدمنا مع الوسم <BASEFONT> الخط Andalus واللون FF0000 والحجم 5 .
كما ان الوسم <BASEFONT> لا يتعارض مع الخاصية COLOR حيث انك تستطيع بكل سهولة تغيير لون نص ما تريده بعيدا عن النص الاساسى المحدد بلون مع الوسم <BASEFONT> واليك مثال ,,

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> <BASEFONT Name="Andalus" COLOR="#FF0000" SIZE="5">‎ HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

ناتى لطريقة تمييز عناوين الصفحة ,,
هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي <H>___</H> .
حيث يتم اضافة ارقام من 1 الى 6 الى الوسم <H> وهى تعبر عن الحجم حيث 1 هو اكبر حجم بينما 6 هو اصغر حجم واليكم مثال ,,

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> <H1>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H1> <H2>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H2> <H3>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H3> <H4>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H4> <H5>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H5> <H6>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H6> </BODY> </HTML>

النتيجة ,,

والآن جاء وقت التنسيقات والتأثيرات فى الخطوط تابع جيدا .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
الخط العريض ويستخدم معه الوسمين ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط المائل ويستخدم معه الوسمين ___ او ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط المسطر ويستخدم معه الوسمين ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط المرتفع ويستخدم معه الوسمين ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط المنخفض ويستخدم معه الوسمين ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط الكبير ويستخدم معه الوسمين <BIG>___</BIG> .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By <BIG>3ashek El7ozn</BIG> & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

الخط الصغير ويستخدم معه الوسمين ___ .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

نص يتخلله خط او النص المشطوب ويستخدم معه الوسمين <STRIKE>___</STRIKE> .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By <STRIKE>3ashek El7ozn</STRIKE> & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

نص الآلة الكاتبة ويستخدم معه الوسمين <TT>___</TT> .

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By <TT>3ashek El7ozn</TT> & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما انه يستخدم الوسمين <TT>___</TT> فى توحيد المسافات بين الاحرف بمعنى انه اذا استخدمنا الحرفين M و I كمثال ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
قبل اضافة الوسم >>

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> IIIIIIIIII MMMMMMMMMM </BODY> </HTML>

النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

بعد اضافة الوسم >>

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> <TT> IIIIIIIIII MMMMMMMMMM </TT> </BODY> </HTML>

النتيجة ,,

وهذا مثال لعدة وسوم لتنسيقات متعددة ,,

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,

ملحوظة :-
عند استخدام الوسوم المتعددة في مقطع واحد يجب مراعاة عدم التداخل بينها , وهذه الصور توضع ما اقصده .

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

الى هنا اكون قد انتهيت من درس الخطوط ..

وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**

**Hero** · 20-09-2014, 06:24 AM

والله الغة سهلة و شرحك فل الفل
بس تعرف الشرح فيديو صوت ياة حياة تانى خالص والله حتى لو ال ++C هتتفهم بسهولة :]

**3ashek El7ozn** · 20-09-2014, 06:40 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة Hero عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

والله الغة سهلة و شرحك فل الفل
بس تعرف الشرح فيديو صوت ياة حياة تانى خالص والله حتى لو ال ++C هتتفهم بسهولة :]

اخلص من الدورة دى وهنزل تصميمات PSD و توزيع HTML و CSS بالفيديو مع حقوق المنتدى

**_Joo** · 20-09-2014, 04:42 PM

رورورورورورورورورورورعه بجد شروحاتك

**3ashek El7ozn** · 20-09-2014, 10:10 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة malek4d3wa عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

رورورورورورورورورورورعه بجد شروحاتك

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

**_Joo** · 21-09-2014, 03:20 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

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

انا روعه ايه بس شرحك بجد جامد جداً

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

يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر)

	حفظ بياناتي ؟

شـريـط الاهـداءات