مقدمة عن لغة الترميز (HTML)
  •   بواسطة    
  • 75 total views, 1 views today

نقوم يومياً بتصفح مواقع الإنترنت المُختلفة ويتطلع العديد من المُهتمين لمعرفة كيفية تصميم هذه المواقع ويُعد مُصطلح (HTML) أحد الحلول لمعرفة كيفية تصميم موقع بطريقة سهلة.

(HTML) إختصاراً لبعض الكلمات (HyperText Markup Language) أي لغة الترميز وهي اللغة الأم لتصميم المواقع لسهولة دراستها وإبتعادها عن الأنظمة المُعقدة.

مميزات لغة الترميز (HTML)

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

 

متطلبات استخدام لغة (HTML)

 

  1. Notepad++ برنامج.
  2. مستعرض للشبكة مثل Internet Explore – Firefox – Google Chrome.
  3. الإلمام بالأوامر المُستخدمة للتصميم TAGs.

 

ملف HTML

يتكون ملف HTML من قسمين أساسيين

  1. رأس الصفحة (head)

هذا الجزء يتضمن كافة المعلومات الخاصة بتعريف الصفحة مثل العنوان الظاهر على شريط العنوان من خلال إستخدام أمر <title>.

 

  1. جسم الصفحة (body)

ويشمل هذا الجزء محتوى الصفحة مثل النصوص والصور وغيرها ويتم تصميم هذا الجزء من خلال إستخدام أمر <body>.

 

كيفية عمل تصميم لصفحة ويب

سوف نقوم الآن بعرض خطوات بسيطة للقيام بعمل صفحة ويب بإستخدام HTML

 

قم بفتح برنامج Wordpad

html

 

 

 

 

 

 

 

 

 

 

قم بكتابة النص داخل الصفحة كما بالشكل التالي

ht2

إحفظ الملف(Save As) بإستخدام إمتداد .html

htm

لاحظ شكل الأيقونة الخاصة بالملف وقد أتخذت شكل ملف لشبكة الإنترنت

ht55

قم بفتح الملف ستجده داخل نافذة مستعرض الشبكة

htm6

يتضح مما سبق ظهور العنوان في شريط العنوان 4DX وتم ذلك من خلال إستخدام أمر <title> في رأس الصفحة (head) وظهور المحتوى “Welcome!” كجسم للصفحة بإستخدام أمر .<body>

 

أوامر لغة (HTML)

هناك نوعين للأوامر المُستخدمة :

  1. الأوامر الحاوية (Container Tags)

 

هذه الأوامر تتطلب وضع المحتوى بين أمر الفتح (opening tag) ” < >” وأمر الإغلاق (closing tag) ” </ >”.

 

  1. الأوامر الخاوية (Empty tags)

 

هذه الأوامر لا تتطلب أمر إغلاق للمحتوى المُراد تنفيذ الأمر به.

 

الخُلاصة

 

تُعد لغة الترميز (HTML) أسهل اللغات المُستخدمة لتصميم صفحات للمواقع نظراً لمميزاتها العديدة ويُمكنك القيام بالتجربة من خلال الخطوات البسيطة السابقة كما يُمكنك التعرُف على أهم الأوامر الأساسية المُستخدمة.

 

لمزيد من المعلومات يُمكنك زيارة مدونتنا الإلكترونية مدونة فور دي جرافيكس ومعرفة أحدث تطورات تصميم المواقع والجرافيك.