Indieweb

Indieweb - способ самовыражения через создание личных сайтов. В отличии от художников, поэтов и прочих талантливых людей, web энтузиасты создают свои уникальные сайты, на которые добавляют уникальный контент. Традиция отсылает к временам Web 1.0, когда многие первые пользователи интернета покупали домен и создавали личный сайт.

Пример сайта indiewebщика

Суть творчества

Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому) код для сайта.

Домен

Это, пожалуй самая дорогая часть разработки Indie-web сайта. Тут существует 2 пути - покупка своего домена за 9000 золота, или покупка бесплатного домена. Глобально домены делятся на 3 группы: gTLD (общие домены, такие как .com, .net, .org и прочие), ccTLD (домены стран мира), sTLD (домены частных организаций). Обычно самыми дорогими оказываются домены из первой группы (цены начинаются от 20$), домены из второй и третьей группы стоят примерно одинаково (цены начинаются от 2-3$). Кроме этого, есть цена продления домена, которая может быть больше цены регистрации в несколько раз.

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

Хостинг

Хостинг - это компьютер на котором расположен web-сервер, отдающий ваши html и css документы получателю. Тут есть 3 пути как найти хостинг.

1) Хостинг на своем ПК. Процесс настройка заключается в установке какого-нибудь дистрибутива Linux, настройки Nginx/Apache и в подключении домена. Плюсы это отсутствие платы за услуги хостинга, относительная дешевизна web-сервера при условии работы сайта на протяжении нескольких лет. Минусы это нестабильность работы домашнего интернета, нестабильность работы сети (мама вынула чтото из розетки и сайт пал).

2) Платный хостинг. Самый адекватный вариант при наличии денег. Суть настройки заключается в аренде VPS/VDS-сервера, все остальные действия повторяются с первым пунктом. Если у вас маленький проект, то лучше купить VPS, если большой то VDS. Цены на услуги аренды начинаются от 2-3$.

3) Бесплатный хостинг. Все тоже самое что платный хостинг, только с отсутствием оплаты. Предлагает обычно малые мощности сервера, а также отличается от платного меньшей долговечностью (бывает что маленькие хостинги закрываются или изменяют тариф на платный). Перечень таких хостингов есть в соответствующей статье.

Создание Web-страниц

Любой адекватный современный сайт состоит из 2х или 3х главных частей: HTML-разметки, CSS-стилей и JS-кода.

HTML-разметка. Это файл расширения .html, который содержит набор вложенных тегов с разной информацией. Без него не может существовать Web-сайт как таковой.

CSS-стили. Это файл расширения .css, в котором представлена информация о стилях в формате каскадной таблицы.Также css-разметка может быть описана в самом HTML-файле, или даже в его тегах.

JS-код. Это файл расширения .js в котором описан код страницы, исполняемый на стороне браузера. Наличие этих файлов не является обязательным условием, так как они добавляют на страницу визуальные эффекты, связь с сервером и прочий функционал.

Конструкторы сайтов

Это альтернативный вариант создания веб-сайта, посредством "визуального" добавления компонентов сайта. Используется в основном детьми и просто глупыми людьми которым лень создать свой уникальный Web-сайт. В итоге такие сайты выглядят в половине случает не оригинально, в другом варианте просто уродливо (привет Ucoz).