Как сделать заставку на сайт?

2 ноября 2014 г. Просмотров: 1962 Инструкции
При заходе на некоторые сайты пользователь сначала попадает на заставку, имеющую те или иные функции, и уже с нее на основные страницы сайта. Чтобы сделать подобную заставку, необходимы простейшие знания языка HTML.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - HTML-редактор.

Инструкция

  • Если вы можете не делать на сайте заставку, то лучше ее не делать, позволяя пользователю сразу попасть на главную страницу сайта. Заставка нужна в том случае, если действительно есть необходимость о чем-то сообщить посетителю – например, о том, что сайт доступен только зарегистрированным пользователям. В этом случае на странице должна присутствовать кнопка перехода на страницу регистрации. Простое приветствие с кнопкой «Вход» следует считать дурным тоном, так как подобные «украшения» только раздражают посетителей сайта, заставляя их лишний раз что-то нажимать и куда-то переходить.
  • Для работы вам понадобится HTML-редактор – например, СuteHTML. Запустите его, в окне у вас автоматически появится заготовка кода будущей страницы. Сохраните ее как index.html, именно на нее будут попадать все посетители вашего сайта.
  • Теперь надо наполнить заготовку содержанием. Подберите или создайте подходящую картинку, которую пользователи будут видеть при входе на сайт. Например, ее размеры будут 800 на 500 пикселей. В этом случае вставьте между тегами BODY и /BODY следующий код:
  • В приведенном коде картинка сразу сделана ссылкой, что позволит пользователю при нажатии на нее перейти по адресу, указанному как «переход_на_сайт». Вместо этой строки вставьте ссылку на основную страницу сайта или на форму регистрации. Вместо строки «путь_к_картинке» необходимо указать путь, по которому изображение будет находиться на сайте. Также вы можете установить для страницы необходимый фоновый цвет. Например, подставив BODY BGCOLOR="#000000", вы получите черный цвет фона. Вы можете менять базовый код нужным образом, добавляя ячейки таблицы, вставляя кнопки, варианты перехода и т.д.
  • Оцените статью!