منتدى مرمر - محمد علي رمضان
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان
منتدى مرمر - محمد علي رمضان
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان

منتدى مرمر - محمد علي رمضان

إسلامي - إجتماعي - ثقافي - راديو خاص بالمنتدى - أغاني - ألعاب - برامج كمبيوتر - صـــور
 
الرئيسيةالبوابةالأحداثاليوميةمكتبة الصورأحدث الصورس .و .جبحـثالتسجيلدخولاضغط هنا لمراسلة الإدارةاضغط هنا لتشاهد قناة منتدى مرمر على اليوتيوباضغط هنا لرفع صورك في ثانيه واحدةاضغط هنا لتشاهد قناة منتدى مرمر على ديليموشن


يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
المواضيع الأخيرة
» تنظيف المصانع
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 7:51 pm من طرف khaledmohy1

» اشهر رموز العلمانية في التاريخ رندة قسيس
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 1:39 pm من طرف khaledmohy1

» The most famous people met Trump
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 1:19 pm من طرف khaledmohy1

» Famous middle eastern women in history
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 1:00 pm من طرف khaledmohy1

» المؤسس عثمان مترجم للعربية - الجزء الخامس - الحلقة 154 - 24
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 3:09 am من طرف Admin

» لعملة الكريبتو
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyأمس في 12:52 am من طرف doaausef3li

»  طريقة الاستعلام عن الأسهم القديمة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 4:27 pm من طرف doaausef3li

» التخلص من الحشرات
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 3:52 pm من طرف khaledmohy1

» شركات تعقيم المنازل
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 3:32 pm من طرف khaledmohy1

» شركات تنظيف الشيخ زايد
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 3:22 pm من طرف khaledmohy1

» Famous middle eastern leaders
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 3:11 pm من طرف khaledmohy1

» The most famous Arab politicians Randa Kassis
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 3:00 pm من طرف khaledmohy1

» Syria politicians with Trump
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 2:42 pm من طرف khaledmohy1

» Arab politicians with Trump
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالأربعاء 27 مارس 2024, 2:29 pm من طرف khaledmohy1

» كمبوند لا كابيتال ايست العاصمة الإدارية بيراميدز
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 5:34 am من طرف خالد فكري

» كمبوند بوردووك العاصمة الإدارية الجديدة العصرية
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 5:10 am من طرف خالد فكري

» الچازي فيرست ماريوت ريزيدنس القاهرة الجديدة سلدار مصر
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 4:32 am من طرف خالد فكري

» كمبوند جولدن يارد العاصمة الإدارية مارسيليا جروب
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 3:50 am من طرف خالد فكري

» كمبوند ذا هوفت القاهرة الجديدة مينكا
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 3:23 am من طرف خالد فكري

» كمبوند لا كابيتال العاصمة الإدارية الجديدة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 3:01 am من طرف خالد فكري

» كمبوند كاسيل لاند مارك العاصمة الإدارية
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 2:33 am من طرف خالد فكري

» كمبوند دي جويا 2 العاصمة الإدارية الجديدة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 2:06 am من طرف خالد فكري

» كمبوند شاليا تاج سيتي
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 1:45 am من طرف خالد فكري

» كمبوند ذا سيتي فالي العاصمة الإدارية
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 1:25 am من طرف خالد فكري

» كمبوند لافيستا سيتي العاصمة الإدارية الجديدة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 1:08 am من طرف خالد فكري

» كمبوند البوسكو العاصمة الإدارية
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 12:44 am من طرف خالد فكري

» نف شركتك الان
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 12:33 am من طرف khaledmohy1

» كمبوند كيندا التجمع الخامس
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 26 مارس 2024, 12:27 am من طرف خالد فكري

» كمبوند يارو العاصمة الإدارية الجديدة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالإثنين 25 مارس 2024, 11:57 pm من طرف خالد فكري

» سيلفر ساندس الساحل الشمالي
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالإثنين 25 مارس 2024, 11:40 pm من طرف خالد فكري


مارس 2024
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
     12
3456789
10111213141516
17181920212223
24252627282930
31      
اليوميةاليومية

1 نتيجة بحث عن 773466

كاتب الموضوعرسالة
الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان 0310موضوع: الدرس الثاني في تعلم لغة HTML
Admin

المساهمات: 23
مشاهدة: 1303

