Eng. LeQaTaR
01-02-2006, 03:38:59 PM
السلام عليكم ورحمه الله وبركاته
اليوم راح نكمل مشوارنا مع سلسلة دورة HTML ومع الدرس الرابع
اليوم الدرس خفيف وراح نتكلم عن :
- خلفية الصفحة ( تلوينها ، وضع صورة للخلفية )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
احنا الحين بتنحكم في خلفية الصفحة وراح نستعين بالأمر
<body>
مع مجموعه من الخصائص والاوامر واللي تساعدني في تغيير الخلفية.
الخلفية الافتراضية هي اللون الابيض بشكل عام.
هنالك طريقتين لتغيير الخلفيه
1- تغيير لونها
2- وضع صورة للخلفية
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1- تغيير لون الخلفية
اذا نبي نغير لون خلفيه نستخدم الامر
bgcolor
وهي معناها ( حتى يساعدنا في حفظ الكود )
BackGround COLOR= حروف الكابيتال هي نفسها الكود
وراح يكون استخدامها بهاذا الشكل
<body bgcolor=red >
يعني انه الصفحه لها خلفية ملونه وهي اللون الاحمر
بدل كلمة Red نقدر نستخدم اكواد الالوان والمعروفه باسم النظام الست العشري للألوان ( حسب مااذكر )
وهنا عندنا أمثلة على بعض الاكواد ( مو لازم نحفظها )
الأصفر FFFF00 #
الأحمر FF0000 #
الأزرق 0000FF #
...الخ ونقدر نطلعه بواسطة برنامج الفرونت بيج أو الادوب فوتوشوب عن طريق هالخطوه
http://img231.imageshack.us/img231/5487/17pz2.png
طبعا نحط في بالنا انه الكود يتكون من 6 خانات وتبدأ بعلامة ال#
كثير ناس تسأل عن الفايده
الفائده بشكل عام هو الحصول على اللون المناسب للصفحه لانه مانقدر نسوي كل الموقع بلونين
حلاته الموقع بلونين ( لكن بتدرجات اللونين ) حتى يظهر الابداع.
:)
معلومه اضافيه : بامكاننا نللون النص ( الكلام ) عن طريق استخدام الكود بدل كتابة اسم اللون .
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
2- الحين اذا نبي نسوي خلفية نحط فيها صورة كيف تصير الحركة .؟؟
الحركة سهله ومايبيلها شي :)
بدل مانستخدم الامر
bgcolor
كما بالسابق
نستخدم الامر
background
قبل لأبدا بشرح مثال اولا يفضل دائما وضع ملف الصفحة والصورة في نفس المجلد
حتى يسهل علينا تنظيم الروابط :)
يعني الصور والصفحات خلوها في فولدر واحد احنا الحين مبتدئين بعدين لما نتطور لك الحريه تخليهم في فولدر ولا برع
اوكي^_^
مثال:
نضيف الامر :
< body background="image.jpg">
بحيث image.jpg هي اسم الصورة بالكامل مع الامتداد
كثير ناس تغلط وماتكتب الامتداد وهاي اهم خطوه ^_^
ولاتنسون ال" " يكون افضل وبشكل مرتب :)
واهم شي ماتنسون انه يكون في الbody مو في الHeader لاني شايف بعض الناس يحطونه في الheader فحتى مانكرر الخطا ^_^
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
اتمنى كان الدرس جميل وحلو وتطبيق اليوم تصمم صفحتين نيهاهاهاهااااا << مصخها
لا بس اليوم لانه فيه خلفية بالصور وخلفيه باللون حتى نتأكد انه انتو فاهمين شسالفه
تطبيق 1
اعمل صفحة مثل هاي ، وهاي الملاحظات المساعده:
( ركز على العنوان فوق وعلى تنسيق الكلام )
( حجم النص = 7 )
( الخط = افترضي Times New Roman)
( لون الخلفية : FFCC66 # ، لون الجملة الثالثة : CC0066 # )
http://www.qatarp.com/files/18/222a.PNG
.
تطبيق 2
نفس الشي بالضبط حتى مااتعبكم بس خلو الخلفيه بدل ماتكون لون
خلوها نفس هالصورة
ولون جملة السلام خلوها باللون بالاسود
http://www.qatarp.com/files/18/Untitledd-1.gif
http://www.qatarp.com/files/18/Untitledd-1.gif
.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
اتمنى انه الدرس جميل ^_^
الدرس القادم ان شاء الله راح نتعلم كيف نحط صورة
ونحدد طولها وارتفاعها وأمر border و alt ..الخ
اليوم راح نكمل مشوارنا مع سلسلة دورة HTML ومع الدرس الرابع
اليوم الدرس خفيف وراح نتكلم عن :
- خلفية الصفحة ( تلوينها ، وضع صورة للخلفية )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
احنا الحين بتنحكم في خلفية الصفحة وراح نستعين بالأمر
<body>
مع مجموعه من الخصائص والاوامر واللي تساعدني في تغيير الخلفية.
الخلفية الافتراضية هي اللون الابيض بشكل عام.
هنالك طريقتين لتغيير الخلفيه
1- تغيير لونها
2- وضع صورة للخلفية
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1- تغيير لون الخلفية
اذا نبي نغير لون خلفيه نستخدم الامر
bgcolor
وهي معناها ( حتى يساعدنا في حفظ الكود )
BackGround COLOR= حروف الكابيتال هي نفسها الكود
وراح يكون استخدامها بهاذا الشكل
<body bgcolor=red >
يعني انه الصفحه لها خلفية ملونه وهي اللون الاحمر
بدل كلمة Red نقدر نستخدم اكواد الالوان والمعروفه باسم النظام الست العشري للألوان ( حسب مااذكر )
وهنا عندنا أمثلة على بعض الاكواد ( مو لازم نحفظها )
الأصفر FFFF00 #
الأحمر FF0000 #
الأزرق 0000FF #
...الخ ونقدر نطلعه بواسطة برنامج الفرونت بيج أو الادوب فوتوشوب عن طريق هالخطوه
http://img231.imageshack.us/img231/5487/17pz2.png
طبعا نحط في بالنا انه الكود يتكون من 6 خانات وتبدأ بعلامة ال#
كثير ناس تسأل عن الفايده
الفائده بشكل عام هو الحصول على اللون المناسب للصفحه لانه مانقدر نسوي كل الموقع بلونين
حلاته الموقع بلونين ( لكن بتدرجات اللونين ) حتى يظهر الابداع.
:)
معلومه اضافيه : بامكاننا نللون النص ( الكلام ) عن طريق استخدام الكود بدل كتابة اسم اللون .
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
2- الحين اذا نبي نسوي خلفية نحط فيها صورة كيف تصير الحركة .؟؟
الحركة سهله ومايبيلها شي :)
بدل مانستخدم الامر
bgcolor
كما بالسابق
نستخدم الامر
background
قبل لأبدا بشرح مثال اولا يفضل دائما وضع ملف الصفحة والصورة في نفس المجلد
حتى يسهل علينا تنظيم الروابط :)
يعني الصور والصفحات خلوها في فولدر واحد احنا الحين مبتدئين بعدين لما نتطور لك الحريه تخليهم في فولدر ولا برع
اوكي^_^
مثال:
نضيف الامر :
< body background="image.jpg">
بحيث image.jpg هي اسم الصورة بالكامل مع الامتداد
كثير ناس تغلط وماتكتب الامتداد وهاي اهم خطوه ^_^
ولاتنسون ال" " يكون افضل وبشكل مرتب :)
واهم شي ماتنسون انه يكون في الbody مو في الHeader لاني شايف بعض الناس يحطونه في الheader فحتى مانكرر الخطا ^_^
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
اتمنى كان الدرس جميل وحلو وتطبيق اليوم تصمم صفحتين نيهاهاهاهااااا << مصخها
لا بس اليوم لانه فيه خلفية بالصور وخلفيه باللون حتى نتأكد انه انتو فاهمين شسالفه
تطبيق 1
اعمل صفحة مثل هاي ، وهاي الملاحظات المساعده:
( ركز على العنوان فوق وعلى تنسيق الكلام )
( حجم النص = 7 )
( الخط = افترضي Times New Roman)
( لون الخلفية : FFCC66 # ، لون الجملة الثالثة : CC0066 # )
http://www.qatarp.com/files/18/222a.PNG
.
تطبيق 2
نفس الشي بالضبط حتى مااتعبكم بس خلو الخلفيه بدل ماتكون لون
خلوها نفس هالصورة
ولون جملة السلام خلوها باللون بالاسود
http://www.qatarp.com/files/18/Untitledd-1.gif
http://www.qatarp.com/files/18/Untitledd-1.gif
.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
اتمنى انه الدرس جميل ^_^
الدرس القادم ان شاء الله راح نتعلم كيف نحط صورة
ونحدد طولها وارتفاعها وأمر border و alt ..الخ