Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Установка форм и размеров для сайта дайверов

.

Внесите небольшие изменения в проект сайта, начав с элемента body. Откройте файл stylel.css и найдите правило для элемента body (оно написано сразу после комментария). Добавьте объявление стиля границы для всей страницы.

Теперь ваши страницы будут выглядеть в браузере примерно так, как показано на рис. 4.16.

Рис. 4.16. Обрамление всей веб-страницы

В файле stylel. ess добавьте новое правило для id-атрибута элемента навигации. Установите ширину раздела 200 пикселов и добавьте точечную синюю рамку толщиной 1 пиксел. Вот как будет выглядеть ваша таблица стилей:

Сохраните файл stylel. ess, а затем посмотрите, что получилось (рис. 4.17).

Рис. 4.17. Область навигации выделена рамкой

Еще немного исправьте навигацию: измените цвет фона этого раздела.

Здесь выбран другой оттенок голубого цвета. Результат показан на рис. 4.18.

Рис. 4.18. Область навигации представляет собой отдельную функциональную часть веб-страницы

Это уже лучше, но выбранный цвет делает посещенную ссылку (vi sited) трудной для восприятия. Исправьте это, выбрав более темный цвет посещенных ссылок. Найдите правило для отображения таких ссылок и измените на следующее:

а:visited

{ color: navy;

}

Вот так намного лучше! Теперь измените оформление слогана, причем не только поменяйте цвет фона и добавьте границу. В таблице стилей найдите разметку, задающую стиль слогана, и добавьте следующие объявления, показанные ниже полужирным шрифтом:

На рис. 4.19 показано, что отобразится в браузере.

Рис. 4.19. Выделение слогана и изменение цвета фона

Наконец, измените заголовки второго уровня, чтобы они отличались от заголовков первого уровня (не будем перебарщивать с темными цветами). Вот, кстати, хорошая возможность навести порядок в правилах, особенно в тех, которые вы только что добавили в конец файла. Ведь они перечисляются без всякого логического порядка. Переставьте все правила для заголовков так, чтобы они располагались вместе, — их легче будет найти:

Здесь для заголовков второго уровня выбрана новая высота шрифта — 130 %, которая в большинстве браузеров чуть превышает large, но немного меньше, чем х-large. Новый вид страницы показан на рис. 4.20.

Рис. 4.20. Разнообразие стилей заголовков

.

Читайте так же:
Not found