الساعة الآن :

blac mana

مشرف منتدى لغات تطوير الويب
طاقم الإشراف
المشاركات
3
أفضل إجابة
0
الإعجابات
6
النقاط
3
الإقامة
الجزائر/ورقلة
الجنس
ذكر
غير متواجد

#1

باسم الله الرحمان الرحيم
السلام عليكم ورحمة الله تعالى وبركاته

ها أنا أعود لكم بالدرس الثاني في تعلم لغة البرمجة html ومعذرة عن التأخير
تكلمنا في الدرس السابق عن ماهية خصائص html وأخذنا مقدمة عنها
ويمكنكم زيارته من
هنا
واليوم بحول الله سوف نأخذ كيفية إنشاء أول صفحة html

افتح برنامج المفكرة بالwindows
ولنكتب التالي
ملاحظة, الرجاء التمعن في قراءة الكود جيدا, سوف أشرح الكود بعدها في الأسطر القادمة, لأي أسئلة إنشاء الله, سوف أجيب عنها في الردود.

HTML:
والآن لنأخذ الكود بالتفصيل
بدأنا كتابة الصفحة ب <html>, وقد وضحت في الدرس السابق أن هذا الكود يقول للمتصفح, أو يشرح له أناه لغة html للتعامل معها, لو كانت php أوا java skript لكتبنا شيئ آخر, المهم لنعد إلى صلب الموضوع
<head>
نفتح به رأس الصفحة head, والذي يكتب فيه الكلمات الدلالية والوصف للموقع والعنوان, وسوف نتناولهم في دروس قادمة إنشاء الله
<title>موقعي الأول</title>
ال title وهو ما يعرف بالعنوان, نكتب أولا <title> وهو بداية الوسم بعدها نكتب النص, ثم نغلق ال وسم </title>,
للتوضيح فقط, ال / كما سأل عنها بعض الإخوة هي لتمييز نهاية الوسم عن آوله
</head> لنغلق وسم الرأس الذي بدأناه سابقا
<body>
نفتح به جسم الصفحة الذي يكتب فيه المحتوى: فقرات, رؤوس مواضيع, روابط, محتوى midia, إلى آخره
<h1> نفتح به وسم رأس موضوع وهو اختصار ل heading بال إنجليزية
ثم نكتب النص المطلوب, ثم نغلق الوسم ب </h1>
ملاحظة, الرقم الذي بعد ال h يبين مستوى من واحد إلى 6
يعني بهذا الشكل

HTML:
وهكذا
ملاحظة أخيرة: يجب كتابة نفس الرقم في أول الوسم ونهايته
<p>
اختصار ل Paragraph وتعني فقرة, نكتب بالنص بين <p> و </p> لإغلاق الوسم
</body>
نغلق به وسم الجسم
</html>
لنقول للمتصفح أنهِي عملنا ب html
:D

قبل أن تحفظ الملف, أود الإشارة أنه المتصفح لا يقرأ اللغة العربية بهذا الشكل بل يجب أنا نعمل التالي
1 اضف لل head الكود التالي بعد وسم ال title مباشرة
HTML:
وهذا ليضيف ترميز ال UTF8
2 احفظ الملف ولاكن انتبه ان تختار من الصندوق هكذا الذي يأتي قبل ال save
Encoding: combo box UTF-8 collapsed Alt+e
نفس الطريقة هذه تتبعها إذا تريد عمل صفحة html

هناك وسوم أخرى يمكن أن تفيدنا مثل وسم الرابطو والذي سوف أعمل درس له ,شكله يأتي هكذا
<a href="
لا تمتلك الصلاحية لرؤية الرابط, من فضلك سجل دخولك أو قم بالتسجيل الآن.
">إذهب ل google</a>
وهناك ما يعرف بالوسوم المغلقة مثل:
<hr />
الذي يعمل خط فاصل بين النصوص أوا عناصر الصفحة

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

لا تمتلك الصلاحية لرؤية الرابط, من فضلك سجل دخولك أو قم بالتسجيل الآن.


هذا وما وفقني الله إليه, إنتظروني في الدرس القادم , وتحياتي للجميع
 
التعديل الأخير بواسطة المشرف:

MesterPerfect

عضو محترف
طاقم الإدارة
المشاركات
558
أفضل إجابة
3
الإعجابات
266
النقاط
75
الإقامة
sohag, Egypt
الجنس
ذكر
نظام التشغيل:
Windows8.1
قارئ الشاشة المستخدم
nvda
غير متواجد

#2

جزاك الله خيرا أخي أُسامة
وبورك فيك على هذه الدورة الجميلة
متابعين معك إن شاء الله
وأتمنا أن يستفيد بها الأخوة
 

ناصر بعزيز

عضو نشيط
طاقم الإدارة
المشاركات
222
أفضل إجابة
1
الإعجابات
176
النقاط
47
الإقامة
الجزائر
الجنس
ذكر
نظام التشغيل:
Windows10
قارئ الشاشة المستخدم
jaws
غير متواجد

#3

جزاك الله خيرا أخي الفاضل
واصل أخي نحن معك إن شاء الله
 
b
أعلى