Самый первый веб-сайт в мире: как он выглядит
Основателем первого веб-сайта в мире считается британский физик, ученый и талантливый программист Тим Бернерс-Ли. Во время своей работы в Европейском Центре по ядерным исследованиям (CERN) в 1989 году он предложил руководству своего подразделения идею World Wide Web (Всемирная паутина). Основной целью было упростить обмен данными, разместив их в сети, чтобы ученым и исследователям было легче обмениваться информацией.
Хотя идея была одобрена, финансирование на реализацию проекта было ограниченное. Бернерс-Ли получил только один персональный компьютер фирмы NeXT для проведения своих экспериментов. Вместе с бельгийским разработчиком Робертом Кайо в 1990 году удалось создать первый веб-сайт (http://info.cern.ch), а также веб-браузер и редактор страниц, используя этот компьютер.
Уже спустя год, а если быть точнее, то 6 августа 1991 года был запущен созданный веб-сайт, а 23 августа этого же года к нему был открыт публичный доступ. Поэтому 23 августа считается днём основания «Всемирной паутины». Хотя, некоторые считают, что не 23 августа, а всё-таки 12 ноября является днём основания «Всемирной паутины». Поскольку именно в этот день проект WWW был представлен руководству. Стоит добавить, что независимо от даты проект WWW стал отправной точкой для создания интернета таким, каким он есть сейчас.
Первый веб-сайт был достаточно простой: печатный текст и никакой компьютерной графики и тем более мультимедиа. Содержал веб-сайт основную информацию о проекте World Wide Web. Страница демонстрировала возможности языка HTML (язык гипертекстовой разметки) и позволяла пользователям переходить по ссылкам, открывая новые страницы. Позже сайт стал своеобразным каталогом сайтов, которые после обнародования этой технологии начали постепенно появляться.
Таким образом, благодаря усилиям Тима Бернерс-Ли и его коллеги Роберта Кайо был создан первый веб-сайт в мире. Этот важный момент в истории информационных технологий открыл двери к новому миру свободного обмена информацией и невероятным возможностям, которые мы сегодня имеем благодаря интернету.
Первый в мире web-сайт заработал 30 лет назад
Вчера исполнилось ровно 30 лет с того момента, когда заработал первый в мире web-сайт. Он был создан в Европейском центре ядерных исследований (CERN) и работал на компьютере NeXT, который стал первым web-сервером. Сейчас эта система включена в экспозицию исторического стенда CERN. На лицевой панели корпуса обращает на себя внимание наклейка с написанной от руки красными чернилами настойчивой просьбой не выключать компьютер.
Посетителям web-сайта было доступно писание проекта, а также инструкция по созданию собственных гипертекстовых страниц и другие подобные сведения.
Разработчиком концепции гипертекстовых документов, которая первоначально предназначалась для нужд CERN, стал британский ученый сэр Тимоти Джон Бернерс-Ли (Timothy John Berners-Lee). Реализация концепции привела к появлению идентификаторов URI и URL, протокола HTTP и языка HTML, разработке первого редактора гипертекстовых страниц, который также служил для их просмотра, то есть стал первым браузером.
21 декабря 2020 в 12:50
Время первых
6 августа 1991 года можно считать вторым днём рождения сети Интернет. В этот день Тим Бернерс-Ли запустил первый в мире веб-сайт на первом в мире веб-сервере, доступном по адресу info.cern.ch. Ресурс определял понятие «Всемирной паутины», содержал инструкции по установке веб-сервера, использования браузера и т.п. Этот сайт также являлся первым в мире интернет-каталогом, потому что позже Тим Бернерс-Ли разместил и поддерживал там список ссылок на другие сайты. Это было знаковое начало, которое сделало интернет таким, каким мы его знаем сейчас.
Мы не видим повода, чтобы не выпить не вспомнить другие первые события в мире Интернета. Правда, статья писалась и вычитывалась с холодком: страшно осознавать, что некоторые коллеги младше, чем первый сайт и даже первый мессенджер, а ты сам добрую половину этого помнишь как часть своей биографии. Эй, время, когда мы успели повзрослеть?
Тим Бернерс-Ли и его первый в мире сайт
Начнём с Хабра
Логично предположить, что первый пост на Хабре должен иметь и выглядеть так: habr.com/post/1/. Но по этой ссылке находится заметка основателя Хабра Дениса Крючкова о создании Wiki-FAQ для Хабрахабра (вы ведь помните, что когда-то название Хабра было длиннее?), которая на первый приветственный пост никак не тянет.
Вот так выглядел Хабр в 2006 году
Оказывается эта публикация на самом деле не была самой первой (сам Хабр был запущен 26 мая 2006 года) — нам удалось найти публикацию аж от… 16 января 2006 года! Вот она. На этом месте нам уже захотелось вызвать Шерлока Холмса, чтобы он распутал этот клубок (ну тот, который на логотипе). Но мы, пожалуй, призовём на помощь более опытного хабрасыщика. Как тебе такое, boomburum?
А так выглядели первые корпоративные блоги на Хабре. Картинка отсюда
Кстати, в обоих постах можно оставлять комментарии и из 2020 там ещё никто не написал (а этот год точно стоит засвидетельствовать).
Первая социальная сеть
Первая социальная сеть в мире — «Одноклассники». Но не спешите гордиться этим фактом или удивляться ему: речь идёт об американской сети Classmates, которая появилась в 1995 году и являла собой то же самое, о чём вы подумали в первом предложении абзаца. На старте пользователь выбирает штат, школу, год выпуска и после регистрации погружается в особую атмосферу такой социальной сети. Кстати, сайт претерпел редизайн и существует и сейчас — более того, он по-прежнему очень популярен.
Ох уж этот оранжевый!
Но веб архив всё помнит — именно таким был интерфейс сайта в начале существования
В России первая социальная сеть появилась в 2001 году — это E-Xecutive, популярная и активная до сих пор сеть профессионалов (между прочим, там очень много толковых материалов и сообществ). А вот «Одноклассники» отечественного розлива появились лишь в 2006 году.
Первый веб-браузер
Первый браузер появился в 1990 году. Автором и разработчиком браузера был тот самый Тим Бернерс-Ли, который назвал своё приложение… World Wide Web. Но название было длинным, сложно запоминаемым и неудобным, поэтому браузер вскоре был переименован и стал называться Nexus. А вот всеобщий «любимчик» Internet Explorer от компании Microsoft был даже не третьим браузером в мире, между ним и Nexus вклинился Netscape, он же Mosaic и он же предшественник знаменитого Netscape Navigator, Erwise, Midas, Samba и т.д. Но именно IE стал первым браузером в современном понимании, Nexus выполнял гораздо более узкие функции: помогал просматривать небольшие документы и файлы на удалённом компьютере (хотя это и есть суть всех браузеров, потому что, как говорят линкусоиды, всё есть файл). Кстати, именно в этом браузере и был открыт первый сайт.
Интерфейс Nexus
И снова создатель с творением
Erwise — первый в мире браузер с графическим интерфейсом и возможностью поиска по тексту на странице
Первый интернет-магазин
Появление Интернета как множества связанных между собой компьютеров не могло оставить равнодушным бизнес, ведь перед ним открывались новые возможности заработка и выхода в почти не регулируемую на тот момент зону торговли (речь о 1990 и позже, до этого Интернет наоборот был практически супер секретной сферой). В 1992 году первыми зашли на территорию онлайн-торговли авиакомпании, которые продавали билеты «онлайн».
Первый интернет-магазин продавал книги и наверняка на этом месте вы уже догадались, кто был его создателем? Да, Джефф Безос. И если вы думаете, что мистер Безос страсть как любил книги и мечтал сделать мир образованным и влюблённым в чтение, то ошибаетесь. Вторым товаром стали игрушки. И книги, и игрушки — популярный товар, который к тому же удобно хранить, сортировать и который не имеет срока годности и не требует особенно трепетных условий хранения. А ещё книги и игрушки удобно упаковывать и не стоит заботиться о хрупкости, комплектности и проч. День рождения Amazon — 5 июля 1994 г.
Машина времени помнит Amazon только с самого конца 1998 года. DVD, Motorola — где мои 17 лет?
В России первый интернет-магазин заработал 30 августа 1996 года и это был также книжный магазин books.ru (надеюсь, вы знаете, что он жив-здоров и сейчас). Но сдаётся нам, что в России он был книжным ещё и по зову души, всё же книги в нашей стране — товар с, пожалуй, вечной популярностью.
Books.ru в 1998 году
Первый мессенджер
Во избежание боёв в комментариях оговорюсь, что речь идёт не о системах сообщений с ограниченным доступом, а о тех мессенджерах, которые стали доступными именно в эру «общечеловеческого» Интернета. Поэтому история мессенджера начинается в 1996 году, когда израильская компания Mirabilis запустила ICQ. В ней были и многопользовательские чаты, и поддержка передачи файлов, и поиск по пользователям, и много чего ещё.
Одна из первых версий ICQ. Картинку мы взяли на Хабре и тут же рекомендуем почитать статью о том, как менялся интерфейс аськи
Первая IP-телефония
Начало IP телефонии было положено в 1993 — 1994 году. Чарли Клайн (Charley Kline) создал Maven — первую программу для ПК, которая умела передавать голос по сети. Примерно в это же время популярность набрала программа для организации видеоконференций CU-SeeMe, разработанная в Корнельском университете для ПК на Macintosh. Оба эти приложения обрели в прямом смысле космическую популярность — с их помощью на Земле транслировался полёт космического челнока Endeavor. Maven передавал звук, а CU-SeeMe — изображение. Через некоторое время программы объединили.
Интерфейс CU-SeeMe. Источник: ludvigsen.hiof.no
Первый видеоролик на YouTube
YouTube официально был запущен 14 февраля 2005, а первое видео на него было загружено 23 апреля 2005 года. Ролик со своим участием выложил на сайт один из создателей YouTube — Джавед Карим (снимал его школьный друг Яков Лапицкий). Ролик длится 18 секунд и называется «Me at the zoo» («Я в зоопарке»). Не знал он ещё о том, какой зоопарк начнётся на этом сервисе, ох, не знал.
Кстати, это единственный сохранившийся ролик из «тестовых», самых первых. Сюжет пересказывать не буду, смотрите сами:
Первый мем
Первый интернет-мем заразил души и мозги сотен тысяч пользователей в 1996 году. Запустили его два графических дизайнера — Майкл Джирард и Роберт Лурье. На видео был карапуз, танцующий под трек Hooked on a Feeling певца Марка Джеймса. Авторы разослали «залипательное видео» по другим компаниям, а затем он разлетелся по электронной почте огромного количества пользователей. Я, вероятно, ничего не смыслю в мемах, но выглядит он немного пугающе.
К слову, этот ролик на самом деле был рекламным — он демонстрировал новые возможности программы Autodesk. Движения «малыша Уга-чага» стали повторять по всему миру (правда, тогда ещё не могли выкладывать на YouTube). Мем явно удался.
И знаете, что нам думается. Могли ли мы тогда, будучи детьми и подростками, предположить, что судьба соединит нас в одной компании RUVDS, через сервера которой идёт около 0,05% рунета. И мы отвечаем за каждый байт этого колоссального объёма информации. Нет, друзья, это не фантастика — это жизнь, которая заложена руками Первых.
В статье собраны далеко не все «первые артефакты» Интернета. Расскажите, а о чём первом в Сети слышали вы? Предадимся ностальгии, что ли.
- первый сайт
- первый мем
- первая аська
- первый браузер
- будем первыми
- Блог компании RUVDS.com
- Сетевые технологии
- История IT
Web. История одной технологии
Когда-то давно, когда мамонты ещё были живы, а огонь был главным технологическим достижением человечества, наши предки оставляли зарисовки на земле, чтобы сообщить другим племенам, кто тут хозяйничает. Именно так зарождались первые веб-сайты.
Об истории одного из наших любимых в GeekBrains направлений мы и поговорим.
1990
Представьте мир, в котором нет интернета. Точнее, он существует в форме протоколов, позволяет обмениваться сообщениями и письмами, но первый веб-сайт был создан только в конце 1990 года (с описанием World-Wide-Web, что логично) и располагался по адресу info.cern.ch. Текст, только текст и ничего больше.
Позже HTML, основы которого были описаны на info.cern.ch, очень быстро научился поддерживать 16 цветов и вставлять изображения, что повлекло за собой рождение первых браузеров, поддерживающих эти функции — Mosaic (1993) и NetScape (1994).
1994
В веб-разработке происходит качественный скачок — появляются таблицы. Они позволяют качественно упорядочить информацию, выравнивать текст в столбцах и приближают вид веб-страниц к большинству современных.
Что касается деятельности дизайнеров и разработчиков сайтов, то в мире, в котором существует лишь HTML, работа ведётся преимущественно в примитивных текстовых редакторах.
yahoo.com, 1994 год
google.com/inbox, наши дни
1995
Игры с цветами достигают своего апогея. Страницы выглядят ужасно, безвкусно и часто абсолютно нечитабельно, но покрасить всё вплоть до кнопок в яркие тона — признак хорошего тона. Всё это, впрочем, не препятствует настоящему расцвету в технологической отрасли.
HTML дополняется Javascript. Теперь разработчики с удовольствием добавляют на страницы всплывающие окна и прочие ответные реакции на действия пользователя. JS останется настоящим must-have любого веб-сайта вплоть до развития CSS, а актуальность сохранит и по сей день.
В 1995 году появился также скриптовый язык PHP, значительно упростив создание базовых страниц с выполнением сценариев, например, гостевых. И, конечно, не обойти стороной запуск платформы Macromedia Shockwave — главного проводника идей анимационного интернета.
Для простых труженников веб-цеха компания Microsoft выпускает HTML-редактор FrontPage, работающий по принципу WYSIWYG (What You See Is What You Get). Приложение получило бешеную популярность среди непрофессионалов: теперь любой человек в домашних условиях мог за несколько минут создать симпатичный сайт. При этом FrontPage нашёл отклики и в сердцах разработчиков — для работы под связку Windows-Internet Explorer он подходил идеально.
microsoft.com, 1995 год
microsoft.com, русская версия, наши дни
1996
Год ознаменовался двумя громкими дебютами: CSS и Macromedia Flash. Язык разметки позволил серьёзно сократить размеры исходного кода и количество проблем, связанных с банальным форматированием текста.
Flash же и вовсе на многие годы стал основой интернет-анимации, признаком качественного сайта и магнитом для случайных прохожих.
apple.com, 1996 год
apple.com, русская версия, наши дни
1997
К 1997 году веб-разработка упёрлась в невидимую стену — существующих возможностей для разработки и вёрстки сайтов было столько, что компьютеры того времени просто не могли всё переварить.
Главным событием стал анонс HTML 4 — версии языка, призывающей активно использовать таблицы стилей CSS, а от издержек первых трёх версий немедленно избавится. Впрочем, доработанная и причёсанная версия 4.01 официально объявится лишь спустя 2 года и впоследствии прослужит долгих 15 лет. Тем временем число пользователей интернета достигло 100 миллионов человек.
В качестве альтернативы FrontPage Macromedia выпустила Dreamweaver. Правда, в 1997 году была создана лишь версия для MacOS, лишь через год появилась адаптация под Windows. Впрочем, это не помешало Dreamweaver достаточно быстро занять лидирующие позиции на рынке.
1998
Выходит CSS2. Теперь разработчики могут прибегать к блочному форматированию, работать со звуком, создавать стили постранично, а также генерировать содержимое сайтов. CSS2 верой и правдой служит вот уже 18 лет (если учитывать редакцию CSS2.1 вышедшую в 2011 году) и до сих пор не потерял актуальности, несмотря на активное внедрение CSS3.
1999 — 2002
Период, когда на свет не появилось ничего полезного, кроме, пожалуй, браузеров Internet Explorer 5.0 (1999) и 6.0 (2001) и CMS Drupal. Последняя, впрочем, появилась лишь формально, серьёзная популярность придёт лишь через 3 года.
Игры с яркими цветами, наконец, уходят в прошлое, в моде теперь тёмные тона и градиенты, особенно в качестве фона. Особое внимание уделяется навигации — возросшее количество контента предполагает грамотное оформление меню и ссылок.
2003
Запуск Facebook и MySpace вводит новую моду в дизайн сайтов — простота и функциональность. Flash-анимация буквально повсюду, любой верстальщик сайтов должен в совершенстве владеть этим инструментом и предлагать заказчику прямо с порога. Кстати, в помощь разработчикам появляется ещё и WordPress, идеальная платформа для создания популярных блогов и информационных порталов.
2004-2005
2004 год ознаменовался запуском FireFox — конкурента практически безальтернативного IE. А вот годом позже на свет появился сервис YouTube. Несмотря на то, что в тот момент это не произвело эффекта разорвавшейся бомбы, проект довольно быстро обошёл в рейтингах MySpace, а уже через год был куплен Google более чем за 1,5 миллиарда долларов. И это никого не удивило. Более того, популярность сервиса оказалось такой, что долгое время подавляющее количество видео на сайтах было именно с YouTube.
Стоит отметить и выпуск Unity — инструмента для разработки 2D и 3D приложений. В вебе эта технология прекрасно проявила себя в создании браузерных игр, а также оказалось полезной для ресурсов с необходимостью демонстрации прототипов и 3D моделей.
Кроме того, в 2005 году объявился ещё один конкурент WordPress и Drupal – CMS Joomla!
2007
Веб-дизайн меняет курс на мобильные устройства с самого начала 2007 года, ведь именно тогда был представлен широкой публике iPhone и появился первый мобильный браузер — Safari. И, как элемент адаптации к новым реалиям, стали появляться сайты с минимальной навигацией и узким информационным полем, зато с долгим пролистыванием и засилием изображений.
Выходит первый релиз Sass — популярного метаязыка на основе CSS, позволяющего упростить чтение и создание исходных файлов. Несмотря на не самый широкий набор функций, препроцессор быстро заслужил уважение профессионалов и сегодня трудно представить опытного веб-дизайнера, не имеющего опыта работы с Sass.
FrontPage, последняя версия которого датирована 2003 годом, уходит в утиль и заменятся на Microsoft SharePoint и Microsoft Expression Web.
2008
Google создаёт Chrome, который очень быстро обходит в рейтингах популярности Internet Explorer. Он быстр, удобен как пользователю, так и разработчику. Веб-дизайнеры понемногу привыкают к необходимости работать на большие и малые экраны.
В моду входят сетки, а позднее появляются специальные фреймворки, стандартизирующие и упрощающие работу с отдельными элементами для многостаночников.
2009
Алексис Сельер под влиянием Sass создаёт на языке Ruby собственный препроцессор LESS. Несмотря на незначительное число отличий, большинство начинающих разработчиков предпочитают именно этот продукт из-за его простоты и универсальности, а главное, из-за возможности работы с фреймворком Twitter Bootstrap.
Microsoft объявляет о прекращении поддержки IE6, некогда самого популярного в мире браузера (даже сегодня его использует около 0,1% пользователей).
2010-2013
Эти годы ознаменовались появлением сразу трёх главных трендов.
Первый — адаптивный дизайн. То есть теперь каждый уважающий себя интернет-ресурс должен создавать мобильную версию сайта, позволяющую не потерять контент, при этом значительно повысить удобочитаемость и скорость загрузки.
Второе — так называемый flat-дизайн, он же «плоский». Это тот случай, когда разработчик старается донести до клиента идею первостепенности наполнения, а не визуального оформления. Зачастую такая разработка напрямую связана с первым трендом и служит куда больше инструментом совмещения уникальности и универсальности ресурса, чем с реальным удобством пользования.
Нашлись несогласные с модными упрощениями, что послужило стимулом для третьего тренда — параллакс-дизайн. Это ничто иное как совмещение адаптивного и плоского дизайна, с сопутствующим приданием 3D-эффекта отдельным элементом.
2014
В конце года был опубликована пятая версия стандарта языка HTML. Для разработчиков, наконец, упрощена работа с аудио- и видео-контентом, что по сути послужило отправной точкой для смерти Adobe Flash. Кроме того, появилась возможность хранить данные прямо в браузере и управлять его историей, использовать геолокационную информацию, полноценно работать с базами данных и производить запись в файл.
Наши дни
В моду входят «материальные» сайты. Суть направления, созданного Google в 2014 году, заключается в представлении рабочего окна в качестве бумаги, которую вы можете свернуть, разделить или убрать, сфокусировать внимание на отдельной части. Изначально тенденция предназначалась лишь для приложений Android, но очень быстро перекинулась на веб и стала логичным продолжением (а для некоторых и антиподом) плоского дизайна.
Java-апплеты все еще живы. Кстати, первый апплет, как и сам язык, был создан в 1995 году, а сегодня подавляющее большинство надстроек для работы с геоданными, 3D моделями, для сбора и анализа данных выполнены именно на Java.
Возможности HTML5 для проигрывания видео без использования Flash создали ещё одну важную тенденцию — выкладывать видео не как отдельную надстройку, а в качестве фонового изображения. Этото ход позволяет убить сразу двух зайцев — не отвлекает внимание клиента от текстовой информации и при этом проигрывает видеозапись в полноэкранном режиме.
Мы в GeekBrains поймали волну и продумали целую профессию “Веб-разработчик”, включающую основные языки и web-технологии, а также стажировку.
А какие вехи дизайна отметили бы вы?