Слайд 2
![Веб-дизайн — отрасль веб-разработки и разновидность дизайна, в задачи которой](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-1.jpg)
Веб-дизайн — отрасль веб-разработки и разновидность дизайна, в задачи которой
входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.
Слайд 3
![Веб-дизайнеры проектируют логическую структуру веб-страниц, продумывают наиболее удобные решения подачи](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-2.jpg)
Веб-дизайнеры проектируют логическую структуру веб-страниц, продумывают наиболее удобные решения подачи
информации, а также занимаются художественным оформлением веб-проекта.
Слайд 4
![Этапы проектирования 1. Дизайн основной и типовых страниц сайта Начинается](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-3.jpg)
Этапы проектирования
1. Дизайн основной и типовых страниц сайта
Начинается работа с
создания дизайна, обычно в графическом редакторе. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции).
Дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.
Слайд 5
![2. HTML-верстка Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-4.jpg)
2. HTML-верстка
Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на
отдельные рисунки, из которых впоследствии складывает html-страницу.
Слайд 6
![3. Программирование Далее готовые HTML-файлы передают программисту. Программирование сайта может](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-5.jpg)
3. Программирование
Далее готовые HTML-файлы передают программисту. Программирование сайта может осуществляться
как «с нуля», так и на основе CMS — системы управления сайтом.
Слайд 7
![4. Тестирование. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-6.jpg)
4. Тестирование.
Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно
в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.
Слайд 8
![5. Размещение сайта в сети Интернет Файлы сайта размещают на](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-7.jpg)
5. Размещение сайта в сети Интернет
Файлы сайта размещают на сервере
провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.
Слайд 9
![6. Наполнение контентом и публикация Сайт наполняют контентом — текстами,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-8.jpg)
6. Наполнение контентом и публикация
Сайт наполняют контентом — текстами, изображениями, файлами
для скачивания и т. д. Иногда тексты составляются специалистом студии, иногда контентом занимается ответственное лицо со стороны заказчика. Это решается на этапе составления технического задания.
Слайд 10
![7. Внутренняя и внешняя SEO-оптимизация. Поисковая оптимизация (search engine optimization,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-9.jpg)
7. Внутренняя и внешняя SEO-оптимизация.
Поисковая оптимизация (search engine optimization,
SEO) — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. Обычно, чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем.
Слайд 11
![Дизайн веб-страниц должен быть простым, а текст - убедительным. При](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-10.jpg)
Дизайн веб-страниц должен быть простым, а текст - убедительным.
При создании сайта
следует придерживаться следующих принципов:
простота и наглядность навигации
минимум графических изысков
спокойная цветовая гамма
достаточно крупные и легко читаемые шрифты
Слайд 12
![Основные тенденции веб-дизайна Акцент на большие логотипы в шапке сайта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-11.jpg)
Основные тенденции веб-дизайна
Акцент на большие логотипы в шапке сайта
Просмотр картинок
Использование анимации
Отказ
от звуковых эффектов
Журнальные макеты
Размещение рекламы
Преобладание светлых тонов
Названия сайтов на кириллице
Слайд 13
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-12.jpg)
Слайд 14
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-13.jpg)
Слайд 15
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-14.jpg)
Слайд 16
![Отказ от звуковых эффектов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-15.jpg)
Отказ от звуковых эффектов
Слайд 17
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-16.jpg)
Слайд 18
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-17.jpg)
Слайд 19
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-18.jpg)
Слайд 20
![Сайты с доменными именами на кириллице](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13548/slide-19.jpg)
Сайты с доменными именами на кириллице