ابحث في: تعلم لغة HTML من الألف إلى الياء   الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Icon_minipostموضوع: الدرس الثاني في تعلم لغة HTML    الوسم 773466 على المنتدى منتدى مرمر - محمد علي رمضان Emptyالثلاثاء 17 نوفمبر 2015, 6:29 pm
الدرس الثاني في تعلم لغة HTML  *** تلوين أو اضافة صورة كخلفية صفحة الويب ***  

***   ***   ***   ***   ***   ***



في هذا الدرس سنقوم بالتعرف على الخصائص التي يمكن إضافتها إلى الوسم
الكود:
<BODY>

من أجل التحكم بالشكل العام للصفحة، وخصوصا فيما يتعلق بالألوان
طبعاً أنت لا زلت تتذكر الصفحة التي قمنا بكتابتها في الدرس الأول. صفحة بسيطة بخلفية رمادية وخط صغير نسبياً لونه أسود. وهذه هي الإعدادات الإفتراضية التي يعتمدها المتصفح عندما لا نقوم نحن بتحديد إعدادات أخرى. (ربما تقول: أهذه صفحة إنترنت! أين الألوان والرسومات والخطوط الجميلة والتنسيقات التي نراها في صفحات الإنترنت؟ معك حق لكن مهلاً فما زلنا في البداية).
سوف نستمر باستخدام صفحتنا هذه لتوضيح أمثلة هذا الدرس أيضاً، لكن لن أقوم بتكرار كتابة وسوم البداية طالما أن عملنا يتركز في الجزء المخصص لمحتويات الصفحة نفسها أي ضمن الوسمين
الكود:
<BODY>...</BODY>

إذن لنبدأ العمل!

نطلق كلمة خاصية (Attribute) على التعبيرات التي تضاف إلى الوسوم، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل

تأمل الشيفرة التالية :
الكود:
<BODY BGCOLOR="FFFFFF">‎
...
<‎/BODY>


لقد قمت بإضافة الخاصية
BGCOLOR
إلى الوسم
الكود:
<BODY>

، وهي تقوم بتحديد لون الخلفية للصفحة. أما
#FFFFFF
فهي القيمة التي تمثل اللون المختار وهو هنا اللون الأبيض،  لاحظ أنها مكتوبه بين إشارتي " "  ولو أردت تمثيل اللون الأسود لكتبت الرمز
#000000  
أو الرمز
#6699CC
للون الأزرق الفاتح

وهذا جدول ببعض الألوان ورموزها المكافئة بالنظام السداس عشري

#ABCDEF #FFFF00
#FEDCBA #336699
#773466 #112233
#FF1122 #666666
#0033FF #663333
#AABBAA #00FF00
#800800 #FF6600
#008008 #993366
#020769 #123456
#111111 #654321



ومن الممكن استخدام أسماء هذه الألوان مباشرة بدلاً من الأرقام السداس عشرية.
وهذا جدول يوضح هذه الألوان ومسمياتها :

Black White
Red Green
Marron Purple
Navy Blue
Teal Lime
Gray Silver
Olive Aqua
Fuchsia Yellow



وهناك طريقتان لتلوين خلفية صفحة الويب هما :
الاولى باضافة لون
والثانية باضافة صورة
لاضافة لون نستخدم الآتي :
الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BGCOLOR="هنا نضع اسم اللون او كوده كابتل او اصمول">
    mohamed ali ramadan
    </BODY>
    </HTML>


مثال ذلك
لو جعلنا الخلفية حمراء نكتب الآتي في منطقة بداية الــ
BODY  
بوضع اسم اللون
الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BGCOLOR="red">
    mohamed ali ramadan
    </BODY>
    </HTML>


أو بكتابة كود اللون الاحمر هكذا
الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BGCOLOR="#FF1122">
    mohamed ali ramadan
    </BODY>
    </HTML>


او هكذا

الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BGCOLOR="#ff1122">
    mohamed ali ramadan
    </BODY>
    </HTML>



أما لاضافة صورة نكتب الآتي في منطقة بداية الــ
BODY
هكذا
الكود:
<BODY BACKGROUND="هنا رابط الصورة">‎
...
<‎/BODY>


مثال ذلك
سنضع مثلا رابط صورة علم مصر كخلفية لصفحة الويب هكذا
الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BACKGROUND="https://i.servimg.com/u/f69/17/93/78/55/egypt10.gif">
    mohamed ali ramadan
    </BODY>
    </HTML>


