دورة HTML - الدرس 2 : برامج تحرير HTML


دورة HTML - الدرس 2 : برامج تحرير HTML
السلام عليكم ورحمة الله وبركاته أصدقاء وصديقات مدونة تكنوفيليا للمعلوميات يسعدني أن أقدم لكم سلسلة دروس دورة HTML وننتقل بإذن الله إلى الدرس الثاني :


1- كتابة لغة HTML باستخدام برنامج Notepad أو TextEdit


إن كتابة أكواد لغة HTML تحتاج إلى برنامج تحرير خاص بالأكواد فلا يمكنك كتابة الأكواد على برنامج وورد مثلا بل تحتاج إلى برنامج تحرير يقرأ ويفهم بنية الأكواد ويحولها على شكل نتائج في جميع المتصفحات

وأنا أنصح شخصيا ببرنامج التحرير Notepad لأنه البرنامج الأكثر شعبية وتداولا في كتابة وتعديل أكواد لغة HTML

فقط اتبع هذه الخطوات الأربع أدناه لإنشاء صفحة الويب الأولى باستخدام برنامج التحرير Notepad لتفهم الأمر

الخطوة 1 :


- قم بتحميل برنامج التحرير وهذا رابطه Notepad فقط اضغط Download كما في الصورة أدناه

دورة HTML - الدرس 2 : برامج تحرير HTML


- بعد استكمالك لمراحل التحميل بشكل طبيعي افتح برنامج Notepad

- افتح شاشة البدء ( رمز النافذة في أسفل اليسار على الشاشة ) واكتب Notepad

بالنسبة لمستخدمي ويندوز 7 فما أقل

- افتح المسار الآتي من اليسار لليمين : Start > Programs > Accessories > Notepad

الخطوة 2 :

- اكتب أو انسخ أول أكواد HTML في برنامج التحرير Notepad كما في الصورة أدناه
دورة HTML - الدرس 2 : برامج تحرير HTML

الخطوة 3 :

- احفظ ملف HTML على حاسوبك وذلك بتحديد المسار الآتي

File > Save as على قائمة Notepad

- قم بتسمية الملف المحفوظ إلى اسم "index.htm" وقم بتعيين الترميز إلى UTF-8 وهو الترميز المفضل لملفات HTML كما في الصورة أدناه

دورة HTML - الدرس 2 : برامج تحرير HTML


ملاحظة : يمكنك استخدام إما امتداد htm. أو امتداد html. كملحق للملف لا يوجد فرق بينهما

الخطوة 4 :

عرض نتيجة أكواد صفحة HTML في المتصفح الخاص بك

طبعا نريد الآن تحويل أكواد HTML إلى نتيجة على المتصفحات

دائما في برنامج Notepad انتقل إلى المسار الآتي في قائمته : Run > Lanch in Chrome

ستظهر لك نتيجة أكواد HTML كما في الصورة أدناه :

دورة HTML - الدرس 2 : برامج تحرير HTML
هكذا نكون قد وصلنا إلى نهاية درسنا الثاني من سلسلة دروس دورة HTML على مدونة تكنوفيليا للمعلوميات وإلى أن ألقاكم في الدرس الثالث بإذن الله لا تنسوا مشاركة دروسنا على منصات التواصل الإجتماعي. في أمان الله.

لاحقا - الدرس 3 : أساسيات HTML

ليست هناك تعليقات