دورة تعليم لغة HTML - الدرس الثالث

دورة تعليم لغة HTML - الدرس الثالث

بواسطة Unknown - أغسطس 27, 2013

السلام عليكم ورحمة الله وبركاتة
أهلآ ومرحبآ بكم زوار مدونة الافعي (viper)

اليوم هقدم لكم درس جديد من سلسلة دروس دورة تعلم HTML

(( الألــوان))

بالطبع انت لازلت تذكر الصفحة التي قمنا بكتابتها في الدرس الاول والثاني وهيا كانت صفحة بسيطة بخلفية رمادية وخط أسود
صغير نسبيآ , لأن هذه هيا الاعدادات الافتراضية التي يعتمدها المتصفح عندما لانقوم نحن بتحديد اي اعدادات اخري
فــأنت بينك وبين نفسك تقول في سرك أهل هذه صفحة انترنت ؟؟ اين الالوان والرسومات والخطوط الجميلة والمنسقة التي أراها
في صفحات الويب ؟؟ نعم انت معك حق ولكن عليك بالصبر فنحن مازلنا في البداية :)
فنحن سوف نستمر في استخدام الصفحة التجريبية لنوضح امثلة هذا الدرس ايضآ ... فــنـــحن فــي هذا الدرس سوف نعتمد علي
الوسم <body> ...... </body>

وقبل بداية هذا الدرس عليك انت تعرف شيئآ بخصوص الالوان ...
حيث ان لكل لون من الالوان كود كي تتم الكتابة به ؟؟ حســنــآ انت لم تفهم شيئآ سو اوضح لك أكثر
فــأنت إذا أردت انت تكتب جملة باللون الاحمر علي سبيل المثال ... فــأنت ستقول أكتب لي باللون الاحمر ولكن جهاز الكمبيوتر
لا يفهم ما هيا لغتك .. علي سبيل المثال نحن نكتب بلغة HTML لأن هذه هيا اللغة التي يفهمها المتصفح ... إذا فهناك لكل لون كود .. إذآ فأنت ســتــسأل كيف احصل علي كود للون الذي اريد ان اكتب به حسنــآ سأدلك
علي سبيل المثال سنفتح برنامج الــ photoshop هكذا

ويمكن الحصور علي الكود من اي برنامج تحرير صور وليس شرطآ الـــ PHOTOSHOP
وهذه اكواد الالون لمن لايوجد عنده اي برنامج تحرير صور

إذآ ها هيا جميع الالوان والاكواد التي سنستخدمها ولا تنسي وضع علامة # قبل كل كود هيا إذآ لنبدأ
علــــيـــك مـــعرفة هذا اولآ إذا أردت تغيير لون الصفحة فـأنك ســتــكـتكب كلمة BGCOLOr وبجانبها
لــنــأخذ تطبيق عملي كي تفهم ما اقول

<html>

<head>

<title>

First webpage

</title>

<"BODY BGcolor="#f80202>

wow , I'M writing my first webpage

</body>

</html>

فتكون بهذا الشكل

إذآ ماذا لاحظنا :- اولآ اننا لا نقفل الوسم <BODY> اذا اردنا تغيير لون الصفحة الا بعد كتابة بجانبة
< "اللون#"=BODY BGcolor>

ويجب وضع "اللون" بين هذين القوسين الصغيرين ""

حـسـنآ ماذا اذا اردنا ان تكون الخلفية صورة بدلآ من لون؟؟
أولآ سوف نغير الكلمة بدلآ من BGCOLOR ونجعلها BACKGROUND

ثم نختار الصورة التي نريد وضعها ونقوم برفعهلي علي الانترنت علي سبيل المثال سنتختار مركز الخليج ونرفع الصورة المرادة
ثم نقوم بنسخ الكود الخاص بها هكذا

ثم نقوم بكتابة الصفحة

<html>

<head>

<title>

First webpage

</title>

<"BODY Background="http://im35.gulfup.com/qBaUY.jpg>

wow , I'M writing my first webpage

</body>

</html>

فتصبح الصفحة بهذا الشكل

اذآ نحن الان عرفنا كيفية تغيير خلفية الصفح إذا كنا نريدها لونآ او صورة

الان فلنكمل مع بعض خصائص الوسم <BODY> .. فأنت ربما لاحظت من خلال إستخدامك للإنترنت ان معظم الوصلات
التشعيبية (LINKS) التي تضغط عليها لتنقلك الي صفحة ما او موقع هيا دائـمآ باللون الازرق وان الوصلات التي تضغط عليها تتحول الي اللون القرمزي او البنفسجي الفاتح .. حســنآ فهذه ايضآ الالوان الافتراضيه التي تعتمدها المتصفحات , وقد لا تعجبك هذه الالوان وقد ترغب في تغييرها فما رأيك بالتجربة
اليك هذه الاكواد

الان دعنا جعل كل هذه الخصائص في عبارة واحدة . وسوف اكتب الرموز الخاصة بالالوانبنفس تلك الالوان التي تمثلها .
والفت نظرك الي انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة.

مـــثـــــــال

فتصبح الصفحة بهذا الشكل

ومن هنا يكون قد انتهي الدرس الثالث من سلسة دروس دورة تعليم لغة HTML وارجو ان اكون قد افادتكم وانتظروا الدرس الجديد (( الخطوط ))

والسلام عليكم ورحمة الله وبركاتة

تعليقات