12-09-2014, 07:27 AM
|
#1
|
|
|
• الانـتـسـاب » Jun 2010
|
|
• رقـم العـضـويـة » 71305
|
|
• المشـــاركـات » 5,572
|
|
• الـدولـة » Egypt
|
|
• الـهـوايـة » <HTML>
|
|
• اسـم الـسـيـرفـر » Private Server
|
|
• الـجـنـس » Male
|
|
• نقـاط التقييم » 102
|
|
|
 
|
.gif)
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثانى ) .
الجزء الثانى من الدرس الثانى لدورة الـ HTML .
أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
سوف نقوم بتكملة الدرس الثانى { الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام } ( الالوان ) .
لمتابعة الدرس من بدايته يرجى الضغط على >> عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
انتهينا ببعض الكلمات البسيطة عن ما تم شرحه فى الدرس السابق ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن نعود الى الوسوم وخصائصها ,,
دعونا نلقى نظرة على هذا الوسم ...
| |
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png">
هنا يوجد محتويات الصفحة
</BODY>
| *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ما الشئ الجديد ؟؟
الشئ الجديد هو الوسم BACKGROUND .
وهذا الوسم يقوم بتحديد صورة ما كخلفية للنص او للصفحة الخاصة بنا وليس من الضرورى ان يكون اسم الصورة image.png حيث image هو اسم الصورة التى اخترتها و png هو امتداد الصورة المستخدمة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وسوف اعتمد فى شرحى اليوم على صورة مقتبسة من داخل عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حيث الجزء المظلل باللون الاحمر هو الذى سيقوم عليه الشرح فى هذا اليوم
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والان دعونا نتذكر صفحتنا التى قمنا بانشائها مسبقا وهى
*-.-**-.-**-.-**-.-*
|
|
المشاركة الأصلية كتبت بواسطة 3ashek El7ozn
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</BODY>
</HTML>
|  |
سنقوم باضافة الوسم BACKGROUND الى صفحتنا ونرى النتيجة ...
حيث تكون مكونات الصفحة هكذا
| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png">
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</BODY>
</HTML>
|
ولا تقم بنسخ الكود اختصاراً للوقت قم بالتجربة بنفسك ..
مرة اخرى الصورة المستخدمة فى الشرح هى >>
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
بعد تحميلها قم باعادة تسميتها كما تشاء ولا تنسى ان تضيف الاسم الى داخل مكونات صفحتك كى تظهر ,,
وها هو نتيجة ما قمت بعمله ,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
يجب مراعاة وجود الصورة فى نفس مسار الصفحة مبدئيا حتى نقوم فى درس مقبل فيما بعد بتحديد مسار الصورة اذا كانت فى موقع مختلف عن الصفحة ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
نلاحظ معاً ان المتصفح قام بتكرار الصورة تلقائيا حتى اصبحت تملئ الصفحة بالكامل .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
التمويجات التى توجد فى الصورة ليست بمشكلة او خطأ ولكنها من الصورة نفسها ويمكنك استخدام اى صورة كما تحب ولن تظهر معك تلك التمويجات .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية ( من خلال الخاصية BGCOLOR ) .
والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية , ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية Text-Based Browsers ( أي ليس بإمكانها عرض الصور ) .
*-.-**-.-**-.-**-.-*
يمكنك استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة .
والآن لنكمل باقى خصائص الوسم <BODY> .
*-.-**-.-**-.-**-.-*
ربما قد لاحظت فيما قبل ان معظم الوصلات التشعبية ( اللينكات ) التى تنقر عليها لتنقلك الى صفحة اخرى دائماً مميزة باللون الأزرق وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والسؤال هنا هل يمكننى ان اقوم بتغيير تلك الالوان ؟؟
*-.-**-.-**-.-**-.-*
الاجابة بالتاكيد نعم ولكن هذه الالوان التى تشاهدها هى الاعدادات الافتراضية التى يقوم بتحديدها المتصفح حينما لا يوجد اعداد خاص ..
*-.-**-.-**-.-**-.-*
و إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص ,,
*-.-**-.-**-.-**-.-*
| |
TEXT="#كود اللون"لتحديد لون النص الأساسي للصفحة
| *-.-**-.-**-.-**-.-*
| |
LINK="#كود اللون"لتحديد لون الوصلات التشعبية
| *-.-**-.-**-.-**-.-*
| |
VLINK="#كود اللون"لتحديد لون الوصلات التشعبية التي تمت زيارتها
| *-.-**-.-**-.-**-.-*
| |
ALINK="#كود اللون"لتحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها
| *-.-**-.-**-.-**-.-*
ومثالا على ذلك كما يجب ان يكون فى عين الاعتبار انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة .
| |
<BODY BACKGROUND="image.png"
BGCOLOR="#كود اللون"
TEXT="#كود اللون"
LINK="#كود اللون"
VLINK="#كود اللون"
ALINK="#كود اللون">
|
وسوف نقوم بتجربة و تطبيق هذا فيما بعد فى الدرس المناسب فقط قمت بالافصاح عنها لانها تابعة لدرس الالوان .
الى هنا اكون قد انتهيت من درس الالوان ..
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
|
|
|
التعديل الأخير تم بواسطة 3ashek El7ozn ; 14-09-2014 الساعة 05:38 PM
|