| مسابقة " كن الأفضل " للمدونين العرب |

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

| مسابقة " كن الأفضل " للمدونين العرب |

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

| مسابقة " كن الأفضل " للمدونين العرب |

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

| مسابقة " كن الأفضل " للمدونين العرب |

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

| مسابقة " كن الأفضل " للمدونين العرب |

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

0 كيفية عمل رابط

الأربعاء، 6 فيفري 2013 التسميات:
السلام عليكم 

 درسنا لهذا اليوم هو كيفية عمل رابط يحولنا الى موقع اخر على الصفحة :
وسم الروابط هو <a> ويغلق بـ </a>
لكن يجب وضع الرمز href لمعرفة اي من الموقع سنذهب اليه 

 وسأوضح ذلك في مثال :

 

1
2
<a href="http://linartakii.blogspot.com/"> مدونة لنرتقي </a>

وستكون النتيجة هكذا على الصفحة 














واذا أردنا وضع مقدمة لشرح الموقع مثلا هكذا :

 

1






2
<p> مرحبا بكم ،يسرني ان تقوموا بزيارة مدونتي<a href="http://linartakii.blogspot.com/"> مدونة لنرتقي </a></p>

لقد وضعت وسم الفقرة <p>

والنتيجة :









الى هنا نختم الموضوع الى درس اخر ان شاء الله
ان راقك الموضوع ضع اعجاب او مشاركة 

تابع القراءة

3 كيفية كتابة العنوان الشخصي من اميل ، الشارع ، الهاتف ...

التسميات:
السلام عليكم

 درس اليوم هو كيفية كتابة العنوان الشخصي من اميل و رقم الهاتف او عنوان الشارع ....الخ

 الوسم الخاص بالعنوان هوaddress

 وللقيام بذلك يجب فتح الوسم ب <adress> ثم نكتب العنوان من اميل وشارع ...ثم نغلق الوسم </adress>

 

1
2
3
4
5
6

<address>
مدونة لنرتقي<br />
<a href="exemple@exemple.com">البريد الالكترونى</a><br />
العنوان :شارع رقم 5 مثلا <br />
الهاتف :+2137777777 
</address>


ونلاحظ ذلك على الصفحة :













الى هنا نختم موضوعنا 
ان اعجبك الموضوع لا تبخل باعجاب او مشاركة 


































تابع القراءة

0 كيفية تنسيق الخط (سميك ، مائل ....)

التسميات:
السلام عليكم 

درسنا لهذا اليوم هو كيفية تنسيق الخط ( مائل ،سميك ، تحته خط ، مشطوب ....الخ) 
اولا نذهب الى وسوم او رموز التنسيق كما تلاحظون 


<b>خط سميك</b>
<br>
<strong>خط سميك</strong>
<br>
<i>خط مائل</i>
<br>
<em>خط مائل</em>
<br>
<u>نص تحتة خط</u>
<br>
<sup>خط مرتفع</sup>عن السطر
<br>
<sub>خط منخفض</sub> عن السطر
<br>
<big>خط كبير</big>
<br>
<small>خط صغير</small>
<br>
<strike>نص مشطوب - نص يعترضه خط</strike>
<br>
<s>نص مشطوب - نص يعترضه خط</s>
<br>
<q>نص بين علامتى اقتباس</q>

نضع الاكواد او الرموز على برنامج التحرير :



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
23
24
25
26
27
28
29
30
31
32
33
34
35
36








<html>










<head>










<title> عنوان الصفحة </title>










</head>










<body>






<b>خط سميك</b>
<br>
<strong>خط سميك</strong>
<br>
<i>خط مائل</i>
<br>
<em>خط مائل</em>
<br>
<u>نص تحتة خط</u>
<br>
<sup>خط مرتفع</sup>عن السطر
<br>
<sub>خط منخفض</sub> عن السطر
<br>
<big>خط كبير</big>
<br>
<small>خط صغير</small>
<br>
<strike>نص مشطوب - نص يعترضه خط</strike>
<br>
<s>نص مشطوب - نص يعترضه خط</s>
<br>
<q>نص بين علامتى اقتباس</q>








</body>










</html>

















نشاهد النتيجة على الصفحة 







































































الى هنا نختم الموضوع الى درس اخر بحول الله 



اذا اعجبك الموضوع قم ابعجاب او مشاركة






















تابع القراءة












































2
كيفية كتابة العناوين 








التسميات:








السلام عليكم



درسنا لهذا اليوم هو كيفية كتابة العناوين :



وسم العنوان هو <h> و يغلق بـ </h> وهو يرقم من 1 الى 6 

مثلا <h1> </h1> 



حيث ان كلما زاد الرقم قل اهمية العنوان 

<h1>هذا عنوان مهم جدا  </h1>



<h2>هذا عنوان مهم  </h2>



<h3>هذا عنوان مهم اقل من العنوان الذي قبله </h3>



<h4>هذا ايضا عنوااقل اهمية من العنوان الذي قبل</h4>



<h5>هذا عنوان ليس مهم  </h5>



<h6>هذا عنوان ليس مهم ايضا </h6>







نضع مثال على ذلك :




















1
2
3
4
5
6
7
8


9


10


11


12


13


14


15


16


17


18


19








<html>










<head>










<title> عنوان الصفحة </title>










</head>










<body>










<h1>هذا عنوان مهم جدا  </h1>
<h2>هذا عنوان مهم  </h2>
<h3>هذا عنوان مهم اقل من العنوان الذي قبله </h3>
<h4>هذا ايضا عنوااقل اهمية من العنوان الذي قبل</h4>
<h5>هذا عنوان ليس مهم  </h5>
<h6>هذا عنوان ليس مهم ايضا </h6>






</body>










</html>













والنتيجة كما تلاحظون كلما كان العنوان مهم كلما كان حجمه اكبر والعكس :









































الى هنا ننهي الموضوع واياكم الى درس اخر بحول الله

ان اعجبك الموضوع لاتبخل باعجاب او مشاركة 






تابع القراءة












































0
كيفية كتابة بعض الاكواد الاساسية ومعرفة مهامها (الدرس 4)






الثلاثاء، 5 فيفري 2013


التسميات:










السلام عليكم 





في هذا الدرس اخواني 



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







اولا ننبه ان جميع في html تبدا باسم وتنتهي بنفس الاسم لكن تزيد على الاسم الاول بعلامة / ( اي عند وجود علامة / تعرفنا ان عمل هذا الوسم انتهى ) ، وهي محصورة بين مزدوجتين <> وسنرى ذلك في الدرس .

ولبدا العمل نفتح برنامج النوتباد  Notepad++ولتحميله من هنا 



ولتعلم اللغة بشكل اسرع قم انت بكتاتبة الاوسام ودعك من النقل واللصق ^^ 





1-  الوسم html 














1
2
3



<html>
 
</html>











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



اذن اي صفحة نبداها يجب ان تبدا بالوسم <html> وتنتهي بالوسم </html> 













2- الوسم head














1
2
3
4
5



<html>
<head>
 


</head>
</html>











 ياتي وراء وسم <html> مباشرة وهو راس الصفحة و غير مرئي  ،وظيفته هو تقديم بعض المعلومات الدلالية للصفحة ووصفها لتساعد على البحث عنها في محركات البحث  ...الخ 













1-2  شرح الوسم title  : 





وسم هام لكتابة عنوان الصفحة اذا ان لكن صفحة او موقع له عنوان ، كما أشرنا سابقا بان العنوان وكل الكلمات الدلالية للصفحة لاتظهر لنا اي انها في راس الصفحة بين الوسمين <head> و <head/>







لنقوم بعمل ذلك سويا :



مثلا اضع عنوان باسم : مدونة لنرتقي 












1
2
3
4
5



<html>
<head>
<title> مدونة لنرتقي </title>
</head>
</html>














الان نحفظ العمل ، 

وللقيام بذلك سهل مثل باقي البرامج اذهب الى fichier >enregistrer sous  ثم اختار مكان الحفظ وليكن سطح المكتب

تابع الصور :






انقر على الصورة لمشاهدتها بحجمها الطبيعي 



















































ثم نحفظها بامتداد html  وهو مهم هنا مثلا انا سميتها texte فنحفظها هكذا texte.html

كما في الصورة :








انقر على الصورة لمشاهدتها بحجمها الطبيعي























































هذه هي  :



















والنتيجة كما تلاحظون :








انقر على الصورة لمشاهدتها بحجمها الطبيعي 







































اذا كتبت بالعربية ستشاهد ان الكتابة على شكل رموز ولحل المشكل قم بزيارة هذا الدرس





3- الوسم body

هذا وسم رئيسي في الصفحة ، وهو محتوى الصفحة الذي يظهر لنا على الشاشة ، 










1
2
3
4
5
6
7
8


9


10


11


12


13


14


15






<html>




<head>




<title> عنوان الصفحة </title>




</head>




<body>




جسم الصفحة (المحتوى الذي يظهر لنا)






</body>




</html>







ولاحظوا ان مكانه وراء وسم </head> المغلق لان مهامه انتهت 

نحفظ العمل وسنرى النتيجة :








انقر على الصورة لمشاهدتها بحجمها الطبيعي







































الى هنا نختم معكم هذا الدرس ، الى درس اخر بحول الله حول تغيير اتجاه الصفحة .












تابع القراءة




















































 











لنرتقي © 2010 | تعريب وتطوير : سما بلوجر    | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates











************