SlideShare a Scribd company logo
Основы WEB-дизайна
Что такое Web-дизайн?
 Содержимое. Сюда входят форма и
организация содержимого сайта.
 Зрительные образы. Это относится к
компоновке экранного пространства на сайте.
Создается с помощью HTML, CSS, Flash.
 Технология. HTML ,CSS , WEB-
программирование (JavaScript, PHP).
 Доставка. Скорость и безотказность доставки
сайта по сети Internet.
 Назначение. Причина, по которой сайт
существует.
Пирамида Web-дизайна
Сетевая среда
Компоненты сетевой среды
 Сторона сервера. Сюда входят аппаратное и программное
обеспечение Web-сервера, а также программные элементы и
встроенные технологии. Диапазон этих технологий простирается
от простых программ CGI, написанных на PERL, до комплексных
многозвенных приложений на основее PHP или Java; здесь же
учитываются прикладные технологии, например — серверы баз
данных, которые могут обеспечивать поддержку Web-сайта.
 Сторона клиента. Сторона клиента связана с Web-браузером и
поддерживаемыми им технологиями, такими как языки HTML, CSS
и JavaScript, элементы управления ActiveX и сменные модули
Netscape, которые используются для создания представления
страницы или обеспечения интерактивных функций.
 Сеть. Сеть характеризует различные элементы связности,
предназначенные для доставки Web-сайта пользователю. Такими
элементами могут быть различные сети в общедоступной части
сети Internet или частные соединения внутри корпорации, которые
зачастую называются внутренней сетью.
Типы Web-сайтов
 Отвлечённые классификации
 Информационные сайты
 Операционные сайты
Типы Web-сайтов
Классификация сайтов по обобщённым
категориям
 Информационные сайты
 Операционные сайты
 Сайты сообществ
 Развлекательные сайты
 Прочие сайты
Классификация сайтов по
принадлежности
 Коммерческие сайты
 Правительственные сайты
 Образовательные сайты
 Филантропические сайты
 Персональные сайты
Визуальные классификации
 Тексто-ориентированные
Визуальные классификации
 Сайты в стиле GUI
Визуальные классификации
 Метафорические сайты
Визуальные классификации
 Экспериментальные сайты
Более четкое определение Web-
дизайна
 Web-дизайн — это мультидисциплинарная
область деятельности, относящаяся к
планированию и производству Web-
сайтов, которое включает (но не
исчерпывается) техническую разработку,
структурирование информации,
визуальный дизайн и доставку по сети.
Основные вопросы Web-дизайна
 нужды дизайнера и чаяния пользователей;
 равновесие формы и функции;
 качество исполнения;
 соотношение традиции и новшества.
Дизайн, ориентированный на
пользователя
 Общепринятая ошибка, совершаемая при
Web-разработке, состоит в том, что
слишком часто сайты создаются скорее
для дизайнеров и удовлетворения их
нужд, чем для непосредственных
пользователей.
 Вы- не пользователь
 Пользователи не дизайнеры
Баланс формы и функции
 Обеспечьте связь внешнего вида сайта и его
назначения
 Исполнение сайта должно быть
безукоризненным или практически безупречным
 Выполняйте разработки для
среднестатистического пользователя, но
учитывайте различия
 Высказывайте должное уважение к
соглашениям, связанным с графическим
пользовательским интерфейсом
 Не существует никакого «правильного» WEB-
дизайна, подходящего для любого сайта

More Related Content

PPT
Api Hudaverdyan
PPTX
Идеальная веб страница
PDF
Ринат Ибрагимов - Региональное SEO: продвижение сайтов, созданных на  Drupal
PDF
«Проект усиления энергобезопасности, развития энергетики и энергоэффективност...
 
PPTX
Дизайн и юзабилити коммерческих сайтов
PPTX
3.2-1 Л. Мелисанде "Зеленый" экономический переход в энергетическом секторе К...
PDF
«Импортозамещающие абсорбционные тепловые насосы и холодильные машины»
 
