تصميم صفحة ويب بلغة html جاهزة

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

ما يجب أن تتعلمه قبل إنشاء الصفحة

قبل تصميم صفحة html جاهزة للمبتدئين ، يعد الإلمام بجميع محتويات Windows أمرًا مهمًا للغاية ، لأن المعرفة العملية لـ Windows تسهل تعلم استخدام HTML و JavaScript ، لذلك يجب أن تكون على دراية بما يلي:

• تعرف على كيفية عمل المجلد ، وتخزينه ، وكيفية استخدام المتصفح ، ومستكشف Windows ، والمعرفة الأساسية ببرنامج Word.
• تأكد من معرفة كيفية القيام بما يلي:
• تقوم بإنشاء مستند على القرص الصلب الخاص بك.
• قم بإنشاء مجلد داخل مجلد آخر.
• كيفية نسخ جزء من مستند ووضعه في مستند آخر.

• تحتاج إلى التدرب على استخدام وظائف القص والنسخ واللصق في برامج Word القياسية ، بمجرد الانتهاء من ذلك ، يمكنك تعلم HTML و JavaScript.

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

ما هي لغة HTML؟

• هذه لغة برمجة ، أو HTML باختصار ، هي اللغة المسؤولة عن تصميم صفحة html جاهزة ، على سبيل المثال ، يمكنك تحديد العناوين والفقرات والنصوص والصور على الويب بتنسيق HTML ، وسنرى المزيد حول هذه اللغة ووظائفها في إنشاء مواقع الويب ، حيث يمكننا إنشاء مواقع ويب معقدة للغاية باستخدام HTML فقط وبقليل من اللغات الأخرى ، ومع ذلك ، ستكون هذه المواقع ثابتة ، مما يعني أنه يمكن لزوار الموقع تصفح الصفحات ، لكن لا يمكنهم التفاعل معها ( ما لم ينقروا على الروابط الموجودة في الصفحات).
• ولكن لبرمجة موقع ويب تفاعلي يمكن الوصول إليه ، سنحتاج إلى استخدام لغات برمجة أخرى ، مثل JavaScript أو Dart.
• يمكننا تطوير العديد من التطبيقات الكاملة عبر الإنترنت ، على سبيل المثال التطبيقات التي ترغب في تنفيذ حسابات مختلفة وتطبيقات ألعاب وتطبيقات دردشة وما إلى ذلك ، ويمكن تشغيل هذه التطبيقات على متصفحك.
• هناك لغات وتقنيات برمجة أخرى ، مثل PHP و Ruby و .NET ، تسمح بإنشاء تطبيقات ويب تفاعلية ، ولكن هذه التطبيقات تعمل ضمن موفر مستضاف (على الخادم).

ما تحتاجه لإنشاء صفحة ويب

نحتاج إلى شيئين مهمين للغاية من أجل الدخول إلى عالم البرمجة وإنشاء صفحة ويب ، وكل هذا من أجل تصميم صفحة html جاهزة ، حيث تحتاج:

محرر

• يتم استخدامه فقط في محرر نصوص عادي (مثل Notepad في Windows) ولكن من الأفضل استخدام محرر متميز ، مما يجعل عملنا أسهل بكثير.
• أوصي باستخدام محرر نصوص حديث مخصص لتحرير HTMLK ومحرر وسائط ، ومحرر النصوص الذي أوصي به حاليًا هو Brackets (متاح مجانًا من Adobe).
• ولكن يمكنك استخدام أي محرر تريده ، فهناك محرر نصوص جيد الجودة يمكنك استخدامه ، وهو Atom ، ومحرر نصوص آخر ، وإن كان قديمًا بعض الشيء ، فهو برنامج Notepad ++ جيد.

المتصفح

• يجب أن يكون موقعنا الإلكتروني متاحًا في جميع المتصفحات الرئيسية. ومع ذلك ، أوصي باستخدام متصفح Chrome للتطوير والبرمجة ، لأن Chrome يوفر أدوات مفيدة جدًا لمطوري مواقع الويب ، والتي يتم استخدامها بشكل متكرر ، وهي محرر قوس متوافق مع Chrome ، بحيث تكون تغييرات النص معروضة مباشرة في Chrome (من خلال ميزة تسمى “Live Reload”).

خطوات تصميم صفحة الويب

لنبدأ الآن بتصميم صفحة ويب بلغة html جاهزة للموقع ، كل ما عليك فعله هو خطوات إنشاء الموقع وهي كالتالي:

• قم بإنشاء مجلد للمشروع ، ويجب عليك تسمية مجلد الحافظة.
• افتح برنامج الدعم.
• من قائمة “ملف” ، اختر الأمر “فتح مجلد” لتحديد المجلد الذي أنشأته للتو وفتحه.
• انقر بزر الماوس الأيمن على اسم المجلد وحدد ملفًا جديدًا لإنشاء ملف جديد ، وقم بتسميته html.
• لديك الآن ملف نصي فارغ باسم html.

لماذا يسمى index.html

• في الواقع ، ملف html له معنى خاص في عملية تصميم صفحة ويب ، لذلك عندما نطلب من المتصفح عنوان URL (مثل الفهرس. إنها الصفحة الرئيسية.

ميزات خاصة بـ HTML

• تحدد السمات المعلومات الخاصة لعنصر HTML وتلعب دورًا في تصميم صفحة الويب الجاهزة لـ HTML. توجد هذه السمات في العلامة المفتوحة لعنصر HTML ولها دائمًا اسم وقيمة.
• كمثال على السمات ، دعنا نلقي نظرة على عنصر ارتباط HTML. ربما يكون هذا أحد العناصر الأكثر أهمية.

معلومات HTML

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

• إذا كنت دائما هناك في السطر الأول ، يخبر المتصفح بنوع المستند.
• أيضًا،يشير إلى بداية المستند ، ويشير إلى نهاية المستند.
• العنصر(بين علامتي الفتح والإغلاق) يشير إلى معلومات أخرى حول الصفحة.
• بعد ذلك ، نرى ملف