كل يوم ، نصل إلى مواقع مختلفة. ومع ذلك ، في بعض الأحيان نتساءل ، هل من الصعب إنشاء موقع الويب الخاص بك؟ في هذه المقالة ، سيتم إرشادك لإنشاء صفحة ويب HTML بسيطة باستخدام Notepad.
خطوة
الطريقة 1 من 1: إنشاء صفحة الويب الخاصة بك
الخطوة 1. افتح برنامج "المفكرة"
يعد محرر النصوص هذا برنامجًا مدمجًا متاحًا على كل كمبيوتر يعمل بنظام Windows ، ويمكن العثور عليه في قائمة "ابدأ". بعد فتح برنامج المفكرة ، انقر فوق ملف> حفظ باسم ، ثم حدد كل الملفات في عمود نوع الملف. احفظ الملف الذي تم إنشاؤه بتنسيق HTML. بشكل عام ، الصفحة الرئيسية للموقع لها اسم الملف "index.html" ، وتحتوي على روابط لجميع الصفحات على الموقع.
الخطوة 2. فهم HTML
العلامة (العلامة) في HTML (لغة ترميز النص التشعبي) بتنسيق.
تعمل هذه العلامات على بناء موقع الويب الخاص بك. لإنهاء تعليمات HTML البرمجية ، استخدم علامة نهاية ، مثل علامة الإغلاق مفيدة لإغلاق علامات متنوعة ، مثل غامق أو علامات الفقرة.
الخطوة 3. ابدأ صفحة الويب الخاصة بك عن طريق إدراج علامة في أعلى الملف
الخطوة 4. استخدم العلامات لإدخال معلومات مختلفة
تُعد العلامات مفيدة لتعيين عنوان الصفحة ، بينما تُستخدم العلامات (الاختيارية) لإدخال شرح لمحتويات صفحة الويب. ستتم قراءة العلامة بعد ذلك بواسطة محركات البحث ، مثل Google.
الخطوة 5. بعد إدخال العلامة ، قم بتسمية الصفحة بالعلامة ، على سبيل المثال wikiHow HTML
الخطوة 6. قم بإنهاء رأس الموقع باستخدام العلامة
الخطوة 7. استخدم العلامات لإدخال محتوى الصفحة
ضع في اعتبارك أن المتصفحات لا تدعم كل الألوان. على سبيل المثال ، قد لا يتم دعم اللون الرمادي الداكن.
الخطوة 8. اكتب محتويات صفحة الويب بين ملف
على سبيل المثال ، ابدأ بإنشاء رأس موقع. رأس الموقع هو جزء من الموقع بأحرف كبيرة ومميز بعلامة
حتى
. لافتة
يمكنك استخدامه لإنشاء رأس موقع بأكبر حجم للخط. حاول استخدام العلامة الموجودة أسفل العلامة مباشرة ، مثل
مرحبا بكم في موقعي
. تأكد من إغلاق اللافتة
في نهاية الجملة.
الخطوة 9. قم بإنشاء فقرة على الصفحة بالعلامة
على سبيل المثال ، اكتب
اختبار الفقرة!
لإنشاء خط جديد ، استخدم العلامة
، أو فواصل.
الخطوة العاشرة: أنت بالتأكيد لا تريد أن تحتوي صفحة الويب التي تقوم بإنشائها على نص عادي فقط
استخدم العلامات التالية لتنسيق النص على صفحات الويب: إلى النص الغامق ، وجعل النص مائلًا ، وتسطيره. بعد استخدام اللافتة أعلاه ، لا تنسى إغلاقها!
الخطوة 11. إضافة صورة مع علامة
لتجميل الموقع واضافة معلومات لايمكن شرحها بصيغة نصية.
لافتة
تتطلب معلومات معينة لتعمل. الصيغة الكاملة للعلامة
قد يتشكل على النحو التالي:.
تعمل المعلمة src في العلامة على كتابة اسم ملف الصورة ، ووظيفة العرض والارتفاع لوصف الطول والعرض.
الخطوة 12. قم بإنشاء ارتباط يؤدي إلى صفحة أخرى بها ، على سبيل المثال صفحة أخرى
النص الموجود في منتصف العلامة هو النص الذي سيظهر على الصفحة ، بينما تحتوي المعلمة href على الصفحة الوجهة. باستخدام الروابط ، يمكن للزوار الانتقال إلى صفحات مختلفة على موقعك بسهولة.
الخطوة 13. عند الانتهاء من ملء الموقع ، قم بإنهاء الصفحة بإغلاق ملف
أخيرًا ، أغلق كود HTML بامتداد
الخطوة 14. احفظ صفحة الويب التي تم إنشاؤها بامتداد.html ، وافتحها في متصفحك المفضل لاختبارها
الخطوة 15. اقرأ الدليل التالي لتحميل موقعك على الإنترنت
نصائح
- على الإنترنت ، هناك العديد من المواقع التي تحتوي على أدلة لإنشاء موقع على شبكة الإنترنت. W3school هو موقع واحد يحتوي على مواد جيدة.
- تأكد من إغلاق كل علامة في ملف HTML.
- ضع علامة في السطر الأول من الملف ، قبل ملف. تشير هذه العلامة إلى أن الملف الذي تقوم بإنشائه هو ملف HTML5.
- قم بتغيير الخط بعلامات قبل وبعد. استبدل الحرف "N" بالمحرف الذي تريده ، على سبيل المثال "Verdana".
- إذا كنت بحاجة إلى استخدام أقواس زاوية ، فاستخدم الكود. وفي الوقت نفسه ، لاستخدام العلامة & ، استخدم الرمز &.
- وفقًا لبرامج HTML التعليمية ، يجب عليك دائمًا تسمية ملفات ومجلدات الويب بأحرف صغيرة ، بدون مسافات وعلامات ترقيم. بينما يسمح لك Windows بوضع مسافات في أسماء الملفات ، فإن العديد من موفري الاستضافة لا يفعلون ذلك. بالإضافة إلى ذلك ، فإن اسم الملف الأنيق سيسهل عليك إدارة موقعك.
