
- •Введение. Что такое веб-дизайн.
- •Понятие веб дизайна.
- •Кто такой веб дизайнер. Его функции.
- •Язык верстки html. Основные понятия.
- •2.1. Начало.
- •Цвет и фон.
- •Изображения.
- •Ссылки.
- •Стили (css).
- •Горизонтальные линии.
- •Структура и наполнение сайта.
- •Структурирование контента.
- •Создание карты сайта.
- •Создание макета.
- •Именования.
- •Определение основных маршрутов пользователей.
- •Создание html-протосайта.
- •Юзабилити. Понятие юзабилити
- •Юзабилити, как свойство продукта или системы
- •Юзабилити, как дисциплина
- •Юзабилити, как отрасль эргономики
- •Юзабилити, как практическая деятельность
- •Критерии юзабилити
- •Критерии юзабилити
- •Эффективность
- •Продуктивность
- •Удовлетворенность
- •Теория цвета
- •Техническое задание.
- •Понятие веб дизайна.
Горизонтальные линии.
Тег HR (Horisontal Rule) вставляет в текст горизонтальную разделительную линию. Может иметь следующие атрибуты:
-
WIDTH
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя.
SIZE
Определяет толщину линии в пикселях.
ALIGN
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию).
NOSHADE
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
COLOR
Определяет цвет линии. Работает только в Internet Explorer.
Примеры линий:
<HR>
<HR WIDTH="50%" ALIGN="left" SIZE="0">
<HR WIDTH="80%" SIZE="3">
<HR NOSHADE WIDTH="80%" SIZE="20">
<HR NOSHADE WIDTH="80%" COLOR="Blue" SIZE="8">
Вместо линии можно реализовать и квадрат:
<HR NOSHADE ALIGN="left" WIDTH="18" COLOR="Red" SIZE="18">
Расположить несколько квадратов в одну строку нельзя.
Структура и наполнение сайта.
Структура сайта и его содержание тесно связаны друг с другом. Приятные впечатления посетителей зависят, прежде всего, от правильного расположения и представления информации на сайте.
Структура интернет-ресурса рассматривается с позиции самого сайта (составление его карты), страницы (понятное расположение теста, графики и навигации) и пользователя (взаимосвязь страницы со следующей и предыдущей).
Поэтому перед началом создания сайта так важно представить себя обычным пользователем сайта. Что они делают на сайте, какую информацию ищут. И основываться уже на этом.
Контент - (от английского content - содержание) – это абсолютно любое информационно значимое либо содержательное наполнение информационного ресурса или веб-сайта. Контентом называются тексты, мультимедиа, графика.
Для любого сайта критически важное значение имеет его содержимое, информация, то, что называют контентом. Без добротного контента все технические «навороты» и потрясающая графика оказываются всего лишь пустыми заполнителями.
Но и хорошего контента мало. Содержимое должно быть умело организовано.
Необходимо сразу задуматься о возможностях расширения. Какие разделы можно будет добавить, органично ли они впишутся в создаваемую структуру, останется ли навигация и поиск простым и удобным?
Структурирование контента.
На этом этапе создания сайта еще не требуется всего содержимого, готового к размещению на сайте, но оно должно быть определено в общих чертах. Без этого дальнейшая работа просто невозможна. Именно задержка контента или долгие согласования (прежде всего из-за отсутствия у клиента времени) – самая главная причина отставаний в сроках.
Следует помнить, что любое резкое изменение масштаба и структуры сайта – как добавление, так и удаление страниц – влияет на процесс разработки, а значит, и на бюджет. Кроме того, под угрозой может оказаться и навигация по сайту.