Download - Классификация сайтов. Этапы разработки
![Page 1: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/1.jpg)
. Стажировка-2013
Дизайнеры. Занятие 3
Сайты. Зачем и кому это нужно.
![Page 2: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/2.jpg)
. Стажировка-2013
Что такое сайт? Кто придумал первый сайт?
![Page 3: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/3.jpg)
. Стажировка-2013
1991 Тим Бернерс-Ли: первый веб-сайт info.cern.ch
Что такое сайт? Кто придумал первый сайт?
![Page 4: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/4.jpg)
. Стажировка-2013
Классификация сайтовПо доступности сервисов:
• открытые• полуоткрытые• закрытые
По физическому расположению:• общедоступные сайты сети интернет• локальные сайты
![Page 5: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/5.jpg)
. Стажировка-2013
Классификация сайтовПо схеме представления информации, её объёму и категории решаемых задач:
• интернет-портал• информационные ресурсы:
• тематический сайт • тематический портал
• интернет-представительства• сайт-визитка • представительский сайт• корпоративный сайт• каталог продукции• интернет-магазин• промо-сайт• сайт-квест
![Page 6: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/6.jpg)
. Стажировка-2013
Классификация сайтовПо схеме представления информации...:
• веб-сервис:• доска объявлений • каталог сайтов • поисковые сервисы• почтовый сервис• веб-форумы• блоговый сервис• файлообменный пиринговый сервис• облачное хранилище данных• сервис редактирования данных• фотохостинг• видеохостинг• социальные медиа
![Page 7: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/7.jpg)
. Стажировка-2013
Зачем и кому нужен сайт?1. информационная функция (инфа о компании, о человеке, о продукте, о мире)2. имиджевая функция (сайт — это модно): сайт-визитка, промо, корпоративный3. маркетинговая функция (продажи): интернет-магазин, промо4. развлекательная (игровые, форумы, чатики и т.п.)
![Page 8: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/8.jpg)
. Стажировка-2013
Зачем и кому нужен сайт?Кто заказывает? люди и компании, озабоченные одной из этих целейЧего хотят? чаще всего — прибыли и пиараНюансы: красиво, как у кого-то, под фирстиль и т. п.Как не надо: см. вышеКак надо: чтобы хорошо работало, чтобы было удобно, и уж потом чтобы было приятно глазу
![Page 9: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/9.jpg)
. Стажировка-2013
Зачем и кому нужен сайт?
![Page 10: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/10.jpg)
. Стажировка-2013
Как сделать сайт?1. Бесплатные ресурсы (конструкторы сайтов)www.ucoz.ru CMS + бесплатный хостингнарод (закрылся)www.gybo.com get your online business от google
2. Система управления содержимым (контентом) (англ. Content management system, CMS)wordpress, Битрикс, Joomla, Drupal
![Page 11: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/11.jpg)
. Стажировка-2013
Как сделать сайт?3. Сайты на заказа) веб-студия — сайты-визитки, корп. сайты и т. д.б) фриланс — множество опасностейв) IT-компании — сложные функциональные сайты и приложенияг) диджитал-агентства, рекламные агентства — промо и т. д.
![Page 12: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/12.jpg)
. Стажировка-2013
Как сделать сайт?Как построен процесс?1. Разработка дизайна2. Вёрстка3. Программирование
Какой этап пропущен?
![Page 13: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/13.jpg)
. Стажировка-2013
Разработка пользовательского интерфейса
Что такое интерфейс?совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами аппаратурой
Что такое юзабилити?качественный признак, который определяет, насколько интерфейс пользователя легок в использовании. Слово «юзабилити» также обозначает набор методов, служащих для улучшения интерфейса во время процесса его разработки.
![Page 14: Классификация сайтов. Этапы разработки](https://reader033.vdocuments.mx/reader033/viewer/2022052621/557f0a39d8b42ac0728b4e17/html5/thumbnails/14.jpg)
. Стажировка-2013
Разработка пользовательского интерфейсаУ юзабилити есть пять количественных составляющих:
1. Обучаемость2. Эффективность3. Запоминаемость 4. Ошибки5. Удовлетворенность
Если их не соблюдать, пользователи уходят