PDF
ТЭК РОССИИ — 2015. Электроэнергетика.
Api Hudaverdyan
Идеальная веб страница
Ринат Ибрагимов - Региональное SEO: продвижение сайтов, созданных на  Drupal
«Проект усиления энергобезопасности, развития энергетики и энергоэффективност...
 
Дизайн и юзабилити коммерческих сайтов
3.2-1 Л. Мелисанде "Зеленый" экономический переход в энергетическом секторе К...
«Импортозамещающие абсорбционные тепловые насосы и холодильные машины»
 
ТЭК РОССИИ — 2015. Электроэнергетика.

Viewers also liked (20)

PDF
Seo проектирование сайта
PPTX
Отказоустойчивость веб-проекта: мониторинг, резервирование, обслуживание
PDF
Frigin ener sys_ekbpromo_voroneg
PDF
Cyber Bionics #iotconfua
PDF
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
PPTX
07 (Лунєв Є.) Высокотехнологическое оборудование для производства электроэнер...
PDF
Вероника Табакова. Дизайн сайтов. Бизнес-пирожки 2016
PPTX
энергетика таджикистана
PPTX
Андрей Уманский "10 ошибок тех, кто начинает продавать в интернете"
PPTX
Rest
PDF
«Договорные условия работы малой генерации на розничных рынках электрической ...
 
PPTX
Презентация 2.5.1.1 - Подраздел Система электроснабжения (ИОС1)
PPT
жанибек мухаметкалиев
PDF
Практическое руководство по оценке удобства использования сайта. Вебинар WebP...
PPTX
Sveto tunneli 03_11_2016 (1)
PPTX
Саканян Е.И. «Фармакопея стран ЕАЭС и Государственная фармакопея Российской Ф...
PDF
AzovDevMeetup 2016 | Сертификация ISTQB для QA инженера | Артём Кравченко
PDF
Энергетика сегодня. База для инноваций
PDF
Frigin enersys novosibirsk_ekbpromo
PPTX
полистирол Gpps novattro
Seo проектирование сайта
Отказоустойчивость веб-проекта: мониторинг, резервирование, обслуживание
Frigin ener sys_ekbpromo_voroneg
Cyber Bionics #iotconfua
Запуск мобильной версии сайта: разбор полетов (Надежда Маринчева, CoMagic)
07 (Лунєв Є.) Высокотехнологическое оборудование для производства электроэнер...
Вероника Табакова. Дизайн сайтов. Бизнес-пирожки 2016
энергетика таджикистана
Андрей Уманский "10 ошибок тех, кто начинает продавать в интернете"
Rest
«Договорные условия работы малой генерации на розничных рынках электрической ...
 
Презентация 2.5.1.1 - Подраздел Система электроснабжения (ИОС1)
жанибек мухаметкалиев
Практическое руководство по оценке удобства использования сайта. Вебинар WebP...
Sveto tunneli 03_11_2016 (1)
Саканян Е.И. «Фармакопея стран ЕАЭС и Государственная фармакопея Российской Ф...
AzovDevMeetup 2016 | Сертификация ISTQB для QA инженера | Артём Кравченко
Энергетика сегодня. База для инноваций
Frigin enersys novosibirsk_ekbpromo
полистирол Gpps novattro
Ad

Similar to Web дизайн (20)

