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

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

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


الأربعاء 06 يوليو 2016, 12:39 am من طرف Admin كتب : » تهنئة بعيد الفطر المبارك :احبائي اعضاء وزوار منتدانا الكرام كل عام وانتم بخير … : قراءة كاملة الأحد 20 مارس 2016, 2:47 am من طرف Admin كتب : » هام للاعضاء والزوار :الاهداءات مفتوحة للاعضاء والزوار :
يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
المواضيع الأخيرة
» أغنية - والنبي لنكيد العزال القديمة - ألبوم شفت بعيني - محرم فؤاد
السبت 14 أكتوبر 2017, 8:05 pm من طرف mohammadattia38

» أغنية - هو صحيح الهوى غلاب - صدى جديد ومختلف عما سبق
الجمعة 12 مايو 2017, 3:09 pm من طرف Admin

» أغنية - كله ماشي جوده اعلى - ألبوم كله ماشي - محرم فؤاد
الجمعة 31 مارس 2017, 6:21 am من طرف ابراهيم الجندى

» أغنية - تعب القلوب - ألبوم تعب القلوب - 2014 - محرم فؤاد
الجمعة 31 مارس 2017, 5:53 am من طرف ابراهيم الجندى

» أغنية - أبحث عن سمراء حفله توزيع جديد - ألبوم شفت بعيني - محرم فؤاد
الجمعة 31 مارس 2017, 5:19 am من طرف ابراهيم الجندى

» أغنية - الصبر - ألبوم الصبر - محرم فؤاد
الجمعة 31 مارس 2017, 4:32 am من طرف ابراهيم الجندى

» أغنية - سلامات ياحبايب حفله - ألبوم سلامات - محرم فؤاد
الجمعة 31 مارس 2017, 4:15 am من طرف ابراهيم الجندى

» أغنية - أنا عايز صبية - ألبوم أنا عايز صبية - محرم فؤاد
الجمعة 31 مارس 2017, 3:59 am من طرف ابراهيم الجندى

» راديو آخر مختلف لعمرو دياب بث مباشر على مدار الساعة
السبت 18 مارس 2017, 3:13 pm من طرف Admin

» راديو آخر مختلف لعمرو دياب
السبت 18 مارس 2017, 2:52 pm من طرف Admin

» أغنية - بتسأل ليه عليا - ألبوم بتسأل ليه عليا - هاي كواليتي - فايزه أحمد - استماع وتحميل
الأربعاء 08 فبراير 2017, 2:31 pm من طرف Admin

» جدول مباريات اليوم وكل يوم متجدد يوميا وشاهد مبارياتك المفضلة
الأربعاء 12 أكتوبر 2016, 5:04 pm من طرف Admin

» الجزيرة الرياضية 11+ HD سيرفر جديد
الأربعاء 12 أكتوبر 2016, 4:49 pm من طرف Admin

» الجزيرة الرياضية bein-max1
الأربعاء 12 أكتوبر 2016, 4:27 pm من طرف Admin

» الجزيرة الرياضية bein-max2
الأربعاء 12 أكتوبر 2016, 4:24 pm من طرف Admin

أكتوبر 2017
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
1234567
891011121314
15161718192021
22232425262728
293031    
اليوميةاليومية

شاطر | 
 

 الدرس الثاني في تعلم لغة HTML

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#1مُساهمةموضوع: الدرس الثاني في تعلم لغة HTML   الثلاثاء 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 &nbsp; 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="http://i69.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="http://i69.servimg.com/u/f69/17/93/78/55/egypt10.gif"
BGCOLOR="#ffff00"‎
TEXT="#000066"‎
LINK="#00ff00"‎
VLINK="#ff0000"‎
ALINK="#999999">
    mohamed ali ramadan<BR>http://marmar.afdal-montada.com
    </BODY>
    </HTML>

أو هكذا

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

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

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

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

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








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
رفعت عبد الكريم
عضو نشيط
عضو نشيط
avatar

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#2مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الجمعة 20 نوفمبر 2015, 9:03 am

السلام عليكم 
اخي الغالي 
هل استطيع وضع اسماء الالوان للنص او للروابط التشعبية بدل رموزها لانها يصعب حفظها ؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#3مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الجمعة 20 نوفمبر 2015, 12:28 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اخي الغالي 
هل استطيع وضع اسماء الالوان للنص او للروابط التشعبية بدل رموزها لانها يصعب حفظها ؟

وعليكم السلام
اكيد اخي الغالي يمكن وضع اسم اللون بدلا من كوده لاي شيئ تريد تلوينه
واحب اعرفك ان اكواد الالوان لا نحفظها بل ننسخها من مواقعها وتوجد بعض البرامج التي تولد اكواد هذه الالوان
وممكن نسخها
من الموضوع التالي
http://marmar.afdal-montada.com/t5374-topic

رجاءا راجع ردودي في هذا الموضوع لاني اضفت اشياء تفيدك لم اكن قد تعرضت لها
راجع الردود من هنا
http://marmar.afdal-montada.com/t5390-topic
وتقبل تحياتي









الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
رفعت عبد الكريم
عضو نشيط
عضو نشيط
avatar

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#4مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الأحد 22 نوفمبر 2015, 10:01 pm

السلام عليكم 
اخي الغالي ممكن امثلة على تلوين النص ثم بعد ذلك اضافة تاثيرات عليه ام ان الوقت مبكرا على اضافة تاثيرات على النص ؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
رفعت عبد الكريم
عضو نشيط
عضو نشيط
avatar

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#5مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الأحد 22 نوفمبر 2015, 10:22 pm

السلام عليكم 
اخي الغالي وضعت هذا الكود ما وجه الخطا فيه 




الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#6مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الأربعاء 25 نوفمبر 2015, 4:56 pm

اخي العزيز
ارجو ان تسامحني في تأخري بالرد عليك وذلك بسبب سفري خمسة ايام
وكنت بعيد عن الكمبيوتر
وان شاء الرحمن سوف ارد على استفسارك غدا
لاني وصلت اليوم واشعر بالاجهاد والتعب
وتقبل تحياتي








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#7مُساهمةموضوع: رد: الدرس الثاني في تعلم لغة HTML   الجمعة 27 نوفمبر 2015, 5:56 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اخي الغالي وضعت هذا الكود ما وجه الخطا فيه 




وعليكم السلام
يااخي الغالي لا نضع في منطقة التايتل اي العنوان
سوى العنوان فقط دون اي اضافات من الوان وغيرها

اما الالوان او الصور كخلفية لصفحة الويب تكون هكذا

الكود:
<BODY نضع هنا الالوان والصور وحجم الخط وجميع التاثيرات التي تريدها>

الكود:
<BODY            >

الكود بعد التصحيح
الكود:
        <HTML>
        <HEAD>
        <TITLE>
        WWW.ALAMALBRAMIJ.COM
        </TITLE>
        </HEAD>
        <BODY BGCOLOR="red">
        welcome to my new web sit intristing
        </BODY>
        </HTML>








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
الدرس الثاني في تعلم لغة HTML
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود يجعل استايلك مثل الفي بي
» حصريا mbc دراما على النايل سات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى مرمر - محمد علي رمضان :: قسم خاص بلغة HTML  :: أكواد وتعليم لغة HTML :: تعلم لغة HTML من الألف إلى الياء-
بحـث
 
 

نتائج البحث
 

 


Rechercher بحث متقدم

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

ولا تجزع لِحادثةِ الليالي
فما لحوادث الدنيا بقاء .
جميع الحقوق محفوظة لمنتدى مرمر © منتدى مرمر,محمد علي رمضان


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

لا أحد

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