Как создать заставку для веб-сайта: 8 шагов (с изображениями)

Оглавление:

Как создать заставку для веб-сайта: 8 шагов (с изображениями)
Как создать заставку для веб-сайта: 8 шагов (с изображениями)

Видео: Как создать заставку для веб-сайта: 8 шагов (с изображениями)

Видео: Как создать заставку для веб-сайта: 8 шагов (с изображениями)
Видео: 🔥 ChatGPT БОЛЬШОЙ КУРС для Начинающих (33 запроса) 2024, Май
Anonim

Итак, вы хотите разместить заставку на своей веб-странице? Страницы-заставки - отличный способ продвигать свой сайт. Это практическое руководство предполагает, что вы немного знакомы с HTML и CSS, и может помочь, если вы также знаете базовый JavaScript.

Шаги

Создание страницы-заставки для веб-сайта Шаг 1
Создание страницы-заставки для веб-сайта Шаг 1

Шаг 1. Создайте свою страницу схемы

Вы можете использовать внешний CSS (каскадная таблица стилей), но в этом примере мы будем использовать внутренняя таблица стилей. Итак, вам нужно начать с основных тегов:

Добро пожаловать!

Создание страницы-заставки для веб-сайта Шаг 2
Создание страницы-заставки для веб-сайта Шаг 2

Шаг 2. Заполните CSS и информацию о заголовке в разделе

Очевидно, вам нужно будет изменить значения в соответствии с вашими потребностями:

Добро пожаловать!

тело {background-color: #DCDCDC}

Пропущено…

Примечание:

Вы можете добавить свойство CSS для шрифтов.

Создание страницы-заставки для веб-сайта Шаг 3
Создание страницы-заставки для веб-сайта Шаг 3

Шаг 3. Добавьте сценарий для перехода на домашнюю страницу

Этот раздел является необязательным, и вы можете просто пропустить его, если не хотите, чтобы он автоматически перемещался дальше.

Пропущено…

window.onload = тайм-аут;

function timeout () {

window.setTimeout ("redirect ()", 5000)}

function redirect () {

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, чтобы упростить этот процесс.

Рекомендуемые: