|
||||||
| قسم شروحات لغات البرمجة و التطوير خاص بشروحات لغات البرمجة المختلفة و أساليب التطوير البرمجية. |
 |
|
|
أدوات الموضوع | انواع عرض الموضوع |
12-09-2014, 07:27 AM
|
#1 | |||||||||||
  
|
 الجزء الثانى من الدرس الثانى لدورة الـ HTML .  أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] . سوف نقوم بتكملة الدرس الثانى { الخصائص التي يمكن إضافتها إلى الوسم <BODY> للتحكم فى شكل الصفحة العام } ( الالوان ) . لمتابعة الدرس من بدايته يرجى الضغط على >> عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] انتهينا ببعض الكلمات البسيطة عن ما تم شرحه فى الدرس السابق .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والآن نعود الى الوسوم وخصائصها ,, دعونا نلقى نظرة على هذا الوسم ... كود بلغة HTML:
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png"> هنا يوجد محتويات الصفحة </BODY> ما الشئ الجديد ؟؟ الشئ الجديد هو الوسم BACKGROUND . وهذا الوسم يقوم بتحديد صورة ما كخلفية للنص او للصفحة الخاصة بنا وليس من الضرورى ان يكون اسم الصورة image.png حيث image هو اسم الصورة التى اخترتها و png هو امتداد الصورة المستخدمة .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وسوف اعتمد فى شرحى اليوم على صورة مقتبسة من داخل عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*  *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* حيث الجزء المظلل باللون الاحمر هو الذى سيقوم عليه الشرح فى هذا اليوم *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*  *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والان دعونا نتذكر صفحتنا التى قمنا بانشائها مسبقا وهى *-.-**-.-**-.-**-.-* اقتباس:
سنقوم باضافة الوسم BACKGROUND الى صفحتنا ونرى النتيجة ... حيث تكون مكونات الصفحة هكذا كود بلغة HTML:
<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> . *-.-**-.-**-.-**-.-* ربما قد لاحظت فيما قبل ان معظم الوصلات التشعبية ( اللينكات ) التى تنقر عليها لتنقلك الى صفحة اخرى دائماً مميزة باللون الأزرق وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* والسؤال هنا هل يمكننى ان اقوم بتغيير تلك الالوان ؟؟ *-.-**-.-**-.-**-.-* الاجابة بالتاكيد نعم ولكن هذه الالوان التى تشاهدها هى الاعدادات الافتراضية التى يقوم بتحديدها المتصفح حينما لا يوجد اعداد خاص .. *-.-**-.-**-.-**-.-* و إليك هذه الخصائص التي تقوم بالتحكم في ألوان النصوص ,, *-.-**-.-**-.-**-.-* كود بلغة HTML:
TEXT="#كود اللون"لتحديد لون النص الأساسي للصفحة كود بلغة HTML:
LINK="#كود اللون"لتحديد لون الوصلات التشعبية كود بلغة HTML:
VLINK="#كود اللون"لتحديد لون الوصلات التشعبية التي تمت زيارتها كود بلغة HTML:
ALINK="#كود اللون"لتحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها ومثالا على ذلك كما يجب ان يكون فى عين الاعتبار انه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة . كود بلغة HTML:
<BODY BACKGROUND="image.png"
BGCOLOR="#كود اللون"
TEXT="#كود اللون"
LINK="#كود اللون"
VLINK="#كود اللون"
ALINK="#كود اللون">
وسوف نقوم بتجربة و تطبيق هذا فيما بعد فى الدرس المناسب فقط قمت بالافصاح عنها لانها تابعة لدرس الالوان . الى هنا اكون قد انتهيت من درس الالوان .. وفى النهاية *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وعند النقل يرجى ذكر المصدر دمتم بود *-.-**-.-**-.-**-.-**-.-**-.-**-.-**  |
|||||||||||
|
التعديل الأخير تم بواسطة 3ashek El7ozn ; 14-09-2014 الساعة 05:38 PM
|
| إعلانات google |
|
|
|
13-09-2014, 06:01 PM
|
#2 | ||||||||||
 
|
ايوة ايوة ايوة الف شكر يا كبير |
||||||||||
|
|
|
13-09-2014, 08:37 PM
|
#3 | |||||||||||
|
اقتباس:
 |
|||||||||||
|
|
|
20-09-2014, 03:13 PM
|
#4 | ||||||||||
  
|
الله ينور عليك وربنا بجد شغل عالى |
||||||||||
|
|
|
20-09-2014, 10:37 PM
|
#5 | |||||||||||
|
اقتباس:
 |
|||||||||||
|
|
|
21-09-2014, 03:27 PM
|
#6 | |||||||||||
|
اقتباس:
|
|||||||||||
|
|
|
20-10-2014, 08:11 PM
|
#7 | ||||||||||
|
شكراً |
||||||||||
|
|
|
22-06-2016, 09:01 PM
|
#8 | ||||||||||
 
|
لو سمحت مفيش اي صور ياريت صور بعد ازنك هيا مش شغالة وشكرا علي المجهود  |
||||||||||
|
|
|
| يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر) | |
|
|
.gif){kind=icon}
العرض العادي
