Jan 26.2023

انشاء موقع ويب بلغة html

انشاء موقع ويب بلغة html، قد يبدأ البعض أو يتبادر إلى ذهنهم فكرة إنشاء صفحة أو تصميم صفحة ويب بلغة html

لكن الأمر ليس بهذه السهولة، لكي تتمكن من إكمال مهام تصميم الصفحة، وهذا يتطلب منك أن تكون على دراية كاملة باللغة الخاصة بتصميم الصفحة

انشاء موقع ويب بلغة html

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

ما هي لغة HTML؟

لغة HTML هي اختصار لـ Hypertext Markup Language وهي تعد أحد الأدوات الأساسية المستخدمة في إنشاء مواقع الويب كما أنها توفر للمصممين الطريقة أو الشكل الذي سيظهر به النص والصور في الموقع

على سبيل المثال يمكنك تحديد العناوين والفقرات والنصوص والصور في الويب بصيغة HTML وسنعرض المزيد عن هذه اللغة ووظائفها في إنشاء المواقع حيث يمكننا إنشاء مواقع ويب معقدة للغاية باستخدام HTML وعدة لغات أخرى فقط، ستكون هذه المواقع ثابتة

مما يعني أنه يمكن لزوار الموقع تصفح الصفحات، لكن لا يمكنهم إضافة أي تفاعل معها، ما لم ينقرون عليه على الروابط الموجودة على الصفحات.

الخطوات اللازمة لإنشاء موقع ويب بلغة HTML

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

وتتميز هذه المواقع بحاجتها إلى بعض الأساسيات لإنشائها، مثل الاعتماد على HTML، ويمكنك إنشاء موقع باستخدامه باتباع الخطوات التالية:

الخطوة الاولى هي فهم طبيعة اللغة:

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

وحتى تتمكن من عرضها، يمكنك الذهاب إلى أي موقع ويب على متصفح Internet Explorer، ثم الضغط على زر الماوس الأيمن واختيار View Source

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

الخطوة الثانية هي اجعل صفحة الويب الأولية بسيطة:

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

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

لذا فإن علامة الفتح هي <___> وعلامة الإغلاق هي < / __ > ويتم تعويض __ بالرموز، وبيمكنك استخدام محرر أكواد مثل notepad ثم اتبع الخطوات التالية:

  1. افتح قائمة ابدأ، ثم البرامج، ثم البرامج الملحقة، والمفكرة.
  2. بعد اختيار لغة، يتم تحويل كل ما تكتبه إلى لون مختلف لتسهيل تصحيح الأخطاء.

الخطوة الثالثة هي إشعار المتصفح:

من أهم خطوات انشاء موقع ويب بلغة HTML هو تعليم المتصفح اللغة المستخدمة، حيث يجب أن تكتب في السطر الأول <! DOCTYPE>ي

جب أن تكون العلامة الأولى في التعليمات البرمجية الخاصة بك دائما، اكتب في السطر الثاني حتى <html> يعرف الكمبيوتر هذه العلامة

وأنك تكتب على صفحة ويب،  وسيتم إغلاق هذه العلامة في نهاية المستند، يمكنك كتابة علامة الإغلاق ك > / <html

وتؤدي إلى نهاية صفحة الويب، وذلك من ضمن خطوات انشاء موقع ويب بلغة html.

الخطوة الرابعة هي اكتب عنوانا للصفحة:

كتابة العنوان أمر مهم، حيث يوفر للمستخدمين فكرة عن محتوى الموقع، بالإضافة إلى أن هذا العنوان يتم حفظه في قائمة الإشارات المرجعية عند حفظه كإشارة مرجعية، ويتم تحديد العنوان بلغة HTML باستخدام الوسم <title>

 بحيث يظهر العنوان بعد ذلك في علامة التبويب دون الظهور داخل الصفحة.

الخطوة الخامسة هي إنشاء نص صفحة:

في هذه الخطوة يجب أن تكتب لتتمكن من بدء محتوى نص الصفحة <body> ومن ثم إنهاء هذا المحتوى باستخدام نص الوسم>/<

