Создаём за 10 минут полнофункциональный сайт на шаблоне, который не будет привязан к конкретному сервису / конструктору. Бесплатно!

Выбирая CMS и конструкторы сайтов для нового учебного года, внезапно наткнулся вчера на бесплатный хостинг Neocites.org. В названии, судя по всему, отсылка к давнему Geosites. Что это такое и и почему на него стоит обратить внимание?

Конструкторов сайтов, которые позволяют создать сайт-визитку на домене третьего уровня вроде bla-bla-bla.domain.com, сегодня предостаточно. Но в подобных сервисах, как правило, вы остаётесь навсегда привязанными к ним — неважно, к платному или бесплатному аккаунту. Нельзя перенести сайт на другой адрес, сервер, есть другие разнообразные ограничения.

Neocites — это просто площадка для размещения сайта. Бесплатная (с некоторыми, не очень значительными для визитки ограничениями). Не конструктор, но это не очень критично, об этом дальше. Есть платный ($5 в месяц) и бесплатный аккаунты, их сравнение здесь. В принципе, бесплатного — за глаза, если не смущает домен третьего уровня.

Обратите внимание на отличия Neocites от популярных бесплатных блог-хостингов. Тут нет ограничений на вставку стороннего кода — например, счётчиков статистики, веб-мастеров. Их и не может быть, так как после регистрации вы получаете полнофункциональный файловый менеджер и текстовый редактор для всех файлов сайта и доступ к корню сайта.

Список возможностей

Как начать?

Регистрируемся с главной страницы. Внимание! Тут же надо будет указать адрес желаемого сайта, то, что будет до neocites.org — это же username.  

После вас спросят, насколько вы знакомы с HTML. Сделано это совершенно мило, эту ссылочку я отдельно забрал себе к парам по «Технологиям». HTML Tutorial выполнен в виде комикса

Приступаем к изучению
Этот кот обращается ко мне по имени :)

Тут в общем классика по открывающим / закрывающим тэгам: заголовки, форматирование текста и прочее начальное

Мне кажется, вам это уже знакомо, и вы также сможете разобраться в уже написанном html-коде. По крайней мере, при этом условии и работает моё обещание в начале поста — сделать сайт за 10 минут.

Поэтому оставляем кота в покое, к нему всегда можно вернуться по ссылке Learn в верхнем меню и быстро, чтобы уложиться в 10 минут, делаем сайт.

Дальше понадобится html шаблон для сайта. Вот тут есть дюжина современных, красивых и функциональных. По каждому есть демка, и каждый можно скачать бесплатно, без регистрации и смс. Если вы знаете, откуда ещё можно взять бесплатные HTML шаблоны, то этот вообще не критичен. Эти шаблоны от HTML5UP очень популярны, прямо очень, поэтому логично, что уникальным сайт не будет по умолчанию. Впрочем, бесплатно, быстро и уникально — сочетание крайне редкое.

Скачиваем архив файлов через Free Download. Распаковываем архив на компьютере. Дальше нужно закачать все эти файлы на Neocites через файловый менеджер.

Выглядит он вот так

Без ФТП не очень удобно. Кроме того, нельзя закачивать папки целиком. Придётся вручную пересоздавать их с теми же именами, что в скачанном архиве и закачивать туда отдельно файлы. Но работает всё быстро, я управился за несколько минут.

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

Как изменить демо-контент? В текстовом редакторе, разумеется :) Открываем нужную страничку из перечня файлов в файловом менеджере, например, index.html и далее вспоминаем, чему нас учил замечательный кот из Tutorial.

Фон можно настроить, необязательно использовать пугающий сходством с терминалом чёрный

Верхние кнопки по своему функционалу очевидны.

Вот и всё, ребята. Мой недоделанный шаблон от html5up находится, например, тут

Мне он очень нравится внешне и функционально. Наверное, когда-нибудь сделаю из этого визитку. Но пока недосуг :)

Скачать всё, что вы создали, можно бесплатно и в один клик через кнопку в нижнем меню файлового менеджера — Download entire site. Он скачается архивом на компьютер.

Разумеется, тут всё open source, хотя что тут особо есть, кроме текстового редактора и привычной серверной начинки :) Тут же есть каталог созданных сайтов. Меня, например, очень зацепил вот этот, с ретродизайном в духе 90-х.

Как и для чего Neocites можно использовать в работе преподавателя? Для любых сайтов-визиток, простых одностраничников и прочего подобного. Без всех этих Wix-ов и прочих. Ну и быстро и бесплатно, что ещё нужно, цель и применение всегда можно придумать при таких условиях :)