Notepad дээр вэбсайт хэрхэн үүсгэх вэ

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

Notepad дээр вэбсайт хэрхэн үүсгэх вэ
Notepad дээр вэбсайт хэрхэн үүсгэх вэ

Видео: Notepad дээр вэбсайт хэрхэн үүсгэх вэ

Видео: Notepad дээр вэбсайт хэрхэн үүсгэх вэ
Видео: 5 минутанд үнэгүй веб сайттай болох арга 2024, Дөрөвдүгээр сар
Anonim

Хэрэв та вэбсайт бүтээх нь хэцүү гэж бодож байгаа бол та буруу байна. Үүнийг хийхийн тулд уран зохиолын уулсыг судалж, олон мянган тодорхой кодыг цээжлэх шаардлагагүй болно. Хэд хэдэн энгийн алхам хийхэд хангалттай бөгөөд та өөрийн гараар хийсэн анхны вэбсайттай болно. Алхам алхмаар зааврын дагуу хамгийн энгийн вэбсайт үүсгэх замаар үүнийг баталгаажуулахыг танд зөвлөж байна, танд хэдхэн минут болно.

Notepad дээр вэбсайт хэрхэн үүсгэх вэ
Notepad дээр вэбсайт хэрхэн үүсгэх вэ

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

1-р алхам

Десктоп дээрээ текст баримт бичгийг үүсгээрэй: "Эхлэх" - зүйл "Програмууд" - "Дагалдах хэрэгсэл" - "Тэмдэглэлийн дэвтэр".

Алхам 2

Доорх хаягуудыг тэмдэглэлийн дэвтэрт хуулж аваарай.

Алхам 3

Гарчгийн шошгуудад сайтынхаа сэдвийг бичнэ үү, жишээлбэл "Вэбсайт хөгжүүлэх". Энэ нь иймэрхүү харагдах болно: Вэбсайт үүсгэх.

Алхам 4

Сайтын араг яс үүсгэх рүү шилжих. Wireframe-ийг html хүснэгт ашиглан бүтээдэг. Одоо бид дараах хүрээг ашиглана: дээд хэсэгт толгой, доод хэсэгт ижил төстэй тууз, үндсэн хуудсыг хоёр хэсэгт хуваана. Wireframe кодыг дэвтэртээ хуулж ав.

сайтын цэс

Агуулгын талбар

Сайтын толгой
Сайтын хөл

Алхам 5

Нүдний хэмжээг тодорхойлно уу. Бидний зааж өгсөн хэмжээнүүдийг хийж үзээд ямар хэмжээ хэрэгтэйг шийдээрэй. Wireframe кодуудад хэмжээсийг оруулна уу (эдгээр нь өндөр - өндөр ба өргөн - өргөн гэсэн параметрүүд юм).

Алхам 6

Сайтын толгой, дэвсгэр, хөлийн зургийг сонгоод шаардлагатай шошгонд оруулна уу. Зургуудыг таг ашиглан оруулсан болно

… Одоо "Slide Header", "Site Footer" гэсэн хаягууд алга болох ёстой.

Алхам 7

Оруулсан бүх зургийг хооронд нь холбоно уу. Үүнийг хийхийн тулд шошгон дээр

үндсэн хүснэгтэд толгой ба сайтын гол зай хоорондын зайг оруулна уу. Үүнийг хийхийн тулд тохируулгын параметрийг наалдуулж, иймэрхүү харагдах ёстой

Алхам 9

Сайтын эхний хуудсыг index.html кодын дор хадгал. Сайтын эхний хуудсыг дахин хадгалаарай, гэхдээ өөр кодын дор: page2.html.

Алхам 10

Хоёрдахь хуудсыг засах, тэнд байгаа сайтын холбоосуудтай гэж үзье. Холбоосын хаягийг шошгуудад оруулна уу.

Алхам 11

Код нь аль хуудас нь үндсэн хуудас, аль хуудас нь холбогдсон байгааг тэмдэглэхээ мартуузай. Энэ нь хуудсыг хооронд нь холбоход тусална. Энэ нь иймэрхүү харагдах ёстой

Үндсэн, Холбоосууд.

Алхам 12

Шошго нэмэхээ бүү мартаарай, тэд өөр шугам руу шилжихэд шаардлагатай болно.

Таны анхны хоёр хуудас вэбсайт бэлэн боллоо!

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