تلاحظ أن المتصفح قد قام بتكرار عرض الصورة بطريقة التجانب وأنها أصبحت تغطي كل الشاشة. بحيث حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية من خلال الخاصية
BGCOLOR
والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية. ومع ذلك يفضل تحديده إحتياطاً خاصة وأن بعض المتصفحات القديمة توصف بأنها متصفحات نصية
Text-Based Browsers
أي ليس بإمكانها عرض الصور). أو ربما هناك بعض المستخدمين الذين قاموا بإلغاء خيار عرض الصور تلقائياً من متصفحاتهم. إذن لنعطهم على الأقل فرصة مشاهدة بعض الألوان إن لم يستطيعوا مشاهدة الصور
إننا نستطيع استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة، والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة

والآن نكمل باقي الخصائص في وسم
الكود:
<BODY>


ربما لاحظت خلال استخدامك للإنترنت أن معظم الوصلات التشعبية الروابط
Links
التي تنقر عليها لتنقلك إلى صفحات أو مواقع أخرى على الشبكة هي دائماً مميزة باللون الأزرق، وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي. حسناً، هذه هي الألوان الإفتراضية التي تعتمدها المتصفحات. لكن قد لا يعجبك ذلك وتريد تغيير هذا النظام. أو ببساطة ربما تريد استخدام لون أو صورة غامقة لخلفية الصفحة بما سيؤدي إلى اختفاء هذه الوصلات أو حتى اختفاء نص الصفحة نفسها. فما العمل؟
إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص :

‎TEXT="#rrggbb"‎ تحديد لون النص الأساسي للصفحة
‎LINK="#rrggbb"‎ تحديد لون الوصلات التشعبية
‎VLINK="#rrggbb"‎ تحديد لون الوصلات التشعبية التي تمت زيارتها visited links
‎ALINK="#rrggbb"‎ تحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها active links


والآن، دعنا نجمل الخصائص السابقة في عبارة واحدة. وسوف أكتب الرموز الخاصة بالألوان بنفس تلك الألوان التي تمثلها. وألفت نظرك إلى أنه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة ونكتبها هكذا  
الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BACKGROUND="https://i.servimg.com/u/f69/17/93/78/55/egypt10.gif"
BGCOLOR="#ffff00"‎
TEXT="#000066"‎
LINK="#00ff00"‎
VLINK="#ff0000"‎
ALINK="#999999">
    mohamed ali ramadan<BR>https://marmar.mam9.com
    </BODY>
    </HTML>


أو هكذا

الكود:
    <HTML>
    <HEAD>
    <TITLE>
    marmar 7bebty
    </TITLE>
    </HEAD>
    <BODY BACKGROUND="https://i.servimg.com/u/f69/17/93/78/55/egypt10.gif" BGCOLOR="#ffff00"‎ TEXT="#000066"‎ LINK="#00ff00"‎ VLINK="#ff0000"‎ ALINK="#999999">
    mohamed ali ramadan<BR>https://marmar.mam9.com
    </BODY>
    </HTML>


الآن تعالى نحلل مايحتويه الكود السابق

1 - وضعنا رابط صورة علم مصر كخلفية لصفحة الويب
2 - اخترت اللون الأصفر لكي يكون لونا للخلفية في حالة عدم عرض الصورة السابقة كخلفية
3 - وضعنا اللون الازرق القاتم للنص
4 - وضعنا اللون الأخضر للوصلات التشعيبية الروابط التي لم يتم النقر عليها
5 - وضعنا اللون الأحمر للوصلات التي تمت زيارتها
6 - وضعنا اللون الرمادي لوصلة الفعالة في لحظة النقر عليها بالفأرة

***   ***   ***   ***   ***   ***

الى اللقاء مع الدرس الثالث في تعلم لغة
HTML
إن شاء الرحمن وإن كان في عمري بقية


الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
انتقل الى:  
بحـث
 
 

نتائج البحث
 

 


Rechercher بحث متقدم

دع الأيام تفعل ما تشاء
وطب نفسًا إذا حكم القضاء

ولا تجزع لِحادثةِ الليالي
فما لحوادث الدنيا بقاء .


visitor counter

المتواجدون الآن ؟
ككل هناك 86 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 86 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 478 بتاريخ الأربعاء 10 أبريل 2013, 8:39 pm