Веб -сайтқа кіру бетін қалай құруға болады: 8 қадам (суреттермен)

Мазмұны:

Веб -сайтқа кіру бетін қалай құруға болады: 8 қадам (суреттермен)
Веб -сайтқа кіру бетін қалай құруға болады: 8 қадам (суреттермен)

Бейне: Веб -сайтқа кіру бетін қалай құруға болады: 8 қадам (суреттермен)

Бейне: Веб -сайтқа кіру бетін қалай құруға болады: 8 қадам (суреттермен)
Бейне: Қалай WhatsApp-та өшірілген чатты хаттарды восстановить етуге, қайта көруге болады???!!! 2024, Мамыр
Anonim

Сонымен, сіз өзіңіздің веб -парағыңызға парақты қосқыңыз келе ме? Splash парақтары сіздің веб -сайтыңызды брендингтің тамаша әдісі болып табылады. Бұл әдіс сіз HTML мен CSS-ті жақсы білетіндігіңізді білдіреді және сізге JavaScript-тің негізгі базасын білсеңіз, бұл көмектесе алады.

Қадамдар

Веб -сайт үшін шашу бетін жасаңыз 1 -қадам
Веб -сайт үшін шашу бетін жасаңыз 1 -қадам

Қадам 1. Контур бетіңізді жасаңыз

Сіз сыртқы CSS (каскадты стильдер кестесі), бірақ бұл мысалда біз ішкі стиль кестесі. Сондықтан сіз негізгі тегтерден бастауыңыз керек:

Қош келдіңіз!

Веб -сайт үшін шашу бетін жасаңыз 2 -қадам
Веб -сайт үшін шашу бетін жасаңыз 2 -қадам

Қадам 2. Бөлімде CSS және тақырып туралы ақпаратты толтырыңыз

Сіз өзіңіздің қажеттіліктеріңізге сәйкес мәндерді өзгертуіңіз керек екені анық:

Қош келдіңіз!

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

Келтірілмесе…

Ескерту:

Қаріптерге CSS сипатын қосқыңыз келуі мүмкін.

Веб -сайт үшін шашу бетін жасаңыз 3 -қадам
Веб -сайт үшін шашу бетін жасаңыз 3 -қадам

Қадам 3. Басты бетке өту үшін сценарийді қосыңыз

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

Келтірілмесе…

window.onload = күту уақыты;

функцияның күту уақыты () {

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 сияқты басқарылатын редакторды қолдануға болады.

Ұсынылған: