الدرس 2
تجهيز الأدوات وفهم الفرق بين المحرر والمتصفح
علشان تبدأ في HTML محتاج مكان تكتب فيه الكود ومتصفح تشوف فيه النتيجة
مش محتاج تشتري برنامج أو ترفع ملفات على استضافة علشان تجرب أول صفحة
كل أداة ليها دور مختلف
محرر الكود بيساعدك تكتب الملف وتنظمه أما المتصفح فبيقرأ الملف ويعرض الصفحة
ممكن تستخدم المحرر اللي متعود عليه وفي التطبيق هنستخدم Visual Studio Code ومتصفح موجود على جهازك
جهز مكان المشروع
- اعمل مجلد اسمه learn-html في مكان سهل توصل له
- افتح المجلد داخل محرر الكود
- اعمل ملف جديد اسمه index.html
- اكتب المثال واحفظ الملف
- افتح الملف بالمتصفح
<h1>My First Page</h1>
<p>I Am Learning HTML</p>إيه اللي المفروض يظهر
هتشوف عنوان وتحته فقرة بدل ما تشوف الأقواس وأسماء العناصر
المتصفح قرأ الكود وحوله لمحتوى ظاهر لكن الملف الأصلي لسه موجود عندك وتقدر تعدله
لو التعديل مش ظاهر
احفظ الملف في المحرر وبعدين حدث صفحة المتصفح
لو مفيش تغيير راجع إن الملف اللي فاتحه في المتصفح هو نفس الملف اللي بتعدله
اتأكد إن اسم الملف index.html مش index.html.txt لأن إخفاء امتدادات الملفات في النظام ممكن يخليك تحفظه كملف نصي عادي
جرب بنفسك
غير العنوان لاسمك واحفظ الملف وحدث المتصفح
لو الاسم اتغير يبقى دورة الكتابة والحفظ والمعاينة شغالة وعندك كل اللي محتاجه للدرس الجاي