DeletedUser
Guest
بسم الله الرحمن الرحيم
السلام على من اتبع الهدى.
اليوم جيتكم بالشرح رقم "3" لل HTML وحنغوص في الدرس شوي في قسم CSS.
مصطلحات سيتم شرحها في الدرس:-
خلينا نبدأ الشرح :-
هذا الاتريبيوت نضعه داخل الجزء الاول من التاغ , عشان نضيف خصائص للنص اللي موجود في التاغ هذا.
مثلا, عشان نخلي النص الي موجود داخل <p> لونه احمر, نستعمل هذا الاتريبيوت + color
صورة:
[SPOIL] [/SPOIL]
الحين نيجي للي بعده,
طبعا هذا الامر له طريقتين استعمال, يا اما تحطه داخل تاغ معين عشان يحدد النص, يا اما تحطه في تاغ الجسم "<body><body/>"
عشان تغير اللون لخلفية الصفحة كاملة.
انا بجرب الاثنين,
صورة:
[SPOIL] [/SPOIL]
الحين نستعمل ال :
نستعمله عشان نغير نوع الخط الا خط جميل مثل " verdana"
لاحظو ان اسم الخط يجب ان يكون 100% صحيح كتابيا.
صورة:
[SPOIL] [/SPOIL]
الحين نيجي نجرب "font-size", هي طبعا تغير حجم النص
صورة:
[SPOIL] [/SPOIL]
الحين نجرب "text-align:" طبعا الخيارات هم, center او left او right
خلينا نجرب
صورة:-
[SPOIL] [/SPOIL]
الحين ننتقل للي هو وزن النص, اللي هي تخلي النص "Bold"
صورة:
[SPOIL] [/SPOIL]
باقي تاغ واحد لنشرحه, بس لازم نشرح شي مهم قبل التاغ.
لو نريد ان نضيف اكثر من خاصية لا نكتب "style" اكثر من مرة
بل نكتبها فقط مرة واحدة ونفصل بين كل الخصائص ب " ; "
مثال:
طيب الحين قول مثلا جملة:
- انا اسمي مستر كريم
نريد ان تكون الجملة باللون الاسود, الا كلمة مستر كريم فتكون بالاحمر ونجعلها بولد, ماذا نفعل؟
هنا نستعمل تاغ ال "<span>", وظيفة التاغ هذا هو مثل شق جزء من الجملة عن الباقي وتطبيق بعض الاوامر عليه وحده
طريقة العمل:
صورة:
[SPOIL] [/SPOIL]
الى هنا وصلنا الى نهاية الدرس الثالث في الدورة
- للتطبيق والمشاركة -
على كل مشترك ان يحضر الصفحة التي انشأها في الدرس الثاني, ويقوم باضافة العديد من الخصائص التي
تم تدريسها في الشرح هذا. من الوان, حجم, قص الجمل, ووو
يرجى مشاركة الصورة مع الكود
ملاحظة : ارجو من اصحاب الخبرات عدم المشاركة بأكثر من المطلوب لمراعاة معنويات الناس اللي بدون خبرة.
اختم بمقولة ابو رهف, لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة الموقع الشهير يوتيوب للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َوقمُ بتطويرُ خبرتكُ
نقبل الاسئلة في التعاليق + سكايب: live:6kr
السلام على من اتبع الهدى.
اليوم جيتكم بالشرح رقم "3" لل HTML وحنغوص في الدرس شوي في قسم CSS.
مصطلحات سيتم شرحها في الدرس:-
ميزات للتاغات | style |
لون النص | color |
لون الخلفية | background-color |
نوع الخط | font-family |
حجم الخط | font-size |
مكان الخط | text-align |
بولد ولا نص عادي | font-weight |
تقسيم النص | <span></span> |
خلينا نبدأ الشرح :-
PHP:
style=" property : value"
هذا الاتريبيوت نضعه داخل الجزء الاول من التاغ , عشان نضيف خصائص للنص اللي موجود في التاغ هذا.
مثلا, عشان نخلي النص الي موجود داخل <p> لونه احمر, نستعمل هذا الاتريبيوت + color
PHP:
<p style="color:red">هذا النص بيصير لونه احمر</p>
صورة:
[SPOIL] [/SPOIL]
الحين نيجي للي بعده,
PHP:
style='background-color: لون معين'
طبعا هذا الامر له طريقتين استعمال, يا اما تحطه داخل تاغ معين عشان يحدد النص, يا اما تحطه في تاغ الجسم "<body><body/>"
عشان تغير اللون لخلفية الصفحة كاملة.
انا بجرب الاثنين,
صورة:
[SPOIL] [/SPOIL]
الحين نستعمل ال :
PHP:
font-family
نستعمله عشان نغير نوع الخط الا خط جميل مثل " verdana"
لاحظو ان اسم الخط يجب ان يكون 100% صحيح كتابيا.
PHP:
style='font-family: verdana'
صورة:
[SPOIL] [/SPOIL]
الحين نيجي نجرب "font-size", هي طبعا تغير حجم النص
PHP:
style='font-size:30'
صورة:
[SPOIL] [/SPOIL]
الحين نجرب "text-align:" طبعا الخيارات هم, center او left او right
خلينا نجرب
PHP:
style="text-align:center"
صورة:-
[SPOIL] [/SPOIL]
الحين ننتقل للي هو وزن النص, اللي هي تخلي النص "Bold"
PHP:
style='font-weight:bold'
صورة:
[SPOIL] [/SPOIL]
باقي تاغ واحد لنشرحه, بس لازم نشرح شي مهم قبل التاغ.
لو نريد ان نضيف اكثر من خاصية لا نكتب "style" اكثر من مرة
بل نكتبها فقط مرة واحدة ونفصل بين كل الخصائص ب " ; "
مثال:
كود:
[SIZE=4][FONT=times new roman]style=[SIZE=5][COLOR=#ff0000]"[/COLOR][/SIZE] font-weight:bold [COLOR=#ff0000][SIZE=5];[/SIZE][/COLOR] font-size:30 [COLOR=#ff0000][SIZE=5];[/SIZE][/COLOR] color: green [SIZE=5][COLOR=#ff0000]"[/COLOR][/SIZE]
[/FONT][/SIZE]
طيب الحين قول مثلا جملة:
- انا اسمي مستر كريم
نريد ان تكون الجملة باللون الاسود, الا كلمة مستر كريم فتكون بالاحمر ونجعلها بولد, ماذا نفعل؟
هنا نستعمل تاغ ال "<span>", وظيفة التاغ هذا هو مثل شق جزء من الجملة عن الباقي وتطبيق بعض الاوامر عليه وحده
طريقة العمل:
PHP:
<p style="color:black"> انا اسمي <span style="color:red ; font-weight:bold"> مستر كريم</span> </p>
صورة:
[SPOIL] [/SPOIL]
الى هنا وصلنا الى نهاية الدرس الثالث في الدورة
- للتطبيق والمشاركة -
على كل مشترك ان يحضر الصفحة التي انشأها في الدرس الثاني, ويقوم باضافة العديد من الخصائص التي
تم تدريسها في الشرح هذا. من الوان, حجم, قص الجمل, ووو
يرجى مشاركة الصورة مع الكود
ملاحظة : ارجو من اصحاب الخبرات عدم المشاركة بأكثر من المطلوب لمراعاة معنويات الناس اللي بدون خبرة.
اختم بمقولة ابو رهف, لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة الموقع الشهير يوتيوب للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َوقمُ بتطويرُ خبرتكُ
نقبل الاسئلة في التعاليق + سكايب: live:6kr
[ .. النهاية .. ]