Содержание
1. Что нужно для работы сайта?
2. Хостинг
3. Разработка на CMS площадках
4. Создание сайта с нуля
5. Создание статичной страницы
6. Создание динамики на странице
7. Загрузка контента на сервер
Что нужно для работы сайта?
Домен – это имя сайта, оно должно быть уникальным. Для регистрации своего собственного домена нужно обратится к специальным организациям. В каждой из них будет установлена стоимость аренды домена за определённое количество времени.
Хостинг
Хост – это удаленный компьютер, на котором круглосуточно работает ваш сайт. Как и с доменом нужно арендовать место на сервере, цены указаны за определенный промежуток времени.
Создание страницы
Создать страницу и сайт можно несколькими способами:
Разработка на CMS площадках
Самым быстрым способом создать сайт является создание сайта с использованием CMS. Так как CMS берёт на себя большую часть back-end’a.
Для создания сайта с помощью CMS, достаточно быть начинающим разработчиком и иметь начальные знания HTML, CSS, PHP. Самым популярным CMS является WordPress, на этой платформе есть более четырёх тысяч бесплатных готовых тем и более сорока пяти тысяч плагинов.
Согласно собранным данным WordPress используется в подавляющем большинстве различных блогов и небольших сайтах.
Создание сайта с нуля
Это весьма более трудоёмкий процесс и новичку он с большей долей вероятности окажется непосильным. Для разработки сайта с нуля потребуются знания HTML, CSS, JS, MYSQL. Так же для удобства кодирования рекомендуется скачать IDE Visual Studio Code. Так же необходимо наличие макета, если его нет, то потребуется его сделать. Без наличия макета работа получится затянутой и не отлаженной. При создании своего первого макета если вы не очень креативны посмотрите различные сайты подходящий под ваш уровень. После этого можно будет взять какие-то идеи и реализовать их в своём проекте. Создавать проект лучше всего в Figma, так как сейчас эта программа набирает обороты популярности и активно заменяет фотошоп при создании макетов сайтов.
Создание статичной страницы
Этот этап подразумевает перевод дизайна из макета в фигме в HTML/CSS код, который будет соответствовать макету (не обязательно «pixel perfect» если не стоит такой задачи). Это одна из самых лёгких частей разработки сайта.
Создание динамики на странице
Для создания динамики понадобиться использовать JQuery и JS. Если у вас простенькие странички то вероятнее всего с помощью JQuery будет реализован слайдер, форма авторизации и любая другая.
Загрузка контента на сервер
Установите FTP-клиент на свое устройство и подключите его к вашему серверу с помощью учетной записи FTP. После успешного подключения скопируйте все локальные файлы в корень вашего веб-каталога.