انشاء موقع الكتروني بلغة html
![انشاء موقع الكتروني بلغة html انشاء موقع الكتروني بلغة html](https://code95.com/app/uploads/2023/12/1705589496_867_17364_php1-3-1024x513.webp)
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
Read Also
![Laying the Foundation: How Code95 is Building Success in the Construction Sector Laying the Foundation: How Code95 is Building Success in the Construction Sector](https://code95-production-2024.s3.us-east-2.amazonaws.com/app/uploads/2024/09/02124212/construction-Blog-post-3-code-95_%D8%A8%D9%84%D9%88%D8%AC-%D9%A1-1024x468.png)
Laying the Foundation: How Code95 is Building Success in the Construction Sector
![We Don’t Just Build Apps and Websites — We Create Exceptional Financial Experiences We Don’t Just Build Apps and Websites — We Create Exceptional Financial Experiences](https://code95-production-2024.s3.us-east-2.amazonaws.com/app/uploads/2024/08/02131949/Blog-Post-Banking-2-code-95_Artboard-26-%D9%88%D9%8A%D8%A8-1-1024x468.png)
We Don’t Just Build Apps and Websites — We Create Exceptional Financial Experiences
![Code95 Transforming the Automotive Sales Experience Code95 Transforming the Automotive Sales Experience](https://code95-production-2024.s3.us-east-2.amazonaws.com/app/uploads/2024/08/02132134/code-95-Hock-post-3_Artboard-27-%D9%88%D9%8A%D8%A8-1024x468.png)
Code95 Transforming the Automotive Sales Experience
![مزايا المتجر مزايا المتجر](https://code95.com/app/uploads/2024/02/1707656789_914_81777_-1024x512.png)
مزايا المتجر
![شركة برمجة تطبيقات في جدة شركة برمجة تطبيقات في جدة](https://code95.com/app/uploads/2024/02/1707654460_377_64572_1-1024x512.png)
شركة برمجة تطبيقات في جدة
![منصة الكترونية منصة الكترونية](https://code95.com/app/uploads/2024/02/1707826239_881_93747_-1024x512.png)