Веб дизайн

1. Основы WEB-дизайна

2. Что такое Web-дизайн?
 Содержимое. Сюда входят форма и
организация содержимого сайта.
 Зрительные образы. Это относится к
компоновке экранного пространства на сайте.
Создается с помощью HTML, CSS, Flash.
 Технология. HTML ,CSS , WEB-
программирование (JavaScript, PHP).
 Доставка. Скорость и безотказность доставки
сайта по сети Internet.
 Назначение. Причина, по которой сайт
существует.

3. Пирамида Web-дизайна

4. Сетевая среда

5. Компоненты сетевой среды
 Сторона сервера. Сюда входят аппаратное и программное
обеспечение Web-сервера, а также программные элементы и
встроенные технологии. Диапазон этих технологий простирается
от простых программ CGI, написанных на PERL, до комплексных
многозвенных приложений на основее PHP или Java; здесь же
учитываются прикладные технологии, например — серверы баз
данных, которые могут обеспечивать поддержку Web-сайта.
 Сторона клиента. Сторона клиента связана с Web-браузером и
поддерживаемыми им технологиями, такими как языки HTML, CSS
и JavaScript, элементы управления ActiveX и сменные модули
Netscape, которые используются для создания представления
страницы или обеспечения интерактивных функций.
 Сеть. Сеть характеризует различные элементы связности,
предназначенные для доставки Web-сайта пользователю. Такими
элементами могут быть различные сети в общедоступной части
сети Internet или частные соединения внутри корпорации, которые
зачастую называются внутренней сетью.

6. Типы Web-сайтов
 Отвлечённые классификации
 Информационные сайты
 Операционные сайты

7. Типы Web-сайтов

8. Классификация сайтов по обобщённым
категориям
 Информационные сайты
 Операционные сайты
 Сайты сообществ
 Развлекательные сайты
 Прочие сайты

9. Классификация сайтов по
принадлежности
 Коммерческие сайты
 Правительственные сайты
 Образовательные сайты
 Филантропические сайты
 Персональные сайты

10. Визуальные классификации
 Тексто-ориентированные

11. Визуальные классификации
 Сайты в стиле GUI

12. Визуальные классификации
 Метафорические сайты

13. Визуальные классификации
 Экспериментальные сайты

14. Более четкое определение Web-
дизайна
 Web-дизайн — это мультидисциплинарная
область деятельности, относящаяся к
планированию и производству Web-
сайтов, которое включает (но не
исчерпывается) техническую разработку,
структурирование информации,
визуальный дизайн и доставку по сети.

15. Основные вопросы Web-дизайна
 нужды дизайнера и чаяния пользователей;
 равновесие формы и функции;
 качество исполнения;
 соотношение традиции и новшества.

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

17. Баланс формы и функции
 Обеспечьте связь внешнего вида сайта и его
назначения
 Исполнение сайта должно быть
безукоризненным или практически безупречным
 Выполняйте разработки для
среднестатистического пользователя, но
учитывайте различия
 Высказывайте должное уважение к
соглашениям, связанным с графическим
пользовательским интерфейсом
 Не существует никакого «правильного» WEB-
дизайна, подходящего для любого сайта