تعلم HTML 2023 #2 محرر HTML Editors
تعلم HTML باستخدام المفكرة أو Text Editor
يمكن إنشاء صفحات الويب وتعديلها باستخدام برامج تحرير HTML المحترفة. ومع ذلك, لتعلم html نوصي باستخدام محرر نصوص بسيط مثل Notepad (pc), TextEditor (Mac).
فلنبدأ بإنشاء أولى صفحات HTML الخاصة بك باستخدام TextEditor, Notepad.
الخطوة الأولى: أفتح Notepad (PC)
يمكنك فتح الNotepad بالذهاب إلي قائمة Start وكتابة Notepad
الخطوة الثانية: كتابة كود HTML
أكتب الكود في المثال التالي, أو قم بالنسخ واللصق
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
بعد كتابة الكود نقوم بحفظ الملف باسم index.html
بعدها نقوم بفتح الملف, سيتم فتح الملف في المتصفح, وبهذا تكون قد أنشأت صفحة HTML الخاصة بك .
يمكنك التعديل وبدايت العمل بالذهاب للملف والضغط بزر الفارة الأيمن وفتح بواسطة notepad بعد عمل التعديلات قم بالضغط علي ctrl + save, ثم الذهاب للمتصفح وعمل Refresh سترى التعديلات التي أجريتها ..
تعلم HTML باستخدام Visual Studio Code
أذهب إلي بحث GOOGLE واكتب Visual Studio Code, هو محرر كود انسيابي يدعم عمليات التطوير مثل تصحيح الأخطاء وتشغيل المهام والتحكم في الإصدار. ويهدف إلى توفير الأدوات التي يحتاجها المطور فقط لدورة سريعة لبناء التعليمات البرمجية وتصحيح الأخطاء.
قم بتثبيت Visual Studio Code
قم بفتح My Computer وقم بإنشاء مجلد لمشروعك الجديد, ليكن My_Project.
يجب أن تهتم بمكان حفظ هذا الملف لأنه سيبقى معك حتي نهاية الكورس , فلا تحفظه مثلا على سطح المكتب, أو في ملفات الويندوز المعرض للتغيير في أي وقت.
تسمية الملف : حاول الابتعاد عن المسافات والأسماء بالعربية . أجعله بالإنجليزية وأستخدم مثلا ( – )(_).
الأن قم بفتح برنامج Visual Studio وقم بالضغط علي open folder
ثم نختار الملف الذي قمنا بإنشائه, أو يمكنك أنشاء ملف جديد إن شئت
إن ظهرت لك هذه الرسالة فاختار المربع, ثم Yes, I trust
سيكون الملف في أعلى القائمة على اليمين نضغط Right Click ثم New File, ونقوم بإنشاء ملف باسم index.html
بمجرد إنشاء الملف سيقوم المحرر بفتحة.
نبدأ بعمل البنية الأساسية وذلك بكتابة علامة ! ثم Tab
قم بحفظ الملف وتابع الدرس التالي
