تنسيق الخط في صفحة الويب



للتحكم في نوع وحجم ولون الخط يتم استخدام الأمر <font> وهو أمر له مجموعة من الخصائص منها :

ملاحظة :

يتعرف المستعرض علي 7 احجام مختلفة من الخطوط والتي يتم تحديدها بواسطة الخاصية Size حيث تتراوح قيمة هذه الخاصية من 1 الي 7

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بانشاء صفحة ويب ذات اتجاه يمين وبها النص ,, مدرستي جميلة ونظيفة ومتطورة , بخط نوعه اندلسي  andalus بلون احمر وحجم الخط 6 

خطوات نتفيذ النشاط 

- كتابة الكود .

-حفظ الملف النصي بامتداد htm .

- فتح الملف في مستعرض الانترنت .

ملاحظات :

- بعد استخدام أمر الاغلاق <font/> ينتهي تأثير الأمر علي تنسيقات أي نص يكتب بعده 

- في حالة عدم استخدام الأمر <font> يظهر نوع الخط علي صفحة الويب بالشكل الافتراضي .

- ( تنسيق الخط في صفحة الويب 

يوجد العديد من الأوامر من خلالها يتم تنسيق الخط زمنها الأوامر الموضحة بالجدول الاتي :

(نشاط)

بالتعاون مع زملائك وبمساعدة معلمك في الملف السابق قم بوضع خط اسفل العبارة ,,, مدرستي جميلة ونظيفة ومتطورة ,,

خطوات تنفيذ النشاط 

- إضافة الكود :

<u/> مدرستي جميلة ونظيفة ومتطور <u> 

- حفظ التعديل الملف النصي 

- فتح الملف في مستعرض الانترنت .

تدريب :

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بالتعديل في ملف صفحة الويب 

- تنسيق الخط في صفحة الويب لجعلة مائل للعبارة ,, مدرستي جميلة ونظيفة ومتطورة ,

- تنسيق الخط في صفحة الويب لجعلة خط عريض للعبارة , مدرستي جميلة ونظيفة ومتطورة :

نلاحظ أن : لتنسيق الخط في صفحة الويب :

- جعله مائل ,, مدرستي جميلة ونظيفة ومتطورة ,

يكتب الكود : <I/> مدرستي جميلة ونظيفة ومتطورة <I>

- جعله خط عريض وو مدرستي جميلة ونظيفة ومتطورة 

يكتب الكود : <B/> مدرستي جميلة ونظيفة ومتطورة <B>

تنسيق خلفية صفحة الويب :

1- تحديد لون كخلفية لصفحة الويب بالخاصية bgcolor

تستخدم الخاصية bgcolor التابعة للأمر <body> لتحديد لون خلفية صفحة الويب .

نشاط :

عزيزي القارئ بالتعاون مع مساعديك قم بعمل الاتي :

- كتابة الكود >body bgcolor ,,green, >

- حفظ الملف النصي بإمتداد htm .

- لاحظ ظهور لون خلفية صفحة الويب باللون الأخضر .


- الجدول التالي يحتوي بعض أسماء الالوان يمكن استخدامها كقيمة للخاصية bgcolor



وضع صورة كخلفية لصفحة الويب تستخدم الخاصية Background التابعة للأمر <body>

نشاط جديد :

عزيزي القاري |: بالتعاون مع زملائك وبمساعدة معلمك قم بتنفيذ ما يلي :

- إعداد وتجهيز احد ملفات الصور لوضعها كخلفية لصفحة الويب .

- حفظ ملف الصورة داخل مجلد .

- كتابة الكود اللازم لوضع الصورة image1 . jpg كخلفية لصفحة الويب .

<body background=image1.jpg>

- حفظ الملف النصي بامتداد htm في نفس مجلد حفظ ملف الصورة .

- فتح الملف في مستعرض الإنترنت .






ليست هناك تعليقات:

موقع تعليمي يشكركم جميعا ويتمني للجميع التوفيق والنجاح &يمكنكم الانضمام الي الموقع من خلال رابط الانضمام & يمكنكم طلب شروحات واستفسار في اي وقت علي مدار اليوم

يتم التشغيل بواسطة Blogger.