تصميم صفحة ويب بلغة 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 ، ومن معلوماتها أو ميزاتها يجب أن تكون على دراية وتعرف ما تعبر عنه:

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

خليل امين

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى