Видеокурс по созданию сайтов | Как создать привлекательные ссылки? Как повысить видимость посещенных ссылок? Что такое ссылки-ги
Видеокурс
Доступность и привлекательность текста
Комментарии к видеоурокам
Урок #6. Создание привлекательных ссылок.
26 минут
Из опыта Джона Хикса
Какие уроки можно извлечь, изучая страницы, выполненные настоящими дизайнерами? Безусловно, это полезный опыт. На этом уроке дано оформление ссылок на основе образца, созданного Джоном Хиксом. Вы увидите, как это делается технически. Надеюсь, на основе этих знаний вы сможете сами создавать блоки с оригинально оформленными ссылками.
- Создание блока со ссылками при помощи списка.
- Разделение текста в теге li на две части и создание класса для одной части.
- Применение display: block/inline.
Урок #7. Как повысить видимость посещенных ссылок?
14 минут
Важно, чтобы посетитель легко различал посещенные и непосещенные ссылки. Как сделать посещенные ссылки более видимыми? Решение задачи родилось благодаря методу Симона Коллисона.
- Как поставить галочку у посещенных ссылок?
- Как реализовать смену маркеров у посещенных ссылок.
Урок #8. Создание ссылок-гидов.
15 минут
На сайте очень важно иметь навигацию, которая наглядно показывает структуру сайта. Речь идет о создании пути от главной страницы к разделу и подразделу (если он есть).
В том случае, когда содержание одной темы разделено на несколько страниц, наличие ссылок «назад» и «вперед» помогает посетителю ориентироваться на сайте. Если пронумеровать каждую страницу, то может пригодиться и такая навигация:
- Cоздаем удобочитаемый текст
- Повышаем видимость текста
- Работаем с изображениями
- Вставка изображений
- Создание и применение иконок
- flash-анимация
- GIF-анимация
- Работаем со ссылками
- Создаем всплывающие подсказки
- Ниспадающие CSS-меню
- Графическое меню
- Работаем со списками
- Фиксируем блоки
- Создаем рамки для блоков
- Вставка таблиц
- Оформляем аббревиатуры
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта