[ALIGN=CENTER]السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحمين والصلاة والسلام على رسول الله صلى الله عليه وسلم وعلى آله وصحبه أجمعين ..
هذا هو الدرس الثاني في الدوره أما الدرس الاول فهو على الرابط التالي :
https://dorarr.ws/forum/showthrea...&threadid=7978[/ALIGN]
في الدرس السابق عرفنا ما هي هذه اللغه وايضاً وسوم هذه اللغه وفي هذا الدرس سنتعمق اكثر في تلك الوسوم ونعرف خصائصاها
بدأنا صفحة الوب بالوسم <HTML> ولعل من المهم ان نعرف هنا ان لهذا الوسم خاصية الاتجاه ( dir ) فعندما نكتب الاتي :
[ALIGN=LEFT]<html dir="rtl">[/ALIGN]
فهذا يعني ان الاتجاه سيكون من اليمين الى اليسار
وهكذا الحال مع :
[ALIGN=LEFT]<html dir="ltr">[/ALIGN]
فإن الاتجاه هنا يكون من اليسار لليمين
أرجو اعادة تطبيق احمد او كل تمارين الدرس السابق بعد تغيير الاتجاه لتلاحظ الفرق .
ولننتقل الآن الى الوسم <head> لنرى بعض مما يندرج تحته :
مثال :
[ALIGN=LEFT]
<"**** ***********="Content-Type" content="text/html; charset=iso-8859-1>
<"**** ***********="Content-Language" content="ar-sa>
<"**** name="Keywords" content="products; headlines; downloads; news>
<"**** name="Description" content="The entry page to Microsoft's Web site>
<title>Microsoft Corporation</title>
[/ALIGN]
يهمنا هنا الآتي :
"***********="Content-Type
وهي تحدد نوع المحتوى للصفحه ومنها :
"Content-Language" content="ar-sa
وهذا يعني ان محتوى الصفحه تم كتابته باللغه العربيه المستخدمه بدولة المملكة العربية السعودية
ومنها ايضا :
"content="text/html; charset=windows-1256
وهذا يعني ان محتوى الصفحه عباره عن نصوص واكواد html وايضا في خاصية charset تتضح قيمة الترميز النصي للنصوص والتي تكون بقيمة 1256 للترميز العربي
كما نوضح انه بامكانك اضافة علامات الميتا حسبما تريد وفي مثالنا السابق تم اضافة الآتي :
Keywords
وهذه هي الكلمات المفتاحيه للصفحه وعند البحث في محركات البحث عن كلمه معينه فانها تبحث في الكلمات المفتاحيه للصفحات لتضع لك النتائج ومثالنا السابق لموقع مايروسفت يوضح ذلك .
Description
هذه الخاصيه هي لوصف الصفحه وتكون وضيفتها كسابقتها تماما .
لننتقل الآن لوسم <body> ونتعمق في خصائصه كسابقه :
خصائص هذا الوسم كثيره جدا ولكن المهم فيها هو في المثال الآتي :
[ALIGN=CENTER][/ALIGN]
في هذه الصوره يأتي وسم متن الصفحه باللون الاحمر وتاتي خصائص هذا الوسم باللون الازرق أما قيمة الخصائص فتأتي باللون الاخظر .
وشرحها هو :
link : تعني الروابط في الصفحه .. وقد اخذت القيمه ( 0000FF ) وهذه هي قيمة اللون الأزرق
vlink : تعني الروابط التي تمت زيارتها .. وقد أخذت القيمه ( FF0000 ) وهذه قيمة لون آخر
alink : تعني الروابط التي يؤشر عليها بالفأره .. وقد أخذت قيمة لون آخر أيضاً
topmargin : تعني هامش الصفحه العلوي .. وقد أخذت قيمة 10 بيكسل وهذا يعادل 3.5 مليمتر
leftmargin : تعني هامش الصفحه من الجهه اليسرى وكذلك كانت قيمتها 10 بيكسل
rightmargin : تعني هامش الصفحه اليمين
downmargin : تعني هامش الصفحه السفلي
bgcolor : وتعني لون خلفية الصفحه وقد اخذت ( FFFFFF ) وهذا هو اللون الأبيض
بالطبع من الممكن اضافة خصائص أخرى ولكن من المهم ملاحظة انه لا يتأثر الوسم بعدد السطور فقد تكون الخصائص كثيره كما بالمثال فتحتاج لاكثر من سطر وفي نهايتها يتم قفل الوسم بعلامة ( < ) ايضا قيمة هذه الخصائص ليست ثابته فتستطيع تغييرها كيفما شئت .
بهذا نكون انتهينا من اهم مكونات الصفحه
وسننتقل الى ما يوضع داخل الصفحه من وسوم وسنشرح طريقة كتابتها السليمه
كثيره هي الوسوم التي يتم ادراجها بين وسمي <body> و <body/> والتي من خلالها يظهر تكوين الصفحه ولكننا سنتتظرق لبعضها لاهميته :
وسوم الخطوط والتحكم فيها
وسوم الصور والخلفيات
وسوم الجداول والخلايا
وسوم الحقول بانواعها
الى ذلك الحين تمنياتي لكم بالتوفيق مع تجارب ناجحه
تحياتي ..