برامج التعديل علي الاتش تي ام ال

هذا الدرس الثاني من دورة تعلم لغة الاتش تي ام ال أو HTML أو هتمل و في هذا الدرس سوف اقدم لكم البرامج الذي يمكنك من خلالها التعديل و إنشاء مستندات HTML .

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

يمكن إنشاء صفحات ويب و تعديلها باستخدام محررين إتش تي أم للمحترفين . ومع ذلك، لتتعلم HTML فإننا ننصح محرر نص بسيط مثل المفكرة (لإجهزة الكمبيوتر) أو برنامج TextEdit (ماك) . ونحن نعتقد باستخدام محرر نص بسيط هو وسيلة جيدة لمعرفة HTML .

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

الخطوة الأولي : افتح المفكرة Notepad (لإجهزة الكمبيوتر)

افتح المفكرة في ويندوز 8 أو ما بعده : و  افتح قائمة ابدء Start الموجودة بالأسفل علي اليسار و اكتب Notepad .

افتح المفكرة في ويندوز 7 أو ما قبله : اضغط علي ابدأ Start الموجودة بالأسفل علي اليسار و اضغط علي كافة البرامج و بعدها اضغط علي برامج الويندوز و اضغط علي Notepad .

الخطوة الأولي : افتح برنامج TextEdit (لإجهزة الماك)

الرجاء التأكد من أن يتم تعيين محرر نص إلى نص عادي. انتقل إلى : Preferences> New Document> select plain text  .

و أيضا التأكد أن كلا من “عرض ملف HTML كرمز html” و عرض “ملف RTF كـ رمز RTF” و يمكنك التحقق من الخيارات تحت “فتح و حفظ” .

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

الخطوة الثانية : أكتب بعض الـ HTML

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

[code]<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>[/code]

تعلم html من الصفر حتى الاحتراف

تعلم html من الصفر حتى الاحتراف

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

لحفظ الملف علي الكمبيوتر اختر ملف File > حفظ بإسم Save As > في القائمة الموجودة بالأعلي في المفكرة , قم بتسمية الملف “index.htm” و قم بتعيين الترميز إلي UTF-8 و هذا الترميز هو المفضل لمفات الاتش تي ام ال .

تعلم html للمبتدئين

تعلم html للمبتدئين

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

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

فتح ملف الـ HTML الذي قمت بحفظه علي المتصفح المفضل لك (اضغط مرتين علي الملف أو إضغط بزر الماوس الأيمن و اختار “فتح”) .

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

YourColor.Net

الدرس التالي : أمثلة الأساسيات في HTML
الدرس السابق : مقدمة لغة الاتش تي ام ال
باقي الدروس : دورة تعلم HTML اتش تي ام ال مجانا