Вэбсайтад зориулсан хуудсыг хэрхэн яаж үүсгэх вэ: 8 алхам (зурагтай)

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

Вэбсайтад зориулсан хуудсыг хэрхэн яаж үүсгэх вэ: 8 алхам (зурагтай)
Вэбсайтад зориулсан хуудсыг хэрхэн яаж үүсгэх вэ: 8 алхам (зурагтай)

Видео: Вэбсайтад зориулсан хуудсыг хэрхэн яаж үүсгэх вэ: 8 алхам (зурагтай)

Видео: Вэбсайтад зориулсан хуудсыг хэрхэн яаж үүсгэх вэ: 8 алхам (зурагтай)
Видео: Учебник GetResponse: полное пошаговое руководство по электр... 2024, May
Anonim

Тиймээс та вэб хуудсан дээрээ шуугиан тарьсан хуудас оруулахыг хүсч байна уу? Splash хуудас нь таны вэбсайтыг брэнд болгох гайхалтай арга юм. Энэхүү хэрхэн яаж хийх вэ гэдэг нь танд HTML болон CSS-ийг сайн мэддэг гэж үздэг бөгөөд хэрэв та зарим үндсэн JavaScript-ийг мэддэг бол энэ нь туслах болно.

Алхам

Вэбсайтад зориулсан хуудас үүсгэх. Алхам 1
Вэбсайтад зориулсан хуудас үүсгэх. Алхам 1

Алхам 1. Өөрийн тойм хуудсыг үүсгэнэ үү

Та ашиглаж болно гадаад CSS (каскадын загварын хуудас), гэхдээ энэ жишээнд бид an -ийг ашиглах гэж байна дотоод загварын хуудас. Тиймээс та үндсэн тэмдэглэгээнүүдээсээ эхлэх хэрэгтэй.

Тавтай морилно уу!

Вэбсайтад зориулж Splash хуудас үүсгэх 2 -р алхам
Вэбсайтад зориулж Splash хуудас үүсгэх 2 -р алхам

Алхам 2. Энэ хэсэгт CSS болон гарчгийн мэдээллийг бөглөнө үү

Та өөрийн хэрэгцээнд нийцүүлэн утгыг өөрчлөх шаардлагатай болох нь тодорхой байна.

Тавтай морилно уу!

биеийн {дэвсгэр өнгө: #DCDCDC}

Оруулаагүй …

Тэмдэглэл:

Та фонтуудад CSS шинж чанар нэмж оруулахыг хүсч магадгүй юм.

Вэбсайтад зориулсан хуудас үүсгэх 3 -р алхам
Вэбсайтад зориулсан хуудас үүсгэх 3 -р алхам

Алхам 3. Нүүр хуудас руу шилжих скриптийг нэмнэ үү

Энэ хэсэг нь заавал байх ёстой бөгөөд хэрэв та үүнийг автоматаар үргэлжлүүлэхийг хүсэхгүй байгаа бол үүнийг орхиж болно.

Оруулаагүй …

window.onload = timeout;

функцийн хугацаа дуусах () {

window.setTimeout ("дахин чиглүүлэх ()", 5000)}

чиг үүргийг дахин чиглүүлэх () {

window.location = "Home.htm"

буцах}

Оруулаагүй …

Оруулаагүй …

Тэмдэглэл:

Дугаар 5000 гэсэн үг

Алхам 5. секунд. Үүнийг богино эсвэл урт хугацаагаар өөрчлөх. Дахин чиглүүлэх файлын нэрийг нүүр хуудасныхаа нэрээр солино уу.

Вэбсайтад зориулсан хуудас үүсгэх 4 -р алхам
Вэбсайтад зориулсан хуудас үүсгэх 4 -р алхам

Алхам 4. Гарчиг нэмнэ үү

Энэ нь магадгүй таны вэбсайтын нэр байх ёстой бөгөөд хайлтын системийг олоход хялбар болгохын тулд та үүнийг оруулах ёстой.

Вэбсайтад зориулсан хуудас үүсгэх 5 -р алхам
Вэбсайтад зориулсан хуудас үүсгэх 5 -р алхам

Алхам 5. Зураг нэмнэ үү

Энэ нь таны сайт юу болохыг харуулах ёстой. Дахин хэлэхэд та үүнийг ашиглаж болно

Image
Image

шошго.

Оруулаагүй …

Тэмдэглэл:

Энэ алхам нь та гарчигтай зургийг ижил фолдерт хадгалсан гэж үзнэ .htm файл бөгөөд үүнийг нэрлэсэн болно "splashimage.jpg". Хэрэв та дүрсийг дэлгэц гэх мэт өөр газар, жишээлбэл төв хэсэгт байрлуулахыг хүсч байвал CSS байршлыг нэмж болно.

Алхам 6. Товчлуур нэмнэ үү

Энэ товчлуур нь зочдод нүүр хуудас руу хурдан орох арга зам байх болно. Тэд үүнийг дарахад тэд шууд нүүр хуудас руу шилжинэ. Нэмж хэлэхэд та нүүр хуудасны холбоосыг өгөх боломжтой.

Оруулаагүй …

Тэмдэглэл:

Та үүнийг өөрчилж болно "үнэ цэнэ" товчлуур дээр гарч буй текстийг өөрчлөх элемент.

Вэбсайтад зориулсан хуудас үүсгэх 7 -р алхам
Вэбсайтад зориулсан хуудас үүсгэх 7 -р алхам

Алхам 7. Зарим текст нэмнэ үү

Энэ нь таны дуртай зүйл байж болно. Ерөнхийдөө энэ бол "зочилсонд баярлалаа" гэсэн мэндчилгээ, эсвэл "бүтээсэн …" мэндчилгээ юм.

Оруулаагүй …

Хүрэлцэн ирсэнд баярлалаа!

Тэмдэглэл:

Энд та текст бичихдээ CSS ашиглаж болно. Та гарчиг ашиглаж болно (

) Хэрэв та хүсвэл оронд нь.

Вэбсайтад зориулсан хуудас үүсгэх 8 -р алхам
Вэбсайтад зориулсан хуудас үүсгэх 8 -р алхам

Алхам 8. Одоо танд ажлын хуудас байна

Одоо үүнийг CSS ашиглан гоё болгож, шууд дамжуулах цаг боллоо!

Видео - Энэ үйлчилгээг ашигласнаар зарим мэдээллийг YouTube -тэй хуваалцаж болно

Зөвлөмж

  • Хүссэн хэмжээгээрээ контент нэмж оруулаарай, гэхдээ үүнийг хэт завгүй болгож болохгүй.
  • Хэрэв та хүсвэл дуу, видео нэмж болно, гэхдээ энэ нь зарим хүмүүст ачаалал өгөх хугацааг ихэсгэх болно.
  • Хэрэв та HTML эсвэл CSS -ийн талаар сайн мэдэхгүй байгаа бол энэ үйл явцыг хөнгөвчлөхийн тулд Blogger шиг хөтөч засварлагч ашиглаж болно.

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