ПОСОБИЕ ПО СОЗДАНИЮ ПЕРСОНАЛЬНОГО ВЕБ-САЙТА

В наше время социальные сети очень сильно ограничивают свободу самовыражения пользователей, заставляя их подстраиваться под алгоритмы и тренды. Контент, созданный с душой, оказывается погребен под рекламой и низкокачественными постами, доящими популярную на данный момент тематику. К счастью, уход из социальных сетей не обрекает пользователей на занятие творчеством "в стол", ведь каждый может создать свой персональный веб-сайт абсолютно бесплатно. Здесь собрана информация, которая поможет Вам создать статичный сайт и стать частью инди-веб среды.

Содержание

  1. Регистрация на хостинге
  2. Знакомство с основными тегами
  3. Полезные ресурсы
  4. Немного из инди-веб культуры
  5. Заключение

РЕГИСТРАЦИЯ НА ХОСТИНГЕ

В настоящий момент самыми популярными бесплатными хостингами в инди-веб сообществе являются Neocitites и Nekoweb. Каждая из этих платформ хороша по-своему, но в этом пункте мы будем рассматривать именно Neocities.

Зайдя на Neocities, Вы увидите данную форму регистрации:

Вам следует подойти к выбору имени сайта ответственно, так как его дальнейшее изменение сломает отображение Вашего сайта в результатах поиска и уберет возможность обновления его превью в Вашем профиле на Neocities.

Во втором поле Вам предлагается ввести до пяти тегов, по которым другие пользователи данного хостинга смогут найти Ваш сайт. Их в любой момент можно изменить в личном кабинете. Пять самых популярных тегов на момент написания: art, music, videogames, programming, anime.

По завершении регистрации в Вашем распоряжении оказывается 1 гигабайт хранилища и 500 гигабайт пропускной способности. Список рекоммендуемых форматов файлов включает в себя:

Полный список поддерживаемых форматов: apng asc atom avif bin cjs css csv dae eot epub geojson gif glb glsl gltf gpg htm html ico jpeg jpg js json jxl key kml knowl less manifest map markdown md mf mid midi mjs mtl obj opml osdx otf pdf pgp pls png py rdf resolveHandle rss sass scss sf2 svg text toml ts tsv ttf txt webapp webmanifest webp woff woff2 xcf xml yaml yml

На сайты саппортеров данные ограничения не распространяются.

ЗНАКОМСТВО С ОСНОВНЫМИ ТЕГАМИ

При открытии index.html во встроенном редакторе Neocities Вас встретит данный html-скелет:

Visual Studio Code также предоставляет возможность создания подобного скелета при нажании SHIFT + 1.

Любой HTML документ должен начинаться с <!DOCTYPE html>.

Сам HTML документ находится между <html> этими <html/> тегами.

Видимая же часть документа расположена внутри тега <body>.

Персональные сайты не могут обойтись без CSS (Cascading Style Sheets). С помощью CSS мы можем изменить внешний вид HTML документа — шрифты, фоны, отступы, расположение контейнеров и т.п. CSS может быть:

Базовый синтаксис CSS-правил имеет следующий вид:

селектор {
  свойство: значение;
}

В скелет с Neocities уже включены некоторые базовые теги. Ниже представлено еще несколько полезных тегов:

Метаданные документа

<html><html/> корневой элемент HTML-документа
<head></head> контейнер для метаданных HTML-документа
<title></title> заголовок / имя документа
<link> подключает внешние таблицы стилей
<meta> мета-данные веб-страницы
<style></style> подключает встраиваемые таблицы стилей

Основные теги

<body></body> тело HTML-документа
<h1></h1> - <h6></h6> заголовки (от наиболее важного к наименее важному)
<p></p> параграфы в тексте
<br> перенос строки
<hr> горизонтальная линия
<ol></ol> упорядоченный нумерованный список
<ul></ul> маркированный список
<li></li> элемент списка
<div></div> контейнер для раздела HTML-документа
<img> HTML-изображение
<a></a> гиперссылка
<em></em> выделение важных элементов курсивом
<i></i> выделение курсивом без акцента
<strong></strong> выделение полужирным важных элементов
<b></b> выделение полужирным без акцента

В следующем пункте Вы можете найти ссылки на ресурсы с полным списком тегов.

ПОЛЕЗНЫЕ РЕСУРСЫ

Ресурсы для изучения HTML и CSS

Шаблоны

Фоны

Изображения для декорации

Шрифты

Файловые хостинги

Прочие ресурсы

НЕМНОГО ИЗ ИНДИ-ВЕБ КУЛЬТУРЫ

ЗАКЛЮЧЕНИЕ

Инди-веб — это замечательное сообщество, каждый участник которого имеет возможность выражать себя на полную, без алгоритмов и цензуры. Здесь не пользователь подстраивается под сайт, а сайт под пользователя. Надеюсь, эта страница убедила Вас создать свой сайт или помогла с уже имеющимся.

Создано Мун Новалинн, группа ИС-91