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

Abdallah Fathy Fathy ·

5 min read

Posted: 08 Sep, 2024

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

خطوات انشاء موقع الكتروني بلغة html

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

فهم لغة html وطبيعة عملها

لغة html تحتاج إلى فهم طبيعة عملها فهي تتضمن مجموعة رموز برمجية وأكواد لكل منها أمر محدد يتم تنفيذه على هيكل موقع الويب مثل أكواد العناوين H1 -H2 وجسم الصفحة Body Page وعنوان الصفحة الـ Title وغيرهم من عناصر ضرورية.

أن تكون صفحة الويب الأولية بسيطة

يجب إنشاء الصفحة الأولية بطريقة مبسطة وسهلة وكتابة الأوامر بين الرموز البرمجية مثل كتابة وسم افتتاحي للصفحة بهذه الطريقة الوسم الافتتاحي<__> وهذه العلامة __ توضع فيها الرموز البرمجية قم بعد ذلك بفتح قائمة ابدأ من جهاز الكمبيوتر ثم اختر البرامج ثم الملحقات ومنها اختر المفكرة واستخدم Note pad ليكون الأمر سهلًا وبعد اختيارك للغة يتحول أي نص تكتبه إلى لون مختلف.

إعلام وإشعار المتصفح باللغة المستخدمة

يجب إشعار المتصفح عند انشاء موقع الكتروني بلغة html بأن اللغة البرمجية المستخدمة هي لغة HTML وينبغي كتابتها في أول سطر <! DOCTYPE> وفي السطر الثاني تكتب <html> لإعلام المتصفح بكتابتك في صفحة الويب فيكون الكود أو الرمز بهذا الشكل >/<html ثم يتم إضافة الترويسة الخاصة بالصفحة بهذه الطريقة <head/>.

كتابة عنوان الصفحة

كتابة العنوان أحد الخطوات المهمة عند انشاء موقع الكتروني بلغة html ويمكن كتابة عنوان الصفحة باستخدام هذا الرمز أو الوسم وهو <title> ويتم ختامه برمز >/<title لكي يظهر العنوان في التبويب.

إنشاء جسم الصفحة

ولكي تم إنشاء جسم الصفحة يتم كتابة هذا الكود <body> ثم ختام المحتوى بالكود body>/< بحيث تكون المعلومات المكونة لجسم الصفحة موجودة بين هذين الوسمين كما يمكن أيضًا إضافة رمز لتغيير لون الخلفية الخاصة بالصفحة عن طريق كتابة هذا الوسم <body style=”background-color: silver”>.

كتابة نص

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

إضافة الصور

لإضافة الصور إلى صفحة الويب يستخدم هذا الرمز <img src=”URL”>.

حفظ الصفحة

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

ما هي مميزات لغة HTML

مثلها مثل جميع لغات البرمجة لها مميزات ولها عيوب ومن أهم مميزات لغة HTML البرمجية ما يلي:

سهلة التعلم

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

لغة مجانية

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

صديقة محركات البحث

تعتبر HTML واحدة من أفضل اللغات البرمجية الصديقة لمحركات البحث.

خفيفة الوزن

لغة خفيفة وسهلة الاستخدام فعند كتابة الكود مباشرة يتم تطبيقه في المتصفح.

الدمج

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

مدعومة من جميع المتصفحات

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

ما هي عيوب لغة HTML

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

الثبات

من عيوب لغة HTML أنها لغة ثابتة غير تفاعلية على عكس لغات البرمجة الأخرى مثل لغة بايثون وبي اتش بي.

عدم التجاوب

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

غير آمنة

عنصر الأمان الخاص بهذه اللغة ضعيف وهو من عيوب HTML حيث يمكن اختراق الموقع الإلكتروني المصمم عن طريقها بسهولة جدًا.

Posted: 08 Sep ,2024

Abdallah Fathy Fathy

Read Also

Laying the Foundation: How Code95 is Building Success in the Construction Sector

In the world of construction, every project starts with a solid foundation. The same is true in the digital realm—where a well-built website serves as the cornerstone of success. At…...

We Don’t Just Build Apps and Websites — We Create Exceptional Financial Experiences

At Code95, we don’t just create apps and websites—we craft digital experiences tailored specifically for the financial sector. Our solutions are designed to do more than just function; they enhance…...

Code95 Transforming the Automotive Sales Experience

Discover Our Innovative Automotive Web & App Solution In today's fast-paced digital world, having an online presence is no longer a luxury but a necessity. For the automotive industry, showcasing…...

مزايا المتجر

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

شركة برمجة تطبيقات في جدة

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

منصة الكترونية

بناء منصة إلكترونية يعتبر من أكثر الظواهر الحديثة في عالم التحول الرقمي التي بدأت في الانتشار بشكل سريع كما شكلت المنصات الإلكترونية تقنية مهمة ساعدت في الحصول على المعلومات بشكل…...

Testimonial “A professional, nice to work with a bunch of people that will add value in any project they work on.” Passant Fouad, Juhayna “Perfect support, outstanding calibres. We as an organization consider them a great partner.” AttijariWafa Bank “Code95 is comprised of a dynamic, energetic and dedicated team that has helped us in realising our vision for the website we wanted to create. They are very flexible and work round the clock to ensure the process is going smoothly. They are creative and experienced and able to handle big tasks and projects. It was a pleasure to work with them and we look forward to continuing this relationship in future endeavours.” Abdel-Rahman Hussein, Dandin “By the end of a very long timeline project full of energy, stress, quality, dedication, long sleepless nights, day to day support even on weekends & public holidays & a perfect project delivery, I would like first to thank each & everybody who gave the energy & dedication to this project leaving family & personal life to provide such a service. I would like also to inform you that our work especially the website has been recognized from the highest levels in the government & everyone we meet during the event give us the credit over it, so I loved to share this with you guys this would never be done without your great support all over the last months. We as JWT appreciate the relationship with your end & wishing to have more & more business together for the upcoming months. “THANK YOU ALL, Ahmed Helal , JWT

Let’s talk

Want to have a talk with us? We respond in a few minutes. Try and say Hi!

Say Hi!