Первый сайт рассказывал о том, как делать сайты

Сайт без обложки, ленты и кнопки регистрации

Открой восстановленную страницу первого сайта на info.cern.ch. На ней обычный заголовок World Wide Web, короткое объяснение проекта и ссылки. Здесь нет привычной главной с крупной картинкой, рекомендациями и всплывающими предложениями. При этом страница решает вполне узнаваемую задачу: объясняет новую систему и помогает начать ей пользоваться.

В списке можно найти справку, технические сведения, информацию о программных компонентах, людях и истории проекта. Интересно смотреть на неё как на действующий документ, а не только музейный экспонат. Переходы связывают отдельные материалы; читатель выбирает маршрут, а автору не нужно помещать все объяснения на одну бесконечную страницу.

Какую задачу решали в CERN

В 1989 году Тим Бернерс-Ли, работавший в CERN, предложил Всемирную паутину. По описанию CERN, исходная задача была связана с обменом информацией между учёными университетов и институтов. Первый сайт рассказывал о самом проекте WWW и размещался на компьютере NeXT Бернерса-Ли.

30 апреля 1993 года CERN передал программное обеспечение веба в общественное достояние; позднее последовал выпуск с открытой лицензией. В 2013 году организация начала восстановление первого сайта. Это несколько разных событий: предложение идеи, появление работающей системы, условия распространения и сохранение истории. Сводить их к одной дате «рождения интернета» было бы ошибкой.

Интернет и веб находятся на разных уровнях

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

Представь дорожную систему и службу доставки. Дороги позволяют разным службам перемещаться, но конкретная служба не равна всей системе дорог. Аналогия неточная в деталях, зато помогает не путать уровни. Когда не открывается один сайт, проблема необязательно затрагивает всё подключение: она может относиться к адресу, серверу или отдельному маршруту.

Что изменяет простая ссылка

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

Это заметно и на раннем сайте CERN: он направляет к справке, программам и техническим деталям. Сегодня мы настолько привыкли к этому устройству, что чаще обсуждаем внешний вид кнопки, чем саму возможность перехода. Но качество ссылки по-прежнему зависит от смысла: «подробнее» ничего не сообщает без контекста, а название нужного документа заранее объясняет, куда попадёт человек.

Попробуй собрать страницу с такой же ясной логикой

Ниже современный минимальный пример, а не копия исторического исходника. В нём есть название, краткое объяснение и переход к следующему материалу. Сохрани код в файле index.html и открой в браузере или используй редактор HTML. Уже получится документ с работающей ссылкой: для самого принципа не нужны сложная сборка и база данных.

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

<!doctype html>
<html lang="ru">
<meta charset="utf-8">
<title>Моя библиотека</title>
<h1>Как устроен веб</h1>
<p>Здесь я собираю понятные объяснения технологий.</p>
<a href="https://info.cern.ch/">Посмотреть первый сайт</a>
</html>

Почему важно сохранять старые страницы

У исторической страницы есть как минимум два слоя: то, что было написано, и то, как это выглядело и работало. Современный браузер может иначе показывать шрифты и отступы; часть внешних адресов со временем исчезает. Поэтому открытая сегодня восстановленная страница не равна полному переживанию работы на компьютере начала девяностых.

Сравни это с письмом в музее. Можно прочитать его текст в каталоге, увидеть скан листа или рассмотреть оригинал. Во всех случаях сохраняется часть сведений, но набор деталей различается. Для истории веба важны и тексты, и программы, и описания оборудования, и документы о распространении технологии. Один скриншот не заменяет все эти источники.

Когда делаешь собственное портфолио, эта мысль неожиданно становится практичной. Сохраняй исходники, дату версии и несколько изображений проекта, а не только адрес работающего сайта. Адрес может измениться, сервис — закрыться, оформление — обновиться. Хорошо подписанный архив позволяет позднее показать, что именно было сделано, не выдавая сегодняшнюю реконструкцию за нетронутый оригинал.

Что стоит перенять, а что осталось в прошлом

Из первого сайта не следует, что современному проекту достаточно голого текста или что изображения мешают объяснению. Хорошая схема может показать то, что трудно описать словами. Доступность на телефоне, удобная навигация и читаемая типографика тоже важны. Исторический пример интересен не запретом на дизайн, а ясностью основной функции.

Полезно посмотреть на собственную страницу и мысленно убрать украшения. Останется ли понятным заголовок? Есть ли ответ на обещанный вопрос? Названы ли следующие материалы? Если да, дизайн сможет усилить содержание. Если нет, стоит сначала исправить структуру. Спустя десятилетия эта проверка остаётся полезной, хотя сайты стали несравнимо сложнее первых связанных документов.