Слайд 2
![Этапы создания сайта Определение для чего нужен сайт и его](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-1.jpg)
Этапы создания сайта
Определение для чего нужен сайт и его целевую аудиторию.
Создание
макета сайта (наброски сайта на бумаге или mockup).
Создание сбалансированного дизайна.
Верстка страниц сайта
Разработка кода клиентской и серверной стороны сайта
Размещение сайта на хостинге (в сети Интернет)
Оптимизация и продвижение сайта
Администрирование сайта
Слайд 3
![Цели создания сайтов и их виды](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-2.jpg)
Цели создания сайтов и их виды
Слайд 4
![Другие классификации сайтов 1. По цели создания: Коммерческий Некоммерческий 2.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-3.jpg)
Другие классификации сайтов
1. По цели создания:
Коммерческий
Некоммерческий
2. По доступности:
Открытые – доступные всем
посетителям.
Полуоткрытые – для просмотра нужна регистрация на сайте.
Закрытые – доступен только администраторам сайта и некоторым посетителям.
4. По сложности исполнения и стилю:
Статический
Динамический
5. По типам макетов:
Фиксированной ширины (размеры сайта имеют точное значения)
Резиновый макет (значения ширины задается в % и зависит от разрешения экрана)
Слайд 5
![Целевая аудитория пол, место жительства, возраст, семейное положение, образование, занятость, финансовый статус, социальный статус и др.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-4.jpg)
Целевая аудитория
пол,
место жительства,
возраст,
семейное положение,
образование,
занятость,
финансовый статус,
социальный статус
и др.
Слайд 6
![Создание макета (наброска) сайта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-5.jpg)
Создание макета (наброска) сайта
Слайд 7
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-6.jpg)
Слайд 8
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-7.jpg)
Слайд 9
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-8.jpg)
Слайд 10
![Еще примеры макетов http://www.ms-net.ru/portfolio/web/fresh/creation/ https://all-psd.ru/site-templates/ http://www.artlebedev.ru/everything/web/ https://adv.ru/portfolio/ http://articulmedia.ru/projects/all/ http://www.aic.ru/work/site/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-9.jpg)
Еще примеры макетов
http://www.ms-net.ru/portfolio/web/fresh/creation/
https://all-psd.ru/site-templates/
http://www.artlebedev.ru/everything/web/
https://adv.ru/portfolio/
http://articulmedia.ru/projects/all/
http://www.aic.ru/work/site/
Слайд 11
![Пилотный проект (startup) Для этого есть конструкторы сайтов: http://uguide.ru/rejting-luchshij-konstruktor-sajtov-runeta http://www.bestsitebuilders.ru/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-10.jpg)
Пилотный проект (startup)
Для этого есть конструкторы сайтов:
http://uguide.ru/rejting-luchshij-konstruktor-sajtov-runeta
http://www.bestsitebuilders.ru/
Слайд 12
![Конструктор WIX Видео-урок по wix http://www.youtube.com/watch?v=uA_efSY7d70](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-11.jpg)
Конструктор WIX
Видео-урок по wix
http://www.youtube.com/watch?v=uA_efSY7d70
Слайд 13
![ПОЛЕЗНЫЕ СЕРВИСЫ](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-12.jpg)
Слайд 14
![Цвета - paletton.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-13.jpg)
Слайд 15
![Фотобанки bluevertigo.com.ar/ - список всех (ну или почти всех) фотобанков](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-14.jpg)
Фотобанки
bluevertigo.com.ar/ - список всех (ну или почти всех) фотобанков
Слайд 16
![Иконки - www.iconfinder.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/104712/slide-15.jpg)
Иконки - www.iconfinder.com