الدرس الاول رقم (3) : الوحدة 2 : كيفية إعداد بيئة العمل (محرر نصوص، متصفح)
كيفية إعداد بيئة العمل (محرر نصوص، متصفح)
للبدء في تعلم HTML، تحتاج إلى إعداد بيئة العمل الخاصة بك. يتضمن ذلك اختيار محرر نصوص جيد ومتصفح لاختبار صفحات الويب. إليك خطوات إعداد بيئة العمل:
1. اختيار محرر النصوص
محرر النصوص هو الأداة التي ستستخدمها لكتابة كود HTML. هناك العديد من المحررات المتاحة، بعضها بسيط والآخر يحتوي على ميزات متقدمة. إليك بعض الخيارات:
- Notepad (Windows):
- محرر نصوص بسيط يأتي مع Windows.
- مناسب للمبتدئين، لكنه يفتقر إلى الميزات المتقدمة.
- TextEdit (Mac):
- محرر نصوص افتراضي على أجهزة Mac.
- تأكد من ضبطه للعمل في الوضع العادي وليس الوضع الغني (Rich Text).
- محررات متقدمة:
- Visual Studio Code: محرر قوي ومجاني مع ميزات مثل الإكمال التلقائي والتنسيق. يدعم العديد من الإضافات المفيدة.
- Sublime Text: محرر سريع وخفيف الوزن مع واجهة بسيطة.
- Atom: محرر مفتوح المصدر يمكن تخصيصه بسهولة.
كيفية تثبيت محرر نصوص متقدم:
- اذهب إلى الموقع الرسمي للمحرر الذي اخترته.
- قم بتنزيل النسخة المناسبة لجهازك.
- اتبع تعليمات التثبيت.
2. إعداد المتصفح
المتصفح هو البرنامج الذي ستستخدمه لعرض صفحات الويب التي تقوم بإنشائها. يمكنك استخدام أي متصفح، ولكن يفضل استخدام المتصفحات الشائعة التي تدعم HTML5 بشكل جيد. إليك بعض الخيارات:
- Google Chrome: متصفح سريع وشائع يدعم معظم ميزات HTML5.
- Mozilla Firefox: يوفر أدوات مطورين قوية لمساعدتك في اختبار صفحات الويب.
- Microsoft Edge: النسخة الحديثة من Internet Explorer، يقدم أداءً جيدًا ودعمًا لـ HTML5.
- Safari: المتصفح الافتراضي لأجهزة Mac.
3. إنشاء ملف HTML جديد
- افتح محرر النصوص الذي اخترته.
- أنشئ ملفًا جديدًا واحفظه باسم
index.html. - اكتب الهيكل الأساسي لصفحة HTML:
<!DOCTYPE html>
<html lang=”ar”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبًا بك في تعلم HTML!</h1>
<p>هذه هي صفحتي الأولى باستخدام HTML.</p>
</body>
</html>
فيديو تنفيذي
4. فتح الملف في المتصفح
- افتح المتصفح الذي اخترته.
- اسحب ملف
index.htmlإلى نافذة المتصفح أو استخدم خيار “فتح ملف” (Open File) من قائمة المتصفح. - سترى الصفحة تظهر في المتصفح، مما يعني أنك أعددت بيئة العمل بنجاح!
خلاصة
باستخدام محرر النصوص المناسب والمتصفح، يمكنك البدء في كتابة وتجربة كود HTML. هذه الخطوة هي الأساس لتعلم HTML وتطوير صفحات الويب. في الوحدة القادمة، سنبدأ في استكشاف الأساسيات وكيفية بناء هيكل صفحة HTML.
