على
عضو ذهبي
عدد الرسائل : 1
عدد المساهمات : 108
نقاط : 302
السٌّمعَة : 0
تاريخ التسجيل : 30/01/2010
العمر : 68
 |  موضوع: الدرس الثاني : التنسيق الأساسي  الإثنين مارس 01, 2010 4:06 am | |
| [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][size=24] [center][size=12][size=21][center]السلام عليكم ورحمة الله وبركاته
درسنا الثاني سيدور بإذن الله وفضله حول التنسيق الأساسي للصفحة
ما هو التنسيق الأساسي؟؟
كيفية إنهاء السطر وبداية سطر جديد
الفراغات (أكثر من مسافة Space واحدة)
الخواص (يمين-وسط-يسار)
تنسيق النص (عريض-مائل-......... الخ)
هيا بنا نبدأ....
أول نقطة هي كيفية إنهاء السطر, فكما قلنا أن المتصفح لا يستطيع تمييز بدايات الأسطر إذا إكتفينا بالضغط على زر Enter لذا يجب أن نحدد ذلك من خلال أمر مباشر وهذا الأمر من الأوامر المفردة التي لا تحتاج إلى وسم بداية
بل يكون وسم وحيد يوضع في آخر السطر وهو :
<br>
ونعود إلى المثال السابق ونعدل فيه كي يصير هكذا :
كود:
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<BR> I'm writing my
<BR>first page
</BODY>
</HTML>
و الآن كيف أضيف سطر جديد ؟
ولفعل هذا نستخدم الوسم <P><P/> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات. ( يلاحظ ان هذا الوسم لديه وسم نهاية لكن من الممكن استخدامه بدون وسم النهاية )
كود:
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<P> I'm writing my
<P>first page
</BODY>
</HTML>
أنتقل بكم إلى نقطة ثانية وهي الفراغات وكيفية عملها ففي بعض الأحيان نحتاج لعمل أكثر من مسافة واحدة
كأن تكون كلمة في أول السطر وكلمة في آخره مثلاً (أقول ذلك لتوضيح فكرته فقط ), وللقيام بذلك ماعلينا سوى أن نكتب الوسم التالي
الأحرف إختصار لعبارة
Non Breakable Space
وكتابة هذا الوسم مرة واحدة تعني عمل مسافة واحدة
ويمكنك تكراره بالعدد الذي تريده
ملحوظة هامة : في هذا الوسم يجب التقيد بالأحرف الصغيرة
كود:
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
I'm writing
my first First page
</BODY>
</HTML>
النقطة التالية هي خواص النص أو سلوكه (يمين, وسط, يسار)
بالطبع صارت لدينا قاعدة واضحة وهي أن المتصفح غبي... لا يفهم... يجب توجيه أمر مباشر لتنفيذه
لذا لا تتوقع منه إذا كتبت نص في اليمين سيكون الناتج في المتصفح هو اليمين
كلا بالطبع
المتصفح سيتعامل بإفتراض أن اللغة هي الإنجليزية دائمًا وسيخرج النص المكتوب جهة اليسار
أما عن كيفية ضبط النص فيكفيك أن تنفذ القانون التالي
<بداية الوسم خواصه="قيمة">ضع النص هنا <نهاية الوسم>
بدايـة الوسم = <P Align>
نهاية الوسم = <P>
الخواص هي Left, Right, Center
فيصبح الوسم بهذا الشكل
<P ALIGN="CENTER">النص المتمركز في منتصف الصفحة</P>
و من الواضح طبعا أذا كنا نقدر أن نضع النص في المنتصف أذن نستطيع أن نضع في أي جهة أخري سواء اليسار أو اليمين كل ما عليك فعله هو تغيير قيمة الـ ALIGN إلي RIGHT أو LEFT .
وسنتناول هذا الجزء بتعمق أكبر مستقبلاً
والآن جاء دور تنسيق النص والتحكم فيه فكثيرًا ما نرى صفحات يكون فيها الخط مائل أو عريض.... الخ
تعالوا نستعرض مًا كيفية عمل ذلك
<B>هذا للخط العريض</B>
<I>وهذا للخط المائل</I>
<U>وهذا ما أقصده عن تحته خط</U>
وهكذا نكون قد انتهينا من درس اليوم
وبإنتظار أسئلتكم إخواني
[/size][/center] [/size][/size][/center] | |
|
abozezo1
نائب المـدير
عدد الرسائل : 100
عدد المساهمات : 1476
نقاط : 3118
السٌّمعَة : 4
تاريخ التسجيل : 11/12/2009
العمر : 56
| | موضوع: رد: الدرس الثاني : التنسيق الأساسي الإثنين مارس 01, 2010 9:06 am | |
| | |
|
