Видеокурс по созданию сайтов | Оформление аббревиатур. Приемы CSS
Видеокурс
Доступность и привлекательность текста
Комментарии к видеоурокам
Урок #18.Оформление аббревиатур.
6 минут
Работа со сложносокращенными словами
Шестиминутный видеоурок посвящен оформлению слов, которые образованы из начальных букв/звуков слов. Например, вы наводите курсор мыши на слово CSS (при этом появляется знак вопроса) и получаете расшифровку — Cascading Style Sheets и перевод этих слов — каскадная таблица стилей.
Впрочем, это легко объяснить и без видео. HTML-код:
<acronym
title="Cascading
Style Sheets, каскадная таблица стилей">CSS</acronym>.
В таблице стилей добавить правило:
acronym {
border-bottom: 1px dotted;
<!--Подчеркиваем точками -->
cursor: help; <!--Добавляем курсор с вопросительным знаком-->
font-weight: bold; <!--Выделяем жирным шрифтом-->
}
Расход времени на оформление одного слова — несколько секунд. Достаточно сделать это один раз, создать сниппет и вставлять его по мере необходимости одним щелчком нажатия мыши.
Теперь я так оформляю не только аббревиатуры, но и любые специальные слова, которые требуют пояснения.
- Cоздаем удобочитаемый текст
- Повышаем видимость текста
- Работаем с изображениями
- Вставка изображений
- Создание и применение иконок
- flash-анимация
- GIF-анимация
- Работаем со ссылками
- Создаем всплывающие подсказки
- Ниспадающие CSS-меню
- Графическое меню
- Работаем со списками
- Фиксируем блоки
- Создаем рамки для блоков
- Вставка таблиц
- Оформляем аббревиатуры
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта