Реферат: Государственное общеобразовательное учреждение

Государственное общеобразовательное учреждение

Лицей № 590

Красносельского района


Реферат

Технология создания Web-сайта


Предметная область:

Информатика


Выполнила ученица 11а

Наумова Евгения.


Учитель информатики

Баранова Н.С.


Санкт- Петербург

2005г.


Содержание:

Введение…………………………………………………………………4

Web-сайт…………………………………………………………………4

Юзабилити………………………………………………………………4

Основной принцип юзабилити………………………………….4

Использование Интернета………………………………………6

Построение сайта……………………………………………………….6

Хронология создания сайта……………………………………..6

Схема сайта………………………………………………………7

Построение структуры………………………………..8

Преобразование структуры в диаграмму……………8

Визуальный интерфейс Web-страниц…………………………………9

Создание страниц для просмотра, а не для чтения……………….9

Цветовая политра, шрифты и графика……………………………13

Текст для Web………………………………………………………14

Опустите лишние слова……………………………………..14

Выбор размера шрифта……………………………………..15

Текст на фоновом рисунке………………………………….15

Графический и HTML-генерируемый текст………………16

Навигация………………………………………………………………16

Назначение навигации……………………………………………..16

Условности, применяемые для навигации……………………….17

Постоянная навигация……………………………………………..18

Названия страниц…………………………………………………..19

Вкладки……………………………………………………………..20

Пиктограммы……………………………………………………….21

7. Начальная страница……………………………………………………21

Содержание первой страницы…………………………………….21

Цели…………………………………………………………………22

Как передать основную идею?……………………………………23

Навигация начальной страницы………………………………….24

Всплывающие элементы………………………………………….25

Выпадающие меню………………………………………………..25

8. Заключение…………………………………………………………….26


I. Введение


Глобальная сеть Интернет постоянно развивается, появляются новые Web-сайты, совершенствуются технологии. Эта индустрия новая, значит, большая часть ее областей еще не освоена. Сейчас профессия Web-дизайнера становится все более и более популярной.

Web-дизайн – не только создание привлекательных Web-страниц. Нужно уметь создать множество замечательных страниц и связать их воедино способом, понятным обычному пользователю. Современные Web-узлы могут содержать сотни страниц. Задача состоит в том, чтобы с помощью многочисленных технологий спроектировать общий дизайн, систему навигации и таким образом построить эффективный Web-узел.

Разработка профессиональных Web-узлов – не просто создание приятных глазу страниц, а сложный процесс, включающий планирование узла, создание понятного пользователю интерфейса, работу в команде дизайнеров, использование соответствующих технологий и общение с клиентом. И на каждом этапе этого пути необходимо участие Web-дизайнера.

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

В данном реферате я хочу представить информацию по основам Web-дизайна и технологии создания сайта, которая поможет реализовать творческие способности и создать сайт любой сложности.


^ II. Web-сайт


Слово сайт утвердилось в русской интернетовской терминологии сравнительно недавно. Раньше, в 1995-1996 годах, в том же или примерно том же значении применялись сочетания «страница WWW», «узел WWW» или «WWW-сервер». На самом деле сайт как информационная единица – нечто принципиально отличное от сервера WWW (т.е. программы) или узла сети Интернет (т.е. компьютера).

Сайт – это набор из нескольких десятков, сотен или даже тысяч Web-страниц, связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, как правило, близким по интернетовским меркам размещением.

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


^ III. Юзабилити


1. Основной принцип юзабилити


Первый закон юзабилити: «не заставляйте меня думать!» Этот принцип является решающим при оценке того, что и как работает (или не работает) в Web-дизайне. В той мере, насколько этого можно достичь, Web-страница должна быть максимально простой, понятной и «самоочевидной». Другими словами, пользователь должен сразу «схватить» ее – понять, что на ней и как ей пользоваться без затраты каких-либо усилий.

Что значит: простой, понятной и «самоочевидной»?

Когда смотришь на страницу, в голове должно возникать нечто вроде: «Так, понятно, это вот это…а вот это вот то…а вот это то, что мне нужно». Но когда смотришь на страницу, которая заставляет думать, все мысли принимают форму вопросительных знаков.

^ Когда вы создаете сайт, ваша основная задача состоит в том, чтобы избавиться от вопросительных знаков. Чем меньше вопросов, тем лучше.

Разные вещи на Web-странице могут заставить нас без надобности останавливаться и задумываться. Например: вычурные и заумные названия, торговые марки, фирменные знаки, незнакомые технические термины. Название раздела лежит в неком диапазоне «Понятно каждому» и «Совсем понятно». Возможны разные положения внутри этого диапазона.

Другой источник вопросительных знаков – ссылки и кнопки, вид которых не всегда ясно показывает, что на них можно нажать. Пользователь никогда не должен тратить и сотой доли секунды но то, чтобы разбираться, можно или нельзя щелкнуть по объекту. Всякий лишний вопрос создает нагрузку для нашего восприятия, когда мы находимся в сети, и отвлекает внимание от текущей задачи. Если сами разработчики не задумываются о том, чтобы сделать все очевидным, то это подрывает доверие к содержанию сайта и его создателям.

Вопросы, о которых посетители сайтов не должны задумываться:

Где я?

Откуда следует начинать?

Что самое главное на этой странице?

Почему это называется так?

Ваша цель – каждую страницу сделать «самоочевидной», чтобы при первом взгляде посетитель мог понять, что это и как этим пользоваться. Однако в ряде случаев, когда требуется создать нечто оригинальное, ошеломляющее или очень сложное, трудно достичь полной простоты и ясности и приходится довольствоваться только понятностью. Понятная страница не нуждается в пояснениях. Внешний вид элементов, хорошо подобранные названия, общий вид страницы и небольшой объем тщательно составленного текста – все это должно создавать почти мгновенное понимание у пользователя. Если нет возможности сделать страницу полностью самоочевидной, то, по крайней мере, сделайте ее понятной.

Ясность и простота для Web-страницы – как хорошее освещение для витрины магазина – при них все кажется лучше. Легко использовать сайт, который не принуждает задумываться о несущественном.


2. Использование Интернета

В действительности Интернет используется не так, как хотелось бы разработчикам. Большинство людей тратят намного меньше времени на просмотр Web-страниц, чем хотелось бы.
Создавая сайты, мы думаем, что пользователи будут скрупулезно проходить по каждой странице, внимательно прочитывать все тексты, разбираться в структуре сайта и тщательно взвешивать все плюсы и минусы перед тем, как щелкнуть мышью по той или иной ссылке. В действительности, большую часть времени пользователь только пробегает глазами по каждой странице, проскакивает по какому-то участку текста и щелкает по первой ссылке, которая заинтересовала его или хотя бы отдаленно напомнила то, что он ищет. Большая часть страницы обычно остается просто незамеченной. Если вы хотите создавать эффективные Web-страницы, следует учитывать три факта, определяющие реальное использование Интернета:

^ Мы не читаем Web-страницы, мы их просматриваем.

Люди стараются меньше тратить время на чтение страниц. Вместо чтения мы бегло просматриваем текст, как бы сканируя его, ища слова и выражения, которые привлекли бы ваше внимание.

^ Наш выбор не всегда оптимален, но мы довольствуемся тем, что есть.

При разработке Web-страниц мы исходим из того, что пользователи просмотрят всю страницу, оценят все возможные опции и выберут наиболее подходящую. В действительности мы выбираем не оптимальный вариант, а тот, который первым показался нам подходящим.

^ Мы не задумываемся над тем, как оно работает, мы просто делаем «как получится».

Сталкиваясь с какой-то техникой, очень немногие находят время для чтения руководств и инструкций. Очень часто люди используют «что-то», совершенно не имея представления, как оно работает. Подход такой – «как получится» (для нас не важно, каким образом что-то работает).


IV. Построение сайта. Структурирование информации


1.Хронология создания Web-сайтов:


1.Концепция. На этом этапе необходимо выяснить:

Предполагаемую аудиторию,

Назначение узла,

Насколько большим должен быть сайт.


2.Архитектура. Далее необходимо спроектировать карту сайта на бумаге. На этом этапе создается эскиз узла и определяется технология, необходимая для его работоспособности.

3.Дизайн. Именно этот этап самый интересный. Вырабатываются визуальные и навигационные идеи.

4.Исполнение. Можно приступать к непосредственному воплощению варианта дизайна. Графические элементы, HTML, программный код, элементы мультимедиа и содержание объединяются вместе – и таким образом создается окончательный вариант узла.

5.Проверка качества и тестирование. Когда узел готов, прежде чем запустить его в Интернет, неплохо провести окончательную доводку: тщательно отладить программный код, ссылки, правописание и т.п. Нужно проследить, чтобы сайт работал в различных обозревателях.


