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

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

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

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

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

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

Оформление ссылок

.

Ссылки в Интернете — везде! Они — основа всего, что мы видим в Сети. Сейчас преобладают замысловато разукрашенные веб-страницы, снабженные огромным количеством изображений и разных функций. Но, может быть, кто-то еще помнит, что совсем недавно весь Интернет был чуть более чем собранием документов, связанных друг с другом гиперссылками. Вернитесь к древним браузерам, и вы увидите — ссылки в них подчеркивались, что сохранилось и в наши дни. По умолчанию большинство браузеров имеют следующую цветовую схему для ссылок: О голубой цвет — ссылка, которую еще не открывали (unvisited); О фиолетовый цвет — ссылка на страницу, которую вы уже посещали (visited); О красный цвет — активная ссылка (acti ve), на которой вы в данный момент щелкаете кнопкой мыши; на мгновение можно увидеть, как ссылка вспыхивает красным цветом.

Эта цветовая схема не всем по вкусу, но такова реальность на данный момент. Или, точнее, она была таковой, пока нельзя было использовать CSS для изменения этих цветов.

По сути, CSS-правило для ссылок может выглядеть примерно так:

Сейчас вместо шрифта голубого цвета нормального начертания ваши ссылки приобретут полужирный шрифт черного цвета. Попробуйте добавить это правило в файл stylel.css, сохраните его и посмотрите, как это повлияет на отображение веб-страницы (рис. 3.13).

Рис. 3.13. Оформление всех ссылок полужирным черным шрифтом

Статус ссылок. Как я уже говорил, есть несколько типов ссылок (непосещенные, посещенные, активные), отображаемых на веб-странице. Есть еще один статус, о котором я не говорил, но с которым вы, вероятно, знакомы: статус наведения (hover), возникающий в тот момент, когда вы наводите на ссылку указатель мыши. В CSS можно изменить стиль всех этих статусов ссылки, используя так называемые псевдоклассы. Звучит устрашающе, но на самом деле все очень просто. Это лишь внутренний класс, который браузер автоматически применяет к ссылке, когда она находится в том или ином состоянии. Вот как выглядит CSS-код, который задает цветовую и стилевую схему для разных статусов ссылки:

Различные состояния обрабатываются в CSS с помощью селектора. Для этого нужно добавить двоеточие (:) и псевдокласс: link (ссылка), visited (посещенная), hover (наведение), active (момент щелчка кнопкой мыши на ссылке). Добавление псевдокласса в вашу таблицу стилей означает, что браузер применит установленное правило, когда элемент будет находиться в состоянии, указанном в псевдоклассе.

Измените стиль отображения ссылок в различных состояниях на учебном сайте.

1. Откройте CSS-файл и добавьте в конце указанный выше код.

2. Сохраните CSS-файл.

3. Откройте любую из трех веб-страниц в браузере (или нажмите кнопку Обновить), чтобы увидеть, как изменился вид ссылок.

Рисунок 3.14 показывает три статуса ссылки: Свяжитесь с нами — не посещена, О нас — посещена, она отображается светло-серым цветом, а на ссылку Главная страница наведен указатель мыши.

Рис. 3.14. Оформление трех разных статусов ссылки с использованием CSS

Не бойтесь экспериментировать с CSS-файлом. Используйте разные цвета отображения элементов и их фона, а также другие способы форматирования текста, которые были описаны в табл. 3.1.

.

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