البقاء مسجل دائمآ
الإعلانات
قديم 14-09-2014, 05:28 PM   #1

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,608
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

(18) تعلم 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>
النتيجة ,,


ولنا فى تكملة هذا الدرس لقاء اخر باذن الله ,,
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
توقيع 3ashek El7ozn :
كود:
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

التعديل الأخير تم بواسطة 3ashek El7ozn ; 14-09-2014 الساعة 05:31 PM
رد مع اقتباس
إعلانات google

قديم 15-09-2014, 01:25 PM   #2

™AhmedAlastoOora™
عضو لامع



الصورة الرمزية ™AhmedAlastoOora™


• الانـتـسـاب » Jul 2013
• رقـم العـضـويـة » 112718
• المشـــاركـات » 1,206
• الـدولـة » Cairo
• الـهـوايـة » SilkRoaD
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 50
™AhmedAlastoOora™ جـيـد

™AhmedAlastoOora™ غير متواجد حالياً



افتراضي


You are Professor

رد مع اقتباس
قديم 15-09-2014, 03:03 PM   #3

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,608
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

افتراضي


اقتباس:
المشاركة الأصلية كتبت بواسطة ™AhmedAlastoOora™ عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
You are Professor
اخجلتم تواضعنا
حبيبى يا احمد


توقيع 3ashek El7ozn :
كود:
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

رد مع اقتباس
قديم 20-09-2014, 04:41 PM   #4

_Joo
عضو مميز



الصورة الرمزية _Joo


• الانـتـسـاب » Apr 2014
• رقـم العـضـويـة » 117328
• المشـــاركـات » 646
• الـدولـة » داخل بلد العجايب (مصر) اكرمنا و نخرج منها يا رب
• الـهـوايـة » بحب الكمبيوتر فيه مانع يا رجاله xD
• اسـم الـسـيـرفـر » Norma
• الـجـنـس » Male
• نقـاط التقييم » 10
_Joo صـاعـد

_Joo غير متواجد حالياً



افتراضي


ايه يا عم الشغل دا شوفت شروحات قبل كدا ل html مفهمتش اى حاجه بس دلوقتى فهمت كتير من حضرتك


توقيع _Joo :
لا آلــــه الــأ الله ســيــدنـــا مــحــمــد رســـول الله

رد مع اقتباس
قديم 20-09-2014, 11:10 PM   #5

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,608
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

افتراضي


اقتباس:
المشاركة الأصلية كتبت بواسطة malek4d3wa عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
ايه يا عم الشغل دا شوفت شروحات قبل كدا ل html مفهمتش اى حاجه بس دلوقتى فهمت كتير من حضرتك
الحمد لله واى استفسار انا فى الخدمة
توقيع 3ashek El7ozn :
كود:
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

رد مع اقتباس
قديم 21-09-2014, 03:26 PM   #6

_Joo
عضو مميز



الصورة الرمزية _Joo


• الانـتـسـاب » Apr 2014
• رقـم العـضـويـة » 117328
• المشـــاركـات » 646
• الـدولـة » داخل بلد العجايب (مصر) اكرمنا و نخرج منها يا رب
• الـهـوايـة » بحب الكمبيوتر فيه مانع يا رجاله xD
• اسـم الـسـيـرفـر » Norma
• الـجـنـس » Male
• نقـاط التقييم » 10
_Joo صـاعـد

_Joo غير متواجد حالياً



افتراضي


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


الحمد لله واى استفسار انا فى الخدمة
تسلم بس يا ريت ما تتأخرش على ف مواعيد الدروس بس انا مساتنيها على نار


توقيع _Joo :
لا آلــــه الــأ الله ســيــدنـــا مــحــمــد رســـول الله

رد مع اقتباس
قديم 24-06-2016, 07:53 PM   #7

na7la2050
عضو جديد





• الانـتـسـاب » Jun 2016
• رقـم العـضـويـة » 130300
• المشـــاركـات » 6
• الـدولـة »
• الـهـوايـة »
• اسـم الـسـيـرفـر » No Server
• الـجـنـس » Male
• نقـاط التقييم » 10
na7la2050 صـاعـد

na7la2050 غير متواجد حالياً



افتراضي رد: تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثالث ) .


مفيش صور



رد مع اقتباس
إضافة رد

« الموضوع السابق | الموضوع التالي »

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

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع


الساعة الآن 02:49 PM.

الاتصال بنا - الأرشيف - بيان الخصوصية - الأعلى