*ما الذى احتاجه:
1-لا تحتاج الى خبرات سابقة
2-كمبيوتر مع انترنت
3-محرر نصوص :
notepad-1
notepad++-2
dream waver-3
Komodo-4
4-متصفح انترنت
Google chrome-1
Fire Fox-2
Opera-3
Internet Explorer-4
5-safari
ماهي الادوات المطلوبة لبناء صفحات الانترنت HTML ؟
-قولنا قبل كده ان لغة ال HTML تحتوى على الوسوم او ال<tags>
طيب اكتب ازاى الوسوم دى؟؟
بنكتب الوسوم بين اقواس زاوية Angle Brackets حول ال Tags بالشكل التالى <>
مثال على الوسوم :<html><head><title><body><p>
انواع الوسوم Tags :
1-وسوم زوجية :
<html> = ده بنقول عليه وسم البداية
<html/>= وده وسم النهاية بنقفله بعلامة ال slash
-اغلب الوسوم الخاصة باللغة وسوم زوجية
<B> this is bold text </B>2-وسوم فردية : دى بنسميها وسوم فردية عشان بتكون self close مش محتاجة وسم نهاية يقفلها ،بتقفل نفسها فى نفس الوسم يعنى مثل:
<img>
</hr>
</br>
*ملوحوظة الوسوم الزوجية : فى وسم النهاية بنكتب ال slash / الاول قبل الوسم <html/> لكن فى الوسوم الفردية بنكتب علامة ال slash / فى النهاية
Document Structure Tags وسوم هيكل المستند:
الوسوم الربعة هي :
ترتيبهم فى اى صفحة بيكون كده :
<html>
<head></head>
<title></title>
<body></body>
<html/>
شرح الوسوم الاربعة :
| Tag | Meaning |
|---|---|
| HTML | هذا الوسم يعني أن الملف يحتوي على أوامر , HTML وليس نصاً عاديا |
| head | يعتبر هذا الوسم بمثابة رأس الصفحة الذي يتم وضع معلومات عن الصفحة فيها مثل : (page title) |
| title | هذا الوسم هو مخصص لعنوان الصفحة حيث أن عنوان الصفحة في المثال السابق (Page Title) ويظهر في أعلى نافذة مستعرض الويب |
| body | هذا الوسم بمثابة جسم الصفحة ويحتوي على جميع النصوص والصور التي ستعرض في الصفحة |
تطبيق 1 :
افتح محرر النصوص الخاص بك وحاول كتابة هذه الاكواد
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
<TITLE/>
< HEAD/>
<BODY>
Wow, I'm writing my first webpage
< BODY/>
< HTML/>
اولا: افتح برنامج تحریر النصوص) و لیكن (Notepad
ثانیا : من قائمة ملف (File) اختر حفظ باسم (save as) او حفظ (save) و في خانة الاسم اكتب الاسم الذي ترید ان تجعله للصفحة و تاكد من وضع الامتداد. مثل : htm. اوhtml.
الخلاصة:
1- جميع وسومت (HTML) توضع بين علمتي أكبر وأصغر< >
2- اغلب وسوم (HTML) لها زوجين من الوسوم وسم بداية ووسم نهاية مثل: <وسم النهاية/> <وسم بداية>
3- هناك وسوم لها زوج واحد أي وسم واحد فقط مثل : </ br>
4- جميع وسوم (HTML) تكتب بين وسمي<html> <html/>.
5- لا يوجد فرق بين كتابة الوسوم بالاحرف الانجليزية الكبيرة او الصغيرة UPPERCASE او lowercase
لكن يفضل ان تكتب بالاحرف الصغيرة lowercase
مصادر هذا الدرس :
1- قناة الزيرو الخاصة باسامة محمد على اليوتيوب
2-قناة عبد الله عيد على اليوتيوب
3- بعض الكتب فى الدرس القادم
أسئلة :
1ما هي لغة (HTML) ؟
2- ماهي وسوم هيكلية المستند (Document Structure Tags)
مع شرح وظيفة كل وسم؟
3- ماهو امتداد صفحة (HTML) ؟
اسمى عبد الرحمن احب تعلم الويب والجرافيكس واسعى لتقديم خبراتى للأخرين بطريقة مُبسطة وهدفى ان اتعلم فنون الويب والجرافكس المختلفة مع التدريبات المتنوعة وافيد الاخرين ان شاء الله
تحويل كود إخفاء محول الأكواد الإبتسامات إخفاء