منتديات ArabiaWeather.Com - عرض مشاركة واحدة - تصميم مواقع الانترنت من الصفر حتى الاحتراف
عرض مشاركة واحدة
[ 09-04-2008 ]   رقم المشاركة 20

 

 

الصورة الرمزية yasminah

تاريخ التسجيل: Jul 2008

رقم العضوية: 103

المشاركات: 1,196

الدولة/المدينة: عمان/طريق المطار

الارتفاع عن سطح البحر: 933 متر

شكراً: 210
تم شكره 445 مرة في 70 مشاركة

افتراضي

اهلا بكم جميعا مرة اخرى
شرح الخطوة الثانية

لنلقي نظرة مرة اخرى على الكود :

كود HTML:
<html>
<head>
<title>my web</title> 
</head>
<body bgcolor="blue">
 </font>
</body>
</html>
اضفنا للمعرف head احد عناصره الاساسية وهو title ولشرحه بطريقة بطريقة مبسطة هو معرف عنوان الصفحة ف head لابد ان يتضمن هذا المعرف ولاحظ ايضا اننا ابتدئنا العنصر title بمعرف بداية ونهاية <> </>

اضفنا في داخل معرف title عنوان الصفحة على سبيل المثال كتبت عنوان لهذه الصفحة my web انظر الى الشريط العلوي للمتصفح حتى ان اسم الصفحة قد ظهر لك كذلك في الشريط السفلي فهذا عمل title

نقره لعرض الصورة في صفحة مستقلة

من ثم لاحظ اننا اضفنا ضمن العنصر body عنصر وجعلناه في داخله وهو عنصر bgcolor وهي اختصار ل background color اي الخلفية الملونة هنا اعطينا امر ل body ان يلون خلفية الصفحة واسمينا اللون باسمه وهو الازرق blue ولا حظ اننا وضعنا اشارة = ( bgcolor= blue)..
بالنسبة لقيم الوان سواء في الخلفية او في النصوص او في اي مكان في الصفحة تستطيع ان تسمي اللون بعينه كما فعلنا الان مع اللون الازرق او ان تعطي قيمة رقمية بدلا عنه والقيم الرقمية للالوان تعطيكي مساحة اوسع من ناحية مشتقات الالوان فمثلا الازرق القيمة الرقمية له 3333FF ويجب ان نسبق القيمة الرقمية بإشارة #

كود HTML:
<html>
<head>
<title>my web</title> 
</head>
<body bgcolor=#3333FF>
</body>
</html>
في هذا اللينك اعددت صفحة فيها قيم الالوان تستطيع ان تجرب اللون الذي تريده قبل ان تعتمده في متصفحك قم فقط بالضغط على قيمة اللون فتتغير الخلفية في حال اعتمدت على لون ما انسخه كما هو من مربع قيمة اللون والصقه في متصفحك :

http://www.freewebtown.com/jordan_am/color.htm

لكن ماذا لو اردت ان تكون خلفية الصفحة صورة وليس لونا .. انظر الى الصفحة :

http://www.freewebtown.com/jordan_am/yasminah.html

لقد قمت بتعديل الخلفية ووضعتها صورة بدلا من الالوان

كود HTML:
<html>
<head>
<title>my web</title> 
</head>
<body  background="b5.jpg">
 </font>
</body>
</html>
هنا اعطيت ال body امرا بأني اريد ال background صورة ولاحظ ايضا اني استبدلت كلمة bgcolor ب كلمة background فالاولى خاصة بالالوان والثانية خاصة بالصورة ولاحظ ايضا ان وضعت قوسين وفتحت علامة اقتباس وضعت في داخلها اسم الصورة + الامتداد ثم اغلقت قوسين الاقتباس ولمعرفة امتداد الصورة اضغط كليك يمين على الصورة ثم الخصائص properties فيظهر لك اسم الصورة وامتدادها مثلا b5.jpg والافضل دائما استعمال الصور ذات الامتداد اما jpg او gif ولكل منهما اختصاص سناتي على ذكره لاحقا ان شاء الله .
للحصول على الخلفيات ال background تجدها في كثير من المواقع فقط اعمل عملية بحث في جوجل او غيره ليخر ج لك الكثير من المواقع التي تقدم ال background

يوجد على كل لينك background قم بتحميلهما على جهازك واجري فيهما تمرينا في متصفحك ..
http://fwt.txdnl.com/4-10/j/o/jordan_am/background2.jpg

http://fwt.txdnl.com/4-10/j/o/jordan_am/yellowback.gif

في الفقرة التالية ان شاء الله ننتقل الى الخظة الثالثة .
تحياتي



  رد مع اقتباس
الأعضاء الذين قالوا شكراً لـ yasminah على المشاركة المفيدة: