Создание HTML-сайта
Создать стили для шапки сайта (для header-А)
На прошлом занятии мы начали заниматься шапкой сайта. Для того чтобы закончить с header-ОМ нам нужно создать для него стили. Давайте сначала подберем для шапки сайта фоновый цвет. Сделать это проще простого. Мы спокойно допишем в уже существующий стиль «.header» в файле style.css фоновый цвет:
Чтобы посмотреть, что у нас получилось, нужно сохранить файл style.css, перейти на вкладку индексного файла, кликнуть по «земному шарику» и выбрать в выпадающем списке свой браузер.
Как видите, у нас все получилось. Фоновый цвет изменился, но теперь почти не видно текста – давайте им и займемся. Для того чтобы наш текст в header-Е смотрелся солиднее, создадим для него стиль «.header_p». Когда забудем, что это за стиль, его название нам подскажет, что это стиль для тегов «Р» в шапке сайта.
И так, мы хотим, чтобы наш текст в header-Е был размером в 13 пикселей, жирным, выполнен шрифтом verdana белого цвета. Но прописать стиль в style.css – это только полдела. Нам еще нужно, чтобы браузер при разборе кода индексного файла увидел его. Для этого мы должны прописать в коде файла index.html «class="header_p"» в теге абзаца (тег Р). Предлагаю сразу же выровнять текст по центру. В результате в коде страницы у нас должно получиться:
Сохраняем таблицу стилей, индексную страницу и смотрим в браузере, что у нас получилось на этот раз.
На этом с шапкой сайта и его стилями мы заканчиваем. На следующем занятии займемся подвалом.