الرئيسية | الصحيفة | خدمات الإستضافة | مركز الملفات | الحركة الانتقالية | قوانين المنتدى | أعلن لدينا | اتصل بنا |

أفراح بن جدي - 0528861033 voiture d'occasion au Maroc
educpress
للتوصل بجديد الموقع أدخل بريدك الإلكتروني ثم فعل اشتراكك من علبة رسائلك :

فعاليات صيف 2011 على منتديات الأستاذ : مسابقة استوقفتني آية | ورشة : نحو مفهوم أمثل للزواج

العودة   منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد > المنتديات التقنية والتطويرية > منتدى البرمجة والتطوير > الدورة التكوينية: أساسيات لغة HTML وتطبيقاتها


الدورة التكوينية: أساسيات لغة HTML وتطبيقاتها خاص بالدورة التكوينية من تأطير الأستاذ Extra

إضافة رد
 
أدوات الموضوع إبحث في الموضوع
قديم 2012-04-09, 19:45 رقم المشاركة : 1
ExtrA
أستـــــاذ(ة) مــــاسي
 
الصورة الرمزية ExtrA

 

إحصائية العضو








ExtrA غير متواجد حالياً


مؤطر دورة html

وسام المشاركة

العضو المميز لشهر يناير

افتراضي الدرس (6) : الخطوط بلغة html








الدرس (5) : الخطوط بلغة HTML


أهلاً وسهلاً بك إلى الدرس الخامس من دروس HTML. لا زلنا نناقش معاً أساسيات تنسيق صفحات الإنترنت والتحكم بخصائصها. وسوف نتابع ذلك في هذا الدرس من خلال التعرف على الوسوم الخاصة بالخطوط.
سوف تلاحظ في هذا الدرس والدروس اللاحقة أن هناك أكثر من طريقة لأداء نفس العمل، أو إعطاء نفس الخصائص لصفحات الإنترنت. وبالمقابل قد يبدو لك أن بعض الوسوم والخصائص متشابهة في تأثيرها، لكن بالقليل من التدقيق والتجربة ستكتشف أن لكل وسم خصوصيته.




راجع صفحتنا البسيطة التي عملنا فيها في الدرسين السابقين. إننا لم نقم بالتعامل مع الخطوط فيها ولا بأي شكل من الأشكال. أي أننا تركناها على إعداداتها الافتراضية.
وبالمناسبة فإن هذه الإعدادات هي خط عادي، نوعه
Times New Roman وحجمه 3 (بمقياس متصفحات الإنترنت). الوسم الأول الخاص بالخطوط هو <FONT> ... </FONT>
وهو يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم. أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط فهي كالتالي:


Font

وهذه الخاصية تحدد نوع الخط

وتبدأ بـ


كود PHP:
<font

وتنتهي بــ


كود PHP:
</font



وكمثال

كود PHP:
<font face="tahoma">
النص هنا
</font
ويمكنكم اختيار نمط الخط من بين الأنماط التالية

كود PHP:
Arial
Arial Black
Comic Sans MS
Tahoma
Andalus
Akhbar MT
Old Antic Bold
Old Antic Decorative
Italic Outline Art
Farsi Simple Outline
Kufi Extended Outline
Led Italic Font 


Color

أما هذه الخاصية فتحدد لون الخط، وذلك بنفس مبادئ تحديد الألوان التي تحدثنا عنها في


الدرس الرابع



نظام أرقام الألوان يأتي بشكل واحد، فهو يبدأ بعلامة # ثم ستة أرقام أو أحرف، هناك أكثر من ألف رقم للألوان وليس من السهل تذكر إلى أي لون يشير أي رقم


أبيض: #ffffff
أسود: #000000
أحمر: #ff0000
أزرق: #0000ff
أخضر: #00ff00
أصفر: #ffff00











- حجم الخط (النص )
font size



كود:
<font size="5">
النص هنا 
</font> 
هذا يعني تكبير الخط 5 درجات عن المعدل الافتراضي

كود:
<font size="-5">
النص هنا 
</font>
الفرق بين كلتا الحالتين هووضع اشارة سالب (-)



وإليك نماذج بأحجام الخطوط

