Вэб хуудас хэрхэн үүсгэх

Агуулгын хүснэгт:

Вэб хуудас хэрхэн үүсгэх
Вэб хуудас хэрхэн үүсгэх

Видео: Вэб хуудас хэрхэн үүсгэх

Видео: Вэб хуудас хэрхэн үүсгэх
Видео: Вэб дизайн хичээл Part 1 2024, Арваннэгдүгээр
Anonim

Бидний хүн нэг бүр сансар огторгуйд нэвтэрсэн мэт онлайнаар холбогддог - эхлээд "яаж байна?", Дараа нь байгаа бүх зүйлийг шалгаж үзэхийг хүсч, дараа нь өөрийн гэсэн зүйлээ үлдээхийг хүсдэг. зүгээр л "ханан дээрх граффити", гэхдээ илүү чухал зүйл. Та энгийн вэб хуудас үүсгэхээс эхэлж болно - алхам алхмаар гарын авлага энд байна.

Вэб хуудас хэрхэн үүсгэх
Вэб хуудас хэрхэн үүсгэх

Энэ нь зайлшгүй шаардлагатай

Текст засварлагч

Зааварчилгаа

1-р алхам

Сайтын зочин вэб хуудсан дээрээс харсан бүх зүйлийг серверээс түүний хүсэлтээр илгээсэн зааврын дагуу хөтөч дахин үүсгэдэг. Эдгээр зааврыг HTML (HyperText Markup Language) дээр бичсэн бөгөөд htm болон html өргөтгөлүүд нь хадгалагдаж буй файлууддаа зориулж тодруулсан болно. Та ердийн текст засварлагч дээр ийм файл үүсгэж болно - энэ нь вэб хуудас үүсгэх эхний алхам болно. Жишээлбэл, стандарт Notepad-ийг нээгээд index.html нэртэй хоосон файл үүсгээрэй. Тодорхой хуудсыг заахгүйгээр вэбсайтын хаягийг бичихдээ (жишээлбэл, серверийн хамгийн түрүүнд хайж буй зүйл бол яг энэ нэртэй индекс гэсэн хуудас юм.

Алхам 2

HTML зааврыг "шошго" гэж нэрлэдэг бөгөөд тус бүрийг ийм хаалтанд оруулсан болно. Зарим шошгыг хослуулсан, өөрөөр хэлбэл нээх ба хаах шошгоос бүрдэх ба тэдгээрийн хооронд мэдээллийг байрлуулна. Жишээлбэл, хөтөч нь кодыг доор нь HTML дээр байгааг мэдэх боломжийг олгосон шошгыг дараах байдлаар бичнэ: HTML код энэ үед дууссан гэсэн хаалтын шошгыг дараах байдлаар бичнэ: Таны харж байгаагаар хаалтын шошго өөр байна. нээх хаалт (</) -ын дараа налуу зураастай байхаас нээх хаягаас.

Алхам 3

Болон шошгоны хооронд тавьсан бүх кодыг хоёр хэсэг болгон хуваах ёстой - баримт бичгийн толгой ба хэсэг. Гарчгийн хэсгийн нээх ба хаах шошгыг дараах байдлаар бичнэ: Энэ бол хуудасны "үйлчилгээ" хэсэг юм - цонхны гарчиг, хайлтын роботын түлхүүр үг, тайлбар, хэв маягийн тодорхойлолт, скрипт гэх мэт мэдээллийг энд байрлуулсан болно. Хуудасны цонхны гарчгийг оруулна уу: Энэ бол гарчиг! Таны html хуудасны бүтэн текст дараах байдалтай байна:

Энэ гарчиг байна!

Алхам 4

Гарчгийн дараа та баримт бичгийн үндсэн зааврыг хавсаргасан хаягуудыг байрлуулах хэрэгтэй: Хоорондоо хооронд нь текстийн догол мөрийг харуулсан хаягийг оруулна уу:

Энд бүхэл бүтэн догол мөр байна!

Бүх HTML шошгуудыг хослуулдаггүй. Тэдгээрийн заримын хувьд танд хэрэгтэй бүх зүйлийг нээлтийн шошгоны дотор байрлуулсан болно. Эдгээр хаягууд хаалтын хаалтнаас өмнө хаалтын ташуу зураастай байна. Жишээлбэл, мөрийн төгсгөлийн шошго ба "сүйх тэрэг буцах"

:

Догол мөрийн эхний мөр.

Догол мөрийн хоёр дахь мөр.

Энэ бүхэн нь хөтөч таны хуудсыг хэвийн байдлаар харуулахад хангалттай юм. Бүх угсарсан HTML код дараах байдалтай байх ёстой.

Энэ гарчиг байна!

Догол мөрийн эхний мөр.

Догол мөрийн хоёр дахь мөр.

Энэ нь энгийн хуудас үүсгэж дуусгах болно. Баримтыг хадгалсны дараа (index.html) та хөтөч дээр нээгээд хуудсаа харах боломжтой.

Зөвлөмж болгож буй: