Как создать свой сайт?

Я думаю, эту тему вообще поднимать не имеет смысла, так как кому надо, те уже либо создали, либо уже знают как.. Да и в интернете полным-полно информации на эту тему. Но собственно, всё равно находятся люди, кому интересно как это вообще происходит, не вдаваясь в подробности. Для чего же я и веду этот блог? Разъяснить простыми словами, поверхностно те темы, которые мне интересны.

Поэтому сегодня мы рассмотрим такую тему, как создание своего сайта.

Для начала, нам нужно определится, для чего он нам нужен? Это будет форум, на котором люди будут создавать темы и дискутировать? Сайт-визитка, состоящий из 1-2 страниц, на котором будет только основная информация и какие то ссылки/адреса/телефоны? Или блог, как этот.. Может интрнет-магазин? Файлообменник, с которого люди будут скачивать или загружать файлы. Социальная сеть или что либо еще…

Собственно не важно какая тематика сайта будет, в любом случае нам нужен домен и хостинг.

Хостинг — это место в интернете, где будет находится наш сайт. Своеобразная «флешка», на которую может зайти любой человек из любой точки мира. Туда мы и будем загружать файлы и сам сайт. Хостинги бывают платными, бывают бесплатными.
Бесплатные хостинги обычно ограничены объёмом и возможностями.

Домен — это адрес сайта, по которому все, в том числе и мы будем попадать на этот сайт. То есть то, что мы вводим в адресной строке, что бы перейти на сайт.

Собственно для сайта-визитки нам многого не надо: можно использовать бесплатный хостинг и домен. Почему? Потому что сайт не много будет занимать места в интернете, нам не понадобятся какие-либо возможности для быстрого редактирования сайта или добавления новой страницы/записи. Мы его один раз сделали, и он не меняется, пока не сменится телефон или адрес лица. А так же, нам не понадобятся такие возможности, как регистрация на сайте или же какие то формы для заполнения, скрипты. Максимум, чем мы будем пользоваться — это JS скрипты, для красоты: например, красивая анимация при переходе на сайт или при наведении курсора мышки на какой-либо участок сайта.

В таком случае, я рекомендую присмотреться к бесплатному хостингу и домену на free.1gb.ru — он дает аж на 5 лет: 1 гигабайт места в интернете (для сайта более чем) и простое доменное имя, оканчивающееся на «.ru». Но при этом, есть множество ограничений, например: не работают php-скрипты, нет mysql баз данных. Но собственно это нам и не нужно. Нам нужна лишь поддержка html, css-стилей и js.

Можно самим написать сайт, в блокноте например, на языке HTML, но проще выбрать красивый шаблон html5 сайта на этом сервисе, или загуглив «шаблоны html5».

На сервисе, приведенном ниже, можно выбрать нужный шаблон и либо посмотреть как он смотрится, либо скачать.

https://html5up.net

Давайте же загрузим его и закинем на хостинг!

загрузили

Сразу наш сайт преобразился в тот, что из примера

главная страница

Мы можем открыть файл index.html и отредактировать его:

Редактировать или добавить/удалить строчки кода:

Так же можно вставить гиперссылки, музыку, фото. Либо же сделать несколько страниц, например с описанием товара или чего то другого. Можно полностью переделать сайт

Другой шаблон
Старая версия сайта rgbcorp

Собственно хватит с html5, если нужно что то серьезнее, то ищем движок сайта. Например joomla или wordpress, создаем базу данных MySQL в админ-панели вашего хостинг-провайзера, скидываем файлы в корень созданного сайта, и устанавливаем.
Обычно, для установки следует либо перейти на главную страницу сайта, либо прочитать инструкцию, с движком.

Выбор языка Wordpres
Установка WordPress


Для такого сайта, уже требуется поддержка php и баз данных. Поэтому стоит присмотреться к другим бесплатным или платным хостингам. Можно попробовать бесплатно тут. Раньше я постоянно оформлял бесплатный период. Но теперь использую хостинг jino, так как он очень дешевый и удобный. Имеет все необходимые функции.

Все настройки и редактирование сайта тут уже ведется из админ-панели:

Редактирование блоков

Из админ-панели можно выбрать тему, изменить её, установить и настроить нужные плагины. Посмотреть/редактировать страницы сайта, содержание, комментарии.

Админ-панель

Например, если нам нужен интернет-магазин, нам нужны плагины: Карусель баннеров, для постоянной прокрутки «горячих предложений», корзина, для оформления заказа, меню с категориями и т.д. Установить плагины можно вбив название или описание и нажав кнопку установить. Затем настроить как нужно вам (например, добавить в карусель картинки, выбрать их количество).

Страница поиска плагинов

Собственно, с другими сайтами — по аналогии. Только искать нужно разные движки: Форума, файлообменника, фото-галереи, видеотеки, соц.сети. Ну и естественно настроить и отредактировать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *