Как посмотреть как выглядел сайт раньше?
Задумывались ли вы когда-нибудь о том, что интересующий вас сайт, например сайт многомиллионной корпорации, интернет-магазина, чей-то блог ранее мог выглядеть абсолютно по-другому? С течением времени меняется дизайн, может поменяться доменное имя, и наполнение сайта также, может стать другим. Да, у каждого сайта есть своя уникальная история. Возможность узнать больше может быть полезна для того, чтобы узнать первоначальную тему сайта, а также о том, каким он был в разное время. При помощи так называемого веб-архива можно посмотреть историю конкретного сайта, узнать, как он использовался. Кроме того в веб-архиве можно найти множество полезных файлов: фотографии, картинки, музыкальные композиции.
Для того чтобы узнать о том, как сайт выглядел раньше стоит обратиться к сервису, который заслуживает отдельных аплодисментов. Он индексирует сайты в разное время и сохраняет их. Название сервиса — web archive. Его создал американский программист Брюстер Кейл в 1996 году.
До 1999 года это была вариация текстового архива, но начиная с 1999 года сервис функционирует как полноценное программное обеспечение и помимо всего прочего сохраняет фото, видео и аудиоматериалы. Основной целью его создателя стала идея о создании так называемой «библиотеки» в едином интернет-пространстве.
Современные веб-архивы хранят в себе действительно большое количество данных. Важно уметь верно отсортировывать информацию и среди кучи «мусора» находить то, что действительно важно именно для вас. Для большинства пользователей очень важно: получить доступ к когда-то потерянным данным, изучить контент для будущего сайта, провести грамотную аналитику, собрать статистику. Веб-архив является публичным и каждый желающий может получить доступ к нему без каких-либо проблем.
Для того чтобы увидеть принцип работы этого сервиса в действии — переходим сюда. Далее указываем адрес интересующего нас сайта: например: yandex.ru
Теперь мы сможем увидеть, что история для этой поисковой системы сохраняется с 1997 года. Достаточно просто выбрать интересующую вас дату, и вы увидите, как выглядел сайт Яндекса в то время.
А вот так портал Яндекс выглядел уже в 2005 году:
Аналогичным образом можно проверить подавляющее большинство сайтов, причём как зарубежных, так и отечественных.
Многие, только планируя создать собственный сайт находятся в поисках уникального, авторского контента. В связи с этим стоит отметить, что материал, который хранится на заброшенных интернет-ресурсах не несет в себе какой-либо ценности для бывших владельцев.
Множество фотографий, текстовых материалов и прочих файлов можно получить абсолютно бесплатно. Люди, знающие об этом, с удовольствием пользуются подобной возможностью. Достаточно просто открыть перечень блогов на reg.ru, скопировать перечень свободных на данный момент доменов, далее снова перейти на сервис web archive с целью поиска сохранённых копий, во избежание неприятных ситуаций, проверьте понравившиеся тексты с помощью специализированных сервисов антиплагиата (дело в том, что тот или иной материал может быть уже размещён на других интернет-ресурсах). Убедившись, в том, что материал свободен и уникален его можно будет разместить в собственном блоге.
Кроме того, существует еще одна небольшая хитрость. При желании, можно сделать так, чтобы сайт никогда не попал в web archive. Для этого при создании и обслуживании сайта необходимо использовать следующую команду:
User-agent: ia_archiver Disallow: / User-agent: ia_archiver-web.archive.org Disallow: /
После внесения подобных корректировок сервис web archive перестанет создавать копии для своего реестра, но это будет работать лишь в том случае, если регистрация домена будет продлена. В противном случае после окончания срока регистрации домена все подобные корректировки будут аннулированы.
Таким образом, с помощью сервиса web archive можно узнать историю практически любого сайта, особенно если этот сайт действительно популярен. С каждым годом сервис становится все более обширным и функциональным. На сегодняшний день в базе этого сервиса представлено около полумиллиона самых разнообразных сайтов.
Сервис web archive можно использовать совершенно бесплатно и на самом деле он может оказаться полезным в совершенно разных случаях.
Пожалуйста, опубликуйте ваши мнения по текущей теме материала. Мы очень благодарим вас за ваши комментарии, подписки, дизлайки, отклики, лайки!
фото первых сайтов, как узнать
Сегодня мы пользуемся удобными сайтами банков, социальных сетей и сотовых операторов и даже уже не вспомним как они выглядели раньше. Некоторые из читателей возможно вообще не застали те времена когда были популярны каталоги сайтов, обильно использовалась Flash-анимация и общение с клиентом происходило в ICQ.
Давайте вместе окунемся в атмосферу 2000-х и посмотрим как выглядели популярные сайты раньше, когда веб-технологии были на шаг позади. Запрыгивайте в DeLorean!
Евросеть
Вот так выглядел сайт «Евросети» в 2003 году.
Чуть позже сотовый оператор начал эпатировать всю Россию своей рекламой с лозунгами вроде «Евросеть — цены просто о***ть». Изменения произошли и в дизайне сайта (добавился брендовый желтый цвет), далее — версия сайта от 2006 года.
Связной
Еще одним из популярных магазинов по продаже мобильных телефонов был «Связной», более консервативный в дизайне и рекламе. Версия сайта от 2005 года.
Затем произошло несколько обновлений дизайна, что привело в 2009 году сайт к виду интернет-витрины.
Банк ВТБ
Банк ВТБ был основан в 1990 году, но в отличие от Сбербанка у него не было проблем с сайтом и к 2003 году его сайт стал выглядеть так.
В 2006 году сайт опережая время стал полноразмерным, при любой ширине экрана сайт стал занимать все ее пространство.
Банк Тинькофф
Какой еще банк Тинькофф? Он был основан только в 2006 году после получения лицензии при покупке «Химмашбанка» Олегом Тиньковым.
Вот что находилось по адресу tinkoff.ru в 2001 году:
После пивоварни на сайте была размещена информация о сети ресторанов (и лишь затем, в 2011 — банк).
Яндекс
На своей заре Яндекс был не таким удобным как сейчас. Правда и не таким испорченным рекламой. Выглядел он раньше, в 1998 году, примерно так.
В 2000 году его дизайн был обновлен: проработана структура и добавлено больше рекламы.
Изначально Google находился на сайте Стэнфорда google.stanford.edu. Домен google.com был зарегистрирован лишь в 1997 году, а в 1998 году была зарегистрирована сама компания. Вид сайта Google от 1999 года.
В дальнейшем страница сохранила свой минималистичный дизайн. Значительными изменениями стали лишь периодические дудлы (изменение оформления в честь какого-то события). Версия главной страницы Google 2001 года.
Как узнать
Для того чтобы узнать как сайты выглядели раньше воспользуйтесь сервисом web.archive.org. Введите в нём адрес сайта который хотите посмотреть и получите календарь с датами для которых можно посмотреть как выглядел сайт. Такие даты отмечены в календаре голубым круглым маркером.
Заключение
Вероятно лет через 10 мы посмотрим на современные сайты также как на те, что собраны в данной статье.
Кто знает, может в будущем все сайты будут сделаны в современном стиле нейморфизм. А может станет популярен веб-брутализм и мы вернемся к тому что казалось крутым раньше, на заре появления интернета.
В любом случае, технологии и тренды графического дизайна не будут стоять на месте и в 2030 году можно будет смело делать новую подборку с обзором того как сайты выглядели сейчас.
как раньше выглядели 12 известных сайтов
Назад в прошлое: как раньше выглядели 12 известных сайтов
За последние два десятилетия интернет значительно продвинулся вперед. В то время Apple была компьютерной компанией, которая боролась с трудностями, AOL — процветающим провайдером интернет-услуг, и Microsoft собирались выпустить Windows 98. Благодаря магии Wayback Machine мы можем посмотреть, как выглядели их сайты в то время.
В 2005 году YouTube был основан тремя американскими ребятами, которые работали на PayPal. Сервис сделал процесс загрузки и просмотра видео намного проще, чем когда-либо прежде. Первое видео называлось «Me at the zoo» и было загружено соучредителем Jawed Karim.
Google приобрел сайт в 2006 году. Сейчас на YouTube каждую минуту загружается 300 часов видео.
eBay не всегда так называли. Когда он был запущен в 1995 году, его называли AuctionWeb, и одна из первых проданных вещей была сломанная лазерная указка за $14.83. В 1996 году на сайте было проведено 250 000 аукционов. Год спустя эта цифра выросла до двух миллионов, и на долю Beanie Babies пришлось 10% от общего числа таких объявлений.
eBay продолжает оставаться популярным местом для покупок, хотя сейчас он продает намного больше, чем просто коллекционные игрушки.
Apple в настоящее время одна из самых дорогостоящих компаний в мире. Но в 90-е годы они испытывали трудности и сайт Apple 1997 года, кажется, о совершенно другой компании, чем Apple 2018. Но и тогда компания продвигала мобильные устройства — в данном случае eMate 300, в которых использовалась платформа Apple Newton. (Она провалилась.)
Google не был первой поисковой системой, хотя и сделал поиск быстрее, благодаря формуле ранжирования страниц, разработанной Ларри Пейджем и Сергеем Брином. Знаковый, минималистичный дизайн всегда присутствовал на их сайте, так же как и красочный логотип.
Малоизвестный факт: Google начинал с такого простого дизайна только потому, что основатели компании были мало знакомы с HTML.
1997 год был периодом до появления Google, поэтому люди использовали другие поисковые системы, такие как Yahoo.
В то время Microsoft работала над Windows 98, и их слоган “Where do you want to go today?” был широко представлен на их сайте. Как видите, они всегда предлагали самые разнообразные продукты и услуги. Главная новость — «Internet Explorer 4.0 Debuts to Critics»-«Аплодисменты критиков» — забавна в ретроспективе, так как в последующие годы браузер был быстро обогнан конкурентами.
Компания Amazon начала продавать книги в 1995 году и, как и все хорошие интернет-компании, была основана Джеффом Безосом в гараже. Он выбрал книги из-за мирового спроса на литературу, низкой стоимости и огромного разнообразия. Безос продавал на $20 000 в неделю в течение двух месяцев, так что можно сказать, что это был правильный выбор, тем более, что Amazon остается первым номером среди всех онлайн-магазинах.
Веб-сайт AOL — это настоящий взрыв из прошлого. На первой странице размещается реклама бета-версии AOL Instant Messenger, которая в конечном итоге стала очень популярной.
Если бы вы жили где-то в 90-х, я уверен, вы помните GeoCities. Вместо того, чтобы создавать блоги, люди создавали свои личные сайты, и обычно они выглядели ужасно. GeoCities была официально закрыта в 2009 году, но она исчезла и умерла много лет назад…
Если вы не использовали Yahoo, есть большая вероятность, что вы использовали AltaVista. В России этот сайт был ещё и известен, как самый популярный поиск кряков для программ.
Один из первых сайтов, который я посетил, когда первый раз вышел в интернете, — российский почтовик mail.ru. А вот так он выглядел в 2000 году.
Спасибо, что читаете! Подписывайтесь на мои каналы в Telegram, Яндекс.Мессенджере и Яндекс.Дзен. Только там последние обновления блога и новости мира информационных технологий.
Также читайте меня в социальных сетях: Facebook, Twitter, VK и OK.
Хотите больше постов? Узнавать новости технологий? Читать обзоры на гаджеты? Для всего этого, а также для продвижения сайта, покупки нового дизайна и оплаты хостинга, мне необходима помощь от вас, преданные и благодарные читатели. Подробнее о донатах читайте на специальной странице.
Есть возможность стать патроном, чтобы ежемесячно поддерживать блог донатом, или воспользоваться Яндекс.Деньгами, WebMoney, QIWI или PayPal:
Заранее спасибо! Все собранные средства будут пущены на развитие сайта. Поддержка проекта является подарком владельцу сайта.
Как выглядели сайты в прошлом | Веб-дизайн, фриланс, офис без 🍪
Сайты в прошлом
Сайты в прошлом
Давай сегодня окунемся на пару лет назад и глянем, как тогда выглядели ныне популярные сайты.
Яндекс
Пожалуй, начнем с Яндекса, поисковая система была основана в 1997 году. Вот как сайт выглядел в декабре 1998 года:
Яндекс в 1998 году
Яндекс в 1998 году
Как выглядит сайт в ноябре 2020 года:
Как выглядел Яндекс раньше и как сейчас
Как выглядел Яндекс раньше и как сейчас
Домен Google был зарегистрирован в 1997 году. Мы можем увидеть, как сайт выглядел в ноябре 1998 года:
Google в 1998 году
Google в 1998 году
Современный вид, на 2020 год, знают все:
Как выглядел Google раньше и как сейчас
Как выглядел Google раньше и как сейчас
Apple
Как же выглядел сайт apple у истоков создания. Декабрь 1996 года (жаль, что изображения не подгружаются):
Сайт Apple в 1996
Сайт Apple в 1996
Наше время:
Как выглядел сайт Apple раньше и как сейчас
Как выглядел сайт Apple раньше и как сейчас
ВК
Так ВКонтакте выглядел в феврале 2007 года (когда еще у них был старый домен VKontakte.ru):
Сайт ВК в 2007 году
Сайт ВК в 2007 году
Ныне он выглядит так:
Как выглядел сайт ВК раньше и как сейчас
Как выглядел сайт ВК раньше и как сейчас
Раз глянули на ВК, теперь посмотрим на Facebook в ноябре 2005 года:
Facebook в ноябре 2005
Facebook в ноябре 2005
Как раз недавно у Facebook произошел редизайн, теперь он выглядит так:
Как выглядел Facebook раньше и как сейчас
Как выглядел Facebook раньше и как сейчас
YouTube
Мой любимый YouTube в апреле 2005 года:
YouTube в 2005 году
YouTube в 2005 году
Наши дни:
Как выглядел YouTube раньше и как сейчас
Как выглядел YouTube раньше и как сейчас
Mail.ru
В мае 2000 года:
Как выглядел Mail.ru раньше
Как выглядел Mail.ru раньше
Сегодня, в ноябре 2020 года:
Как выглядел Mail.ru раньше и как сейчас
Как выглядел Mail.ru раньше и как сейчас
Avito
На ноябрь 2007 года площадка выглядела так:
Авито в 2007 году
Авито в 2007 году
В 2020 году:
Как выглядело авито раньше и как сейчас
Как выглядело авито раньше и как сейчас
Livejournal
Блок-платформа ЖЖ в ноябре 1999 года:
Livejournal в 1999 году
Livejournal в 1999 году
Сегодня мы имеем:
Как выглядел ЖЖ раньше и как сейчас
Как выглядел ЖЖ раньше и как сейчас
Irecommend
Сайт отзовик в декабре 2010 года:
Irecommend в 2010 году
Irecommend в 2010 году
Irecommend сегодня:
Как выглядел Irecommend раньше и как сейчас
Как выглядел Irecommend раньше и как сейчас
Ozon
Узнаешь популярный интернет-магазин? Январь 1999 года:
Ozon в 1999 году
Ноябрь 2020, совершенно другое дело:
Как выглядел Ozon раньше и как сейчас
Как выглядел Ozon раньше и как сейчас
Pikabu
На июнь 2009 года:
Pikabu в 2009 году
Pikabu в 2009 году
Сегодня сайт pikabu:
Как выглядел Picabu раньше и как сейчас
Как выглядел Picabu раньше и как сейчас
Думаю, этого достаточно на сегодня.
Понравилось? — Буду благодарна твоему пальчику вверх.
Я на Behance | Я на Dribbble
Нужен дизайн сайта или сайт «под ключ»?
Пиши мне: [email protected]
Как узнать какая страница была раньше. Вид раньше и сейчас
2 голоса
Доброго дня, уважаемые посетители моего блога. Сегодня я не буду рассказывать о создании сайтов, заработке и других полезных штуках. Я решил немного поразвлечься. Конечно же, это мы будем делать с пользой.
Мы отправимся в прошлое интернета и посмотрим на то, как выглядел дизайн много лет назад. Я научу вас делать это в любое удобное для вас время. С этого момента машина времени будет для вас доступна по первому требованию.
Итак, как посмотреть сайт в прошлом? Сегодня я покажу, а заодно поведаю вам о некоторых интересных фактах из жизни популярных сайтов. Ну что ж, не будем тянуть.
Как смотреть в прошлое
В сожалению, вы не сможете увидеть как выглядел конкретно ваш сайт, но множество популярных ресурсов находится в базе archive.org/web/web.php
. По словам самого сервиса, у них сохранилось 500 биллионов страниц.
Просто зайдите на этот портал, введите в поисковую строчку адрес сайта, который хотите увидеть, например Яндекс, и выбирайте Browse History.
Синим цветом на календаре отмечены дни, в которые добавлены скриншоты. Полоса сверху показывает годы. Черные полоски – количество изображений. Чем они выше, тем больше вы можете увидеть. Как вы видите, ближе к нашему времени скриншоты стали добавлять чаще.
Выбираете год, затем дату. Наводите на нее стрелкой, а затем кликаете на время добавления. В данном случае 03:42 или 03:44. Рекомендую последнее действие (с временем) производить через правую кнопку мыши, а в открывшемся меню выбирать «Открыть в новой вкладке». На мой взгляд так удобнее.
И вот перед вами скриншот того, как выглядел Яндекс 12 декабря 1998 года. Эта информация высвечивается в верхнем баре, который можно закрыть при желании. Или, через него же выбирать другую дату. Путешествие во времени осуществляется очень просто. Даже несмотря на то, что «машина» на английском.
Это Яндекс постарше, образец 2000 года.
Так он выглядел в 2005, 11 лет назад.
Ну а так эта поисковая система отображалась в прошлом году. Изменения есть!
Ну вот в принципе и все, но не спешите покидать мой блог. Мне бы хотелось показать вам еще несколько популярных проектов и рассказать интересные факты об этих сайтах.
Google
Изначально, популярнейший поисковик Гугл назывался BackRub. И выглядел как-то стрёмно и совершенно непонятно.
Лишь в 1998 он принял более современный внешний вид. Тогда еще, в конце слова Google стоял восклицательный знак. Представляете, это бета версия, то есть тестовая. Тогда еще разработчики исправляли ошибки и проверяли как все работает. Эх, где мои 16 лет.
Уже тогда здесь было две кнопки. Одна со стандартным поиском, а вторая выбирает случайную страницу с информацией. Если бы администраторы убрали кнопку «Мне повезет», которая пользуется бешенной популярностью и по сей день, то смогли бы получать дополнительный доход с рекламы. Он составил бы примерно 100 миллионов долларов в год. Но, они не жадные.
Кстати о деньгах, компания Mozilla ежегодно получает от гугла 300 миллионов за то, что в их браузере по умолчанию стоит поисковая система от Google.
YouTube
Компания YouTube открылась 14 февраля, в день всех влюбленных. В России же его начали использовать лишь в 2007 году, а первым выложенным роликом стала песня Петра Налича «Гитар». С той поры прошло 10 лет.
Если бы ютуб был не видеохостингом, а кинокомпанией, то каждую неделю они смогли бы выпускать по 60 тысяч фильмов. Материала для этого предостаточно.
Кстати, сейчас у ютуба столько же посетителей, сколько было пользователей в интернете в целом в 2000 году. Ежедневно ролики набирают около 2 миллиарда .
YouTube не только стал одной из самых популярных компаний, но еще и делает знаменитыми простых людей. Многим россиянам известны такие люди как Макс Голопогосов (+100500), Рома Желудь, BadComedian, mrFreeman. А вот певица Адель и Джастин Бибер получили всемирную славу благодаря этой социальной сети. Я уже молчу о том, сколько людей благодаря ним .
Вконтакте
Чего только не скрывалось под популярным ныне доменом vk.com. Кстати, использовать его стали не сразу, изначально в контакт можно было зайти только по URL: vkontakte.ru, но потом ситуация изменилась и администрация решила облегчить нашу с вами жизнь.
Изначально проект был создан как закрытый справочник студентов и выпускников. Об этом свидетельствует надпись на главной странице того периода.
Мог ли тогда представить Павел Дуров, насколько популярным станет его проект? Сейчас даже смешно смотреть на горделивую надпись: «Нас уже 350 000». Сейчас численность проекта насчитывает миллионы.
Интересных историй о этой социальной сети предостаточно, но на мой взгляд самая впечатляющая заключается в том, что вплоть до 2014 года через Одноклассники нельзя было послать ссылку на информацию, находящуюся Вконтакте. Система не блокировала их, а просто заменяла буквы в словах.
Еще один интересный факт, о котором многие пользователи помнят. В какой-то момент администрация сайта решила поменять дизайн личных страниц. Это вызвало бурю эмоций среди пользователей.
И тут и там кипели возгласы: «Верните стену, нет микроблогу». Павел Дуров был не преклонен. В моей памяти эти воспоминания все еще свежи, а тем не менее с той поры прошло 6 лет. Военные действия разворачивались в 2010 году. Согласитесь, сейчас смотришь на этот кошмар и думаешь, что там могло нравиться, за что воевали?
Интересный момент, но благодаря социальным сетям люди не только общаются между собой и , но и достигают других интересных целей. Хоть в свое время дизайн стены не вернули, зато деятельность пользователей на Facebook и Вконтакте вернула в мультсериал «Гриффины» умершего пса Брайна.
Мне очень понравилось, как они потом подшутили над этим фактом. После «воскрешения» в одной из серий они не показали ни единого кадра с псом, а в конце написали какую-то забавную фразу из серии: «Кто-нибудь вообще заметил, что в этой серии не было Брайана? Нам ждать возмущений по этому поводу в социальных сетях?».
Если вы переживаете, что ничего не умеете и не знаете, просто посмотрите как изначально выглядел любой сайт, тот же Яндекс. Время решает многое. Мы растем, двигаемся вперед и учимся на своих ошибках.
Иногда может быть полезно узнать, какой была ранее страница в интернете или узнать содержимое удаленной страницы.
Не слишком выдающийся случай: покупатель приобрел через интернет магазин смартфон, после получения возмутился, что получил уже бывшее в употреблении устройство.
«Полюбовно» договорится не получилось. Директор интернет магазина, утверждает, что покупатель был предупрежден, показывая, что на странице товара стоит приставка ref
.
Покупатель «по обыкновению», не помнит такого предупреждения на странице.
Ref — Refurbishment
.
В частности, рефербишмент в сфере информационных технологий — в отношении персонального компьютера или другого сложного устройства подразумевает: скупка (или сервис) некондиционных устройств — неработающих или не удовлетворяющих современным техническим требованиям с последующим восстановлением после поломки (замена или ремонт части деталей) или модернизацией (апгрейд).
Википедия.
Директор показывает страницу описания товара, где явно указано ref
:
Скриншот страницы товара от 25.05.2016
Вроде на этом можно можно поставить точку, осуждая незадачливого покупателя оправдавшего пословицу «кроилово ведет к попадалову», нашедшего «дешевле чем в других магазинах».
Но мы живем во время контроля «всего», не только уполномоченными органами, но и под присмотром корпораций.
И использовав кеш Google, мы с вами можем посмотреть как выглядела страница товара ранее.
А три месяца назад страница выглядела вот так:
Скриншот страницы товара по состоянию на 01.04.2016
Т.е. действительно, покупатель приобретал новое, не восстановленное устройство (совпадает все, от адреса страницы, до кода товара в базе продавца).
В итоге для покупателя все закончилось хорошо.
Вот так, вроде не очень полезные знания могут помочь.
Если вы хотите самостоятельно увидеть снимок страницы или сайта, из кеша Google, используйте вот этот адрес, где после двоеточия вставьте интересующий вас адрес сайта или определенной страницы:
webcache.googleusercontent.com/search?q=cache:нужный_сайт
Помните: снимки страниц в кеше Google тоже хранятся не бесконечно.
Внимание:
возможно Google отключил прямой поиск снимков сайта.
В это случае попробуйте поискать в сервисе Web Archive.
В этом случае создавайте запрос вида: http://web.archive.org/web/*/нужный_сайт
Например, снимки нашего сайта доступны по ссылке: http://web.archive.org/web/*/сайт
Так же, можете обратить внимание, в результатах выдачи поиска Google, справа от адреса сайта присутствует небольшой треугольник, по нажатию на него, будет предложено открыть сохраненную копию страницы.
Кстати: в Казахстане, был несколько похожий случай, с гос.структурой опубликовавшей документ о контроле интернета, вызвавший обсуждение, после чего документ был удален сайта, но «Google помнит все».
Если проблема решена, один из способов сказать «Спасибо» автору — .
Если же проблему разрешить не удалось или появились дополнительные вопросы, задать их можно на нашем , в специальном разделе.
Иногда хочется вспомнить те времена, когда по интернетам бродили динозавры, а одна песня загружалась 10 минут. Смотрим в прошлое и ностальгуем, спасибо за это онлайн-сервису: Wayback Machine – Internet Archive. Работает с 1996 года, за это время собрал в базе данных более 279 миллиардов веб-страниц.
Переходим по ссылке: http://archive.org/web/web.php В строку вводим: адрес интересующего сайта и нажимаем «Browse History». Система выдаст всю историю по конкретному порталу.
Синими кругами на календаре обведены даты резервных копий. Выбираем нужный год, дату и заглядываем в прошлое веб-страницы.
Виртуальный хостинг сайтов для популярных CMS:
Где посмотреть, как выглядели страницы сайтов в разные годы.
Яндекс
в это время открыл первый удаленный офис в Питере, запустил Яндекс.пробки и «словари». А майл.ру начали использовать поисковик на своем портале. Через год Яндекс купит разработчика мобильного софта «Смартком» и соц. сеть «Мой круг». Запустит «Календари», блого-сервис Я.ру, портал Яндекс.Mirror и откроет школу анализа данных — бесплатный образовательный курс.
Google
запускают календарь, финансы и переводчик. Открывают бесплатный хостинг изображений Picasa и объявляют о покупке YouTube. В 2007 компания установит крупнейшую систему солнечных батарей (Сейчас она обеспечивает энергией 30% офисов) и объявит о появлении Android. А сотрудники начинают ездить по офисам на велосипедах gBikes.
История Facebook
уникальна. Только в 2004 году сервис вышел за стены Гарварда, а уже в 2008 вырос так, что количество пользователей перевалило за 50 млн. человек, а состояние Марка Цукерберга уже оценивалось в 1.5 млдр. долларов.
Как раньше выглядел наш сайт.
А вот так менялся наш сайт с 2006 года.
С тех пор, как родился Интернет (более 25 лет назад), веб-сайты претерпели тысячи изменений, и их развитие ушло далеко вперёд благодаря стремительно прогрессирующим технологиям. Уже сложно вспомнить, как выглядели сайты в прошлом, а ведь ранние версии многих известных ресурсов были совершенно другими. Давайте взглянем на них.
Вид раньше и сейчас
1. Google.com : старт в 1996 году
Поисковая система Google, созданная в 1996 году в качестве учебного проекта студентами Стэнфордского университета Ларри Пейджем и Сергеем Брином, сегодня является крупнейшей компанией в мире. На первом скриншоте изображен один из самых ранних вариантов внешнего вида Google, а на втором — современный дизайн:
2. Facebook.com : старт в 2004
Спустя 8 лет после Google был изобретён Facebook — Марком Цукербергом в Гарвардском университете. Известный как TheFacebook, изначально проект был доступен только однокурсникам Гарварда. Сегодня же посещаемость данной социальной сети составляет 1,71 млрд активных пользователей в месяц.
3. MySpace.com : старт в 2003
Прежде чем появился Facebook, популярной социальной сетью была площадка MySpace. Она является одной из первых соцсетей, но с лидирующего места её уже вытеснили такие сайты как Twitter и Facebook. В 2005 году Руперт Мердок выкупил MySpace за $580 млн у основателей Криса Девульфа и Тома Андерсона. После того, как MySpace стал стремительно терять аудиторию, Мердок, по слухам, продал его за $35 млн, назвав покупку «огромной ошибкой».
4. Yahoo.com : старт в 1994
В начале 1994 года аспиранты Стэнфордского университета Дэвид Фило и Джерри Янг создали портал под названием «Путеводитель Джерри по Всемирной Паутине», представляющий собой каталог других веб-сайтов. Позже, в этом же году сайт был переименован в Yahoo!.
Версий происхождения данного имени существует несколько. Одни утверждают, что Yahoo! является акронимом фразы «Yet Another Hierarchical Officious Oracle». Другие же считают, что название было позаимствовано из книги «Путешествия Гулливера» Д. Свифта, где словом «yahoo» называются грубые человекообразные существа. Кстати, именно вторую версию основатели компании называют правильной.
5. YouTube.com : старт в 2005
6. Wikipedia.org : старт в 2001
Объёмная онлайн-энциклопедия Wikipedia навсегда изменила подход к получению информации для целых поколений. И хотя с момента запуска в 2001 Википедия мало изменилась в плане внешнего вида, за это время она сильно разрослась: на сайте насчитывается уже более 30 млн статей.
7. MSN.com : старт в 1995
MSN (Microsoft Network) был запущен в 1995 году. В начале 2000-х компания MSN являлась вторым по популярности интернет-провайдером (после AOL LLC). Сам сайт msn.com представляет собой новостной портал с видео, акциями и опросами.
8. Apple.com : старт в 1997
Нынешний вид сайта Apple кардинально отличается от его ранней версии с заманчивым предложением получить бесплатный CD-ROM. Однако уже тогда компания демонстрировала свою любовь к белому цвету. А Apple eMate 300, рекламирующийся в правой части страницы, одно время был популярным КПК (с 1997 по 1998 год).
9. Twitter.com : старт в 2006
Сайт Twitter был запущен в марте 2006 года и, по сравнению со своей старой версией, стал практически неузнаваем. В настоящее время Твиттер входит в десятку самых посещаемых ресурсов в мире и считается одним из самых успешных стартапов всех времён с точки зрения рыночной капитализации.
10. eBay.com (ранее известный как AuctionWeb): старт в 1995
Кто бы мог подумать, что этот серый, мало чем примечательный сайт превратится в крупнейший онлайн-аукцион в мире? Его основатель, программист Пьер Омидьяр, изначально хотел зарегистрировать доменное имя EchoBay.com , но, как оказалось, им уже владела одна золотодобывающая компания, поэтому название было решено сократить до eBay.com .
11. LinkedIn.com : старт в 2003
Сайт LinkedIn был создан в 2003 году предпринимателем Ридом Хоффманом и позиционировался как социальная сеть для поиска и установления деловых контактов. В одном только США насчитывается 93 млн пользователей данной сети. С самого начала сайт обладает достаточно сложной структурой.
12. Amazon.com : старт в 1995
Изначально на сайте Amazon продавались только книги. Придумывая название своему проекту, Джефф Безос просматривал словарь и остановился на слове «Amazon», поскольку Амазонка является экзотической, непохожей на другие и самой большой рекой в мире. Именно таким он хотел сделать и свой магазин.
Интересно и то, что ранее, в сентябре 1994, Безос приобрел домен Relentless.com и планировал назвать своё детище словом Relentless (рус. безжалостный, неустанный
), но друзья сказали ему, что такое имя звучит немного зловеще. Домен всё ещё принадлежит Безосу — с него идёт перенаправление на Amazon.com .
13. Instagram.com : старт в 2010
Такой популярный нынче сайт Instagram начинал своё существование под названием Burbn. Создатели проекта, Кевин Систром и Майк Кригер, в какой-то момент поняли, что их сервис стал сильно напоминать Foursquare, и приняли решение сделать его более специализированным, сделав упор на мобильную фотографию. Так появился Instagram. Название представляет собой объединение двух выражений — «instant camera
» и «telegram
».
С тех пор проект признан одним из самых успешных в мире. В 2012 году Facebook купил Instagram за $1 млрд.
Все вышеперечисленные ресурсы на сегодняшний день уже имеют абсолютно другой дизайн, и узнать, как выглядели эти сайты раньше, можно лишь благодаря сохранившимся скриншотам. Но есть некоторые сайты, которые сохранились в первозданном виде! Если вам мало одного скриншота, и вы хотите устроить настоящий сёрфинг по сайтам в стиле 90-х, взгляните на список ниже.
Рабочие сайты в стиле 90-х
На момент публикации этой статьи все сайты рабочие.
14. Space Jam : старт в 1996
Забавный кусочек истории: подсайт Space Jam домена warnerbros.com , который никак не изменялся с момента своего запуска в 1996 году. Здесь можно переходить по ссылкам и ощутить перемещение во времени!
15. MillionDollarHomepage.com : старт в 2005
Этот сайт принёс своему создателю, 21-летнему студенту из Великобритании Алексу Тью, заработок в размере $1 037 100. Главная страница имеет размер 1000×1000 = 1 млн пикселей. Каждый пиксель продавался за $1, а минимальным размером покупки был блок 10×10 пикселей. В распоряжении покупателя была та площадь, которую он купил — он мог разместить на ней картинку и сделать из неё ссылку.
Целью автора сайта была продажа всех пикселей, следовательно, заработок должен был составить 1 миллион долларов. Но заработал Алекс Тью немного больше, поскольку последнюю тысячу пикселей он выставил на аукцион eBay, заработав на продаже $38 100. Вид сайта сохранён для истории и доступен для просмотра.
16. DPGraph.com : старт в 1997
Сайт программного обеспечения для математической и физической 3D-визуализации. Здесь поражает не только тематика, но и внешний вид страницы — анимированные gif-ки объемных графиков, раскрашенные во все цвета радуги, и дизайн в стиле 90-х — что может быть более психоделичным?…
17. Aliweb.com : запуск в 1993
ALIWEB (Archie Like Indexing for the WEB) — одна из первых поисковых систем в мире. Её запуск состоялся в ноябре 1993 года. К счастью, спустя 23 года у нас есть возможность полюбоваться таким раритетом в нетронутом виде.
18. Taco.com : старт в 1997
«Мы не продаем тако. Мы не готовим тако. По правде говоря, некоторые из нас даже не очень их любят
», — сказано на одной из страниц сайта taco.com , принадлежащего компании, которая предлагает различную компьютерную помощь. Название TACO произошло от сокращения T
echnical A
dvisors Co
mpany. Этот сайт 90-х годов до сих пор блистает благодаря чувству юмора сисадминов.
19. IFindIt.com : старт в 1995
I Find It — огромное руководство по поиску в Интернете. Год создания — 1995. На сайте размещен совет: «Пожалуйста, задайте разрешение экрана 800×600 для оптимального просмотра
»…
Google, а где был ты в 1995? По-видимому, ещё играл с погремушками.
20. Instanet.com : старт в 1995
Если бы страницы HTML 2.0 (версия, одобренная как стандарт 22 сентября 1995 года) можно было продавать на аукционах, то сайт instanet.com сейчас стоил бы миллионы. Вы только взгляните на этот исходный код:
10 октября 2006 года состоялся официальный запуск социальной сети «ВКонтакте». Что же происходило с социальной сетью за 11 лет? Сейчас вспомним!
Шапочка очень милая. «ВКонтакте» тогда ещё фигурировал как «закрытый справочник студентов и выпускников элитных ВУЗов России». А один из первых блогов Павла Дурова выглядел так:
Так же на сайте объявляется первый конкурс по приглашению друзей за очень даже неплохие призы:
За 4 месяца «ВКонтакте» набрал свыше 50000 пользователей, неплохой старт. Также удалось найти скрин одного из первых счётчиков зарегистрированных пользователей. Очень милая цифра на нём, в скором времени она увеличится в 10000 раз.
2007 год
2009 год
В 2009 году «ВКонтакте» купил интернет-адрес vk.com — более короткий и более удобный для продвижения на мировом рынке. Точная сумма сделки неизвестна, но понятно, что она была весьма велика.
Интересный факт: в апреле 2009 года на сайт «ВКонтакте» заходило в два раза больше людей, чем на сайт «Одноклассников», их извечного конкурента.
- Запускается сервис «Объявления».
2010 год. #ДуровВерниСтену
В феврале 2010 года «ВКонтакте» был зарегистрирован 60-миллионный пользователь, а уже в ноябре — 100-миллионный. В октябре того же года произошло событие, наделавшее много шума: все страницы пользователей перевели в режим микроблога, вернуться назад было нельзя, и у многих это вызвало возмущение. Люди требовали вернуть привычную стену.
- Стена превращается в микроблог.
- Добавлена кнопка «Мне нравится».
- Числовой id можно заменить «красивым адресом» .
Так выглядела стена до микроблога
2011 год.
В начале 2011 года сайт «ВКонтакте» закрыл свободную регистрацию, чтобы затруднить создание фиктивных пользователей, использующихся для накруток и рассылки рекламы. Зарегистрироваться можно было только по приглашению, которое мог прислать кто-нибудь из пользователей (если ему была дана такая возможность). Примерно в то же время изменились настройки приватности: свои записи на стене стало невозможно открыть только для определённого круга лиц, они стали общедоступными.
Свободная регистрация была вновь открыта в июле 2011 года.
- Запускаются мобильные приложения для iPhone и Android.
- Добавляется возможность вести чат с несколькими участниками.
- Внедряются хэштеги.
- Страницы знаменитостей начинают верифицировать.
Первая версии мобильных приложений выглядели так:
Версия для iPhone
Версия для Android
2012 год. Переезд
В 2012 году сайт «ВКонтакте» окончательно переехал на доменное имя VK.
2013 год
В апреле 2013 года стало известно, что инвестиционный фонд United Capital Partners под управлением Ильи Щербовича (как многие считают, близкий к Кремлю) выкупил 48% акций «ВКонтакте» у Вячеслава Мирилашвили и Льва Левиева. Они не имели права продавать акции, не предложив их сначала другим акционерам «ВКонтакте», в том числе Павлу Дурову, но это ограничение обошли, продав не акции, а кипрские компании, которым они принадлежали. Павел Дуров заявил, что эта схема «отдаёт мошенничеством». Отношения между ним и новым акционером время от времени обострялись и выходили на публику. Ходили слухи, что фонд UCP хочет сместить Дурова с поста генерального директора.
В то же время Дуров уделял время своему новому проекту — мобильному мессенджеру Telegram (приложение для общения). У фонда UCP это вызывало недовольство.
Летом, перед вступлением в силу «антипиратского» закона, «ВКонтакте» было удалено много музыки, загруженной туда нелегально.
В 2013 году, по данным Павла Дурова, количество ежедневных пользователей «ВКонтакте» выросло на 14 миллионов, достигнув 56 миллионов, а рост аудитории «Одноклассников», ближайшего конкурента, шёл в два раза медленнее.
2014 год
2016 год.
- Лента новостей становится «умной», подстраиваясь под интересы конкретного пользователя.
- Запуск безналичных денежных переводов.
- Появляется возможность вести игровые трансляции (стримы).
- Внедряется возможность отправлять голосовые сообщения.
- VK полностью меняет дизайн полной версии сайта.
Дизайн VK после обновления в 2016 году
2017 год
- VK появляется возможность записывать «Истории».
- Происходит глобальное обновление мобильных приложений VK.
- Ограничение прослушивания музыки в фоновом режиме. Внедрение платной месячной подписки.
Как посмотреть как выглядел сайт раньше
Говорят, прогресс не остановить. Проходят месяцы и годы, технологии становятся всё лучше и совершеннее, уже никого не удивишь с мобильным телефоном со спутниковой навигацией. А сеть Интернет позволяет нам общаться в реальном времени находясь на противоположных концах планеты. Время летит так быстро, что подчас мы не замечаем существенных изменений во многих вещах, с которыми имеем дело. Касается это и сети Интернет, в которой развитие сетевых протоколов, стандартов и технологий просто преобразило внешний вид и функционал имеющихся сайтов. В этом материале я предлагаю вам поднять покров времени и заглянуть в прошлое, посмотреть, как выглядел сайт раньше, каков был внешний вид и функционал ресурсов тех лет, и, возможно, это поможет понять, как далеко мы шагнули вперёд в развитии цифровых технологий наших дней.
Просмотр истории сайтов
История архива Интернета
Итак, как же выглядел сайт в прошлом, и какие инструменты могут нам помочь заглянуть в веб-историю 5-10 летней давности? Более 20 лет назад, в 1996 году энтузиаст Кейл Брюстер основал цифровой архив под названием «Архив Интернета» («The Internet Archive»), слоганом которого был провозглашён «Всеобщий доступ к знаниям». С того времени указанный архив собирает и хранит копии веб-страниц, графики, аудио и видео, различных программ, обеспечивая свободный доступ к накопленной информации для всех желающих.
На состояние октября 2016 года архив уже имел 15 петабайт информации, а веб-архив проекта содержал уже более 150 миллиардов веб-страниц различных сайтов.
Примерно так выглядят серверы архива
Именно благодаря данному архиву сегодня мы имеем возможность посмотреть, как выглядели многие ресурсы 10-15-20 лет тому назад. Историю действий на вашем компьютере можно узнать в статье написанной мной ранее.
Смотрим каким был сайт ранее
Итак, как же посмотреть сохранённые копии сайтов? Воспользуемся возможностями данного проекта и попробуем приоткрыть покровы времени.
Перейдите на данный сервис (он носит название Wayback Machine), введите в поисковой строке адрес интересующего вас сайта (например, www.youtube.com) и нажмите на кнопку «Browse history» (просмотреть историю) справа.
Сервис архив сайтов Wayback Machine
Система обработает запрос и выдаст вам результат. Сверху будет располагаться разбивка по годам, и вы увидите, в каком году впервые была отслежена активность данного сайта и сделан его снимок.
История сайта за 2005 год
Выбираем дату сохранённого скриншота сарвисом
Кликните, к примеру, на самый ранний год (в случае Ютуб это 2005 год), внизу отобразится полный календарь данного года по месяцам. Дни, когда были сделаны «снимки» сайта будут подсвечены голубоватым цветом, в нашем случае первый «снимок» был сделан 28 апреля данного года.
Кликаем на 28 апреля и просматриваем, как выглядел сервис Youtube 28 апреля 2005 года.
Так выглядел сайт Ютуба ранее
Соответствующим образом вы можете просмотреть любой из интересующих вас сайтов.
Также можно работать с данным сервисом напрямую, введя в адресной строке вашего браузера:
http://web.archive.org/web/*/http://url нужного сайта
Соответственно, введя данную строку в адресной строке браузера и нажав на ввод, вы сразу попадёте в отображение снимков нужного вам сайта по годам, месяцам и днём.
Сервис, который может показать, как выглядели сайты в прошлом, напоминает своеобразную машину времени в интернете. С его помощью можно перенестись на год, два или двадцать лет назад и увидеть, какими ресурсы были тогда. Зачем может понадобиться эта информация и как воспользоваться данным сервисом?
Для чего нужно искать старые версии сайтов
Причины, по которым может быть необходимо посмотреть сайт в прошлом времени, могут быть абсолютно разными. Часто это желание погрузиться в приятную ностальгию. Например, посмотреть, как раньше выглядели популярные площадки и соцсети. Или же посмотреть, как выглядел собственный сайт несколько лет назад. К счастью, существует инструмент, который позволяет это сделать, даже если сам ресурс уже давно не доступен.
Как это возможно? Если сайт существует в интернете хотя бы пару дней, он попадает в веб-архив. Инструмент сохраняет его код, благодаря чему, можно увидеть, как он выглядел даже много лет назад.
Причины, по которым возникает необходимость посмотреть порталы в прошлом времени:
- Отслеживание истории изменений. Такая потребность может возникать у копирайтеров или журналистов для подготовки нового контента. Также это может быть нужно для анализа конкурентов: можно проследить путь их развития и увидеть допущенные ошибки.
- Восстановление ресурса. Если пользователь забыл продлить домен или не сделал бэкап, веб-архив будет отличным вариантом восстановления.
- Поиск уникального контента. Если площадка больше не доступна, её контент становится уникальным. Можно использовать его полностью или частично, предварительно проверив уникальность.
- Увидеть необходимый контент, если страница уже недоступна. Например, пользователь добавил площадку в закладки, а через время оказалось, что её больше нет. Тогда посмотреть её содержимое можно только с помощью веб-архива.
Как узнать прошлое веб-ресурса с помощью archive.org
Чтобы узнать, как выглядел конкретный веб-ресурс ранее, можно воспользоваться сайтом для просмотра страниц в прошлом – a rchive.org. Для этого нужно выполнить следующее:
- Пройти по ссылке https://archive.org/.
- Ввести URL-адрес и нажать кнопку «Go».
- Выбрать интересующий период времени. Затем с помощью календаря найти нужную дату, навести на нее курсор мыши и выбрать время сохранения копии (в списке может быть как одна, так и несколько ссылок).
После этого откроется главная страница в том виде, какой она была в выбранный период.
Учитывайте, что кликабельными в календаре являются только дни, помеченные синим или зеленым цветом. Посмотреть, как выглядел сайт в даты без подсветки, не получится.
Если это страница Вконтакте
Аналогичным образом можно узнать содержимое страницы ВКонтакте. Достаточно указать на нее ссылку в соответствующем поле.
По сравнению с новостными или другими веб-ресурсами здесь будет меньше подсвеченных дат с сохранённым содержимым. Количество дат зависит от популярности страницы: у обычных пользователей их будет немного, в то время как у известных медиа-личностей – на порядок больше.
Дальнейшие действия такие же: надо выбрать любую из подсвеченных дат и перейти по кликабельной ссылке. В этой же вкладке откроется страница в ВКонтакте с актуальным на тот момент содержимым.
Как выглядели культовые сайты раньше
Для примера посмотрим, как выглядели популярные ресурсы раньше, а именно Яндекс, Google, YouTube, Википедия и VK. Все из них с течением времени претерпели кардинальные изменения в дизайне.
Поисковик Яндекс
Поисковую систему Яндекс официально анонсировали 23 сентября 1997 года. С тех прошло более 20 лет, и сегодня это одна из самых популярных поисковых систем в мире.
В веб-архиве первая сохраненная копия датируется 6 декабря 1998 года.
На тот момент выглядел Яндекс вот так:
Поисковик Google
Поисковая система Google была основа чуть позже – в 1998 году. Сейчас это самая популярная поисковая система в мире.
Первые сохраненные копии появились в веб-архиве в конце 1998 года. Например, 2 декабря Гугл выглядел вот так:
YouTube
Youtube начал свою работу в феврале 2005 года. Первые сохраненные в веб-архиве копии появились в конце апреля 2005 года. На то время сервис имел минималистичный дизайн, и видно, что он являлся не более, чем видеохостингом:
Википедия
Википедия появилась 15 января 2001 года. Сегодня она является наиболее крупным и популярным справочником в интернете и содержит более 40 миллионов статей, которые доступны на 301 языке.
В веб-архиве первая сохраненная копия Википедии датируется 27 июля 2001 года:
ВКонтакте
Популярная в России и других странах социальная сеть ВКонтакте была создана 10 октября 2006 года.
В веб-архиве первая сохраненная копия сайта датируется 8 ноября 2006 года. На нём видно, что сайт изначально был ориентирован на студентов и выпускников.
Можно ли восстановить сайт из вебархива?
При потере данных, восстановить свой сайт можно с помощью сайта https://webarchiveorg.ru/. Для этого нужно:
- ввести URL-адрес;
- выбрать нужный год, месяц и число;
- нажать кнопку «Восстановить сайт».
Услуга является платной, поэтому перед восстановлением рекомендуется ознакомиться с тарифами. Точная стоимость зависит от количества сайтов и его страниц.
Выводы
С помощью веб-архива можно посмотреть, какой дизайн и контент были у сайтов раньше, что может быть необходимо для восстановления данных, анализа конкурентов, поиска интересного контента с исчезнувших ресурсов или просто ради интереса.
У 9 из 10 наших читателей есть свой сайт или интернет-магазин на 1C-UMI. Кто-то создал его недавно, а кому-то уже можно праздновать юбилей. За годы развития веб-ресурсы претерпевают множество изменений во внешнем виде и функционале. Иногда хочется вспомнить, каким же был ваш проект раньше, когда всё только начиналось. Или поднять какую-то утерянную информацию, которая была на сайте ранее. Сделать это легко при помощи чудо-сервиса Wayback Machine.
Как пользоваться веб-архивом
Откройте сервис, вбейте в строку поиска домен или полный адрес своего сайта. Сервис автоматически начнет поиск и через пару секунд покажет вам результаты в виде временной шкалы и календаря с датами, когда были сделаны снимки ресурса.
Чтобы перейти к конкретному году, кликните по соответствующему блоку на шкале. Затем в календаре ниже нажмите на одну из дат, выделенных голубым цветом. Если в тот день было сделано несколько снимков, при нажатии на дату вы увидите окно для выбора нужного вам времени. Если снимок был один, вы сразу попадете на сохраненную версию.
Вот так выглядел наш сайт 1C-UMI летом 2012 года:
А вот так его видели наши пользователи осенью 2016 года:
Чем дольше ресурс работает, тем больше его снимков будет в WebArhive. Для путешествия в прошлое используйте временную шкалу и блок переключения месяцев и чисел справа от нее.
Самое классное — что данный сервис не делает скриншоты сайтов, а сохраняет их целиком. Таким образом, вы увидите версию 10-летней давности и, все разделы, формы, почитаете тексты, полистаете изображения и многое другое.
Какие сайты попадают в веб-архив
Оказаться в Wayback Machine может любой сайт. Особенно это касается тех веб-ресурсов, которые находятся в каталоге DMOZ. Но так как сейчас туда свое «детище» уже не добавить, будет достаточно того, что на вашу площадку ссылаются сайты, снимки которых уже присутствуют в веб-архиве. А даже если таких ссылок нет, ваш ресурс все равно может попасть в базу сервиса. Главное, чтобы в его файле Robots.txt не было запрета.
Как проверить? Для сайтов на 1С-UMI откройте раздел «Реклама/SEO → Управление robots.txt» в панели управления сайтом и проверьте, нет ли в нем следующей записи:
Если такой записи (как выше) нет, все хорошо, ваш сайт имеет шанс на попадание в веб-архив. В противном случае, при поиске своего ресурса в сервисе вы увидите надпись, как на скриншоте ниже.
Если вы не хотите ждать, когда сервис соблаговолит сделать снимок вашего сайта, добавьте его в базу WebArchive вручную. Для этого найдите функцию «Save Page Now», которая находится в центральной части страницы справа.
Укажите ссылку на свой ресурс и нажмите на кнопку «SAVE PAGE». Сохранение начнется через несколько секунд и, спустя минуту или около того, будет закончено. За ходом выполнения вы можете наблюдать в небольшом окошке по центру экрана.
После сохранения снимка страницы начнет загружаться только что архивированная версия сайта.
По окончании процесса окно загрузки закроется, и вы сможете просмотреть сохраненный снимок, побродить по всем разделам сайта и т. д.
Чем будет полезен веб-архив для вас
Данный сервис годится не только для того, чтобы смотреть, в каком состоянии была ваша страничка или любой другой ресурс некоторое время назад. С его помощью вы можете восстановить свой сайт, его страницу, какой-то текст или элемент, если вдруг по какой-то причине данные были стерты. Чтобы этого не произошло, не забывайте почаще выполнять резервное копирование вашего сайта, ну, а на экстренный случай имейте в виду WebArchive. Но имейте в виду также, что WebArchive делает снимки по своему усмотрению с непредсказуемой частотой, поэтому нужной вам версии сайта в нем может и не оказаться.
Вручную восстанавливать ресурс из веб-архива очень долго и для этого нужно неплохо разбираться в сайтостроении и верстке. Однако при желании восстановление можно автоматизировать при помощи онлайн-инструмента ARCHIVARIX.
До 200 файлов сервис восстанавливает бесплатно, а при большем количестве взимает небольшую плату.
Веб-архив может быть вам полезен и тем, что он содержит колоссальное количество уникальных текстов, которые опубликованы на канувших в небытие ресурсах. Как это можно использовать с выгодой для своего бизнеса? Допустим, вы запускаете сайт. Сами писать тексты не можете из-за отсутствия времени, а на оплату услуг копирайтера денег нет. Чтобы не откладывать запуск проекта, попробуйте найти уникальный контент в Wayback Machine.
Найдите любой сайт, близкий вашему по тематике, откройте его содержимое, скопируйте тексты и прогоните их через софт или сервис проверки на плагиат. Статьи, которые окажутся уникальными (от 90% и выше), вы можете без зазрения совести опубликовать на своем сайте. Это не будет считаться хищением, так как тексты после удаления ресурсов стали ничейными.
Для поиска таких сайтов можно использовать базы хостинговых компаний. Обычно они публикуют список тех доменов, срок действия которых истек или вот-вот истечет. Существуют и специальные программы, которые ищут освободившиеся домены по нужным параметрам.
Несколько фактов о веб-архиве
Первый запуск сервиса WebArchive состоялся в 1996 году. С тех пор этот инструмент сумел накопить в своей базе более 338 миллиардов сайтов. Представьте, сколько это! А дисковое пространство, которое занято информацией в архиве, составляет 1015 Терабайт. Если перевести на математический язык, то это квадриллион.
На следующий год после основания сервиса WebArchive добавил в свою базу сам себя. Хотите посмотреть, как он выглядел на тот момент? Тогда взгляните на изображение ниже.
Это самый первый его снимок от 26 января 1997 года.
На данный момент веб-архив считается наилучшим способом из бесплатных для создания снимков интернет-ресурсов. Возьмите его на вооружение.
как 12 больших сайтов выглядели годами назад
За последние два десятилетия Интернет значительно расширился. В то время Apple была страдающей компьютерной компанией, AOL — быстро развивающимся интернет-провайдером, а Microsoft была на грани выпуска Windows 98. Благодаря магии Wayback Machine мы можем путешествовать во времени и возвращаться к прошлому.
Прогуляйтесь с нами по переулку памяти, пока мы входим в наш DeLorean, и взглянем на то, что раньше было в сети. Если бы вы были там в то время, вы почувствуете ностальгию. Если нет, вы можете быть удивлены тем, как далеко мы продвинулись. Не стесняйтесь переходить по ссылкам и самостоятельно исследовать, даже пересматривать свои старые прибежища и удивляться, как они выглядят устаревшими.
1. YouTube
В 2005 году YouTube был основан тремя американскими парнями, которые работали на PayPal. Это сделало процесс загрузки и просмотра видео намного проще, чем когда-либо прежде. Первое видео под названием «Я в зоопарке» было загружено соучредителем Джаведом Каримом.
Google приобрел сайт в 2006 году, и YouTube продолжает доминировать
; сегодня каждую минуту загружается 300 часов видео.
2. eBay
eBay не всегда так называл. Когда он был запущен в 1995 году, он был известен как AuctionWeb, и одной из первых вещей, которые он продал, была сломанная лазерная указка за 14,83 доллара. В 1996 году на сайте было проведено 250 000 аукционов. Год спустя эта цифра выросла до двух миллионов, и 10% этих списков составили Beanie Babies.
eBay продолжает оставаться популярным местом для покупок
Правда, сейчас он продает намного больше, чем коллекционные игрушки.
3. Apple
Apple, в настоящее время одна из самых ценных компаний в мире, в 90-х годах боролась с компьютерными компаниями. Сайт Apple, созданный в 1997 году, кажется, что он о совершенно другой компании, чем Apple, которую мы знаем сегодня. Но даже тогда Apple выдвинула мобильные устройства — в данном случае eMate 300, которые использовали платформу Apple Newton. (Это провалилось.)
4. Google
Google не был первым поисковиком
хотя он и улучшился благодаря формуле рейтинга страниц, созданной Ларри Пейджем и Сергеем Брином. На их сайте всегда присутствовал культовый минималистичный дизайн, а также красочный логотип.
Вот малоизвестный факт: Единственная причина, по которой Google начал с такого простого дизайна, заключается в том, что основатели компании мало знали о HTML.
5. Yahoo
1997 год был эпохой до Google, поэтому люди использовали другие поисковые системы
— как Yahoo. В то время Yahoo была довольно простой поисковой системой и каталогом, ничем не похожим на забитую первую полосу. Но тогда Yahoo просто не мог быть загроможден тогда. Это заняло бы слишком много времени для загрузки через эти старые модемы.
6. Microsoft
В то время Microsoft работала над Windows 98, и их лозунг «Куда ты хочешь пойти сегодня?» Размещался на их веб-сайте. Как вы видите, они всегда предлагали разнообразные продукты и услуги. Верхний заголовок — «Internet Explorer 4.0 дебютирует под аплодисменты критиков» — ретроспективно забавен, поскольку в последующие годы браузер быстро обгонял конкурентов.
7. Амазонка
Amazon начал продавать книги в 1995 году и, как и все хорошие интернет-компании, был основан Джеффом Безосом из гаража. Он выбрал книги из-за мирового спроса на литературу, низкой стоимости и огромного разнообразия. Безос продавал 20 000 долларов в неделю в течение двух месяцев, так что вы могли бы сказать, что это был правильный выбор, тем более что Amazon остается номером один в онлайн-магазинах.
8. AOL
Сайт AOL действительно взрыв из прошлого. На первой странице размещена бета-версия AOL Instant Messenger, которая в конечном итоге стала очень популярной. Он даже предлагает бесплатную пробную версию AOL, которая впервые привлекла много людей в сети.
9. GeoCities
Если вы были где-то в 90-х, я уверен, что вы помните GeoCities. Вместо того, чтобы создавать блоги, люди создавали свои собственные личные сайты, и они обычно выглядели ужасно. GeoCities был официально закрыт в 2009 году, но он исчез и умер за много лет до этого.
10. Нью-Йорк Таймс
«Нью-Йорк Таймс» показывает нам, каким был сайт газеты. Сайт пытается перенести знакомый макет газетного стиля в браузер. К счастью, с тех пор веб-сайты газет продвинулись вперед, и для многих публикаций это основной выход, поскольку печатные СМИ уже не так популярны, как раньше.
11. АльтаВиста
Если вы не использовали Yahoo, есть большая вероятность, что вы используете AltaVista. Еще в 1997 году они были не просто поисковой системой. Это видно по их гордому хвастовству новой службой «электронной почты с отношением» под названием ME-Mail. AltaVista теперь просто перенаправляет на результаты поиска Yahoo, а Yahoo — это лишь фронтенд Microsoft Bing.
12. Белый Дом
Первой страницей Белого дома была «Виртуальная библиотека Белого дома». Она позволяла просматривать и искать различные документы. Здесь нет ни одной полосатой страницы с последними новостями и фотографиями президента в высоком разрешении, а просто прославленная поисковая система с фоном мозаики, который был бы в моде в то время.
Еще больше взрывов из прошлого
Однажды кто-то, без сомнения, напишет о том, как древняя сеть сейчас выглядит, и удивится, насколько мы были отсталыми.
Теперь, когда вы узнали об истории Интернета и о том, как он выглядел, пришло время проверить некоторые интересные сайты, чтобы оживить реальную историю.
,
веб-сайтов: прошлое и настоящее — Enonic
Как выглядели веб-сайты 20 и 30 лет назад? Посмотрите сравнение старого и нового, узнайте, как раскапывать окаменелости, и почувствуйте цифровой опыт завтрашнего дня.
Довольно забавно смотреть на рисунки и фотографии былых времен и видеть давно ушедшие мода, культура и стили. Это касается не только одежды и физических вещей. С тех пор, как в 1991 году была запущена первая веб-страница, опыт Интернета и цифровых технологий претерпел огромные изменения.
В этой статье мы более подробно рассмотрим основные этапы развития веб-сайтов с 1991 года до сегодняшнего дня. Мы также сравним новые и старые известные цифровые технологии, а также научим вас, как находить старые версии и исторические отпечатки веб-сайтов. Наконец, мы укажем, куда мы идем дальше.
Убедитесь, что вы тоже знаете о Headless CMS:
Краткая история веб-дизайна
Первая веб-страница была опубликована 6 августа 1991 года Тимом Бернерсом-Ли из Европейской организации ядерных исследований, более известной как ЦЕРН.Веб-страница содержала информацию о World Wide Web и описывала форматы, протоколы и способы создания веб-страниц.
Адрес был http://info.cern.ch/hypertext/WWW/TheProject.html, а в 1992 году он выглядел так:
Первые веб-страницы были в основном текстовыми, так как интернет-соединение было медленным, а технологии ограниченными. Никакого особого дизайна или структуры страницы не было, но основные HTML-теги для заголовков, абзацев и ссылок дебютировали.
Узнайте: как оптимизировать работу с сайтом за 3 шага »
Середина 90-х: столы и цвета
Перенесемся в 1996 год, счастливые дни, когда в Японии были выпущены DVD, Spice Girls покорили мир, а инопланетяне пытались завоевать мир в День независимости. С 1991 года ситуация определенно изменилась, как показывает домашняя страница BBC:
Исчезли простые тексты и макеты первых веб-сайтов, а вместо них мы получили цвета, макеты на основе таблиц, яркие GIF-файлы и счетчики веб-сайтов.Хотя веб-сайты позже отошли от табличного дизайна, идея структуры сохранилась.
Конец 90-х: Интернет и Flash
Конец 90-х представил новую инновацию: Flash. Растущее нетерпение из-за отсутствия поддержки анимации и видео в Интернете, Macromedia попыталась захватить Интернет с помощью технологии Flash.
Хотя Flash — это не Интернет, эта технология тем не менее представила веб-дизайнерам совершенно новый мир возможностей «дополнить» дизайн своих таблиц, включая заставки, 3D-кнопки, навигацию с изменением цвета и многое другое, ну, ну, яркие элементы.
Megacar.com, компания по обеспечению безопасности данных Кима Доткома, на всякий случай:
Однако у
Flash были серьезные недостатки, в том числе невозможность поиска. Flash также вызывал медленную загрузку, поскольку пользователям приходилось запускать приложение в веб-браузере. Когда Интернет наконец получил поддержку анимации и видео, Flash довольно быстро умер.
Начало 2000-х: CSS
В начале 2000-х наблюдался приток CSS, позволяющий разделить контент и дизайн. Чтобы понять, что мы имеем в виду, посетите CSS Zen Garden и просмотрите один и тот же контент в разных дизайнах.
Контент может быть создан независимо от дизайна, и наоборот, что упрощает обслуживание веб-сайтов с меньшим количеством кода и сложности.
Середина 2000-х: Web 2.0
Хотя термин «веб 2.0» может быть неясным, он может использоваться для обозначения роста мультимедийных приложений, интерактивного контента и появления платформ социальных сетей. Все эти функции начали приобретать известность примерно с 2005 года и позже, что ознаменовало окончательную смерть Flash.
«Web 2.0» ввел дополнительные функции JavaScript в веб-браузере, а также технологию Ajax, которая загружает и обновляет части веб-сайта. Теперь Интернет превратился из статического HTML в функционал, больше похожий на сеть, с которой мы знакомы сегодня. Больше внимания было уделено типографике, пробелам, цветовой палитре, пользовательскому опыту и SEO. В 2005 году также был запущен YouTube:
.
Сайтов сегодня
Дальнейшие инновации в таких технологиях, как HTML5, CSS3 и JavaScript, позволили создать более продвинутые и сложные веб-сайты, чем раньше, что еще больше подчеркивается добавлением мобильных устройств и приложений.
В то же время большое внимание уделяется UX, контент-стратегиям и SEO, в результате чего веб-страницы имеют минималистичную графику, плоский дизайн, смешанную типографику, большие изображения и одностраничные структуры.
История веб-сайтов и веб-дизайна — это колебание между контентом и представлением, где контент был сначала доминирующей частью, до того периода, когда дизайнеры пошли на спад с Flash и таблицами, и, наконец, тенденция снова вернулась к использованию контента.
Эти пылкие отношения все еще сильны, с добавлением многоканальной сложности и безголовой CMS.
Как предоставить клиентам лучший цифровой опыт »
Сравнения: тогда и сейчас
Нет ничего более поразительного, чем сравнение «до и после». Чтобы понять, насколько сильно изменился Интернет, давайте взглянем на некоторые известные бренды и их соответствующие веб-сайты в разное время.
Макдональдс.com в 1996 году:
McDonald’s в 2019 году:
BBC в 1997 году:
BBC в 2019 году:
Лондонский Флорис в 2000 году:
Лондонский Флорис в 2019 году:
Google в 1998 году:
Google в 2019 году:
Facebook в 2004 году:
Facebook в 2019 году:
Amazon в 1999 году:
Amazon в 2019 году:
7 инструментов, необходимых для работы с цифровыми технологиями »
Инструменты для путешествия в прошлое
Есть несколько инструментов, которые позволяют вам искать старые версии ваших любимых веб-сайтов.Самым известным из них является Wayback Machine из Интернет-архива. Просто введите предпочтительный URL-адрес и в некоторых случаях просмотрите снимки времен середины 90-х годов.
С помощью Wayback Machine вы можете исследовать более 344 миллиардов веб-страниц, которые были сохранены с течением времени, но имейте в виду, что услуга не включает все существующие веб-сайты. Иногда он также показывает снимки с отсутствующими файлами изображений или отсутствующими Flash-анимациями, что не дает полностью точного представления о прошлом.
Так выглядел StarWars.com в апреле 1997 года.
Еще один инструмент — oldweb.today. Эта служба основана на Wayback Machine, но добавляет возможность просмотра старых веб-страниц через эмулируемый веб-браузер, например Internet Explorer 4.0 или Netscape Navigator 4.08. Вы также можете посетить Time Travel, где вы можете найти или восстановить старые веб-сайты. Time Travel основан на нескольких источниках, таких как упомянутый Интернет-архив, но с добавлением нескольких других, включая Archive-It, Британскую библиотеку, GitHub, Библиотеку Конгресса и многие другие.
Если вы действительно хотите сохранить текущую веб-страницу для потомков, введите ее и сохраните через браузер на локальный жесткий диск. При этом на вашем компьютере будут храниться файлы изображений, файлы стилей, HTML-файлы и многое другое, обеспечивая точное локальное отображение страницы.
Куда мы направимся дальше?
Всемирная паутина кардинально изменилась с тех пор, как в 1991 году была запущена первая веб-страница. От примитивных текстовых документов и ярких всплесков цвета до современных веб-сайтов, веб-сайт, наконец, нашел баланс между содержанием и дизайном и теперь готов к использованию. будущее.
Хотя невозможно предсказать будущее, тенденция к тому, куда мы движемся дальше, довольно очевидна: рост мобильных, прогрессивных веб-приложений, многоканального спроса, а также автономных и гибридных CMS рассказывает нам историю цифрового опыта с богатой функциональностью в любой канал, будь то смартфоны, планшеты, носимые устройства, Интернет вещей, цифровые вывески или классический веб-сайт.
У нас были захватывающие 30 лет веб-разработки, и нам будет интересно увидеть, что принесут нам следующие 30 лет.
Как выглядел Интернет до Google
Эта статья из архива нашего партнера.
По случаю 15-летнего юбилея Google сложно представить Интернет без всех сервисов Google, которые мы используем для работы в Интернете, поэтому давайте вернемся в 1998 год, год рождения Google, и посмотрим, как Интернет работал до Сергея Брина. и Ларри Пейдж познакомил нас с поиском с помощью PageRank.
Мы использовали AOL, Hotmail или Netscape для электронной почты.
Еще в 1998 году самый популярный веб-сайт номер один выполнял ту же функцию, что и один из самых популярных сервисов Google сегодня: электронная почта.Согласно отчету Media Matrix от 1998 года, наибольший трафик был у AOL, что не должно удивлять слишком многих людей, которые были убедительны в 1998 году — вам напомнили множество компакт-дисков AOL, присланных вам по почте. Однако веб-страница может выглядеть немного чужой. Многие из нас заходили в AOL, используя проприетарное программное обеспечение AOL на этих компакт-дисках, но если бы вам удалось выйти в Интернет каким-либо другим способом, после ввода http://www.aol.com в Internet Explorer (не гуглить, помните?) Вы бы обнаружили портал электронной почты и чата, который выглядел так.Это не ссылка на AOL Netfind, компанию, которая начала поиск, который не пережил Google.
После AOL, Hotmail и Netscape вошли в двадцатку самых посещаемых веб-сайтов в 1998 году. Домашняя страница Hotmail была даже реже, чем AOL:
Netscape имела свою собственную «веб-почту», но также рекламировала AIM на своей домашней странице с помощью поиска, основанного на Excite, который до сих пор остается частью IAC Барри Диллера. В конце ноября 1998 года, через несколько недель после того, как был сделан этот снимок экрана, AOL купила Netscape.
Мы использовали Yahoo, Lycos или AltaVista для поиска
До того, как Google стал синонимом поиска информации в Интернете, Yahoo, которая впервые проиндексировала Интернет, была вторым по популярности сайтом в Интернете. Сегодня он все еще (каким-то образом) привлекает тонну трафика, занимая первое место, чуть выше Google, согласно данным Comscore за август этого года. В то время Yahoo считался «хорошим», если процитировать эту статью 1998 года Якоба Нильсена о юзабилити. В конце концов, время загрузки страницы составляло три секунды.«Это одно из самых быстрых времен загрузки среди крупных веб-сайтов», — отметил Якоб Нильсен. (Сегодня эти три секунды были бы немного медленнее, чем в среднем.) Он также похвалил Yahoo за ее «минималистичный» дизайн, «ссылки, ссылки и другие ссылки, куда бы вы ни пошли», и «структурированную систему навигации». Этот «хороший» сайт выглядел так:
Действительно, в отличие от домашней страницы с одним ящиком, которую Google представил в 1998 году, мода на поисковые системы заключалась в ссылках, ссылках и других ссылках повсюду. И Altavista, и Lycos индексировали поиск по категориям на всех домашних страницах.Вот Альтависта, «самый мощный и полезный путеводитель по Сети». Они прикрыли президентство Билла Клинтона.
Мы использовали Internet Explorer
IE 4, который вышел в 1997 году, даже не выглядит таким инопланетным. Но в этом году Google Chrome обогнал Internet Explorer как самый популярный шлюз в Интернет:
Мы будем вести блог в GeoCities
Хорошо, поэтому Blogger, который впервые был запущен в 1999 году, а затем был куплен Google четыре года спустя, не это уже не самая популярная услуга.Но всегда весело вспоминать GeoCities во всей красе, подаренной им в формате GIF. После AOL (электронная почта) и Yahoo (поиск) GeoCities вошел в тройку самых посещаемых сайтов. Вот его домашняя страница в 1998 году.
И поскольку на скриншоте это не показано, да, этот клип-арт был анимированным GIF:
Эта статья из архива нашего партнера The Wire .
Как будет выглядеть ваш сайт? — Изучите веб-разработку
Как будет выглядеть ваш сайт? обсуждает работу по планированию и дизайну вашего веб-сайта перед написанием кода, в том числе «Какую информацию предлагает мой веб-сайт?», «Какие шрифты и цвета мне нужны?» И «Чем занимается мой сайт?»
Прежде чем что-либо делать, вам нужны идеи.Что на самом деле должен делать ваш сайт? Веб-сайт может делать все, что угодно, но для первой попытки все должно быть проще. Мы начнем с создания простой веб-страницы с заголовком, изображением и несколькими абзацами.
Для начала вам нужно ответить на следующие вопросы:
- О чем ваш сайт? Вам нравятся собаки, Нью-Йорк или Pac-Man?
- Какую информацию вы представляете по этому вопросу? Напишите заголовок и несколько абзацев и подумайте об изображении, которое вы бы хотели показать на своей странице.
- Как выглядит ваш веб-сайт, простым языком высокого уровня? Какой цвет фона? Какой шрифт подходит: формальный, мультяшный, жирный и громкий, тонкий?
Примечание : Сложным проектам требуются подробные инструкции, которые включают все детали, касающиеся цветов, шрифтов, расстояния между элементами на странице, подходящего стиля письма и т. Д. Иногда это называют руководством по дизайну, системой дизайна или брендбуком, и вы можете увидеть пример в Firefox Photon Design System.
Затем возьмите ручку и бумагу и в общих чертах нарисуйте, как вы хотите, чтобы ваш сайт выглядел. Для вашей первой простой веб-страницы набросать особо нечего, но вы должны привыкнуть делать это сейчас. Это действительно помогает — вам не обязательно быть Ван Гогом!
Примечание : Даже на реальных сложных веб-сайтах команды дизайнеров обычно начинают с черновых набросков на бумаге, а затем создают цифровые макеты с помощью графического редактора или веб-технологий.
Веб-команды часто включают в себя как графического дизайнера, так и дизайнера пользовательского интерфейса (UX).Графические дизайнеры создают визуальные эффекты веб-сайта. У UX-дизайнеров есть несколько более абстрактная роль в определении того, как пользователи будут взаимодействовать с веб-сайтом.
На этом этапе хорошо начать собирать контент, который в конечном итоге появится на вашей веб-странице.
Текст
У вас все еще должны быть параграфы и заголовок из ранее. Держите их под рукой.
Цвет темы
Чтобы выбрать цвет, перейдите в палитру цветов и найдите нужный цвет.Когда вы нажимаете на цвет, вы видите странный шестизначный код, например # 660066 . Это называется шестнадцатеричным кодом (сокращенно от шестнадцатеричного) и представляет ваш цвет. Скопируйте код в безопасное место.
Изображения
Чтобы выбрать изображение, перейдите в Google Images и найдите что-нибудь подходящее.
- Когда вы найдете нужное изображение, щелкните его, чтобы увеличить его.
- Щелкните изображение правой кнопкой мыши (Ctrl + щелчок на Mac) и выберите Сохранить изображение как… и выберите безопасное место для сохранения изображения. Или скопируйте веб-адрес изображения из адресной строки браузера для дальнейшего использования.
Обратите внимание, что большинство изображений в Интернете, в том числе в Картинках Google, защищены авторским правом. Чтобы снизить вероятность нарушения авторских прав, вы можете использовать фильтр лицензий Google. Нажмите кнопку Tools , а затем — получившуюся опцию Usage rights , которая появится ниже. Вам следует выбрать вариант Creative Commons licenses .
Шрифт
Чтобы выбрать шрифт:
- Перейдите в Google Fonts и прокрутите список вниз, пока не найдете тот, который вам нравится. Вы также можете использовать элементы управления справа для дальнейшей фильтрации результатов.
- Щелкните значок «плюс» (Добавить в) рядом с нужным шрифтом.
- Нажмите кнопку «* Выбрано семейство» на панели внизу страницы («*» зависит от того, сколько шрифтов вы выбрали).
- Во всплывающем окне вы можете увидеть и скопировать строки кода, которые Google предоставляет вам, в текстовый редактор, чтобы сохранить их на будущее.
Как работает Интернет — Изучите веб-разработку
Как работает Интернет обеспечивает упрощенное представление о том, что происходит, когда вы просматриваете веб-страницу в веб-браузере на своем компьютере или телефоне.
Эта теория не важна для написания веб-кода в краткосрочной перспективе, но вскоре вы действительно начнете извлекать выгоду из понимания того, что происходит в фоновом режиме.
Компьютеры, подключенные к сети, называются клиентами и серверами .Упрощенная схема их взаимодействия может выглядеть так:
- Клиенты — это типичные устройства веб-пользователя, подключенные к Интернету (например, ваш компьютер, подключенный к вашему Wi-Fi, или ваш телефон, подключенный к вашей мобильной сети) и программное обеспечение для доступа в Интернет, доступное на этих устройствах (обычно это веб-браузер, такой как Firefox или Chrome).
- Серверы — это компьютеры, на которых хранятся веб-страницы, сайты или приложения. Когда клиентское устройство хочет получить доступ к веб-странице, копия веб-страницы загружается с сервера на клиентский компьютер для отображения в веб-браузере пользователя.
Клиент и сервер, которые мы описали выше, не раскрывают всей истории. Здесь задействовано много других частей, и мы опишем их ниже.
А пока представим, что Интернет — это дорога. На одном конце дороги клиент, который похож на ваш дом. На другом конце дороги находится сервер, в котором вы хотите что-то купить.
В дополнение к клиенту и серверу нам также нужно передать привет:
- Ваше подключение к Интернету : Позволяет отправлять и получать данные в Интернете.По сути, это как улица между вашим домом и магазином.
- TCP / IP : Протокол управления передачей и Интернет-протокол — это протоколы связи, которые определяют способ передачи данных через Интернет. Это как транспортные механизмы, позволяющие оформить заказ, зайти в магазин и купить товар. В нашем примере это похоже на машину или байк (или что-то еще, что вы можете обойти).
- DNS : Серверы доменных имен похожи на адресную книгу для веб-сайтов.Когда вы вводите веб-адрес в своем браузере, браузер просматривает DNS, чтобы найти реальный адрес веб-сайта, прежде чем он сможет найти веб-сайт. Браузеру необходимо выяснить, на каком сервере находится веб-сайт, чтобы отправлять HTTP-сообщения в нужное место (см. Ниже). Это похоже на поиск адреса магазина, чтобы получить к нему доступ.
- HTTP : протокол передачи гипертекста — это протокол приложения, который определяет язык, на котором клиенты и серверы могут общаться друг с другом.Это похоже на язык, на котором вы заказываете товары.
- Файлы компонентов : веб-сайт состоит из множества различных файлов, которые подобны различным частям товаров, которые вы покупаете в магазине. Эти файлы бывают двух основных типов:
- Файлы кода : Веб-сайты в основном создаются на основе HTML, CSS и JavaScript, хотя вы познакомитесь с другими технологиями чуть позже.
- Активы : это собирательное название для всего остального, что составляет веб-сайт, например изображений, музыки, видео, документов Word и PDF-файлов.
Когда вы вводите веб-адрес в свой браузер (для нашей аналогии это похоже на прогулку в магазин):
- Браузер переходит к DNS-серверу и находит реальный адрес сервера, на котором находится веб-сайт (вы найдете адрес магазина).
- Браузер отправляет на сервер сообщение HTTP-запроса с просьбой отправить копию веб-сайта клиенту (вы заходите в магазин и заказываете товары). Это сообщение и все другие данные, передаваемые между клиентом и сервером, отправляются через ваше интернет-соединение с использованием TCP / IP.
- Если сервер одобряет запрос клиента, сервер отправляет клиенту сообщение «200 OK», что означает «Конечно, вы можете посмотреть этот веб-сайт! Вот он», а затем начинает отправлять файлы веб-сайта в браузер в качестве серия небольших фрагментов, называемых пакетами данных (магазин дает вам товары, а вы приносите их домой).
- Браузер собирает небольшие фрагменты в целую веб-страницу и отображает ее вам (товары прибывают к вам — новые блестящие штуки, круто!).
Когда браузеры отправляют запросы на серверы для файлов HTML, эти файлы HTML часто содержат элементов, ссылающихся на внешние таблицы стилей CSS, и