Indieweb: различия между версиями
Zaraz7 (обсуждение | вклад) Нет описания правки |
Zaraz7 (обсуждение | вклад) |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
Indie web (Smallweb) - способ самовыражения через создание личных сайтов. В отличии от художников, поэтов и прочих талантливых людей, web энтузиасты создают свои уникальные сайты, на которые добавляют уникальный контент. Традиция отсылает к временам Web 1.0, когда многие первые пользователи интернета покупали домен и создавали личный сайт. | |||
[[Файл:Zaraz.png|без|мини|368x368пкс|Пример сайта indiewebщика]] | |||
[[Файл: | |||
== Суть творчества == | == Суть творчества == | ||
Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому) код для сайта. | |||
Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому) | |||
код для сайта. | |||
=== Домен === | === Домен === | ||
Это, пожалуй самая дорогая часть разработки Indie-web сайта. Тут существует 2 пути - покупка своего домена за 9000 золота, или покупка бесплатного домена. Глобально домены делятся на 3 группы: gTLD (общие домены, такие как .com, .net, .org и прочие), ccTLD (домены стран мира), sTLD (домены частных организаций). Обычно самыми дорогими оказываются домены из первой группы (цены начинаются от 20$), домены из второй и третьей группы стоят примерно одинаково (цены начинаются от 2-3$). Кроме этого, есть цена продления домена, которая может быть больше цены регистрации в несколько раз. | Это, пожалуй самая дорогая часть разработки 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-страниц === | === Создание Web-страниц === | ||
Любой адекватный современный сайт состоит из 2х или 3х главных частей: HTML-разметки, CSS-стилей и JS-кода. | |||
HTML-разметка. Это файл расширения .html, который содержит набор вложенных тегов с разной информацией. Без него не может существовать Web-сайт как таковой. | |||
CSS-стили. Это файл расширения .css, в котором представлена информация о стилях в формате каскадной таблицы.Также css-разметка может быть описана в самом HTML-файле, или даже в его тегах. | |||
JS-код. Это файл расширения .js в котором описан код страницы, исполняемый на стороне браузера. Наличие этих файлов не является обязательным условием, так как они добавляют на страницу визуальные эффекты, связь с сервером и прочий функционал. | |||
=== Конструкторы сайтов === | |||
Это [[Бесплатное Создание Сайтов#Конструкторы Сайтов|альтернативный вариант]] создания веб-сайта, посредством "визуального" добавления компонентов сайта. Используется в основном детьми и просто глупыми людьми которым лень создать свой уникальный Web-сайт. В итоге такие сайты выглядят в половине случает не оригинально, в другом варианте просто уродливо (привет Ucoz). | |||
== Ответвления == | |||
Вокруг индивеба есть некоторые путаницы с терминологии. Связано это с разными ответвлениями от основного течения и их схожими названиями. | |||
=== | === SmallWeb === | ||
SmallWeb — широкое понятие, в которое входит всё описанное ранее. Называется так в противопоставление Big Web — централизованному интернету крупных платформ вроде Google, Facebook и других корпораций<ref>[https://ar.al/2020/08/07/what-is-the-small-web/ Aral Balkan: What is the Small Web?]</ref>. | |||
=== | === smolweb === | ||
— это прежде установка именно на то, чтобы страницы были маленькими и лёгкими (скажем, уложиться в 100 Кб или даже в один RTT, который обычно чуть меньше 14 Кб)<ref>[https://smolweb.org/ About smolweb]</ref>. | |||
=== IndieWeb === | |||
IndieWeb — определенное, хоть и расплывчатое комьюнити<ref>[https://indieweb.org/ Официальный сайт IndieWeb]</ref>. Начинается там, где добавляются [[Технологии Indieweb|протоколы взаимодействия]] между такими же сайтами (хотя бы тот же WebMention или разметка в h-feed). То есть по сути, шаги в сторону децентрализованной соцсети, где у каждого пользователя есть свой отдельный домен. Подход продвинутый и даже для некоторых, если не для многих — слишком<ref>[https://so1o.xyz/blog/3-body-problem So1o: IndieWeb’s 3 Body Problem]</ref>. | |||
= Источники = | = Источники = | ||
Текущая версия от 13:41, 31 августа 2026
Indie web (Smallweb) - способ самовыражения через создание личных сайтов. В отличии от художников, поэтов и прочих талантливых людей, web энтузиасты создают свои уникальные сайты, на которые добавляют уникальный контент. Традиция отсылает к временам Web 1.0, когда многие первые пользователи интернета покупали домен и создавали личный сайт.
Суть творчества
Для того, чтобы создать свой первый рабочий 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).
Ответвления
Вокруг индивеба есть некоторые путаницы с терминологии. Связано это с разными ответвлениями от основного течения и их схожими названиями.
SmallWeb
SmallWeb — широкое понятие, в которое входит всё описанное ранее. Называется так в противопоставление Big Web — централизованному интернету крупных платформ вроде Google, Facebook и других корпораций[1].
smolweb
— это прежде установка именно на то, чтобы страницы были маленькими и лёгкими (скажем, уложиться в 100 Кб или даже в один RTT, который обычно чуть меньше 14 Кб)[2].
IndieWeb
IndieWeb — определенное, хоть и расплывчатое комьюнити[3]. Начинается там, где добавляются протоколы взаимодействия между такими же сайтами (хотя бы тот же WebMention или разметка в h-feed). То есть по сути, шаги в сторону децентрализованной соцсети, где у каждого пользователя есть свой отдельный домен. Подход продвинутый и даже для некоторых, если не для многих — слишком[4].