المجلس اليمني ... يمن واحد وآراء متعددة
::  قوانين المنتدى  |   طلب رقم التنشيط   |   تنشيط العضوية  |  استعادة كلمة المرور
العودة   المجلس اليمني :: العلمية والتقنية :: الكمبيـوتر والانتـرنت :: المواقع ولغات البرمجة والشبكات
|
 
أدوات الموضوع
قديم 25-06-2005, 09:27 AM   مشاركة رقم : 1
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 15-06-2005
المشاركات: 102

افتراضي سـلسـلة دروس الـ html ( الثـانـيـة ) النصوص

درس الثاني لـ HTML
---------
بسم الله الرحمن الرحيم .
الدرس الماضي كان يتكلم عن أساسيات الـ html .
وسنقوم اليوم بكتابة درس عن كيفية كتابة الفقرات و العناوين و الخـط والتي تكون في قسـم <body>
-------
لغة الـ html كأنك تكلم شخص باللغة الإنجليزية ولكن كالأمر أو الطلب .

* الـعنــاويـن (Headings)
--------------
ويكون الوسم الخاص بـها هـو من <h1> وهو أصغر حجم و <h6> وهو أكبر حجم معروف .
وتكتب بالصيغة التالية

[align=left]
كود:
<h1>حـجـم عنوان الأول </h1>
<h2>حـجـم عنوان الثاني</h2>
<h3>حـجـم عنوان الثالث</h3>
<h4>حـجـم عنوان الرابع</h4>
<h5>حـجـم عنوان الخامس</h5>
<h6>حـجـم عنوان السـادس</h6>
[/align]

-----------
الـخطـوط وخصائصة
-------------------------------------
دائماً يـبـداء وسم الخطوط بـ
[align=left]
كود:
<font> .. يكتب النص هنـا </font>
[/align]

ولـتحـديد حـجم الخـط يكتب بعد كلمة الـ font . هكذا

كود:
[align=left]<font size="5"> يكتب النص هـنا </font>[/align]


-----------
مـلـحـوظــة :- حـجم الخط الإفتراضي هــو 3

--------
لتـوين الـخـط
--------------------------

ويكون بهذه الصيـغة

كود:
[align=left]<font color="red"> أكتب النص هنا </font>[/align]


-----
طبعاً عند كتابة لون الخـط إما ان تستخدم نظام الـهكس HEX .. او الألوان المعروفة

مثل black - pink - red - yallow

وأما عن نظام الهكس فيـكتب هكذا

[align=left]
كود:
<font color="#001100"> يكتب النص هنـا </font>
[/align]


---------
كيفية تغير نوع الـخط او نمط الخط ..
--------------------------------


يجب ان تعرف أنه يجب كتابة نمط الخط على حسب ما هو موجود في الجهاز الآخر للمتصفح او للزائر بالأصح . ولتحديد نمط الخط . يكون با لطريقة التالية ..

------------
[align=left]
كود:
<font face="Arial">يكتب النص هنـا </font>
[/align]

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

---

كود:
[align=left]‎<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">‎
.......النص يكتب هنا ............
<‎/FONT> [/align]
--------------

لا تنس أن تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً

وهذه هي قائمة بأسماء أشهر و أكثر الخطوط إنتشاراً

Arial, Helvetica, sans-serif


Verdana, Geneva, sans-serif


Times New Roman, Times, serif


Garamond, Palatino, serif


Courier New, Courier, monospace


----------
تثـخين الـخط bold
----------------
وهو كتابة الوسم التالي بعد وسم الـ font .

كود:
[align=left]<font size="5"><b> سيكون النص ثخين bold </font></b>[/align]
-----------------------==============------------------=============-------------
طبــعاً سـنكتـفي لـحد هنا عن النصوص .. وكيفية تغيير الخصائص بها ..

لذلك سأطلب منكم تطبيق لهذا الدرس

تكون الصفحة الويب الذي ستعملها . بأن تكون بالخواص هـذه ..

1- إنشاء عنوان رئيسي ويكون الإسم بـ ( تلوين الخـطوط ) وتكون الصفحة إتجاهها من اليمين ..

2- كتابة المجلس اليمني بهذا اللون ( المجلس اليمني ) ويكون الخط ثخين . ويكون بخط متوسط الحجم ..

3- كتابة المجلس اليمني كل حرف بلون معين ..

4- لا تنسى أن تطرح خاصية أكثر من خط لي المجلس اليمني .



