لنرتقي

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

noreply@blogger.com (Anonymous) — Wed, 6 Feb 2013 08:33:00 -0800

السلام عليكم

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

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

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

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

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

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

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

والنتيجة :

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

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

noreply@blogger.com (Anonymous) — Wed, 6 Feb 2013 05:29:00 -0800

السلام عليكم

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

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

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

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

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

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

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

noreply@blogger.com (Anonymous) — Wed, 6 Feb 2013 05:19:00 -0800

السلام عليكم

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

اولا نذهب الى وسوم او رموز التنسيق كما تلاحظون

<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>

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

<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>

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

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

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

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

noreply@blogger.com (Anonymous) — Wed, 6 Feb 2013 05:09:00 -0800

السلام عليكم

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

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

حيث ان كلما زاد الرقم قل اهمية العنوان
<h1>هذا عنوان مهم جدا </h1>

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

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

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

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

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

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

<html>

<head>

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

</head>

<body>

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

</body>

</html>

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

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

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

noreply@blogger.com (Anonymous) — Tue, 5 Feb 2013 01:27:00 -0800

السلام عليكم

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

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

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

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

1- الوسم html

1
2
3

<html>
 
</html>

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

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

2- الوسم head

<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

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

<html>

<head>

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

</head>

<body>

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

</body>

</html>

ولاحظوا ان مكانه وراء وسم </head> المغلق لان مهامه انتهت
نحفظ العمل وسنرى النتيجة :

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

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