لغة HTML الدرس الثاني مع عسوووله

عسوووووووووووله · 05-05-2003, 02:26 AM

<HTML>
<BODY>
<CENTER>

الدرس الثاني
</CENTER>

اكمل شرح لغة HTML و راح أحاول ابسطها بطريقتي و انشاء الله يكون الدرس الثاني ممتع......و أتمنى انى قدرت أوصل بعض الشي من هذى اللغة من خلال الدرس الأول

طبعا كثير منا يحب خلفية الصفحة تكون ملونه او تكون صوره والصورة اما تكون ثابته وعليها الكتابة او الكتابة تتحرك.
اولا :-

خلفيه الصفحه يمكن ان تكون بلون معين او صوره .

1. نستخدم هذا الكود لتحديد اللون لخلفية صفحة الويب
BODY BGCOLOR="نكتب اللون الى نحبه"

مثال:-
طبعا ما يهم إذا كانت الكتابة بأحرف صغير او كبيره المهم ان نكتب كل كود بين <الكود> وهنا حذفتها حتى يطلع المثال

<CENTER>
HTML
BODY BGCOLOR="BLACK"
FONT FACE="Arabic Transparent" SIZE="14" COLOR="WHITE"
CENTER
آهلا وسهلا بكم
BR
في
BR
منتدى الرائدية
/CENTER
/FONT
/HTML
</CENTER>

راح أوضح الكود يمكن تكونوا ناسين الدرس الأول
طبعا BODY BGCOLOR لاختيار لون الصفحة الى نحن نفضله
أما FONT لتنسيق الخط FACE نوع الخط الى راح نكتب فيه SIZE الحجم و COLOR اللون
أخيرا CENTER لتوسيط النص او الصوره.

وبعد حفظ المفكرة بامتداد HTML راح تطلع لنا صفحه الويب هذى:-
<CENTER>

</CENTER>

ثانيا :-

قبل ما أبدا بالصور احب أنهى موضوع الكتابة والخطوط وتنسيقاتها

1. عرفنا ان SIZE لحجم الخط...... بعد في كود ثاني ويستخدم اغلب شي في العناوين يعنى لعنوان الصفحة أو الموضوع
وهو محدود من H1…H2……………. H6 وهنا راح يكون العكس يعنى الــ 1خط كبير و 6 راح يكون الخط صغير يعنى ترتيب تنازلي من الكبير للصغير ولا ننسى ان نكتب <>.

H3 نكتب العنوان /H3

2. إضافة خطوط عرضية او طولية في الصفحة

نكتب < H R > لإضافة خط افقى فقط
أما اذا احتجنا الى خط بمواصفات مثل طوله و حجمه و لونه تكتب هذا الكود
HR SIZE="نكتب الحجم للخط الفاصل" COLOR="اللون " >

ويمكن نحدد طول الخط بنسبة مئويه من حجم الشاشة مثل نص الشاشة او ربعها ونكتب الكود بهذا الشكل بين <>

HR WIDTH="50%"

وطبعا نفرق بين الحجم وهو SIZE للخط ومعناه سمكه اذا كان رفيع او سميك ... وبالنسبة الى طول او مساحة الخط WIDTH وهى طول الخط في الصفحة.

مثال :-
طبعا انا راح أحاول اشرح الفكرة اما التنسيق والألوان بتكون عليكم
كتابه الكود راح تكون بعدد الخطوط الى راح نحتاجها بالصفحه ولا تنسون كتابه كل كود بين الوسمين <>.

<CENTER>
HTML
BODY
CENTER
H2 منتدي الرائدية /H2
BR
H5منتدى الرائدية _ العام /H5
HR
منتدى الرائديه للكمبيوتر
BR
HR SIZE="10" COLOR="BLUE"
منتدى الرائدية للبرامج
HR WIDTH="50%" SIZE ="3"
/CENTER
/BODY
/HTML
</CENTER>
وبعد حفظ المفكرة بامتداد HTML راح نشوف اشكال الخطوط :-
<CENTER>

</CENTER>

ثالثا:-