----------------

مع خالص تحياتي .. أخوكم AliM

  رد مع اقتباس
قديم 25-06-2005, 08:47 PM   مشاركة رقم : 2
مشرف سابق

الصورة الرمزية العمراوي

 
تاريخ التسجيل: 24-11-2002
المشاركات: 7,559

افتراضي

السلام عليكم ..


أخي الكريم AliM ...


حتى يتسهل على بقية الأعضاء الوصول لجميع الدروس أرجو أن تضيف قسم في بداية كل موضوع فيه كامل الروابط لبقية الدروس ...


واستمر يا أخي وكلنا معاك ...

  رد مع اقتباس
قديم 25-06-2005, 08:52 PM   مشاركة رقم : 3
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 15-06-2005
المشاركات: 102

افتراضي سلسلة دروس الـ Html . من البداية حتى الإحتراف


  رد مع اقتباس
قديم 25-06-2005, 08:53 PM   مشاركة رقم : 4
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 15-06-2005
المشاركات: 102

افتراضي

لقد تم إضافة القسم ..

:)

  رد مع اقتباس
قديم 25-06-2005, 09:02 PM   مشاركة رقم : 5
مشرف سابق

الصورة الرمزية العمراوي

 
تاريخ التسجيل: 24-11-2002
المشاركات: 7,559

افتراضي

مشكور أخي AliM ...

وقد كنت أقصد أنك تضيف اللينكات في بداية كل موضوع جديد فقط ... ولا تعمل موضوع جديد لها ...


ولك فائق الشكر ...

  رد مع اقتباس
قديم 25-06-2005, 11:05 PM   مشاركة رقم : 6
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 15-06-2005
المشاركات: 102

افتراضي

وهو كذلك . ممكن أنك تعملها أنت . والي تحبه .. والي يكون أفضل للأعضاء .. :p

---------------
وممكن تحذف الموضوع الي تشوفه مش لازم .


تحياتي

  رد مع اقتباس
قديم 26-06-2005, 08:20 PM   مشاركة رقم : 7
قلم فضي
 
لا توجد صورة

 
تاريخ التسجيل: 07-04-2005
المشاركات: 4,049

افتراضي

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

  رد مع اقتباس
قديم 27-06-2005, 12:09 AM   مشاركة رقم : 8
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 15-06-2005
المشاركات: 102

افتراضي

أهلين أخي almodhna .. واشكرك جداً على هذا الكلام . وأن شاء الله نحتاجك .. ;)

  رد مع اقتباس
قديم 30-06-2005, 01:41 PM   مشاركة رقم : 9
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 18-03-2005
المشاركات: 70

افتراضي

اعتقد اخ اليم نسيت ان توضح كيفية تطبيق الكود بعد الكتابه للأشخاص الذي لا يعرفوا كيف يتم النطبيق وذلك
بعد الحفظ الكلف بالمتداد الhtml
نقوك بفتح الbroswer الخاص بالنت وهو Internet Explorer
وتقوم بفتح الملف الذي تم عمل الكود فيه
*********************************
إما بالنسبه الكود للدرس الثاني قمت بتطبيقه بس الطلب الثالث وهو تعدد انوع الخطوط لم يتم التغير المطلوب
وهذا هو الكود
[php][php]<html>
<head>
<title>تلوين الخط</title>
</head>
<body dir=ltr>

<font size=15><b>المجلس اليمني</b></font>
<br>
<h2><font color=red>ا<font color=black>ل<font color=yellow>م<font color=blue>ج<font color=green>ل<font color=gray>س
<font color=pink>ا<font color=black>ل<font color=red>ي<font color=yellow>م<font color=green>ن<font color=blue>ي</font></h2>
<br>
<fontface="Arial"><b>المجلس اليمني</b></font>
<br>
<fontface=" Geneva">المجلس اليمني</font>
<br>
<fontface= Courier >المجلس اليمني</font>
<br>
<fontface=Arabic Transparent>المجلس اليمني</font>
</body>
</html>/[php][/php]

  رد مع اقتباس
قديم 30-06-2005, 01:42 PM   مشاركة رقم : 10
عضو
 
لا توجد صورة

 
تاريخ التسجيل: 18-03-2005
المشاركات: 70

افتراضي

ما هي الأيقونه الذي تسمح بعمل الكود فيه مثل الذي تعمل فيه الكود

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

أدوات الموضوع

الانتقال السريع :::

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.