Как можно научиться писать сайты? И можно ли вообще в домашних условиях? Что из себя представляет процесс написание сайтов?
Стоит начать с того, что сайты подразделяются на два больших типа: динамические и статические. Основное различие между которыми состоит в способе хранения информации на хостинге.
Статический сайт хранит на хостинге готовые html страницы, которые отдаются в браузер при ответе на его запрос.
С динамическим сайтом все происходит немного иначе. На хостинге хранятся шаблоны станиц, а все данные лежат в базе данных. При запросе интернет браузера из базы данных отдается содержимое определенной страницы, которое помещается в соответствующий шаблон. Страница собирается «на лету» и отдается в браузер для отображения.
По своей сути любой сайт представляет из себя набор html страниц, которые могут храниться на хостинге в готовом виде или формироваться из базы данных «на лету».
Этапы создания сайта
Структура
Для начала нужно определиться с тематикой сайта, после этого нужно продумать структуру будущего сайта.
Когда схематически определена структура сайта и его основные блоки, переходят к разработке дизайна основных страниц сайта. Для небольшого сайта с простой структурой обычно разрабатывают 3-4 шаблона основных страниц:
· главная;
· категории;
· страница поста;
· контакты
Дизайн
В графическом редакторе, например, Adobe Photoshop, происходит создание графического дизайна шаблонов основных страниц. На этом этапе подбирается цветовая схема сайта, основные шрифты и графика. Рисуется шапка сайта, подвал, основные баннеры и логотип. Очень удобно рисовать шаблоны используя систему сеток Bootstrap.
Верстка
Разработанный и согласованный дизайн шаблонов основных страниц необходимо перевести в html код, данный этап разработки сайта называется версткой. На данном этапе нарезаются изображения, создается html код страницы с подключением css стилей. Во время верстки в шаблоны страниц могут внедряться пользовательские скрипты на языке javascript и подключаться различные библиотеки и фреймворки. Самыми популярными на сегодняшний день являются библиотека jQuery и фреймворк Bootstrap.
Программирование
После этапа верстки сайта, наступает этап программирования, когда полученную верстку «сажают на движок». На деле это выглядит, как внедрение кода определенного языка программирования (PHP, Python, Liquid) в шаблоны, полученные на предыдущем этапе. После этого этапа при запросе браузера, сервер будет отдавать данные из базы данных помещенные в шаблоны, которые были сверстаны.
Загрузка на хостинг
Окончательным этапом разработки сайта, является его загрузка на хостинг. Это происходит при помощи встроенного файлового менеджера хостинга или через ftp-подключения.
После загрузки сайта на хостинг, он становится доступным всем пользователям всемирной сети.