تنسيق الصفحات في HTML

الدرس الثالث :تنسيق الصفحات

مثال توضيحي

مثال2: بإستخدام الجدول السابق نريد أن نكتب النموذج التالي كاملا :-

بسم الله الرحمن الرحيم

تعددت لغات البرمجه والتصميم في الوقت الحاضر والبرامج المساعده ايضا لكل منهما

فمثلا:-

اللغات المستخدمه في تصميم صفحات الإنترنت:

1.HTML

2.Javascript

3.DHTML

4.Pmp

5.Asp

ومن لغات البرمجه المتاحه في تصميم البرامج:

·        فيجوال بيسك

·        فيجوال سي

·        بورلاند ديلفي

فلنفترض أن الصفحه التي بداخل الإطار نريد تصميمها فما هو كود  HTML اللازم لبناء مثل تلك الصفحه؟؟

الحل بنفس الطريقه السابقه لإنشاء صفحه جديده وقم بكتابه الكود الآتي في محرر النصوص Notepad ولنفترض مثلا اننا حفظناها بإسم page 2.html

> HTML<

> HEAD<

> Title< لغات البرمجه والتصميم > / Title<

 /> Head<

>  Body bgcolor="yallow"<

> Center<Font   Size=  "4"  color=  "#FF0000"< > U< > B < بسم الله الرحمن الرحيم >/ B< > /U< >/ Font< >/ center<

> p  dir = "rtl'' < > Font Size= "3"< > B تعددت لغات البرمجه والتصميم<

   في الوقت الحاضر والبرامج المساعده ايضا لكل منهما   <br>

فمثلا :<br>

اللغات المستخدمه في تصميم صفحات الإنترنت :</P>

> OL<

> Li< HTML

> Li< Java Script      

>Li< DHTML

> Li< pHp

>Li< ASp

>/ OL<

>p dir = "rtl"<  ومن لغات البرمجه المتاحه في تصميم البرامج  :</P>

>UL  dir="rtl"<

>Li< فيجوال بيسك

>Li< فيجوال سي

>Li< بورلاند ديلفي

  >/UL<

> /Body<

> /HTML <

HTML18_03

HTML19_03

نقوم الآن بتحليل الكود في نقاط محدده :-

منطقه الرأس Head)):-

ولا أري فيها شيئا جديدا فقط إخترنا عنوانا للصفحه (لغات البرمجه والتصميم)

ملحوظه:

حاول أن لا تضع عنوانا للصفحه لتري العنوان الإفتراضي الذي يضعه المتصفح لك.

 

منطقه الجسم Body) ):-

ونتناول بالتحليل

لاحظ التابع bgcolor ويختص بلون خلفيه الصفحه وممكن أيضا ان نكتب اللون بالكود الخاص به أو كما هو واضح بالمثال

1- بعد ذلك أمر التوسيط center وأمر ضبط الخط font وإغلاق كل منهم دون تداخل ( إغلاق آخر أمر أولا وهكذا) , وأيضا < B > , < U > (إذا لم يتم إغلاق كود منهم سوف يتم تطبيقه علي كل الكلمات التاليه إلي أن يتم إغلاقه)

2-إستعمال كود الفقره p  وأمر كسر السطر br   

3- إستعمال أمر التعداد الرقمي:-

كما هو واضح بالمثال فإن الأمر OL يهيئ المتصفح أن التعداد رقمي ويمكن أن يأخذ التعداد الرقمي أشكالاعده, كما بالجدول التالي:

>OL

TYPE="A"<

>OL

TYPE="a"<

> OL

TYPE="i"<

>OL

TYPE="i"<

>OL<

.A

.a

.I

.i

.1

.B

.b

.II

.ii

.2

.C

.c

.III

.iii

.3

.D

.d

.IV

.iv

.4

.E

.e

.V

 

 

 

مع ملاحظه أن الوضع الإفتراضي  > OL  > يعطي أرقاما فقط

إستعمال العنصر Li لسرد العناصر الملراد وضعها في التعداد الرقمي ( وهو يعمل مع التعداد النقطي أيضا ولا داعي لاستعمال وسم نهايه له)

4- إستعمال أمر التعداد النقطي:-

كما هو واضح بالمثال فإن الأمر UL يهيئ المتصفح أن التعداد نقطي ويمكن أن يأخذ التعداد الرقمي أشكالا عده, كما بالجدول التالي:-

> UL    TYpE="square"<     لإظهار التعداد النقطي علي هيئه مربع        

>   UL     TYpE="circle"<     لإظهار التعداد النقطي علي هيئه دائره مفرغه

وفي نهايه الصفحه لا تنسي إغلاق العنصر Body والعنصر HTML

مثال 3 : لنصمم ذلك النموذج أيضا (بسيط جدا)

HTML20_03

>HTML<

>Head< > title< نموذج  خفيف >/ title<     

>/Head<

>body  bgcolor= "#000000"<

>p<  > Font size="3" color= "#FFFFFF"< E= c>sup<2>/ sup< > br<

H > sub<2>/sub< O>/p<

>/body<

 >/HTML<