خط بحجم 1
خط بحجم 2
خط بحجم 3 (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7



هام:

الخطوط في لغة الــ html تكون من 1 الى 7 أي رقم نضعه اكبر من الرقم 7 يتعرف عليه كأنه خط بحجم
7


تطبيق

أكتب الأكواد التالية في المفكرة

كود:
<html>
<body>

<font color="#FF0000" face="arial" size="7">
Profvb

 </font>
 
</body>

</html>
- يمكنك تعديل حجم الخط ونوعه و لونه وحتى العبارة التي تود أن تظهر في الصفحة النهائية



_____________


تحياتي الخالصة للجميع
















: منتديات الأستاذ التعليمية التربوية المغربية : فريق واحد لتعليم رائد https://www.profvb.com/vb/showthread.php?p=546108
التوقيع




آخر تعديل ExtrA يوم 2012-04-09 في 20:04.
    رد مع اقتباس
قديم 2012-04-09, 19:58 رقم المشاركة : 2
jawadjordi
أستـــــاذ(ة) مــــاسي
 
الصورة الرمزية jawadjordi

 

إحصائية العضو







jawadjordi غير متواجد حالياً


وسام المشاركة في دورة HTML

افتراضي رد: الدرس (5) : الخطوط بلغة html


رائع أخي
نحن مازلنا معك
الحمد لله كل المحاولات ناجحة






التوقيع




    رد مع اقتباس
قديم 2012-04-09, 20:18 رقم المشاركة : 3
العلم
أستـــــاذ(ة) جديد
إحصائية العضو







العلم غير متواجد حالياً


وسام المشاركة في دورة HTML

افتراضي رد: الدرس (6) : الخطوط بلغة html


هذا هو طبيق درس الخطوط
بارك الله في مجهوداتك أخي الكريم






    رد مع اقتباس
قديم 2012-04-09, 20:40 رقم المشاركة : 4
أسيلة
أستـــــاذ(ة) متميز
 
الصورة الرمزية أسيلة

 

إحصائية العضو







أسيلة غير متواجد حالياً


وسام المشاركة في دورة HTML

وسام المرتبة الثالثة في مسابقة ألغاز رمضان

افتراضي رد: الدرس (6) : الخطوط بلغة html


يحفظك الله ويرعاك
الدرس كان جد مفهوم ومبسط
جزاك الله كل خير





التوقيع

    رد مع اقتباس
قديم 2012-04-09, 20:50 رقم المشاركة : 5
abouimane
بروفســــــــور
 
الصورة الرمزية abouimane

 

إحصائية العضو








abouimane غير متواجد حالياً


وسام المشاركة في مسابقة القران الكريم

المرتبة الثالثة في مسابقة صور وألغاز

وسام المشاركةفي المسابقة الرمضانية الكبرى 2015

وسام مشارك

مشارك(ة)

وسام المشاركة في الدورة التكوينية مهارات الاتصال ا

وسام المشاركة في المسابقة الترفيهية

وسام المشاركة

وسام المشاركة في دورة HTML

وسام المشاركة

thank رد: الدرس (6) : الخطوط بلغة html


تم تلوين و صباغة الكتابة





الملفات المرفقة
نوع الملف: rar exemple3.rar‏ (192 بايت, المشاهدات 2)
نصائح مهمه
1- أفحص الملف المرفق بأي برنامج مضاد للفيروسات
2- قم بمراسلة المراقب عن أي مرفق يوجد به فيروس
3- ادارة المنتدى غير مسوؤلة عن مايحتويه المرفق من بيانات

التوقيع

.................................................. ........................................

كن ابن من شئت و اكتسب أدبا \/\/ يغنيك محموده عن النسب

.................................................. ........................................

    رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are معطلة


مــــواقـــع صـــديــقــة مــــواقـــع مـــهــــمــــة خـــدمـــــات مـــهـــمـــة
إديــكـبـريــس تربويات
منتديات نوادي صحيفة الشرق التربوي
منتديات ملتقى الأجيال منتديات كاري كوم
مجلة المدرس شبكة مدارس المغرب
كراسات تربوية منتديات دفاتر حرة
وزارة التربية الوطنية مصلحة الموارد البشرية
المجلس الأعلى للتعليم الأقسام التحضيرية للمدارس العليا
مؤسسة محمد السادس لأسرة التعليم التضامن الجامعي المغربي
الصندوق الوطني لمنظمات الاحتياط الاجتماعي التعاضدية العامة للتربية الوطنية
اطلع على وضعيتك الإدارية
احسب راتبك الشهري
احسب راتبك التقاعدي
وضعية ملفاتك لدى CNOPS
اطلع على نتائج الحركة الإنتقالية

منتديات الأستاذ

الساعة الآن 19:20 لوحة المفاتيح العربية Profvb en Alexa Profvb en Twitter Profvb en FaceBook xhtml validator css validator

RSS RSS 2.0 XML MAP HTML
جميع المواد المنشورة بالموقع تعبر عن أصحابها فقط ولا تعبر بأي شكل من الأشكال عن رأي الموقع ولا يتحمل أي مسؤولية عنها

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd