تطبيقي html

موضوع: تطبيقي html الجمعة مارس 09, 2012 11:04 am

<html>
<! رأس الصفحة>
<head>
<! اعطاء عنوان
للصفحة >
<title>
دورة الأخ akelo-php </title>
<! ادخال خصائص
css>
<style
type="text/css">
/* خصائص الجزء العلوي */
#haut{
background:#C1AAD0;
width:800 px;
height:500 px;
}
#moy{
background:#9C929E;
width:800 px;
height:500 px;
}
#bas{
background:#AB9BEC;
width:800 px;
height:500 px;
}
</style>
</head>
<!جسم الصفحة>
<body>
<! تسيمات الصفحة
في جسمها >
<div id ="haut"> الجزء العلوي </div>
<div id="moy"> الجزء الوسط </div>
<div id="bas"> الجزء السفلي </div>
</body>
</html>

موضوع: رد: تطبيقي html الجمعة مارس 09, 2012 11:16 am

<html>

<! رأس الصفحة>
<head>

<! اعطاء عنوان للصفحة >
<title> دورة الأخ akelo-php </title>

<! ادخال خصائص css>
<style type="text/css">
/* خصائص الجزء العلوي */
#haut{
background:#C1AAD0;
width:800 px;
height:500 px;
}
#moy{
background:#9C929E;
width:800 px;
height:500 px;
}
#bas{
background:#AB9BEC;
width:800 px;
height:500 px;
}
</style>
</head>

<!جسم الصفحة>
<body>
<! تسيمات الصفحة في جسمها >

<div id ="haut"> الجزء العلوي </div>
<div id="moy"> الجزء الوسط </div>
<div id="bas"> الجزء السفلي </div>

</body>

</html>

موضوع: رد: تطبيقي html الجمعة مارس 09, 2012 11:21 am

للتدكير فقط قمنا سابقا بتقسيم صفحة البداية الى ثلاث
أجزاء :

1-الجزء
العلوي

2-الجزء
الوسط

3-الجزء
السفلي

-وفي
الدرس السابق رأينا كيف نعمل على الجزء العلوي.

اليوم
في هدا الدرس سوف نعمل على باقي ألأجزاء.

وصلنا
الى هنا

وكانت
النتيجة على الشكل التالي:

ألأن
سوف ننتقل لنعمل على وسط الصفحة

وسوف
نقوم بنسف الشئ الدي قمنا به في أعلى الصفحة مع تغير بسيط جيدا

هو
أن وسط الصفحة سوف يكون كبير شيئا ما على أعلى الصفحة

وبالتالي
سوف نغير height من 150 الى 400 بيكسيل

ثم
سوف نغير لون الخلفية كي يظهر لنا الفرق

ادن:

نتيجة
التعديل الثاني

لاحظوا
أننا لم نضيف شئ عن ما رأيناه سابقا ؟

فقط
غيرنا المقايس أما ألأكواد نفسها .

لكن
هناك مشكل بسيط أن الكتابة جاءت على اليسار,ولكن كما نعلم اللغة العربية
تكون من اليمين الى اليسار

-الجواب
سهل جيدا وهو على الشكل التالي:

النتيجة
بعد التعديل

نستمر
ألأن في تفصيل موقعنا ودلك بالعمل على أسفل الصفحة

النتيجة
النهائية لعملنا هي :

ألأن انتهينا من تقسيم
الصفحة

يمكنكم تغير ألألوان حسب
دوقكم أنا استعملت هده ألألوان لأنها تظهر بشكل واضح
man9ouuuuuuuuuuuuuul

» HTML Tags Chart
» Creating an HTML Page
» احلى اكواد xx html
» مجموعة مهمة من أكواد Html
» اكواد html لاصحاب المواقع