بحيث تكون المعلومات التي يتكون منها الجسم بين العلامتين، بالإضافة إلى إمكانية تنسيق نص الصفحة لتغيير لون خلفية الصفحة.

الخطوة السادسة هي كتابة نص بين علامات النص الأساسي للصفحة:

في هذه الخطوة عليك كتابة العلامة <br>حتى تنتقل إلى سطر جديد وهو ما يساوي زر الإدخال على لوحة المفاتيح

ويمكنك بسهولة إضافة نص متحرك من خلال العلامة <marquee> ثم كتابة النص وإنهائه بالوسم </>marquee، وذلك من ضمن خطوات انشاء موقع ويب بلغة html.

الخطوة السابعة هي إضافة بعض الصور:

في حالة رغبتك في إدراج بعض الصور في صفحة الويب الخاصة بك، يمكنك استخدام علامة الصورة <img src=”URL”>

الخطوة الثامنة هي حفظ الصفحة:

بعد الانتهاء من تطبيق خطوات انشاء موقع ويب بلغة HTML السابقة تأتي خطوة حفظ الصفحة

عليك الانتقال إلى خيار حفظ باسم معين، ثم اختيار اسم الملف وإعطائه امتداد html، على سبيل المثال يمكن أن يكون “filetest.html”.

اختر نوع جميع الملفات أو ملف نصي في مربع النوع، وتجدر الإشارة إلى أن الكود لن يعمل إذا لم تقم بذلك

ثم انتقل إلى المكان الذي يتم حفظ صفحة الويب فيه وانقر نقرا مزدوجا فوقه لفتح الصفحة باستخدام متصفح الإنترنت الخاص بك، وذلك من ضمن خطوات انشاء موقع ويب بلغة html.

مميزات استخدام  لغة html في انشاء صفحة ويب

في سياق الحديث عن خطوات انشاء موقع ويب بلغة HTML نتحدث عن مزايا استخدام هذه اللغة والتي ترتكز على النقاط التالية:

سهولة التعلم والاستخدام

يسهل على الشخص تعلمها فهو لا يحتاج سوى معرفة بسيطة باللغة الانجليزية ليبدأ في تعلمه وتصميم صفحات بشكل مبدأي

مجانية للاستخدام

من أبرز مزايا استخدام HTML أنه لا يتقاضى من مستخدميه أي تكلفة، ولا تحتاج إلى شراء برامج معينة حتى لا تعمل

ولا تحتاج إلى التعامل مع الإضافات المختلفة للعمل على أي برنامج وهذا لأنه لا يتطلب مكونات إضافية،  كل ما تحتاجه هو معرفة أكواد HTML.

دعم لجميع المتصفحات

يدعم HTML جميع المتصفحات تقريبا في جميع دول العالم، لذلك لا تقلق بشأن موقع الويب الخاص بك المكتوب فيه

سيظهر في أي مكان بسهولة من أي متصفح، كما يوفر لك طريقة سهلة لتحسين موقع الويب بتنسيقات معينة

بناء على متصفحات مطوري الويب، وذلك من ضمن مميزات انشاء موقع ويب بلغة html.

أساس جميع لغات البرمجة

لكي يتمكن المبرمج من تطوير الواجهة الأمامية أو الخلفية، يجب أن يكون على دراية ب HTML لأنها اللغة الأساسية ويتم الانتهاء من جميع اللغات الأخرى

وتستخدم على نطاق واسع لتخزين البيانات، وفي حالة وجود معرفة جيدة بها،  سيكون من السهل عليه العمل مع أي لغة أخرى والقدرة على التمييز بينها.

انشاء موقع ويب خاص بي

يمكنك انشاء موقع الويب الخاس بك الآن بكل سهولة مع مجتمع صفوة التقني الأفضل في مجال تصميم مواقع الويب في جدة ، يقدم مجتمع صفوة التقني خدمة تصميم مواقع احترافية وبأفضل تكلفة حتى يتسنى لك البدء بدون عوائق مادية 

تواصل معنا الآن وانشئ موقع الويب الخاص بك ونعدك بخدمة على مستوى عال من الاحترافية والجودة

5/5 - (1 صوت واحد)
guest
0 تعليقات
Inline Feedbacks
View all comments