Веб -сайт үчүн Splash баракчасын кантип түзүү керек: 8 кадам (сүрөттөр менен)

Мазмуну:

Веб -сайт үчүн Splash баракчасын кантип түзүү керек: 8 кадам (сүрөттөр менен)
Веб -сайт үчүн Splash баракчасын кантип түзүү керек: 8 кадам (сүрөттөр менен)

Video: Веб -сайт үчүн Splash баракчасын кантип түзүү керек: 8 кадам (сүрөттөр менен)

Video: Веб -сайт үчүн Splash баракчасын кантип түзүү керек: 8 кадам (сүрөттөр менен)
Video: АЯЛДЫ КАНТИП КАНДЫРЫШ КЕРЕК КӨРГҮЛӨ! 2024, Апрель
Anonim

Демек, сиз веб -баракчаңызга чачыратуучу баракча салгыңыз келеби? Splash баракчалары веб -сайтыңызды брендингдин эң сонун жолу. Бул How-To сиз HTML жана CSSти бир аз билесиз деп ойлойсуз жана эгер сиз кээ бир негизги JavaScriptти билсеңиз жардам бериши мүмкүн.

Кадамдар

Вебсайт үчүн Splash Page түзүү 1 -кадам
Вебсайт үчүн Splash Page түзүү 1 -кадам

Кадам 1. Сиздин контур баракчаңызды түзүңүз

Сиз колдоно аласыз тышкы CSS (каскаддык стилдер жадыбалы), бирок бул мисалда биз ички стили барагы. Ошентип, сиз негизги тегдерден башташыңыз керек:

Кош келдиңиз!

Вебсайт үчүн Splash Page түзүү 2 -кадам
Вебсайт үчүн Splash Page түзүү 2 -кадам

Кадам 2. Бөлүмдө CSSти жана титулдук маалыматты толтуруңуз

Сиз, албетте, керектөөлөрүңүзгө ылайык баалуулуктарды өзгөртүшүңүз керек болот:

Кош келдиңиз!

дене {background-color: #DCDCDC}

Өткөрүлгөн…

Эскертүү:

Сиз шрифттер үчүн CSS касиетин кошууну каалашыңыз мүмкүн.

Вебсайт үчүн Splash Page түзүү 3 -кадам
Вебсайт үчүн Splash Page түзүү 3 -кадам

Кадам 3. Үй баракчасына өтүү үчүн скриптти кошуңуз

Бул бөлүм милдеттүү эмес, эгер сиз аны автоматтык түрдө жылдырууну каалабасаңыз, жөн эле өткөрүп жибере аласыз.

Өткөрүлгөн…

window.onload = timeout;

функциянын күтүү убактысы () {

window.setTimeout ("багыттоо ()", 5000)}

кайра багыттоо функциясы () {

window.location = "Home.htm"

кайтуу}

Өткөрүлгөн…

Өткөрүлгөн…

Эскертүүлөр:

Саны 5000 билдирет

5 -кадам. секунд. Муну кыска же узак убакытка өзгөртүңүз. Багыттоо файлынын атын үй баракчаңыздын атына өзгөртүңүз.

Вебсайт үчүн Splash Page түзүү 4 -кадам
Вебсайт үчүн Splash Page түзүү 4 -кадам

Кадам 4. Аталышын кошуу

Бул, кыязы, веб -сайтыңыздын аталышы болушу керек жана аны издөө системаларына оңой табуу үчүн аны интегировать кылуу керек.

Вебсайт үчүн Splash Page түзүү 5 -кадам
Вебсайт үчүн Splash Page түзүү 5 -кадам

Кадам 5. Сүрөт кошуу

Бул сиздин сайт эмне жөнүндө экенин көрсөтүшү керек. Кайра сиз колдоно аласыз

Image
Image

тег.

Өткөрүлгөн…

Эскертүүлөр:

Бул кадам сиз титулдук сүрөттү ошол эле папкага сактап койгонуңузду билдирет .htm файл жана анын аталышы "splashimage.jpg". Сиз CSS позициясын кошо аласыз, эгер сиз сүрөттү экранда, мисалы борбордо, башка жерде болууну кааласаңыз.

Кадам 6. Баскычты кошуу

Бул баскыч келгендерге башкы бетке тезирээк жетүүнүн жолу болот. Аны басканда, алар дароо башкы бетке өтүшөт. Же жөн эле башкы бетке шилтеме берсеңиз болот.

Өткөрүлгөн…

Эскертүү:

Сиз өзгөртө аласыз "баалуулук" баскычта көрсөтүлгөн текстти өзгөртүү үчүн элемент.

Вебсайт үчүн Splash Page түзүү 7 -кадам
Вебсайт үчүн Splash Page түзүү 7 -кадам

Step 7. Кээ бир текстти кошуу

Бул сизге жаккан нерсе болушу мүмкүн. Жалпысынан бул "Келгениңиз үчүн Рахмат" саламдашуу түрү же "Автору …" бири.

Өткөрүлгөн…

Зыярат үчүн рахмат!

Эскертүүлөр:

Бул жерде сиз CSSти текст үчүн колдонсоңуз болот. Сиз аталышты колдонсоңуз болот (

) ордуна кааласаңыз.

Вебсайт үчүн Splash баракчасын түзүңүз 8 -кадам
Вебсайт үчүн Splash баракчасын түзүңүз 8 -кадам

Кадам 8. Эми сизде иштөөчү баракча бар

Эми CSSтин жардамы менен аны кооздоп, түз эфирге чыгарууга убакыт келди!

Видео - Бул кызматты колдонуу менен, кээ бир маалыматтар YouTube менен бөлүшүлүшү мүмкүн

Кеңештер

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

Сунушталууда: