الصفحة الرئيسية
الصفحة الرئيسيه المرجع الكامل كتب وبرامج مجانية المنتدي  مواقع هامه

خواص الصفحة

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

وسم الجسم Body Tag

الأن أنت لديك معرفة وقدرة علي إستعمال خواص الأوسمه ، وهذا يبشر ببدايه جيده .

تتذكر بالطبع وسم الـBODY الموجود في صفحتي الأولي  حيث كل شيء يكون مرئ في صفحتك لابد وان يكون بداخل هذا الوسم ، و هذا الوسم ما سوف نتدحدث عنه في هذا الفصل . هناك سبعة خواص تضاف إلي هذا الوسم كل منها تتحكم في مظهر وتصميم صفحتك :-

لون الخلفيه

ون ستخدم لتغيير لون الخلفيه الخاصيه BGCOLOR وBG إختصار لكلمة BackGround و لابد أن تضع القيمة أي اللون بكود الـ HEX مثل باقي الألوان !! ولكن أراك تتسائل ما هو كود الـ HEX ؟!!! سؤال جيد ولكن هذا معناه أنك لابد وأن تقرأ تعريف هذا الكود ، أذا وددت أن تري قائمة بأكواد 216 لون مختلفين ألقي نظره علي هذا المخطط أما بالنسبه للكود يكون بهذا الشكل

BGCOLOR="#FFFFFF"

ملاحظة :- هذا الكود للون الأبيض فأذا وددت أن تكون خليفيه صفحتك بهذا اللون لابد من كتابه هذا الكود ، هذا بالرغم من أن اللون الأبيض هو اللون الأساسي للصفحات ولكن بعض المستعرضات يكون اللون الأساسي لها هو الرمادي

النص

لا يختلف كثيرا كود النص عن كود الخلفيه لكن ننصح دائما بترك لون الخلفيه علي اللون الأساسي وهو الأسود حيث أنه الأسهل في القراءه و إليك الكود

TEXT="#000000"

الوصله

بالطبع تظهر لك كل الوصلات باللون الأزرق ، لكن يمكنك أن تغير هذا إلي أي لون يحلو لك و هذا هو الكود

LINK="#FF00FF"

الوصله المزارة

عندما تضغط علي أي وصله ثم تعود مرة أخري للصفحة التي ضغط فيها علي تلك الوصله فأنك تلاحظ تغير تلك الوصله إلي اللون البنفسجي و بالطبع تستطيع أن تغيير هذا اللون و إليك الكود

VLINK="#660066"

الوصله النشطه

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

ALINK="#FF0000"

صورة الخلفيه

تريد أن تضع صورة في الخلفيه !!! فكرة جيدة خذ هذه الخاصيه و أستخدمها لعمل الصورة كاخلفيه و ضع القيمة كما تفعل في إدراج الصورة SRC ، ( إذا كنت لا تدري كيف أقرأ البحث الدرس الخاص بالصور) . يمكنك أيضا أن تستخدم صورة من موقع أخر عن طريق وضع الوصله الخاصة به لديك ، تستطيع أن تستخدم مثلا هذه الصورة الخاص بموقعنا Free Downloads فقط ضع هذا الكود

BACKGROUND="http://www.geocities.com/asdh4/images/bak.jpg"

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

و يوجد أيضا خاصيه تجعل الصورة كعلامة مائيه Watermark بمعن أن تكون الصورة ثابتة ولا يحدث لها Scroll و لهذه الخاصية ضع هذا الكود داخل Body

BGPROPERTIES="FIXED"

الهوامش

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

و هذه هي الصيغة للـ Internet Explorer

TOPMARGIN="0" و LEFTMARGIN="0"

و هذه هي الصيغة للـ Netscape

MARGINHEIGHT="0" و MARGINWIDTH="0"

علي الرغم من أن أكواد المستعرضان مختلفان إلا أن وحدات القياس واحده وهي البيكسل و لهذا إذا أرتد أن يكون المقياس ثابت في كلامن المستعرضان فقط أختار نفس القيمة .

أرني الكود كاملا

والآن الوسم الكامل للـBody يكون مثل هذا الشكل مثلا

الوسم الكامل

<BODY BGCOLOR="#FFFFFF" BACKGROUND="bubbles.gif" TEXT="#000000" LINK="#3399FF" VLINK="#9966FF" ALINK="#000000" BGPROPERTIES="FIXED" TOPMARGIN="0" MARGINHEIGHT="0">

كلمة علي إختيار الألوان

يجب عليك أن تختار ألوان جذاب متناسقه مع بعضها البعض و أن تبعد تماما عن الألوان الفاقعة فختار الألوان الهادئه و المخمليه فالمواقع المنتشره والمشهور تختار ألوان بسيط كي تجعل الزائر أكثر راحة عند دخوله لموقع ، كما تجنب عند أختيارك للصورة الخلفيه أن تختار خلفيه ذات ألوان باهته ولكن جميله حتي يتسني للقارء رؤيه النص و لاتختار لون للنص قريب من لون الخلفيه أو لون صورة الخلفيه فهذا يزيد صعوبه علي القاريء من رؤيه النص بوضوح فالنص سيختفي مع لون الخلفيه القريب من لونه .

حاول عدم إستخدام صور للخلفيه مرعبه أو ألوان ساخنة مثل الأحمر مثلا حتي لا يحدث إرتطام بصري للزائر بألوان موقع إلقي نظره علي هذا الموقع لكي تفهم ماذا أقصد » mathmos.com


و الآن تريد مساحة مجانيه لوضع موقع علي الإنترنت أضغط هنا» مواقع الإستضافة المجانيه

 

< الصفحة الرئيسيه | المرجع الكامل | فهرس المبتدئين >

المصدر العربي التعليمي للـHTML

¤  المحتويات 

البدايه هنا
أبدأ هنا ·
دروس سريعة للمبتدئين ·

الدروس المتخصصه
النص ·
الصور ·
الجداول ·
الأطر ·
النماذج ·

 

فهرس دروس سريعة للمبتدئين  ¤

> صفحتي الأولى
> التنسيق الأساسي

> الوصلات الأساسيه

> أساسيات إدراج الصور

> مرجع المساحات المجانيه

 

¤  Html4Arab صندوق الأدوات 

> إبحث في الموقع  Search


Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com] بحث متقدم


أشترك في القائمة البريدية
لتحصل علي آخر آخبار
الموقع و التحديثات

أشترك إلغاء الإشتراك

> أخبر صديقك عن الموقع

هل أعجبت بموقعنا


أذن أضفنا إلي المفضله <


مستخدمين ال Netscape أضغط CTRL+D

 
" إعلانات "

 


برعاية شبكة هايل

^ أعلي^ للإعلان بالموقع اربط بموقعنا أتصل بنا

© 2002 Ahmed Salah