لاحظ إذا نسينا ان نضع  > /sub > ماذا ستكون النتيجه ؟؟

HTML21_03

أيضا إذا نسينا >  /Sup> (إحذف أيضا>  br > لتشعر بالفرق) ستكون النتيجه:-

HTML21_07

بالطبع إذا نسينا أن نكتب>  /sup> و>  /sub > معا ستكون كارثه

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

الشاشة الإفتتاحية لإكسل

صورة
الشاشة الإفتتاحية لإكسل : المكونات الرئيسية لنافذة برنامج الأكسل § الأعمدة : كل عمود يرمز له بحرف من (IV-A) = 256 عمود وتشتمل الشاشة الواحدة علي (^) عمود ما لم تتغير مساحة الأعمدة من حجم النافذة . § السطور ( الصفوف ) تأخذ أرقاما متسلسلة من ( 1 – 55366( § الخلية تطلق علي نقطة تقاطع العمود مع السطر علي صفحة البيانات ولكل خلية عنوان مميز يتكون من إسم العمود ورقم السطر المتقاطعين (A1) . عدد الخلايا < 4 مليون خلية = ( 256 X 65536 ) § الخلية النشطة هي الخلية التي يحيط بها برواز يسمي ( مؤشر الخلية ) ويظهر عنوانها دائما في شريط المعادلة وهي الخلية التي تستقبل المخلات من لوحة المفاتيح . ويمكن إتساع الخلية من شريط الافقي وذلك بتحريك عن طريق الماوس باستمرار الضغط عليه وتركه حسب المساحة المطلوبة . § شريط العنوان يشتمل علي إسم المستند (BOOK1) ( اسم البرنامج + اسم المستند + أزرار التحكم ) § شريط أدوات التنسيق قضيب يشتمل علي أدوات تستخدم لتنفيذ عمليات توفر وقتك ويمكن من خلاله اختيار نوع الخط وحجمها – تنسيق فقرة الكتابة – الضبط الكلي لفقرة الكتابة – تغيير لون الخ
قراءة المزيد

أوامر الجافا سكريبت JavaScript

صورة
أوامر الجافا سكريبت :- الجافا سكريبت لغة تعتمد علي الكائنات البرمجية , وهو الشئ الذي يمنحها قوة في الإستخدام , لكن أين نكتب أوامر الجافا سكريبت :- 1- في منطقة الرأس ( Head) الخاصة بكود HTMl 2- في منطقة الجسم ( Body) الخاصة بكود HTML ولا قيود علي مبرمج الجافا أن يضع أوامر الجافا سكريبت في منطقة الرأس أو الجسم , لكن راعي أن أوامر الإخراج – وهي الأوامر التي من اختصاصها أن تظهر ناتج الكود البرمجي علي المتصفح – لابد وأن تكتب في منطقة الجسم (Body) أو في المكان الذي تريده أن يظهر فيه ناتج السكريبت , أما عند كتابة أمر الإخراج في منطقة الرأس (Head) فإنه يعمل علي كتابة ناتج هذا الأمر قبل البدء في أي أوامر تختص بمنطقة الجسم ( Body) . هناك ميزة أخري في الجافا سكريبت وهو أنه يمكنك كتابة كود الجافا سكريبت في ملف خارجي (كما هو الحال في CSS ) , ويكون امتداد ذلك الملف (* .Js) ,   وتكون صيغةالربط بينصفحتك وملف الجافا كالآتي :- > Script Language = " javascript" src = " موقع الملف علي الشبكة أو علي الجهاز "> > /Script> ملاحظات علي كتابة الأوامر في ا
قراءة المزيد

مسائل علي الترانزستورات MOSFET

صورة
مسائل مسألة 1 ترانزستور MOSFET من النوع المقلل (depletion) له المعطيات التالية : IDSS = 10mA; VGS,of = -4V أوجد قيم I D R DS , g m , عندما تكون V G = -2V و V G = +2V . أفرض أن الترانزستور يعمل في المنطقة الفعالة . الحل :   مسألة (2) : ترانزستور MOSFET من النوع المعزز له البارامترات التالية : V GS,th = +2v; وعند V GS يساوي (+4V) كان ID = 12mA أوجد R DS , gm, k بفرض أن الترانزستور يعمل في المنطقة الفعالة . الحل : من أجل حساب k استخدم معادلة تيار المصرف في المنطقة الفعالة : I D = k (V GS – V GS,th )2 ومن هذه المعادلة تحصل علي : ومن أجل إيجاد g m , استخدم العلاقة التالية : وعندها يمكن حساب المقاومة R DS من العلاقة : R DS = (1/gm) = 83Ω مسألة (3) : في دارة الشكل يوجد ترانزستور MOSFET قنال (n) من النوع المعزز له V GS,off = -4V , I DSS = 10mA . المقاومة R D = 1kΩ وجهد التغذية المستمر V DD = +20V . أوجد الربح (V out / V in ) . يمكن باستخدام قوانين كيرشوف وأوم الحصول علي المعادلات التالية : V DD = V DS + I DRD V DD = V D
قراءة المزيد