2.Схема Web-сайта


Многие сразу приступают к созданию сайта, не продумав даже наброска его схемы. Но затратив немного времени на создание схемы, можно сберечь массу времени и усилий при его непосредственной реализации.


Web-страница






Шаблон А






Шаблон В



Шаблон С



Сетевая база данных




^ База данных и несколько шаблонов позволяют создать в краткие сроки сотни страниц.


1)Построение структуры


Структуру можно построить следующим образом.

Составьте список содержимого сайта. Это делается на стадии формирования концепции.

Сгруппируйте элементы списка. Разбейте содержимое списка на логические группы.

Создайте категории. После разделения содержимого на группы станет просматриваться некая схема. Отдельные группы будут похожи, их следует объединить в категории. По возможности число категорий должно быть минимальным.

Постройте структуру. Категории представляют собой первый уровень, группы – второй, подгруппы – третий.


Примером может послужить содержание данного реферата:


I.Построение сайта________категория

Схема сайта___________группа

Построение структуры

Преобразование структуры в диаграмму _______содержимое


Структура, созданная на основе хорошо организованного списка содержимого сайта.

Лучше иметь 5-7 основных категорий, в каждой из которых содержится не более двух уровней подкатегорий.


^ 2) Преобразование структуры в диаграмму


Структура – средство, необходимое для создания диаграммы Web-узла, которая, в свою очередь, ляжет в основу его карты. Создать диаграмму просто. Каждую страницу сайта нарисуйте в виде прямоугольника. В верхней части поместите домашнюю страницу, под ней по горизонтали – основные разделы сайта. Под каждом разделом нарисуйте прямоугольники, соответствующие подразделам структуры. Построив диаграмму, можно приступать к созданию схемы навигации. Можно разделить и содержимое другой страницы. При добавлении такой детализации диаграмма увеличится на один уровень.


Пример:

^ Домашняя страница






Юзабилити






Построение сайта




Визуальный интерфейс



Навигация



^ Основной принцип юзабилити





Хронология создания






Создание страниц для просмотра, а не для чтения




^ Назначение навигации




^ Использование Интернета





Схема сайта

1. Построение структуры

2.Диаграмма






^ Цвет, шрифты и графика




Постоянная навигация




^ Текст для Web




Начальная страница





Диаграмма узла служит эскизом его карты

Созданная диаграмма – лишь основа карты узла. На следующем уровне создания карты сайта необходимо добавить в диаграмму линии со стрелками, обозначающие связи между страницами.


^ V. Визуальный интерфейс Web-страниц


1. Создание страниц для просмотра, а не для чтения


Чтобы добиться лучшего понимания сайта:

Создайте ясную визуальную иерархию на каждой странице

Используйте обычаи и условности

Разбейте страницы на четко разделенные области

Покажите ясно то, по чему можно щелкать мышью

Уменьшите визуальный шум




Ясная визуальная иерархия

Нужно организовать внешний вид элементов страницы (визуальных подсказок) таким образом, чтобы они ясно и четко подсказывали отношения между этими элементами – какие элементы связаны между собой, какие являются частями других.

Чем более важный элемент, тем более он заметен на странице.



^ Очень важный элемент Несколько менее важный
Наименее важный


При создании Web-страницы разделите ее на три части: большую – для самой важной информации, среднюю – для менее значимой информации, и малую – для наименее важной информации. Это стратегия «большой, малый, средний». Она не позволяет находиться на странице двум элементам с одинаковым приоритетом и таким образом облегчает ее чтение и перемещение по сайту.


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

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



Книги

Музыка

Спорт

Путешествия

Увлечения







^ Элементы представляются в виде вложений, если они являются частями друг друга.

Например, название раздела «Книги по программированию» будет находиться над заголовком какой-то конкретной книги по этой теме, включая в себя все содержимое части страницы (эта книга является частью данного раздела). Под заголовком этой книги, в свою очередь, будет включено ее описание.

Мы каждый день сталкиваемся с визуальными иерархиями – будь это на бумаге или в Интернете. Но обычно мы воспринимаем их так быстро, что не успеваем это осознать, и начинаем смутно догадываться об их существовании, только когда нам не удается провести их быстрый анализ, т.е. когда их визуальные подсказки (или их отсутствие вынуждают нас задумываться.

Хорошая визуальная иерархия всегда экономит наши усилия по начальному восприятию страницы и помогает организовать и систематизировать содержание таким образом, чтобы мы могли почти мгновенно понять его в целом.


2. Используйте обычаи и условности

Каждая газета или журнал имеют свои условности. Например, фраза, набранная очень крупным шрифтом, - это обычно заголовок, который обобщает содержание находящейся под ним статьи. Текст под фотографией – это подпись, в которой дается описание или комментарий к ней, а если этот текст набран очень мелким шрифтом, то это имя фотографа. В Интернете также используются условности, большинство из которых были взяты из газет и журналов.

^ Они очень полезны

Как правило, условности становятся общепринятыми, только если они работают. Когда они правильно и к месту применяются, то помогают пользователям легко переходить от одного сайта к другому, не задумываясь о том, как все работает.

^ Дизайнеры зачастую с неохотой применяют условности

Вместо того, чтобы использовать их, они часто стремятся выдумать колесо заново. Если вы не хотите использовать некую общепринятую Web-условность, то убедитесь сначала, что то, чем вы собираетесь ее заменить, либо является достаточно ясным, понятным и не требующим усилий для изучения, либо настолько полезным, что это компенсирует необходимость некоторого усилия. Не игнорируйте обычаи и условности.


Разбейте страницы на четко разделенные области

Разделение страницы на области важно потому, что это позволяет пользователям быстро понять, какие области их интересуют больше, а какие они могут пропустить. Кроме того, нужно четко разделить области навигации и содержание страницы.


3. Покажите ясно, по чему можно щелкать мышью

Большая часть времени у пользователей Интернета уходит на поиски тех мест, по которым можно щелкнуть, поэтому очень важно ясно показать, по чему именно можно щелкнуть мышью, а по чему нельзя. Кнопка должна выглядеть, как кнопка, желательно, чтобы здесь же располагалась небольшая треугольная стрелка, известная как условный указатель «Нажать здесь».

Кнопки надо сделать узнаваемыми. Этого можно достичь, используя следующие методы:

Элемент навигации должен выглядеть, как привычный предмет (например, как закладки в блокноте)

Элементы должны выделяться на странице (например, объемным видом)

Сгруппируйте подобные элементы в один графический блок. Группировка подразумевает две функции:

Группировка подразумевает интерактивность. Сочетание нескольких текстовых или графических элементов создает впечатление единого целого и привлекает внимание.

^ Группировка элементов подразумевает подобные функции. Внешне подобные элементы должны выполнять подобные функции. Например, все основные кнопки навигации на странице должны быть похожими и находиться в одной части экрана. Если на странице есть дополнительные ссылки, их также можно сделать подобными, но разместить в другой части экрана.

Дизайнер должен сразу же выделить интерактивные элементы, сделать их отличными от обычных графических элементов. Пусть они бросаются в глаза, привлекают внимание. Для этого можно использовать следующие приемы: наложение теней, размывание краев, придание объектам выпуклости. Но необходимо убедиться, что оформление обычных графических элементов не введет пользователя в заблуждение. Непоследовательность в использовании эффектов собьет пользователя с толку. Всего лишь наложите тени на обычное графическое изображение – и пользователь будет в замешательстве. Подумав, что это кнопка, пользователь попытается щелкнуть по картинке. А после неудачи будет игнорировать настоящие кнопки на странице.


4. Уменьшите визуальный шум

Визуальный шум является одним из основных препятствий для получения легко воспринимаемых Web-страниц. Можно выделить два типа визуального шума:

Перегруженность

Если на странице находится огромное количество всевозможных призывов, приглашений, бесчисленное количество восклицательных знаков и яркоцветных выделений, то все это вызывает эффект давления.

^ Фоновый шум

Нет основного главного элемента, отвлекающего внимание, а есть множество элементов визуального шума, которые в совокупности вызывают ощутимое раздражение.


2.Цветовая палитра, шрифты и графика


Цвет, шрифт и графические элементы – основные детали Web-дизайна. Если переусердствовать с одним из них, сайт будет выглядеть неаккуратно. Ниже приведены основные правила эффективного использования цветовой гаммы, шрифтов и графики:

Выбирайте цвета в соответствии с назначением Web-сайта. Если, например, сайт предназначен для продажи высокоэффективной домашней техники, лучше использовать пастельные, классические тона, а не ярко-розовые и ядовито-зеленые.

Ограничьте палитру цветов. Используйте ограниченное число сочетающихся друг с другом цветов по двум причинам:

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

Ограниченная палитра смотрится лучше, чем вся радуга. Создайте палитру не больше, чем из семи цветов и последовательно используйте ее для всех страниц сайта.

Для выделения элементов страницы используйте различные шрифты. С помощью выбранного шрифта сайт может передавать радость, досаду, профессионализм и др. Как и цветовая схема, соответствующие шрифты определяют дизайн сайта.

^ Шрифты с засечками – маленькими черточками по краям букв – создают впечатление стабильности, безопасности, профессионализма и долговечности – лучший выбор для серьезного Web-узла. Такие шрифты также хороши для больших фрагментов текста.

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

Используйте шрифты умело. В пределах сайта не обязательно пользоваться шрифтами только одного типа. Лучше всего использовать несколько шрифтов в зависимости от назначения: один – для заголовка, другой – для подзаголовков, и еще один – для основного текста. Но применять больше трех-четырех шрифтов нецелесообразно. Определите стиль для каждого из описанных выше элементов, и последовательно используйте его для всех страниц узла. Например, для заголовка страницы выбирайте всегда один и тот же шрифт одного и того же размера. Например, книга выйдет удачной, если для заголовков использовать шрифт без засечек, а для основного текста – шрифт с засечками.

Эффективно используйте графические элементы. К графическим элементам относятся и залитые одним цветом области, и линии, и фотографии, и рисунки. В полиграфическом дизайне этими элементами можно пользоваться достаточно свободно, но в Web-дизайне большие фотографии и сложные рисунки, занимающие весь экран, выглядят неуклюже. Кроме того, большие фотографии хранятся в больших файлах, а значит будут долго загружаться. При разработке Web-страниц старайтесь использовать небольшие графические элементы.

Разбивайте страницу на части с помощью графических элементов. HTML-средства и графические элементы – прекрасный способ разделить страницу на части и привлечь внимание пользователя к отдельным ее деталям.



3. Текст для Web


1)Опустите лишние слова


Избавьтесь от половины слов на каждой странице, затем уберите еще половину из того, что осталось.

Удаление всех тех слов, которые все равно никто не будет читать, имеет несколько полезных следствий:

Это снижает уровень шума на страницах

Это выделяет то содержание страниц, которое действительно является ценным и полезным

Это позволяет укоротить страницы так, чтобы пользователи могли видеть каждую из них одним взглядом, не прокручивая экран

Есть два особых вида текстов: «общая болтология» и «инструкции».

^ Никакой «общей болтологии»

Мы сразу же узнаем «общую болтологию», как только видим ее, - это вступительные статьи, служащие для того, чтобы приветствовать нас на сайте и рассказать нам о том, какой он замечательный, или же сообщить нам о содержании раздела, в который мы вошли.

«Общая болтология» - это своего рода самовосхвалительные речи. Она не содержит полезной информации и главным образом сосредоточена на написании того, как (а не почему) «у нас все прекрасно».

«Общая болтология» напоминает простой светский разговор – так же бессодержательна и существует только ради разговора самого по себе. Но у большинства Web-пользователей нет времени на такие разговоры: они хотят сразу приступить к сути. Поэтому следует устранить как можно больше «общей болтологии».

^ Никаких «инструкций»

Главное, что следует знать об «инструкциях», это то, что их никто не собирается читать, по крайней мере до тех пор, пока несколько попыток использовать сайт «как получится», в конце концов, не увенчаются успехом. Но даже тогда, если инструкции слишком длинные, то редкие пользователи начинают искать в них нужную информацию.

Вашей целью должно стать стремление всегда полностью устранять «инструкции», делая все достаточно ясным без лишних объяснений. Если «инструкции» все же действительно необходимы, то сократите их до минимума.


^ 2)Выбор размера шрифта


Избегайте использовать шрифты размером менее 12 пунктов. Некоторые шрифты хорошо работают и при размере в 10 пунктов, но их немного. С другой стороны, буквы не должны быть слишком большими, чтобы Web-страница не смотрелась как таблица для проверки зрения. Всегда используйте четный размер шрифта. Шрифты этих размеров великолепно смотрятся на экране. При использовании нечетных размеров компьютер будет их масштабировать, что непременно отразится на качестве.


^ 3)Текст на фоновом рисунке


Для улучшения внешнего вида Web-страниц многие дизайнеры используют повторяющийся фоновый рисунок. Элементы дизайна располагаются поверх такого рисунка. Создайте графический объект любого размера и заполните этим шаблоном все пространство Web-страницы. При использовании фоновых рисунков возникает проблема перегрузки фона цветами, что влияет на читаемость текста. Прежде чем использовать фоновый рисунок, его необходимо как следует подготовить.

Ниже приведено несколько советов относительно фоновых рисунков.

Создайте фоновый рисунок, превосходящий Web-страницу по размеру. Многие рассматривают фоновый рисунок как нечто небольшое, размером примерно 1/1 дюйм, которым как плиткой, выкладывается все пространство страницы. Это совершенно не обязательно! При желании можно создать фоновый рисунок, превышающий по размеру Web-страницу, который будет выходить за пределы окна обозревателя и не будет повторяться по мере пролистывания. Создав такой фон, можно разгрузить Web-страницу.

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

Чтобы фон быстро загружался, используйте как можно меньше цветов. Чем меньше используется цветов, тем меньше размер файла (не выходите за пределы 15 Кбайт).

При использовании мелких рисунков позаботьтесь, чтобы составленный из них фоновый рисунок был ненавязчивым. Если фон состоит из повторяющихся мелких элементов, удостоверьтесь, что используемые в них цвета не совпадают с цветом текста и другой помещенной на страницу графики. Сначала создайте рисунок фона, используя по возможности пастельные тона, а затем подберите цвет шрифта, хорошо контрастирующий с фоном.


^ 4)Графический и HTML-генерируемый текст


Обычно Web-страницы содержат тексты этих двух типов. HTML-генерируемый текст считается живым, поскольку его можно редактировать в обычном текстовом редакторе, применяя различные гарнитуры шрифтов. Кроме того, этот текст легко обновлять. Чтобы изменить графический текст, придется переделывать графический объект. Графический текст имеет больший размер файла, чем его HTML-эквивалент, а стало быть, будет дольше загружаться.

Поэтому на Web-узле лучше использовать в основном не графический, а HTML-генерируемый текст, который значительно эффективнее. Возникает вопрос: а зачем вообще использовать графический текст? Применение текстов двух этих типов позволяют достичь гибкости дизайна. Поскольку графический текст – изображение, возможности применения в нем шрифтов, рисунков, текстуры, безграничны.

При использовании HTML-генерируемого текста выбор шрифта ограничен, поскольку можно использовать только те шрифты, которые гарантированно будут доступны в системе конечного пользователя. Для заголовка лучше использовать шрифт Arial, а для основного текста – Verdana.


^ VI. Навигация


Люди не будут пользоваться вашим сайтом, если им не будет понятно, как по нему перемещаться.

Если вы попадаете на сайт, на котором вы не можете найти то, что ищете, или структура которого вам непонятна, то вы не станете пользоваться им долго и, скорее всего, больше на него не зайдете. Каким же образом можно создать «ясную, простую и последовательную» навигацию?


1.Назначения навигации:


Помочь пользователю найти то, что он ищет

Указать текущее местоположение. В Интернете это осуществляется с помощью выделения текущей позиции во всех навигационных меню, линейках и списках, используемых на странице (другими словами, текущие ссылки должны быть выделены). Можно применять сразу несколько способов выделения текущей позиции – например, изменить цвет шрифта и применить жирное начертание. Можно использовать цветовое обозначение разделов. Для каждого раздела применяется свой цвет фона и кнопок, который будет напоминать пользователю о том, где он сейчас находится (используется для больших сайтов, которые содержат множество разделов с огромным количеством страниц в них).

Навигация дает почву для ног. Заблудиться где-либо – это, как правило, не очень весело. Если навигация разработана правильно, то она дает почву для ног пользователя, а также служит в качестве перил, на которые можно опереться. Используйте «хлебные крошки». Это набор текстовых ссылок, отражающих последовательность перемещения пользователя от домашней страницы к другим страницам Web-узла.

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

Навигация позволяет понять, как пользоваться сайтом. Если навигация разработана правильно, то она самым явным образом показывает пользователю, откуда следует начинать и какие он имеет возможности. Хорошая навигация должна заменить собой все «инструкции» вместе взятые (тем более, что большинство пользователей все равно проигнорирует эти «инструкции»).

От навигации зависит степень доверия пользователей к разработчикам сайта. Когда мы находимся на каком-то сайте, мы постоянно про себя оцениваем работу дизайнеров. И наша оценка является основным фактором, определяющим наше отношение к сайту. От нее зависит, пр