الخلفية تكون صورة كلنا نعرف ان للصورة أبعاد ولازم نهتم بتحديدها مثل طول وعرض الصورة لانه اذا كانت الصورة صغيره راح تتكرر بالصفحة لعدد معين حتى تعبي صفحه الويب اما اذا كانت كبيره فراح يظهر منها جزء بسيط وهو على قد الصفحة
وابعاد صفحة الوب الطول في العرض تقريبا 780 للعرض و470 للطول
الصورة لخلفية الصفحة نستخدم هذا الكود

BODY BACKGROUND="نكتب مسار الصورة و امتداتها"

طبعا نختار الصورة الى تعجبنا ونحدد مسارها يعنى نخزن الصورة بنفس مكان المفكرة أوضح اكثر اذا كتبنا صفحه الويب وخزنها على سطح المكتب(في أي مكان او مجلد) لازم نجيب الصورة ونخزنها على سطح المكتب
ويكون الكود بهذا الشكل
BODY BACKGROUND="ASOOLA .GIF"

اما اذا كانت الصورة في مكان ثانى راح ناخذ امتداد الصوره ويكون الكود بهذا الشكل

BODY BACKGROUND=" E:\ASOOLA1\SNS1.GIF"

مثال :-
صفحة ويب بخلفية صورة الصوره تكون على طول الصفحه

<CENTER>
HTML
BODY BACKGROUND="SNS2.JPG"
CENTER
H1 منتدي الرائدية /H1
BR
H5منتدى الرائديه للكمبيوتر /H5
/CENTER
/BODY
/HTML
</CENTER>
انا اخترت صوره وكتبت الكود بس لا تنسون تكتبو الاكواد بين <> وهذى النتيجة
<CENTER>

</CENTER>

رابعا :-
وصلنا للنهاية وكثير منا يحب ان الصورة تكون ثابتة ونحن قاعدين نتحرك لفوق وتحت ويمين ويسار وتكون الخلفيه في مكانها والكتابة هى الى قاعدة تتحرك وهذا هو الكود بين <> لاتنسونها

BODY BGPROPERTIES= ="FIXED" BACKGROUND="ASOOLA3.JPG"

ولاحظ انه كتبنا fixed حتى تكون ثابتة وحتى نشوف تأثير هذا الكود لازم نكتب اسطر كثيرة بحيث تكون اكثر من صفحة ويطلع لنا الـــــ SCROLLBAR حتى نتحرك ونشوف ثبات الصورة.

الى اللقاء
smile0
</HTML>

برق الشمال · 05-05-2003, 10:56 AM

يعطيكي العافيه اخت عسوووووووووله

بالفعل شرح لا يعلى عليه

تحياتي

عسوووووووووووله · 11-05-2003, 02:14 AM

<html>
<center>
<table style="FILTER: GLOW(color='blue')">
<center>
<font color="white">
. . .ياهلا ومرحبا . . .
<br>
. . .الله يعافيك. . .
</font>
</table></center>
</html>

ابو سجود · 02-06-2003, 11:32 PM

الشرح ممتاز وملفت للنظر واتمنى من الله العزيز القدير لكم التوفيق

ملاحظه :

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

مع خالص الشكر و التقدير

Rayyan · 09-08-2004, 04:17 AM

[align=center]جازك الله الف خير اختي عسوووولة[/align]

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
لغة Html الدرس السابع مع عسوووله	عسوووووووووووله	:: منتدى الكمبيوتر والبرامج::	3	24-04-2006 03:56 PM
لغة Html الدرس السادس مع عسوووله	عسوووووووووووله	:: منتدى الكمبيوتر والبرامج::	3	21-04-2006 05:37 AM
لغة Html الدرس الرابع مع عسوووله	عسوووووووووووله	:: منتدى الكمبيوتر والبرامج::	4	11-04-2006 07:45 PM
لغة Html الدرس الخامس مع عسوووله	عسوووووووووووله	:: منتدى الكمبيوتر والبرامج::	6	11-04-2006 07:35 PM
لغة HTML الدرس الثالث مع عسوووله	عسوووووووووووله	:: منتدى الكمبيوتر والبرامج::	13	07-04-2006 12:26 PM