تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثانى ) .
http://im61.gulfup.com/GBda5Q.png الجزء الثانى من الدرس الثانى لدورة الـ HTML . http://im55.gulfup.com/QxQsXY.gif أهلا وسهلا بكم اعضاء و زوار منتدى Silkroad4arab . سوف نقوم بتكملة الدرس الثانى { الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام } ( الالوان ) . http://im55.gulfup.com/QxQsXY.gif لمتابعة الدرس من بدايته يرجى الضغط على >> تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثانى ) . http://im55.gulfup.com/QxQsXY.gif انتهينا ببعض الكلمات البسيطة عن ما تم شرحه فى الدرس السابق .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والآن نعود الى الوسوم وخصائصها ,, دعونا نلقى نظرة على هذا الوسم ... كود بلغة HTML:
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png"> ما الشئ الجديد ؟؟ الشئ الجديد هو الوسم BACKGROUND . http://im55.gulfup.com/QxQsXY.gif وهذا الوسم يقوم بتحديد صورة ما كخلفية للنص او للصفحة الخاصة بنا وليس من الضرورى ان يكون اسم الصورة image.png حيث image هو اسم الصورة التى اخترتها و png هو امتداد الصورة المستخدمة .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وسوف اعتمد فى شرحى اليوم على صورة مقتبسة من داخل المنتدى . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im62.gulfup.com/QRfuny.png *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* حيث الجزء المظلل باللون الاحمر هو الذى سيقوم عليه الشرح فى هذا اليوم *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im53.gulfup.com/iDSu3d.png *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والان دعونا نتذكر صفحتنا التى قمنا بانشائها مسبقا وهى *-.-**-.-**-.-**-.-* اقتباس:
سنقوم باضافة الوسم BACKGROUND الى صفحتنا ونرى النتيجة ... حيث تكون مكونات الصفحة هكذا كود بلغة HTML:
<HTML> ولا تقم بنسخ الكود اختصاراً للوقت قم بالتجربة بنفسك .. مرة اخرى الصورة المستخدمة فى الشرح هى >> *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im53.gulfup.com/iDSu3d.png http://im55.gulfup.com/QxQsXY.gif بعد تحميلها قم باعادة تسميتها كما تشاء ولا تنسى ان تضيف الاسم الى داخل مكونات صفحتك كى تظهر ,, وها هو نتيجة ما قمت بعمله , *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im65.gulfup.com/W5iwwf.png http://im55.gulfup.com/QxQsXY.gif يجب مراعاة وجود الصورة فى نفس مسار الصفحة مبدئيا حتى نقوم فى درس مقبل فيما بعد بتحديد مسار الصورة اذا كانت فى موقع مختلف عن الصفحة .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im64.gulfup.com/Nzzu45.png http://im55.gulfup.com/QxQsXY.gif نلاحظ معاً ان المتصفح قام بتكرار الصورة تلقائيا حتى اصبحت تملئ الصفحة بالكامل . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im65.gulfup.com/W5iwwf.png *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* ملحوظة :- التمويجات التى توجد فى الصورة ليست بمشكلة او خطأ ولكنها من الصورة نفسها ويمكنك استخدام اى صورة كما تحب ولن تظهر معك تلك التمويجات . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية ( من خلال الخاصية BGCOLOR ) . http://im55.gulfup.com/QxQsXY.gif والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية , ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية Text-Based Browsers ( أي ليس بإمكانها عرض الصور ) . *-.-**-.-**-.-**-.-* يمكنك استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة . http://im55.gulfup.com/QxQsXY.gif والآن لنكمل باقى خصائص الوسم <BODY> . *-.-**-.-**-.-**-.-* ربما قد لاحظت فيما قبل ان معظم الوصلات التشعبية ( اللينكات ) التى تنقر عليها لتنقلك الى صفحة اخرى دائماً مميزة باللون الأزرق وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والسؤال هنا هل يمكننى ان اقوم بتغيير تلك الالوان ؟؟ *-.-**-.-**-.-**-.-* الاجابة بالتاكيد نعم ولكن هذه الالوان التى تشاهدها هى الاعدادات الافتراضية التى يقوم بتحديدها المتصفح حينما لا يوجد اعداد خاص .. *-.-**-.-**-.-**-.-* و إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص ,, *-.-**-.-**-.-**-.-* كود بلغة HTML:
TEXT="#كود اللون"لتحديد لون النص الأساسي للصفحة كود بلغة HTML:
LINK="#كود اللون"لتحديد لون الوصلات التشعبية كود بلغة HTML:
VLINK="#كود اللون"لتحديد لون الوصلات التشعبية التي تمت زيارتها كود بلغة HTML:
ALINK="#كود اللون"لتحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها ومثالا على ذلك كما يجب ان يكون فى عين الاعتبار انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة . http://im55.gulfup.com/QxQsXY.gif كود بلغة HTML:
<BODY BACKGROUND="image.png" وسوف نقوم بتجربة و تطبيق هذا فيما بعد فى الدرس المناسب فقط قمت بالافصاح عنها لانها تابعة لدرس الالوان . http://im55.gulfup.com/QxQsXY.gif الى هنا اكون قد انتهيت من درس الالوان .. http://im55.gulfup.com/QxQsXY.gif وفى النهاية *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وعند النقل يرجى ذكر المصدر دمتم بود *-.-**-.-**-.-**-.-**-.-**-.-**-.-** http://im54.gulfup.com/Zz30Un.png |
ايوة ايوة ايوة الف شكر يا كبير
|
اقتباس:
|
الله ينور عليك وربنا بجد شغل عالى
|
اقتباس:
|
اقتباس:
|
شكراً
|
رد: تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثانى ) .
لو سمحت مفيش اي صور ياريت صور بعد ازنك هيا مش شغالة
وشكرا علي المجهود :clapping: |
الساعة الآن 10:15 PM. |
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc.