محررات HTML


تنبية : شرح هذا الدرس قد يكون مفصل وهو موجة للمبتدأين

كتابة HTML باستخدام المفكرة أو برامج الترميز أو الموبايل

يمكن إنشاء صفحات ويب وتعديلها باستخدام محررات HTML

اتبع الخطوات الأربع أدناه لإنشاء صفحة الويب الأولى باستخدام المفكرة أو TextEdit. او الهاتف


الخطوة 1: فتح المفكرة (PC)

ويندوز 8 أو أحدث:

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

ويندوز 7 أو قبل ذلك:

فتح برامج > ابدأ > ملحقات > المفكرة او notepad


الخطوة 1: فتح محرر النص (ماك)

فتح تطبيقات > الباحث > TextEdit

أيضا تغيير بعض التفضيلات للحصول على التطبيق لحفظ الملفات بشكل صحيح. في تفضيلات > تنسيق > اختر “نص عادي”

ثم ضمن “فتح وحفظ”، حدد المربع الذي يقول “عرض ملفات HTML كرمز HTML بدلا من النص المنسق”.

ثم افتح مستند جديد لوضع التعليمات البرمجية.


الخطوة 2: كتابة بعض HTML

اكتب أو انسخ بعض HTML في المفكرة.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>هذا هو اول عنوان رئيسي</h1>
<p>هذه اول قطعة لي</p>

</body>
</html>


الخطوة 3: حفظ صفحة HTML

حفظ الملف على الكمبيوتر. حدد ملف > حفظ كما في القائمة المفكرة.

اسم الملف “index.htm” او “index.html” وتعيين الترميز إلى UTF-8 (وهو الترميز المفضل لملفات HTML).

يمكنك استخدام إما .htm أو .html كملحق للملف. لا يوجد فرق، الأمر متروك لك.


الخطوة 4: عرض صفحة HTML في المستعرض الخاص بك

افتح ملف HTML المحفوظ في المتصفح المفضل لديك (انقر نقرا مزدوجا على الملف، أو انقر بزر الماوس الأيمن – واختر “فتح مع او open with”).

وستبدو النتيجة على هذا النحو:


محررات على الانترنت

مع محررنا المجاني عبر الإنترنت ، يمكنك تحرير رمز HTML وعرض النتيجة في متصفحك.

إنها الأداة المثالية عندما تريد اختبار التعليمات البرمجية بسرعة. كما أن لديها ترميز اللون والقدرة على حفظ وتبادل التعليمات البرمجية مع الآخرين:

مثل

<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>

<h1>هذا هو اول عنوان رئيسي</h1>
<p>هذه اول قطعة لي</p>

</body>
</html>

في الهاتف “اندرويد”

الامر يختلف بعض الشئ عن الكمبيوتر لذلك يمكنك استعمال احد محررات الHtml في الوقت الحالي يمكنك استعمال acode


سنقوم بفتح برنامج “Acode” علي الأندرويد او اي “برنامج شبيه”

حسنا والان علينا إعادة تسمية الملف في الأعلي المشار لأسمه في السهم الأحمر من خلال الضغط علي علامة التعديل المشار إليها بالسهم الأخضر

حسنا نختار Rename = “إعادة التسمية” ونكتب الاسم الذي نريده مع امتداد .html في نهاية الاسم

حسنا الان حددنا نوع الملف لنبدء العمل

الصق او اكتب اول كود لك هُنا

قم بتشغيل الرمز الخاص بك الان من خلال الضغط علي رمز التشغيل في الاعلي الذي بجوار علامة التعديل “المثلث | run “

يمكنك اختيار اي خيار تريده لن يختلف الامر


حسنا كل شئ تم بشكل جيد كما تري ف الاعلي هذا هو ناتج الكود الخاص بك

سنتوقف هنا سنتعلم المزيد في الدرس التالي


امتداد \ الامتداد \extension:

امتداد الملف ‏ هو لاحقة تلحق اسم ملف الكمبيوتر لتوضيح تكويد أو ترميز محتويات الملف. يتكون الامتداد من الحروف بعد النقطة الأخيرة في اسم الملف. بعض نظم التشغيل تحد طوله إلى ثلاثة أحرف، بينما النظم الأخرى لا تضع لطوله حداً.

كل ماتود معرفته عن إمتدادات الملفات وكيفية التعامل مع الامتدادات الغريبة -  عرب فيوتشر - دروس تقنية , شروحات كمبيوتر , انترنت , هواتف
هذا هو الامتداد كل هذه امتدادات ملفات

دعنا نشعل مصباح جديد 💡