تصميم صفحة ويب بلغة 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 ، ومن معلوماتها أو ميزاتها يجب أن تكون على دراية وتعرف ما تعبر عنه:
- إذا كنت دائما هناك في السطر الأول ، يخبر المتصفح بنوع المستند.
- أيضًا،يشير إلى بداية المستند ، ويشير إلى نهاية المستند.
- العنصر(بين علامتي الفتح والإغلاق) يشير إلى معلومات أخرى حول الصفحة.
- بعد ذلك ، نرى ملف