تصميم صفحة ويب بلغة html جاهزة بسهولة
قد يبدأ بعض الأشخاص أو يفكرون في فكرة إنشاء صفحة أو تصميم صفحة ويب بلغة html ، لكن الأمر ليس بهذه السهولة ، فهو يتطلب معرفة شاملة بلغة تصميم الصفحة لإكمال مهام تصميم الصفحة وهناك بعض الخطوات التي تحتاج إلى اتخاذها. سنتعلم المزيد عنها في المقالة لتحقيق التصميم المطلوب وما تحتاج إلى معرفته قبل البدء في إنشاء صفحة.
قبل تصميم صفحة ويب HTML جاهزة للمبتدئين ، من المهم جدًا أن تكون على دراية بجميع محتوى Windows ، حيث أن المعرفة العملية لـ Windows تسهل تعلم استخدام HTML و JavaScript ، لذلك يجب أن تكون على دراية بما يلي:
- تعرف على كيفية إنشاء مجلد وتخزينه واستخدام المستعرض ومستكشف Windows ومعرفة Word الأساسية.
- تأكد من معرفة كيفية:
- قم بإنشاء مستند على القرص الصلب الخاص بك.
- قم بإنشاء مجلد داخل مجلد آخر.
- كيفية نسخ جزء من مستند ووضعه في مستند آخر.
- ستحتاج إلى التدرب على استخدام وظائف القص والنسخ واللصق في برامج Word العادية ، بمجرد الانتهاء من ذلك ، يمكنك تعلم HTML و JavaScript.
إذا كنت تواجه مشكلة في أداء هذه المهام ، فاستغرق بضع ساعات لتعلم أساسيات Windows ، أو اطلب من صديق أو زميل على الكمبيوتر مساعدتك في تعلم كيفية استخدام Windows Explorer.
أيضًا ، يمكنك الآن معرفة كيفية تحقيق الربح من تطبيق Android دون الحاجة إلى تعلم البرمجة من خلال مقال: كيفية إنشاء تطبيق Android والاستفادة منه دون تعلم البرمجة.
ما هو HTML؟
- لغة البرمجة ، أو HTML باختصار ، هي اللغة المسؤولة عن تصميم صفحة ويب بلغة جاهزة بتنسيق html ، على سبيل المثال يمكنك تحديد العناوين والفقرات والنصوص والصور على الويب بتنسيق HTML وسنخبر المزيد عن هذه اللغة ووظائفها في إنشاء مواقع الويب ، حيث يمكننا إنشاء مواقع ويب معقدة للغاية. . باستخدام HTML فقط وبعض اللغات الأخرى ، ستكون هذه المواقع ثابتة ، مما يعني أنه يمكن لزوار الموقع تصفح الصفحات ولكن لا يمكنهم إضافة أي تفاعلات معهم (ما لم ينقروا على الروابط الموجودة على الصفحات).
- ولكن من أجل برمجة موقع ويب تفاعلي يسهل الوصول إليه ، سنحتاج إلى لغات برمجة أخرى مثل JavaScript أو Dart التي تستخدمها.
- يدعم العديد من الحسابات وتطبيقات الألعاب وتطبيقات الدردشة وما إلى ذلك. يمكننا تطوير العديد من التطبيقات الكاملة عبر الإنترنت ، مثل التطبيقات المهتمة بالتنفيذ ، ويمكن تشغيل هذه التطبيقات بالفعل في متصفحك.
- هناك لغات وتقنيات برمجة أخرى تسمح لك بإنشاء تطبيقات ويب يمكنها التفاعل معها ، مثل PHP و Ruby و NET ، لكن هذه التطبيقات تعمل على موفر مستضاف (خادم).
ماذا تحتاج لإنشاء صفحة ويب
لدخول عالم البرمجة وإنشاء صفحة ويب ، نحتاج إلى شيئين مهمين للغاية وكل ذلك لتصميم صفحة ويب جاهزة بلغة html حيث تحتاجها:
محرر
- يتم استخدامه فقط في محرر نص عادي (مثل Notepad في Windows) ، ولكن من الأفضل استخدام محرر من الدرجة الأولى ، مما يجعل عملنا أسهل كثيرًا.
- أوصي باستخدام محرر نصوص حديث مخصص لمحرري HTML والوسائط ، ومحرر النصوص الذي أوصي به حاليًا هو Brackets (متاح مجانًا من Adobe).
- ولكن يمكنك استخدام أي محرر تريده ، فهناك محرر نصوص عالي الجودة يمكنك استخدامه: Atom ومحرر نصوص آخر ، وهو برنامج notepad ++ جيد رغم أنه قديم بعض الشيء.
الماسح الضوئي
- يجب أن يكون موقعنا الإلكتروني متاحًا في جميع المتصفحات الرئيسية ، لكني أوصي باستخدام متصفح Chrome للتطوير والبرمجة ، حيث أنه يوفر أدوات مفيدة جدًا غالبًا ما يستخدمها مطورو الويب Chrome ، ومحرر القوس متوافق مع Chrome ، لذلك سيتم عرض أي تغييرات يتم إجراؤها على النص مباشرة فيه. Chrome (عبر ميزة تسمى “Live Reload”).
خطوات تصميم صفحة ويب
لنبدأ الآن في تصميم صفحة ويب بلغة html جاهزة للموقع. كل ما عليك فعله هو اتخاذ الخطوات التالية لإنشاء الموقع:
- إنشاء مجلد للمشروع ، يجب تسمية المجلد باسم المجلد.
- افتح برنامج الدعم.
- من قائمة “ملف” ، اختر الأمر فتح مجلد لتحديد وفتح آخر مجلد تم إنشاؤه.
- انقر بزر الماوس الأيمن على اسم المجلد واختر “ملف جديد” لإنشاء ملف جديد ، وقم بتسميته html.
- لديك الآن ملف نصي فارغ باسم html.
لماذا يسمى index.html
- في الواقع ، ملف html له معنى خاص في عملية تصميم صفحة ويب ، لذلك عندما نطلب عنوان موقع الويب من المتصفح (مثل http://code.makery.ch) ، سيظهر ملف index.html تلقائيًا أولاً ، وبالتالي يعزز مظهره. لهذا السبب نحتاج إلى إدخال http://code.makery.ch/index.html. بالنسبة لنا ، ستكون index.html هي الصفحة الرئيسية.
ميزات محددة لـ Html
- تحدد السمات المعلومات الخاصة بعنصر HTML وتلعب دورًا في تصميم صفحة ويب HTML جاهزة. توجد هذه السمات في علامة فتح عنصر HTML ولها دائمًا اسم وقيمة.
- كمثال على السمات ، دعنا ننظر إلى عنصر ارتباط HTML. ربما يكون هذا أحد أهم العناصر وهذا المثال (يحتوي على عنصر ارتباط HTML) تحتوي السمة (اختصار لـ Hypertext Origin) على القيمة في هذا المثال لأنها تحتوي على اسم وقيمة كما قلنا.
يمكنك أيضًا معرفة كيفية تحديث Windows 10 عبر الإعدادات أو أداة إنشاء الوسائط عبر هذه المقالة: تحديث Windows 10 بالإعدادات أو أداة إنشاء الوسائط
معلومات HTML
هذه اللغة هي اللغة المستخدمة عند تصميم صفحة ويب HTML جاهزة ويجب أن تكون على دراية بمعلوماتها أو ميزاتها وما تعنيه:
- إذا كنت دائما تضع
في السطر الأول ، يخبر المتصفح بنوع المستند. - كما يظهر يظهر بداية المستند حتى نهاية الوثيقة.
- يشير إلى المكون (بين علامتي الفتح والإغلاق) يشير إلى أن هناك معلومات أخرى حول الصفحة.
- انظر بعد ذلك
احتواء ودلالة على عنوان المستند الذي سيتم عرضه في شريط العنوان في نافذة المتصفح. - سيظهر المحتوى الموجود أسفل التسمية في نافذة المتصفح الرئيسية.
- يحدد العنصر
العنوان الرئيسي الذي سيتم عرضه للمستخدم على صفحة الويب ، يمكنك استخدام عناصر أخرى لإنشاء توقيع.
- النص بين العلامات
و
فقرة منفصلة تمثل عنصرًا.
لزيادة المعلومات حول الخطوات المطلوبة لإجراء بحث جامعي قصير مع المراجع ، يقترح الموقع:
أخيرًا ، بمجرد معرفة معظم لغة HTML المستخدمة عند تصميم صفحة ويب HTML جاهزة ، يمكنك الآن تصميم الصفحة التي تريدها.