Искате ли да поставите начална страница на вашата уеб страница? Splash страниците са чудесен начин за брандиране на вашия уебсайт. Тази инструкция предполага, че познавате доста HTML и CSS и би могло да ви помогне, ако знаете и някои основни JavaScript.
Стъпки
Стъпка 1. Създайте своя страница с очертания
Можете да използвате an външен CSS (каскаден стилов лист), но в този пример ще използваме an вътрешен стилов лист. Така че трябва да започнете с основните си тагове:
Добре дошли!
Стъпка 2. Попълнете CSS и информация за заглавието в раздела
Очевидно ще трябва да промените стойностите, за да отговарят на вашите нужди:
Добре дошли!
body {background-color: #DCDCDC}
Пропуснато…
Забележка:
Може да искате да добавите CSS свойство за шрифтовете.
Стъпка 3. Добавете скрипта, за да преминете към началната страница
Този раздел не е задължителен и можете просто да го пропуснете, ако не искате той да продължи автоматично.
Пропуснато…
window.onload = таймаут;
функция timeout () {
window.setTimeout ("пренасочване ()", 5000)}
функция пренасочване () {
window.location = "Начало.htm"
връщане}
Пропуснато…
Пропуснато…
Бележки:
Броя 5000 означава
Стъпка 5. секунди. Променете това за по -кратки или по -дълги периоди. Променете името на файла за пренасочване към името на вашата начална страница.
Стъпка 4. Добавете заглавие
Това вероятно трябва да е името на вашия уебсайт и трябва да го включите в тагове, за да улесните намирането на търсачките.
Стъпка 5. Добавете снимка
Това трябва да демонстрира за какво е вашият сайт. Отново можете да използвате
етикет.
Пропуснато…
Бележки:
Тази стъпка предполага, че сте записали заглавното изображение в същата папка като .htm файл и че е наречен "splashimage.jpg". Можете да добавите CSS позициониране, ако предпочитате изображението да е някъде другаде на екрана, например в центъра.
Стъпка 6. Добавете бутон
Този бутон ще бъде начин посетителите да стигнат по -бързо до началната страница. Когато кликнат върху него, те веднага се преместват на началната страница. Като алтернатива можете просто да предоставите връзка към началната страница.
Пропуснато…
Забележка:
Можете да промените "стойност" елемент за промяна на текста, показан на бутона.
Стъпка 7. Добавете текст
Това може да бъде всичко, което харесвате. По принцип това е поздрав „Благодаря ви за посещението“или „Създаден от …“.
Пропуснато…
Благодаря ти за посещението!
Бележки:
Тук можете да използвате CSS за текста. Можете да използвате заглавие (
) вместо това, ако искате.Стъпка 8. Сега имате работеща начална страница
Сега е време да го усъвършенстваме с помощта на CSS и да го пуснем на живо!
Видео - Използвайки тази услуга, може да се сподели част от информацията с YouTube
Съвети
- Добавете толкова съдържание, колкото искате, но не го правете твърде натоварено.
- Можете да добавите звуци и видео, ако желаете, но това ще удължи времето за зареждане на някои хора.
- Ако не знаете много за HTML или CSS, можете да използвате ръководен редактор като Blogger, за да опростите този процес.