كل واحد منا يدخل على الإنترنت كما لو كان في الفضاء - أولاً نريد أن نرى "كيف هو؟" ، ثم نريد فحص أكبر قدر ممكن من كل شيء موجود ، ومن ثم هناك رغبة في ترك شيء خاص بنا هناك - لا مجرد "كتابات على الجدران" ، ولكن شيء أكثر جوهرية. يمكنك البدء بإنشاء صفحة ويب بسيطة - إليك دليل تفصيلي خطوة بخطوة.
انه ضروري
محرر النص
تعليمات
الخطوة 1
يتم إعادة إنشاء كل ما يراه زائر الموقع على صفحة الويب بواسطة المتصفح من التعليمات التي يرسلها الخادم بناءً على طلبه. تمت كتابة هذه التعليمات بلغة HTML (لغة ترميز النص التشعبي) ويتم تمييز امتدادات htm و html للملفات التي تم تخزينها بها. يمكنك إنشاء مثل هذا الملف في محرر نصوص عادي - ستكون هذه هي الخطوة الأولى في إنشاء صفحة ويب. افتح برنامج المفكرة القياسي ، على سبيل المثال ، وأنشئ ملفًا فارغًا باسم index.html. عندما تكتب عنوان موقع ويب دون تحديد صفحة معينة (على سبيل المثال ، فإن أول ما يبحث عنه الخادم هو صفحة تحمل هذا الاسم بالضبط - الفهرس.
الخطوة 2
تعليمات HTML تسمى "علامات" ويتم وضع كل منها بين قوسين -. يتم إقران بعض العلامات ، أي أنها تتكون من علامات الفتح والإغلاق ، ويتم وضع المعلومات بينهما. على سبيل المثال ، العلامة التي تسمح للمتصفح بمعرفة أن الكود في HTML أدناه مكتوبة على النحو التالي: العلامة الختامية التي تقول أن كود HTML قد انتهى في هذه المرحلة مكتوبة على النحو التالي: كما ترى ، تختلف علامة الإغلاق من علامة الفتح بوجود الشرطة المائلة بعد قوس الفتح (</).
الخطوه 3
يجب تقسيم جميع التعليمات البرمجية التي تضعها بين العلامات إلى جزأين - رأس ونص المستند. تتم كتابة علامتي الفتح والختام لجزء العنوان على النحو التالي: هذا هو جزء "الخدمة" من الصفحة - يتم وضع المعلومات الخاصة بعنوان النافذة والكلمات الرئيسية والأوصاف لروبوتات البحث وأوصاف الأنماط والبرامج النصية وما إلى ذلك هنا. أدخل عنوان نافذة الصفحة فيه: هذا هو العنوان! يجب أن يبدو النص الكامل لصفحة html الخاصة بك في هذه المرحلة كما يلي:
هذا هو العنوان الرئيسي!
الخطوة 4
بعد جزء العنوان ، تحتاج إلى وضع العلامات التي سيتم إرفاق تعليمات نص المستند بينها: أدخل بينها ، على سبيل المثال ، علامة تعرض فقرة من النص على الصفحة:
هناك فقرة كاملة من المعلومات هنا!
لا يتم إقران كل علامات HTML. بالنسبة للبعض منهم ، يتم وضع كل ما تحتاجه داخل العلامة الافتتاحية. تحتوي هذه العلامات على شرطة مائلة قبل قوس الإغلاق. على سبيل المثال ، علامة نهاية السطر و "حرف إرجاع"
:
السطر الأول من الفقرة.
السطر الثاني من الفقرة.
كل هذا يكفي للمتصفح لعرض صفحتك بشكل طبيعي. يجب أن تبدو كل أكواد html المجمعة كما يلي:
هذا هو العنوان الرئيسي!
السطر الأول من الفقرة.
السطر الثاني من الفقرة.
يكمل هذا إنشاء صفحة بسيطة - بعد حفظ المستند (index.html) ، يمكنك فتحه في متصفح ورؤية صفحتك.