Видеокурс по созданию сайтов | Создание и применение пикторамм на сайте. Создание меню из пиктограмм.
Видеокурс
Доступность и привлекательность текста
Комментарии к видеоурокам
Урок #5.3. Создание и применение пиктограмм.
26 минут
Пиктограммы — иконки (значки), которые наглядно представляют информацию. Широко применяются в интерфейсах программ.
На уроке рассматриваются вопросы:
- Шрифты-пиктограммы (есть на диске).
- Просмотр неустановленных шрифтов в программе Cfont Pro. Выбор пиктограмм.
- Как установить новый шрифт?
- Применение пиктограмм в тексте.
- Создание пиктограмм в Adobe Photoshop.
Урок #5.4. Создание меню из пиктограмм.
25 минут
На уроке рассматриваются вопросы:
- Релизация вертикального меню из пиктограмм. Особенность: изменение рамки при наведении курсора мыши (смотрите пример рядом).
- Горизонтальное меню.
- Создание рамок для пиктограмм с помощью
шрифта Borders в Adobe Photoshop.
- Cоздаем удобочитаемый текст
- Повышаем видимость текста
- Работаем с изображениями
- Вставка изображений
- Создание и применение иконок
- flash-анимация
- GIF-анимация
- Работаем со ссылками
- Создаем всплывающие подсказки
- Ниспадающие CSS-меню
- Графическое меню
- Работаем со списками
- Фиксируем блоки
- Создаем рамки для блоков
- Вставка таблиц
- Оформляем аббревиатуры
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта