Web-узел, как объект проектирования Web-сайт - комплекс инженерно- художественных решений Web-сайт - комплекс инженерно- художественных решений Главный. - презентация

1 Web-узел, как объект проектирования Web-сайт - комплекс инженерно- художественных решений Web-сайт - комплекс инженерно- художественных решений Главный критерий разработки - удобство конечного пользователя Главный критерий разработки - удобство конечного пользователя Проблема: чрезвычайно широкий спектр аппаратных средств и программного обеспечения у пользователей Проблема: чрезвычайно широкий спектр аппаратных средств и программного обеспечения у пользователей Решение: базовые принципы проектирования Решение: базовые принципы проектирования

2 Базовые принципы проектирования профессиональный сайт должен корректно отображаться при экранном разрешении 640x480 точек с цветовой палитрой в 256 цветов профессиональный сайт должен корректно отображаться при экранном разрешении 640x480 точек с цветовой палитрой в 256 цветов Web-страница должна идентично отображаться в Microsoft Internet Explorer и Opera, причем весьма желательно в последней и предпоследней версиях данных программ Web-страница должна идентично отображаться в Microsoft Internet Explorer и Opera, причем весьма желательно в последней и предпоследней версиях данных программ

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

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

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

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

7 Обследование предметной области Область применения проектируемого сайта. Область применения проектируемого сайта. Термины предметной области. Термины предметной области. Источники информации, использованные для анализа предметной области и информационных потребностей пользователей. Источники информации, использованные для анализа предметной области и информационных потребностей пользователей. Перечень основных и дополнительных бизнес- процессов, для поддержки которых разрабатывается сайт, описание принципа их выполнения и регламента. Перечень основных и дополнительных бизнес- процессов, для поддержки которых разрабатывается сайт, описание принципа их выполнения и регламента. Анализ входных и выходных документов, их список и формы. Анализ входных и выходных документов, их список и формы. Список целей разработки сайта и их обоснование. Список целей разработки сайта и их обоснование.

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

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

10 Роли пользователей Роли пользователей на сайте целесообразно назначать при разработке сайтов уровня «корпоративный» и выше, в которых имеются средства аутентификации пользователей, реализованные, как правило, программами, выполняемыми на сервере, или средствами самого сервера. На сайте типа «Интернет- магазин» роли могут быть примерно следующими: Роли пользователей на сайте целесообразно назначать при разработке сайтов уровня «корпоративный» и выше, в которых имеются средства аутентификации пользователей, реализованные, как правило, программами, выполняемыми на сервере, или средствами самого сервера. На сайте типа «Интернет- магазин» роли могут быть примерно следующими: Гость, Гость, постоянный пользователь, постоянный пользователь, клиент, клиент, оператор (модератор) сайта, оператор (модератор) сайта, администратор сайта. администратор сайта.