http://wiki.lainlife.ru/index.php?action=history&feed=atom&title=Indieweb 2026-05-20T13:55:59Z История изменений этой страницы в вики MediaWiki 1.45.2 http://wiki.lainlife.ru/index.php?title=Indieweb&diff=605&oldid=prev 2026-04-14T08:54:54Z

<p>Добавил ссылки на статью о бесплатном создании сайтов</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 08:54, 14 апреля 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Строка 6:</td> <td colspan="2" class="diff-lineno">Строка 6:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому)  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому)  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>код для сайта.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>код для сайта. <ins style="font-weight: bold; text-decoration: none;"> </ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Домен ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Домен ===</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Строка 12:</td> <td colspan="2" class="diff-lineno">Строка 12:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Это, пожалуй самая дорогая часть разработки Indie-web сайта. Тут существует 2 пути - покупка своего домена за 9000 золота, или покупка бесплатного домена. Глобально домены делятся на 3 группы: gTLD (общие домены, такие как .com, .net, .org и прочие), ccTLD (домены стран мира), sTLD (домены частных организаций). Обычно самыми дорогими оказываются домены из первой группы (цены начинаются от 20$), домены из второй и третьей группы стоят примерно одинаково (цены начинаются от 2-3$). Кроме этого, есть цена продления домена, которая может быть больше цены регистрации в несколько раз.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Это, пожалуй самая дорогая часть разработки Indie-web сайта. Тут существует 2 пути - покупка своего домена за 9000 золота, или покупка бесплатного домена. Глобально домены делятся на 3 группы: gTLD (общие домены, такие как .com, .net, .org и прочие), ccTLD (домены стран мира), sTLD (домены частных организаций). Обычно самыми дорогими оказываются домены из первой группы (цены начинаются от 20$), домены из второй и третьей группы стоят примерно одинаково (цены начинаются от 2-3$). Кроме этого, есть цена продления домена, которая может быть больше цены регистрации в несколько раз.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Если вы не имеете золота в кармане для покупки домена мечты, есть варианты регистрации бесплатного домена, про такие сайты уже есть статья.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Если вы не имеете золота в кармане для покупки домена мечты, есть варианты регистрации бесплатного домена, про такие сайты уже есть <ins style="font-weight: bold; text-decoration: none;">[[Бесплатное_Создание_Сайтов#Бесплатные_саб-домены|</ins>статья<ins style="font-weight: bold; text-decoration: none;">]]</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Хостинг ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Хостинг ===</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22">Строка 22:</td> <td colspan="2" class="diff-lineno">Строка 22:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>2) Платный хостинг. Самый адекватный вариант при наличии денег. Суть настройки заключается в аренде VPS/VDS-сервера, все остальные действия повторяются с первым пунктом. Если у вас маленький проект, то лучше купить VPS, если большой то VDS. Цены на услуги аренды начинаются от 2-3$.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>2) Платный хостинг. Самый адекватный вариант при наличии денег. Суть настройки заключается в аренде VPS/VDS-сервера, все остальные действия повторяются с первым пунктом. Если у вас маленький проект, то лучше купить VPS, если большой то VDS. Цены на услуги аренды начинаются от 2-3$.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>3) Бесплатный хостинг. Все тоже самое что платный хостинг, только с отсутствием оплаты. Предлагает обычно малые мощности сервера, а также отличается от платного меньшей долговечностью (бывает что маленькие хостинги закрываются или изменяют тариф на платный). Перечень таких хостингов есть в соответствующей статье.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>3) Бесплатный хостинг. Все тоже самое что платный хостинг, только с отсутствием оплаты. Предлагает обычно малые мощности сервера, а также отличается от платного меньшей долговечностью (бывает что маленькие хостинги закрываются или изменяют тариф на платный). Перечень таких хостингов есть в соответствующей <ins style="font-weight: bold; text-decoration: none;">[[Бесплатное_Создание_Сайтов#Бесплатные_Хостинги|</ins>статье<ins style="font-weight: bold; text-decoration: none;">]]</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Создание Web-страниц ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Создание Web-страниц ===</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Строка 36:</td> <td colspan="2" class="diff-lineno">Строка 34:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Конструкторы сайтов ===  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Конструкторы сайтов ===  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Это альтернативный вариант создания веб-сайта, посредством "визуального" добавления компонентов сайта. Используется в основном детьми и просто глупыми людьми которым лень создать свой уникальный Web-сайт. В итоге такие сайты выглядят в половине случает не оригинально, в другом варианте просто уродливо (привет Ucoz).</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Это <ins style="font-weight: bold; text-decoration: none;">[[Бесплатное_Создание_Сайтов#Конструкторы_Сайтов|</ins>альтернативный вариант<ins style="font-weight: bold; text-decoration: none;">]] </ins>создания веб-сайта, посредством "визуального" добавления компонентов сайта. Используется в основном детьми и просто глупыми людьми которым лень создать свой уникальный Web-сайт. В итоге такие сайты выглядят в половине случает не оригинально, в другом варианте просто уродливо (привет Ucoz).</div></td></tr> </table>

Zaraz7 http://wiki.lainlife.ru/index.php?title=Indieweb&diff=597&oldid=prev 2026-04-11T13:42:42Z

<p>Новая страница: «Indieweb - способ самовыражения через создание личных сайтов. В отличии от художников, поэтов и прочих талантливых людей, web энтузиасты создают свои уникальные сайты, на которые добавляют уникальный контент. Традиция отсылает к временам Web 1.0, когда многие п...»</p> <p><b>Новая страница</b></p><div>Indieweb - способ самовыражения через создание личных сайтов. В отличии от художников, поэтов и прочих талантливых людей, web энтузиасты создают свои уникальные сайты, на которые добавляют уникальный контент. Традиция отсылает к временам Web 1.0, когда многие первые пользователи интернета покупали домен и создавали личный сайт.<br /> <br /> [[Файл:zaraz.png|без|мини|Пример сайта indiewebщика|368x368пкс]]<br /> <br /> == Суть творчества ==<br /> <br /> Для того, чтобы создать свой первый рабочий indieweb сайт, потребуется найти домен, хостинг и написать (самому) <br /> код для сайта. <br /> <br /> === Домен ===<br /> <br /> Это, пожалуй самая дорогая часть разработки Indie-web сайта. Тут существует 2 пути - покупка своего домена за 9000 золота, или покупка бесплатного домена. Глобально домены делятся на 3 группы: gTLD (общие домены, такие как .com, .net, .org и прочие), ccTLD (домены стран мира), sTLD (домены частных организаций). Обычно самыми дорогими оказываются домены из первой группы (цены начинаются от 20$), домены из второй и третьей группы стоят примерно одинаково (цены начинаются от 2-3$). Кроме этого, есть цена продления домена, которая может быть больше цены регистрации в несколько раз.<br /> <br /> Если вы не имеете золота в кармане для покупки домена мечты, есть варианты регистрации бесплатного домена, про такие сайты уже есть статья.<br /> <br /> === Хостинг ===<br /> <br /> Хостинг - это компьютер на котором расположен web-сервер, отдающий ваши html и css документы получателю. Тут есть 3 пути как найти хостинг. <br /> <br /> 1) Хостинг на своем ПК. Процесс настройка заключается в установке какого-нибудь дистрибутива Linux, настройки Nginx/Apache и в подключении домена. Плюсы это отсутствие платы за услуги хостинга, относительная дешевизна web-сервера при условии работы сайта на протяжении нескольких лет. Минусы это нестабильность работы домашнего интернета, нестабильность работы сети (мама вынула чтото из розетки и сайт пал). <br /> <br /> 2) Платный хостинг. Самый адекватный вариант при наличии денег. Суть настройки заключается в аренде VPS/VDS-сервера, все остальные действия повторяются с первым пунктом. Если у вас маленький проект, то лучше купить VPS, если большой то VDS. Цены на услуги аренды начинаются от 2-3$. <br /> <br /> 3) Бесплатный хостинг. Все тоже самое что платный хостинг, только с отсутствием оплаты. Предлагает обычно малые мощности сервера, а также отличается от платного меньшей долговечностью (бывает что маленькие хостинги закрываются или изменяют тариф на платный). Перечень таких хостингов есть в соответствующей статье.<br /> <br /> <br /> === Создание Web-страниц ===<br /> <br /> Любой адекватный современный сайт состоит из 2х или 3х главных частей: HTML-разметки, CSS-стилей и JS-кода. <br /> <br /> HTML-разметка. Это файл расширения .html, который содержит набор вложенных тегов с разной информацией. Без него не может существовать Web-сайт как таковой. <br /> <br /> CSS-стили. Это файл расширения .css, в котором представлена информация о стилях в формате каскадной таблицы.Также css-разметка может быть описана в самом HTML-файле, или даже в его тегах. <br /> <br /> JS-код. Это файл расширения .js в котором описан код страницы, исполняемый на стороне браузера. Наличие этих файлов не является обязательным условием, так как они добавляют на страницу визуальные эффекты, связь с сервером и прочий функционал.<br /> <br /> === Конструкторы сайтов === <br /> Это альтернативный вариант создания веб-сайта, посредством &quot;визуального&quot; добавления компонентов сайта. Используется в основном детьми и просто глупыми людьми которым лень создать свой уникальный Web-сайт. В итоге такие сайты выглядят в половине случает не оригинально, в другом варианте просто уродливо (привет Ucoz).</div>

Lorel2