PDF
Продвижение отраслевого сайта. Практикум
PPT
How to create a successful website? REX09
PPSX
Дизайн сайта как средство повышения его информативности. С. Добровольская.
PPT
Денис Дмитренко. О сайтах. VIS-A-VIS
PPT
Денис Дмитренко. О сайтах. VIS-A-VIS
PPTX
Dev
PDF
Seo and Marketing Requirements in Web Architecture
PPT
О сайтах мп и конструкторе сайтов
PPTX
Готовим сайты на 1С-Битрикс
PPT
Управление сайтом
PDF
Обзор возможностей IBM WebSphere Portal v8
PDF
Дизайн, разработка веб-сайтов и веб-приложений
PPTX
SEO продвижение
PPT
Управляем сайтом: Быстро. Просто. Эффективно.
PPT
Microsoft Office Share Point Server 20072
PPTX
1С-Битрикс» - платформа для создания и управления корпоративным сайтом
PPTX
Reklaman - to - Translate center
PPTX
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
PPT
Loyalty program for bank
PPT
1С-Битрикс: От Старта к Большому бизнесу
Продвижение отраслевого сайта. Практикум
How to create a successful website? REX09
Дизайн сайта как средство повышения его информативности. С. Добровольская.
Денис Дмитренко. О сайтах. VIS-A-VIS
Денис Дмитренко. О сайтах. VIS-A-VIS
Dev
Seo and Marketing Requirements in Web Architecture
О сайтах мп и конструкторе сайтов
Готовим сайты на 1С-Битрикс
Управление сайтом
Обзор возможностей IBM WebSphere Portal v8
Дизайн, разработка веб-сайтов и веб-приложений
SEO продвижение
Управляем сайтом: Быстро. Просто. Эффективно.
Microsoft Office Share Point Server 20072
1С-Битрикс» - платформа для создания и управления корпоративным сайтом
Reklaman - to - Translate center
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнеса
Loyalty program for bank
1С-Битрикс: От Старта к Большому бизнесу
Ad

Web дизайн

  • 2. Что такое Web-дизайн?  Содержимое. Сюда входят форма и организация содержимого сайта.  Зрительные образы. Это относится к компоновке экранного пространства на сайте. Создается с помощью HTML, CSS, Flash.  Технология. HTML ,CSS , WEB- программирование (JavaScript, PHP).  Доставка. Скорость и безотказность доставки сайта по сети Internet.  Назначение. Причина, по которой сайт существует.
  • 5. Компоненты сетевой среды  Сторона сервера. Сюда входят аппаратное и программное обеспечение Web-сервера, а также программные элементы и встроенные технологии. Диапазон этих технологий простирается от простых программ CGI, написанных на PERL, до комплексных многозвенных приложений на основее PHP или Java; здесь же учитываются прикладные технологии, например — серверы баз данных, которые могут обеспечивать поддержку Web-сайта.  Сторона клиента. Сторона клиента связана с Web-браузером и поддерживаемыми им технологиями, такими как языки HTML, CSS и JavaScript, элементы управления ActiveX и сменные модули Netscape, которые используются для создания представления страницы или обеспечения интерактивных функций.  Сеть. Сеть характеризует различные элементы связности, предназначенные для доставки Web-сайта пользователю. Такими элементами могут быть различные сети в общедоступной части сети Internet или частные соединения внутри корпорации, которые зачастую называются внутренней сетью.
  • 6. Типы Web-сайтов  Отвлечённые классификации  Информационные сайты  Операционные сайты
  • 8. Классификация сайтов по обобщённым категориям  Информационные сайты  Операционные сайты  Сайты сообществ  Развлекательные сайты  Прочие сайты
  • 9. Классификация сайтов по принадлежности  Коммерческие сайты  Правительственные сайты  Образовательные сайты  Филантропические сайты  Персональные сайты
  • 14. Более четкое определение Web- дизайна  Web-дизайн — это мультидисциплинарная область деятельности, относящаяся к планированию и производству Web- сайтов, которое включает (но не исчерпывается) техническую разработку, структурирование информации, визуальный дизайн и доставку по сети.
  • 15. Основные вопросы Web-дизайна  нужды дизайнера и чаяния пользователей;  равновесие формы и функции;  качество исполнения;  соотношение традиции и новшества.
  • 16. Дизайн, ориентированный на пользователя  Общепринятая ошибка, совершаемая при Web-разработке, состоит в том, что слишком часто сайты создаются скорее для дизайнеров и удовлетворения их нужд, чем для непосредственных пользователей.  Вы- не пользователь  Пользователи не дизайнеры
  • 17. Баланс формы и функции  Обеспечьте связь внешнего вида сайта и его назначения  Исполнение сайта должно быть безукоризненным или практически безупречным  Выполняйте разработки для среднестатистического пользователя, но учитывайте различия  Высказывайте должное уважение к соглашениям, связанным с графическим пользовательским интерфейсом  Не существует никакого «правильного» WEB- дизайна, подходящего для любого сайта