الكورس

Advertisements

HTML Getting Started | In Arabic


كيفية انشاء صفحة ويب بلغة HTML؟ فى هذا الفصل سنقوم بإنشاء أول ملف HTML بإستخدام محرر نصوص Text Editor، لكى نبدأ بتعلم وكتابة أكواد لغة HTML.


 

كيفية انشاء صفحة ويب بلغة HTML؟

 

بعض المعلومات البدائية:

  • يتم إنشاء صفحات الويب والتعديل عليها عن طريق محررات النصوص Code Editors.
  • أنصحك فى البداية بإستخدام محرر كود بسيط لتجنب أى شىء معقد ( لأنها وسيلة جيده لتعلم HTML).
  • ملف HTML هو ببساطة ملف نصي محفوظ بامتداد (html. أو htm.).

 

لإنشاء صفحة ويب بإستخدام لغة HTML يجب عليك توفير محرر نصوص بسيط فى البداية لكتابة الأكواد به. إذا لم تكن تعرف ما هو محرر النصوص البرمجية وما هى أفضل البرامج، شاهد هذه المقالة: Text Editors.

بعد ما تقوم بتحميل وتثبيت المحرر المناسب لك ، شاهد هذا الفيديو واتبع الخطوات الموجوده به لإنشاء صفحة ويب (فى هذا سنستخدم برنامج VS Code):

إنشاء ملف HTML.

 

خطوات إنشاء صفحة ويب

 

لإنشاء مستند HTML على الكمبيوتر الخاص بك، إتبع الخطوات التاليه:

 

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

 

إفتح برنامج محرر النصوص الخاص بك سواء كان visual studio code أو Brackets أو أى محرر نصوص برمجية أخر. يمكنك البحث على المحرر الذى قُمت بتحميله عن طريق:

  • الضغط على حقل البحث الخاص بجهازك
  • أو بإستخدام إختصارات لوحة المفاتيح الخاصة بجهازك

ثم قٌم بكتابة إسم المحرر الذى تم تثبيته، سيظهر لك “إضغط عليه“، كالتالى:


Advertisements

 

الخطوة 2: كتابة الكود

 

قُم بكتابة (أو نسخ) كود HTML التالى فى المستند:

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
   <title>HTML Structure</title>
  </head>
  <body>
     <h1>HTML</h1>
     <p>We Use HTML Language For Built Websites</p>
  </body>
</html>

لا تقلق كل الأكواد السابقة هتفهمها بالتفصيل فى الفصول القادمة.


 

الخطوة 3: حفظ الملف

 

انتقل إلى الشريط العلوى فى محرر النصوص واختر [ save as < file ]، ستظهر لك نافذه منبثقة إختر المجلد أو المكان المناسب لك ثم إحفظ الملف بإسم index (أو اى إسم تريده كما تشاء) ثم تأكد من إمتداد الملف يجب أن يكون (html.) ثم إحفظ الملف. كالتالى:

يمكنك إستخدام ( html. أو htm.) كإمتداد لملف الـ HTML، لا يوجد فرق بينهم، الأمر متروك لك.

حاول ان تختار مكان يمكنك تذكرة وسهل الوصول اليه عند إنشاء مستند الـ HTML.


 

الخطوة 4: معاينة المستند

 

لمعاينة مستند HTML قم بالنقر مرتين على الملف بزر الماوس الأيسر، أو انقر بزر الماوس الأيمن على الملف واختر “open with” ثم إختر المتصفح المناسب لك. ستظهر النتيجة كالتالى:


تهانينا! لقد إنتهيت الأن من إنشاء أول صفحة ويب.


 



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements