Примеры веб-сайтов, застрявших в 90-ых


Оглавление (нажмите, чтобы открыть):

Эволюция веб-дизайна — 20 лет за 5 минут!

С момента появления первого в истории сайта (1991 г.) веб-дизайн прошел долгий путь. Этот первый ресурс — исключительно текстовый — положил начало тому, что позже обернулось подлинной цифровой революцией. Воспоминания о безумно мерцающих GIF-анимациях и в прямом смысле слова ослепительных цветах, использовавшихся когда-то для фона web-страниц, заставляют старожилов Интернета благодарить дизайнеров за то, что они далеко ушли от незатейливой эстетики первых сайтов.

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

Отправимся в прошлое, чтобы оценить, как изменилась веб-графика за последние два десятилетия — к лучшему или к худшему.

Античность: как выглядели сайты 90-х годов

До конца 90-х годов прошлого века понятия «высокоскоростной» в применении к интернету просто-напросто не существовало. Было либо модемное соединение, либо никакого соединения. Поэтому первые сайты строились из расчета на совсем не космическую скорость. Они состояли практически целиком из текстового контента, а того, что мы сегодня называем «дизайн-макетом», попросту не существовало. Более поздние версии HTML позволяли применять некоторые дизайнерские приемы, но они относились к самому начальному уровню: с помощью тегов можно было определять величину, цвет и местоположение заголовков, абзацев текста и ссылок, т. е. осуществлять самую примитивную верстку.

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

Вот так выглядел практически каждый сайт в 90-е годы:

Взгляд из 21 века:

Функция ранних сайтов сводилась к представлению только текстовой информации, однако один важный принцип дизайна дожил с тех «древних времен» до наших дней. Первые сайты были очень «легкими», оптимизированными под «черепашью скорость» тогдашнего Интернета, о которой мы уже упоминали. Все конструктивные решения, предназначенные для уменьшения времени загрузки веб-страниц, появились уже тогда, и, к сожалению, современные разработчики не всегда используют их, полагаясь на современные высокие скорости соединения, а не на кропотливую оптимизацию страниц.

Да, сегодняшние интернет-технологии позволяют новейшим браузерам обрабатывать сложнейшие мультимедийные веб-ресурсы, но все равно еще существуют ограничения, с которыми необходимо считаться. Большие мультимедийные файлы и тяжелый графический дизайн могут способствовать высоким показателям отказов (Bounce Rate) только потому, что веб-страница загружается не так быстро, как хотелось бы пользователям. Помните, что скорость загрузки до сих пор является одним из важнейших критериев качества сайта/лендинга, и используйте старый-добрый принцип «Делай проще!» (Keep it simple, stupid!; K.I.S.S.).

Средневековье

Подлинной чумой «средневекового» веб-дизайна были онлайн-конструкторы сайтов и GIF-файлы, используемые как «прокладки»/спейсеры для организации структуры веб-страницы. Тем не менее, к середине 90-х годов веб-дизайн развился как с точки зрения архитектуры сайтостроения, так и с точки зрения визуального представления контента. Для его оформления дизайнеры стали использовать табличную верстку, что обеспечивало больше возможностей для верстки страниц хотя бы в минимальном соответствии с правилами классической типографики и позволяло применять творческий подход к созданию веб-страниц.

Сайты еще по большей части состояли из текста, но этот текст делился на столбцы, строки, параграфы, навигационные элементы. Быстро росла популярность графических элементов: именно тогда в арсенале веб-дизайнеров появились счетчики посещений страниц, анимированные тексты и различные GIF-элементы.

Глядя из 21 века:

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

Сегодня структура, или «анатомия» сайта/лендинга критически важна, когда речь идет о навигации, текстовом контенте, CTA-элементах. От визуальной иерархии элементов зависит то, как пользователь будет (и будет ли вообще!) взаимодействовать с вашей целевой страницей/сайтом. Возможно, эти соображения не стояли во главе угла во времена «средневековья» веб-дизайна, но сегодня они безусловно верны и важны.

Ренессанс

Ренессанс. Возрождение. Веб-дизайн пережил несколько эпохальных преображений, и одно из самых первых и значительных связано с внедрением технологии Flash, которая была разработана в 1996 году, но стала популярной пару лет спустя. Именно Flash открыл для дизайнеров целый мир возможностей, недоступных при использовании «чистого HTML». Тогда-то и состоялось «бракосочетание» виртуальной графики и интерактивности.

Унаследовав достижения предыдущих эпох, «Ренессанс веб-дизайна» одарил пользователей новыми открытиями: изменение цвета пунктов меню навигации, «плиточные» фоновые изображения, «неоновые» цвета, 3D-кнопки. Именно в то время было положено начало дизайну, ориентированному на посетителя. Структура и навигация были признаны важными составляющими архитектуры сайта, а дизайн стал сосредотачиваться на внешнем виде и удобстве использования веб-ресурсов.

Глядя из 21 века:

С высоты сегодняшних дней мы можем констатировать, что повальное увлечение Flash с точки зрения SEO было одним из самых «страшных грехов» за всю историю Интернета. Хотя широкое использование мультимедийного контента предназначалось для привлечения как можно большего количества посетителей, достигнутый результат оказался прямо противоположным. Ненужное и неупорядоченное применение Flash губительно для SEO и юзабилити, так что лучше избегать его применения вообще, тем более что для воплощения подобных визуальных эффектов сейчас существуют альтернативные инструменты, например HTML 5 и JavaScript.

Эпоха Просвещения

Начало 2000-х принесло с собой распространение CSS — технологии каскадных таблиц стилей (не путать с табличной разметкой!), позволившей разделить контент и дизайн как составляющие веб-страницы. Это дало большую свободу творчества как дизайнерам, так и копирайтерам: контент теперь мог быть разработан отдельно от дизайна и наоборот.

Сайты стали проще в обслуживании и поддержке (уменьшилось количество кода и его сложность), расширились возможности верстки (теги CSS являются независимыми друг от друга), уменьшилось время загрузки страниц.

Дизайнеры стали лучше понимать возможности цвета, что привело к увеличению пробелов на странице и отказу от ярких «неоновых» и «кислотных» цветов. Ссылки стали присоединяться не только к текстовым фрагментам (слово, фраза), но и к графическим значкам (иконкам); пикселизация изображений, связанная с разницей в размерах и разрешениях мониторов, стала важнейшей проблемой веб-дизайна; выросли требования к размещению и типографике текстового контента. В целом это период, когда юзабилити как научная дисциплина стало диктовать тенденции в дизайне.

Глядя из 21 века:

В октябре 1999 года Якоб Нильсен опубликовал свое знаменитое наблюдение: люди не читают веб-страницы, а сканируют их. Дизайнеры стали понимать, что любой сайт, который подает пользователям информацию проще, чем другие веб-ресурсы, автоматически возглавляет списки популярности и приносит приличные доходы. Именно в то время зародились практики, актуальные и сегодня: интуитивно понятное размещение контента (параграфы, списки, буллеты), визуально выделенные (подчеркнутые) ссылки, как можно более простая навигация. Другими словами, дизайн служит юзабилити.

Промышленная революция

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

Главные эстетические изменения этого периода — это улучшение цветового представления ресурсов, широкое использование значков/иконок и увеличение внимания к типографике. Что еще более важно, дизайн стал работать на контент, а контент стал работать на SEO. В центре внимания веб-дизайнеров теперь находился Его Величество Посетитель (потенциальный лид и клиент), улучшению пользовательского опыта которого уделяется основное внимание разработчиков, а прямые явные продажи стали глубоко вторичной функцией целевых страниц/сайтов.

Глядя из 21 века:

Ориентация ресурсов эпохи Web 2.0 на SEO требовала повышенного внимания к тестовому контенту. Так контент оказался в центре всеобщего внимания, а оптимизация ключевых слов, входящий и исходящий маркетинг, внешние ссылки и технологии синдикации, такие как RSS, стали естественными составляющими любой маркетинговой стратегии.

Сегодня

Сегодня, более чем через два десятилетия после публикации первого сайта, веб-дизайн прочно зарекомендовал себя как незаменимый компонент всякой удачной маркетинговой стратегии. С эстетической точки зрения актуальный дизайн характеризуется как крайне минималистичный, подчеркнуто «плоский» (прощайте, 3D-кнопки!), использующий комбинированную типографику и большие фоновые изображения.

Взрыв популярности мобильного интернета стал еще одним важным фактором, влияющим на эволюцию современного веб-дизайна. На наших глазах происходит изменение классической архитектуры online ресурса для адаптации ее к небольшим дисплеям «книжной» ориентации (как у смартфонов).

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

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

Каким был Интернет 90-ых? Дизайнер собирает скриншоты первых версий сайтов

Дизайнер Юрий Ветров собирает скриншоты главных страниц различных сайтов «классического Веба» — Интернета 90-х до середины нулевых. На странице коллекционера в Pinterest уже свыше 180 изображений различных порталов, от которых у знающих, как «шипит модем ZyXel», навернется скупая слеза веб-серфера. Например, вы можете увидеть старые промо-сайты фильмов-блокбастеров, первые версии Netflix и Twitter, а также многих другие известных и не очень порталов.

Так на браузере Nescape выглядел сайт «Бэтмен навсегда»

Amazon в 2000 году

Apple (2000)

Google (1998)

Netflix (2004)

Microsoft (1994)

Аэрофлот (2000)

Больше ретро-картинок можно увидеть на странице Ветрова в Pinterest .

Как выглядели сайты в прошлом: 20 примеров

С тех пор, как родился Интернет (более 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

Если у компании Yahoo! есть две версии появления её названия, то у сервиса YouTube существует две версии появления его самого. В первом варианте утверждается, что автором идеи был программист Джавед Карим, которого посетила мысль создать такой сервис, когда он не смог найти в Сети видео с участием Джанет Джексон и Джастина Тимберлейка. По второй версии, YouTube возник, когда его будущие основатели Стив Чен, Чад Хёрли и Джавед Карим захотели поделиться друг с другом видеороликами с вечеринки, но не нашли в Интернете удобного сервиса для этого. После чего было решено создать сайт, куда пользователи смогут легко загружать видео, а оно будет автоматически конвертироваться в нужный для просмотра в браузерах формат.

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 млрд.

Мастер Йода рекомендует:  Началась разработка самообучаемого ИИ Curious Minded Machine

Все вышеперечисленные ресурсы на сегодняшний день уже имеют абсолютно другой дизайн, и узнать, как выглядели эти сайты раньше, можно лишь благодаря сохранившимся скриншотам. Но есть некоторые сайты, которые сохранились в первозданном виде! Если вам мало одного скриншота, и вы хотите устроить настоящий сёрфинг по сайтам в стиле 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 произошло от сокращения Technical Advisors Company. Этот сайт 90-х годов до сих пор блистает благодаря чувству юмора сисадминов.

19. IFindIt.com: старт в 1995

I Find It — огромное руководство по поиску в Интернете. Год создания — 1995. На сайте размещен совет: «Пожалуйста, задайте разрешение экрана 800×600 для оптимального просмотра»…

Google, а где был ты в 1995? По-видимому, ещё играл с погремушками.

Как выглядил типичный сайт 90-ых.

Веб 1.0, Веб 90-х — то, что было до появления Web 2.0, преимущественно в 90-е годы, а также в начале 2000-х.

Некоторые вспоминают это с тошнотой, некоторых продирает дичайшая ностальгия по тем временам.

Как выглядел типичный сайт:

  • Любой сайт является официальным. Прямо так сверху и написано — «Официальный сайт Васи Пупкина».
  • Кодировки. Наличие нескольких версий сайта с разными кодировками. Иногда более запущенные случаи как полстраницы в одной кодировке, полстраницы — в другой.
  • Страница «Обо мне». Обязательно присутствует на сайте крутого пацана.
  • Картинки в качестве фона страниц. Кто ностальгирует — идите смотрите профили гламурных кис на лирушечке. Какая-нибудь кирпичная стена с виноградниками на ней. Естественно, текст, чаще всего жёлтый, на таком фоне читался ужасно, поэтому, чтоб хоть что-то было понятно, писали крупным шрифтом. Особо одарённые ставили анимированную фоновую картинку вроде звёздного неба и щедро сдабривали страницу анимациями наподобие крутящегося черепа, отчего информация воспринималась ещё хуже.

Как правило, картинки, особенно gif c анимацией были тупо скопированы с других сайтов, мало кто умел делать анимированные гифки сам. Хотя умельцы были…

  • Большинство страниц статические, управляемых скриптами очень мало. Как правило, потому, что в отечественных интернетах в массе своей юзеры не имели банковских карт для оплаты хостингов, а про платёжные системы типа WebMoney и PayPal никто и не слышал. Так что, юзали бесплатный хостинг, опции подключения своих скриптов и БД чаще всего не имевшие, или же оную крайне ограничивавшие — хорошей иллюстрацией к этому будет по сей день существующий и даже популярный Narod.ru, воплощающий именно эту философию.
  • Браузер Netscape был главным и единственным конкурентом беспомощному IE. Как коммерческий проект Netscape провалился, однако его исходники были выпущены в открытый доступ, после чего нетскейповский движок восстал из пепла в виде Огнелиса. (спойлер: Провалился как раз потому, что его решили переписать с нуля в виде проекта Mozilla, в то время как Ослик захавал весь рынок.)
  • Некоторые сайты, перегруженные б-гомерзкими ActiveX-скриптами, отказывались работать в альтернативных браузерах (Netscape) и таки требовали ненавистный Internet Explorer.
  • Вверху или слева имеется меню для навигации по сайту. Каждый пункт — жирная картинка-кнопка. На более крутых сайтах при наведении картинка меняется на другую картинку. Это делается при помощи крутого javascript’а. Продвинутые дизайнеры рисовали кнопки с трёхмерными надписями в Ulead COOL 3D.
  • Картинки в формате gif, палитра — web safe. И хотя видеорежим с 256 цветами никто давно не использовал, палитра web safe оставалась популярной вплоть до введения web 2.0 (рисовать мокрый пол стало неудобно).
  • В общем-то нет, не все картинки в формате gif. Некоторые в bmp. Или в jpg, сохранённом ИЕ, так как пейнт в jpg не сохранял вплоть до версии из Win XP, которая таки научилась это делать, хотя и откровенно уебищно.
  • Часть картинок не грузится, потому что на них прописан путь file:///C:\Мои документы\Я и кот.gif . Такое бывало даже на сайте Майкрософт
  • На сайте должно быть написано, каким браузером и на каком разрешении экрана нужно смотреть этот сайт. При входе на него нужно сменить браузер и переключить разрешение экрана (но это никто не делает). Часто имеется ссылка, по которой можно скачать нужный браузер. Браузеры, однако, никто не качает, а переписывают у знакомых на дискету.
  • Иногда написано, в каком редакторе сделан сайт. Суровые челябинские веб-дизайнеры ставили кнопку «Сделано руками».
  • Статические страницы часто редактируются в WYSIWYG-редакторе, например в Netscape Composer или Macromedia Dreamweaver, либо же с помощью Microsoft FrontPage или даже Word (что страшнее всего). Такие редакторы генерируют жуткую кашу из тегов, переполненную bgcolor-ами, font-ами и прочими мерзостями, коих ныне избегают разработчики (валидаторы при виде страниц тех времён выпадают в осадок). Особо продвинутые создатели сайтов используют обычный текстовый редактор (или необычный). Интересно, что некоторые вэб-мастеры статических сайтов продолжают создавать страницы именно таким образом до сих пор.
  • На любом сайте, будь то домашняя страница или сайт фирмы, должен быть раздел «Download», где выложены какие-нибудь программы: набор архиваторов (arj, lha, pkzip), свежая утилита для чистки реестра Windows, сапёр, взятый из каталога system32. Кроме программ, могут быть выложены коллекции 256-цветных курсоров для Windows.
  • На домашних страничках есть раздел «музыка, которую я слушаю» с винамповскими плэйлистами, нахер никому не интересными, но индексирующиеся поисковиками, и делающими поиск mp3 через веб чуть менее, чем невозможным.
  • Скрипты. Существуют всего два CGI-скрипта: счётчик и гостевая книга. Они написаны на Perl и не требуют модулей (то есть все параметры и прочая мутотень парсятся регэкспами прямо в самом скрипте). Кроме Perl были скрипты на C и *sh. Как следствие, формы ввода (а они были!) не обрабатывались. Регистрации на сайтах было мало (ну, кроме веб-чатов, но там и со скриптами получше было всегда). Все формы, будь то заказ товара или мнение о создателе сайта, отправлялись на почту. Современные браузеры до сих пор умеют это делать, но это уже никому не нужно.
  • Чтобы переделать оформление или добавить новый пункт в меню навигации, приходилось править все страницы вручную. Поэтому часто правили не всё, и страницы получались разные. Чуть более продвинутые въебмастеры пользовались технологией SSI, благо поддержка этого непотребства присутствовала даже на бесплатных хостингах.
  • Гостевая книга — отдельная гордость сайта. Там бывает много отзывов, даже если сайт ни о чём. Гостевую книгу можно разуплотнять, написав туда длинное слово без пробелов. Нераспираемые гостевые книги — большая редкость. Само собой, никто не додумывался в них спамить ссылками и никаких капч не было.
  • E-mail адреса создателя сайта и всех его друзей в больших количествах и на каждой странице. Это сейчас адреса почти не пишут. А раньше они оформлялись в виде ссылки mailto: с анимированной картинкой почтового ящика (такой с флажком) или конверта. По слухам, е-мыло тогда отправляли прямо из ворда с помощью плугина WordMail. Мыло было в формате rtf. Это вам не gmail какой-нибудь.
  • Ещё раз: жёлтый цвет! Везде жёлтый цвет! Хотя нет, ещё в чести был едко-зелёный lime на чёрном фоне — типа матрица. А у митолиздов и сотонистов был свой заскок — красный на чёрном: чуть читабельней кислотно-зелёного на жёлтом, чуть эстетичней менстряков в бычьем дерьме.
  • Горизонтальные линии рулили. Тег (то есть нет, —— конечно же!) давал очень чёткую, объёмную линию. А самые эстетичные делали горизонтальные линейки в виде картинок — ворд при вставке горизонтальной линии наряду с обычной предлагал набор графических на выбор, являвшихся на деле тупо изображениями, а не хакингом css у тега hr , что ослик неосиливал. А быдло и не заморачивалось.

  • Шрифты. Если создатель сайта задумал, что текст должен быть написан шрифтом Gregorian Galaktia Sans Gothic, то вы можете скачать этот шрифт с главной страницы и установить себе.
  • Плагины для браузера и ActiveX™-элементы повсюду! Всякие там Comet Cursors, как же без них! Плагины могли менять курсор мыши на сайте, показывать рост колонии тараканов у владельца сайта в реальном времени и рассчитывать индивидуальный коэффициент пенсионера (так как из серверных скриптов были только счётчики и гостевые книги).
  • Java-апплеты. Тоже повсюду. На них обычно делали всякие «динамические кнопки» и прочую тошнотную хрень, которую сейчас делают в Adobe Flash.
  • Javascript (в отличие от Web 2.0, где он служит для Ajax’а и активных элементов веб-интерфейса) использовался только в развлекательных целях [1] — показать бегущую строку в строке статуса браузера, сменить изображение на кнопке при наведении мыши, вывести очень полезный MessageBox (нужен только для того, чтобы потестить движок на XSS) или приделать падающие снежинки под Новый год.
  • Фоновый звук. Некоторые аффтары считали, что лучше всего их тексты читаются под определённую музыку, и при помощи тэга BGSOUND заставляли юзера её слушать. То, что он в этот момент мог слушать винамп и вообще иметь другие музыкальные вкусы, во внимание не принималось. Чаще всего это было какое-нибудь тошнотворненькое midi — громкое и режущее слух (переродилось в фоновые mp3 на Ucoz).
  • Мультимедиа. Вставить на веб-страницу проигрыватель музыки или видео можно без всякого ютуба (которого тогда и не было). Для этого существует замечательная технология ActiveX и Windows MediaPlayer, который её поддерживает. Собственная музыка, записанная с микрофона, выкладывалась в формате wav, потому что только такие файлы создаются программой sndrec32.exe. Продвинутый аффтар мог нарисовать мультик и выложить его в формате avi. О живой съёмке цифровой камерой и мечтать не приходилось. Алсо, подобные финты вызывали лютый гнев юзверей в эпоху диалапов и дорогого трафика.
  • Фреймы! Тысячи их! Позволяли добавить новый пункт в меню навигации без правки всех страниц сайта. Но нормально ими пользоваться никто не умел. Хуже всего то, что поисковые машины выдавали только часть страницы по запросам — и человек приходил смотреть изолированный фрейм как якобы полноценную страницу.
  • Самое мощное западло — показывать во фрейме страницу другого сайта, выдавая её за свою! Так как на всех сайтах фон был жёлтый, посетитель не замечал подвоха. Но потом создали особый джаваскрипт, который мешал делать такую пакость.
  • Копирайты. Внизу каждой страницы было написано, кто сделал дизайн сайта, например. «Designed by ToLj@n». Кто автор текстов, статей и постов, писалось редко, но очень часто писалось, что перепечатка запрещена и т. д. и т. п., то, что сами скопировали, перепечатали — писалось еще реже, чем автор постов.
  • Были галереи картинок. Они генерились программами типа ACDSee (или же специальными программами вида SUPER MEGA WEB IMAGE GALLERY GENERATOR PROFESSIONAL ULTIMATE VERSION 42.37.142 стоимостью 49.95.). У кого не было таких программ, те в теге писали путь сразу к большой картинке, а размеры уменьшали.
  • Хакерские сайты, когда заходишь на них, шуршали твоим флопповодом! When you hear it, you’ll shit bricks (технология была простая — ставилась картинка с src=A:\IMAGE.GIF , в браузерах тех времён это работало). Тру-хакерством считалось написать посетителю на странице его IP-адрес, браузер, разрешение экрана, и самое страшное — показать что находится на винте у пациента ( src=C:\ ).

На самом деле, это то, как выглядели типичные сайты в этих ваших Рунетах. В Забугорье, где интернет появился раньше, модемы у всех были медленнее, а умных мыслей тогда у среднего пользователя интернетов было больше (ибо развивался он в академической среде), сайты представляли собой набор страниц с текстом и редкими текстовыми же ссылками. А фон если и меняли, то с серого на белый — да-да, в Mosaic и ранних версиях Netscape по умолчанию был серый фон!

Рассказать вам, что ли, дети, об вот этом интернете?
Интернет — большой чердак, в чердаке — большой бардак,
В бардаке — две капли смысла. Остальное — коромысло,
Три ведра, четыре щётки, Вася Пупкин, ржавый гвоздь,
Баннер сверху, баннер снизу, чушь по центру, пальцы врозь,
Черемша, пропавший лобзик, старый кожаный кафтан,
Невозможно безобразный отвратительный слоган,
Тухлый брэндинг, кислый роуминг, чмошный лизинг и фидбэк,
На коробке — труп мышиный и к «ворду» второму крэк,
Кучка кала на гестбуке, а точнее, склад говна
(Без говна картина наша не могла бы быть полна),
В колесе четыре белки круглосуточно торчат,
Называя это счастье иностранным словом «чат»,
И безграмотный, дебильный, из щелей свисает бред
— Вот вам, дети, сын прогресса с гордым ником — «ИHТЕРHЕТ».
Что, понравилось вам, дети? А теперь добью я вас:
Наблюдать всю эту пакость стоит где-то доллар в час.

Информация на сайтах

  • Информация на сайтах была. Иногда. Копипастили даже меньше, чем сейчас. Чтобы сэкономить время на диалапе, сайт можно было скачать программами типа Teleport Pro или wget и читать в оффлайне. Также его можно было запаковать в arj, скопировать на дискетку и показать друзьям. Arj с сайтом также мог выкладываться на другом сайте в разделе «файлы». Книги повсеместно лежали в архивах .ha . Кроме того, на пиратских тематических сборниках нередко публиковались скачанные целиком сайты соответствующей тематики, например planetquake.com на диске «Антология Quake».
  • Скачанный сайт можно было запросто установить на другом хостинге, и на нём всё работало, кроме счётчика и гостевой книги. Это называлось «мирроринг».
  • На 95% сайтов ничего не было, а был только мужик с лопатой и надпись «Under Construction».
  • Добровольная бесплатная реклама того, что по нраву автору. Куча кнопок 88х31 с линками на всё подряд, от домашней страницы соседа до Download Netscape Now!. Специальный раздел со ссылками на сайты схожей тематики и просто интересные авторы. Никуда не ведущие баннеры, выражающие позицию владельца сайта (например «Гордый пользователь пиратского софта!») — прародители юзербаров.

Откуда брался хостинг в те ещё далёкие годы? Откуда-то брался.

    • Бесплатное дисковое пространство в объёме 1-3 Мб мог предоставить провайдер. На время пользования услугами. То есть, пока клиент вносит абонентскую плату, сайт живёт, а если не будет вносить…
    • Существовали сервисы бесплатного хостинга, большей частью иностранные — такие, как «Геоситиз», который почил смертью храбрых осенью 2009-го, «Виртуальная авеню» и т. п.
    • Назывались иностранные сервисы, естественно, «буржуйскими», списки их составляли значительную долю контента на тогдашних сайтах; списки содержали характеристики: сколько места дают, сколько за это нагружают рекламы и как часто виснет сервер.
    • Появлялись и российские бесплатные хостинги, такие как например chat.ru (живой до сих пор, только на нём не было тогда столько рекламы), давал 3 Мб места и адрес вида www.chat.ru/

      vasya_pupkin. До наших дней дожил narod.ru, печально известный тем, что по ссылкам с него не работают картинки, и ещё некоторые другие.

    • Ну и, конечно, существовали социальные проекты, прежде всего, образовательные: сервер школы, сервер вуза, на которых тоже можно было разместить сайт.
    • Объём бесплатного пространства начинался от 512 Кб. Да-да, дети, и на полуметре можно было создать сайт.
    • Адреса сайтов, как водится, были дико длинными и труднозапоминаемыми, они зачастую содержали тильду, а то и несколько слэшей. (Тогда это слово обозначало просто косую черту.)
    • Для труднозапоминаемых длинных адресов можно было завести псевдоним на сервисах типа da.ru или tonga.to.
    • Платный хостинг? Что это. Домен второго уровня? Если у тебя он есть, то ты мегакрут, и тебе дадут все тёлки! В «те времена» из-за отсутствия электронных денег (веб-мани тогда не было) и надобности отправлять документы по почте, домен .ru зарегистрировать мог не каждый даже после того, как стала возможной их коммерческая регистрация (да-да, дорогой Анонимус, до сентября 1996 года домены в зоне .ru не стоили нисколько: но ты должен был обосновать, почему именно тебе должен принадлежать именно этот домен. Доменная группа заседала раз в три месяца (!), и, если она сочтёт твои доводы убедительными — домен твой. Нет — извЕни.) Цена регистрации в год была тоже непомерно велика, примерно, в 1/3 средней месячной зарплаты. «Буржуйский» домен .com не могли позволить себе также из-за незнания английского языка и того, что кредитные карты были у нескольких человек на весь средний российский город.

    Домашние страницы

    Основой веба 90-х были домашние страницы — самые жуткие сайты в интернетах. В связи с тем, что блоги еще не придумали, чаты были малопосещаемы, а форумы только появлялись, модераторов в таком количестве и с такими терминальными степенями ФГМ, как сейчас, в старые добрые времена не было. На форуме можно было запросто послать охуевшего модера, хотя, в общем и в целом, мата в интернетах было значительно меньше, чем сейчас.

    Очень немногие пытались делать то, что сейчас называется блогом, то есть вручную каждый раз добавляли в html-файл новый пост с лытдыбром или какими-нибудь соображениями, читало такой «блог» человек десять, зато автор очень старался! Из некоторых домашних страниц впоследствии выросли очень популярные проекты, например тот же Тупичок, экслер.ру или ДТФ, который когда-то был домашней страничкой некоего Завхоза с уровнями для Quake 2.


    Чаты

    Одна из вещей (помимо прона и архивов рефератов), манившая в интернеты нубов. Сама идея одновременного общения с десятком человек выглядела очень привлекательно. На деле же веб-чаты были, в большинстве случаев, унылы и отвратительны, обновлялись раз в 10 секунд, заставляя пользователя читать сразу десяток сообщений. Впрочем, существовали некоторые продвинутые чаты, сделанные на манер IRC, где каждое новое сообщение появлялось мгновенно, но их были единицы.

    Во многих чатах не было регистрации и ничего не мешало зайти под чужим именем и всласть потроллить. Если чат понимал html-тэги, то подкованный тролль мог доставить немало весёлых минут его обитателям. Кроме того, в технически продвинутых чатах могли встречаться модераторы, которые кикали хулиганов. В чатах зародилась культура гламурных кис и соответствующий ей лексикон, вроде «мну», «мяфк», «чмоки фсем в этом чати!». В определённых кругах посещение веб-чатов считалось западло, то есть нормальные люди должны юзать IRC.

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

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

    Один из наиболее известных чатов — krovatka.ru, существует до сих пор, и сидят там те же самые люди, что и десять лет назад, чему немало способствуют админы, отказывающие в регистрации всем без исключения нубам. Если никакой аргументированной причины для отказа выдумать не удаётся, пишут «Плохой ник». Попробуй тут придерись. Один из самых олдовых — divan.ru, абсолютно не менялся с момента создания.

    Прон

    Порносайты выглядели примерно так же, как и сейчас, только разрешение картинок было ниже, а на видео и вовсе ничего нельзя было разглядеть. Собственно, порнобизнес и является основной причиной расширения каналов и вообще двигателем прогресса в интернетах. А вот бесплатного прона было ощутимо меньше, чем сейчас (не говоря уже о том, что ныне почти все популярные платные порно-ресурсы нахаляву лежат в торрентах уже скачанные и запакованные). Известная часть прона являла собою сканы журналов восьмидесятых-первой половины девяностых. В интернет-клубах, нередко, они сохранялись на дискеты таки дрочились в домашних условиях! Алсо, на CP карательным органам было, в принципе, положить, и найти её можно было легко.

    Также порносайты делали всё, чтобы задержать потенциального дрочера подольше и впарить ему побольше. Тут и открытие десятка окон при заходе (половина из них — попапы с уникальными предложениями), окна при выходе, половину из которых в IE ещё и закрыть было невозможно иначе как через Task Manager, зацикленные ссылки и т. п. Осуществлялось это через манипуляции с жабаскриптом. Сейчас таким занимаются только дорвейные партнёрки, торговцы виагрой и инсталляторы троянов, да и современные браузеры не позволяют многих интересных фокусов.

    Существовал ещё и следующий способ отъёма больших сумм бабла у наивного дрочера: желая увидеть больше вкусных картинок, пользователь кликал OK, не читая текст написанного по-английски предупреждения — английский хорошо знали и знают немногие, да и впадлу было. В итоге модем переподключался (тогда же все с диалапа сидели, не забывайте) и соединялся c номером телефона в каком-нибудь Таиланде. В конце месяца юного дрочера ждал приятный сюрприз в виде шестизначного счёта за международный платный звонок.

    Медиа

    Разумеется, ни о каких ютубах и торрентах речи идти не могло. Музыку качали по одному треку и, если удавалось скачать альбом за ночь, радовались до изнеможения. К тому же, до появления Napster-а и Audiogalaxy (первые распространённые файлообменники) нужную музыку, даже популярную, найти было крайне сложно, разве что по знакомству, на закрытых FTP. Фильмы также качались с FTP и занимало это не меньше недели; как правило, на такой подвиг шли только для добычи чего-либо недоступного в тогдашней рознице, например, аниме (разумеется в чудовищном формате .rm, запредельном сжатии и разрешении 320×240).

    Хостингов для картинок не было, поэтому приходилось хранить фотки (маленькие и мутные, отcканированные на работе) либо у кого-то по знакомству, либо на фрихостинге типа chat.ru, где было 2 Мб места и аккаунт удаляли через месяц неактивности вместе со всем содержимым. В волшебные места, где была выделенка, приходили с винчестером на ночь и качали-качали-качали, не веря своему счастью. Правда, в большинстве случаев, трафик на этой выделенки стоил страшных денег и разгуляться было негде. Благодаря всему вышеперечисленному процветали торговцы пиратскими дисками, ведь намного легче было за доллар купить сборник свежего софта или mp3, чем качать всё это ночи напролёт (к тому же, соответствующих ресурсов для скачивания было мало и знали о них далеко не все), а также процветал обмен дисками с варезом, музыкой, энциклопедиями, приколами и прочей поебенью.

    С середины девяностых повсеместно распространялись демо-версии игр, патчи и промо-видеоролики в неприличном разрешении, до широких масс эти материалы чаще доносились средствами CD-приложений к журналам, поскольку качать 50 Мб с демкой через диалап было довольно утомительно (на этом в своё время неплохо поднялась Игромания).

    Форумы

    Классических, в теперешнем понимании, форумов типа PHPBB и Invision Board не было, однако разнообразие других вариантов было довольно велико. Во-первых, все форумы были древовидными, и для прочтения каждого сообщения в ветке приходилось открывать его отдельно (как правило, при этом загружалась новая страница — такой режим, для извращенцев, до сих пор существует на ДТФ). Если в заголовке сообщения не было ограничения по длине, то умные люди писали весь текст в нём. Разумеется, не было никакого поиска. Алсо, на части форумов не было регистрации, а модератор был только один — админ, которому чаще всего было абсолютно положить на происходящее.

    Хэккеры

    Примитивные хаки и распространение вирусов в эпоху Веб 1.0 не преследовали никаких коммерческих интересов и делались либо ради лулзов, либо чтобы кому-то подгадить, либо для добычи диалапа. C 99 года, с появлением журнала «Ксакеп» каждый желающий мог без труда узнать, как спиздить себе бесплатных интернетов. Более-менее опытный пользователь мог легко найти немало простых в использовании троянов, настроить и, при желании, замаскировать исполняемый файл и отправить кому надо под видом фото топлесс. Учитывая никакой уровень технической грамотности потенциальных жертв, вероятность, что всё заработает как надо, была чуть менее, чем крайне высока.

    Также существовали сайты, с которых можно было скачать трояны под видом крякеров интернета и генераторов паролей к порносайтам (работало особенно эффективно). Некоторые трояны, обладающие клиентской частью, позволяли не только исследовать содержимое жёсткого диска жертвы и извлекать сохранённые пароли, но и мило прикалываться, например открывать лоток CD-ROM, мигать лампочками на клавиатуре, переворачивать изображение на экране, запускать приложения и т. д.

    Также был популярным способ воровать .PWL-файлы (файлы паролей Windows из общедоступного (расшаренного) у большинства пользователей диска C: (особенно часто такое наблюдалось, если компьютер был подключён к локальной сети), в них хранились пароли в том числе и на диалап.

    Ворованные логины и пароли, если жертва была из того же города, можно было использовать до тех пор, пока на счету не кончатся деньги, и владелец не поменяет пароль, причём не опасаясь того, что поймают. То есть, во-первых, не было соответствующей статьи в кодексе, и во-вторых, определители номеров были только у нескольких провайдеров. В отдельных случаях хэккерам везло, и попадалась жертва с анлимом, тогда, при наличии мультилогина (возможности подключаться к одному аккаунта вмногером) такой доступ мог работать очень долго и без всякого палева. Например, автор этой правки несколько лет пользовался корпоративным логином какого-то чувака, щедро делясь со всеми знакомыми, в итоге через пару месяцев на одном аккаунте сидело 15 человек одновременно.

    Застрявшие в 90-х. 5 привычек, которые выдают с головой

    Можно вывезти человека из 90-х, но нельзя вывести 90-е из некоторых людей. Никакие вершины карьеры, уровни богатства, образование и прочее этого не исправят. Раньше эти люди называли выходцев из советского прошлого обидным словом «совок». А теперь сами стали почти ископаемыми. Как безошибочно определить, что перед тобой выходец из 90-х?

    1. ДороХо-БоХато. Быть богатым – хорошо, демонстрировать свое богатство -еще лучше! Последний айфон в кредит, сумочка от модного бренда, купленная за три зарплаты, машина в кредит, на которую банально нет денег, чтобы ее обслуживать соответствующим образом – по этим и множеству других аналогичных признаков ты определишь, что перед тобой человек из 90-х. Чем более кричащие вещи (яркие ткани, громкие бренды и много золота-брильянтов), тем точнее диагноз. 90-е давно прошли, наступило всеобщее изобилие товаров, айфон давно не редкость, как и «Мерседесы» с брюликами, но у человека прочно засела в мозгу мысль: вещи -показатель статуса, а всякие Брины и Цукенберги в одной заштатной серенькой футболке вообще никому не указ!

    2. «По понятиям». Закон в мире выходцев из 90-х есть, но он, как и в 90-е не работает. Он для лохов, для настоящих пацанов есть только понятия. Идти в суд? Зачем, если есть привычные разборки. Мир ушел давно вперед, а эти товарищи так и остались в давно устаревшем мире. «Бригада», «Брат-2» под песни «Наутилуса» о беспросветной тоске -их реальность.

    3. «Одним днем». В 90-е никто не думал о будущем, людям нужно было хоть как-то прожить в настоящем. Когда не платили зарплаты по полгода, а потом отдавали их ящиками с гвоздями или паллетами кирпичей, планировать свой отпуск в следующем году было как-то не принято – дожить бы до него еще. Потом мир стабилизировался, рабочие процессы вошли в графики, люди научились планировать свою жизнь, но многие так и остались в однодневном режиме: все здесь и сейчас, и не важно, что для этого нужно сделать: взять кредит на покупку очередного дорого телефона или уволиться с работы, потому что начальник не отпустил во внеплановый загул с друзьями. Многие называют это умением жить, но ведь жизнь предполагает ее продолжение, правда?

    4. Пробел в области образования и культуры. Образование должно быть! – безапелляционный приговор. Обязательно высшее и на престижной специальности юриста или экономиста. Не нравятся специальности? Это не важно, главное диплом, и пофиг, что потом он будет просто сложен на полочку, а человек пойдет работать в автомастерскую. Самосовершенствование, курсы повышения мастерства (особенно платные!), тренинги и прочее-это все развод для лохов, потому что в этом мире они не значат ровным счетом ничего. Встретились с таким персонажем? Можете даже не сомневаться: 90-е прочно засели в его голове! Не стоит предлагать ему пойти в театр: вряд ли он оценит подобный жест.

    5. Зависимость от мнения окружающих. Не важно, что ты чувствуешь, что тебе кажется правильным или нужным, самое главное -что скажут люди, не осудят ли. При всем стремлении современности к индивидуализму зависимость от мнения окружающих остается основополагающим для тех, кто так и остался в 90-х.

    Все перечисленное, думаю, без труда можно найти в собственных знакомых, да и в нас самих. С другой стороны, не опыт ли выживания в 90-х позволил нам практически безболезненно пройти через все кризисы и пережить санкции? Ведь то, что нас не убивает, действительно делает нас сильнее, хотя и оставляет свой неизгладимый след на психике.

    Примеры веб-сайтов, застрявших в 90-ых

    Привет! Вы попали в веб-архив web 1.0-сайтов. Он создан для сохранения старых погибших сайтов, сделанных в 90-х, и начале 00-х годов, ещё до эпохи социальных сетей, и web 2.0.
    К сожалению, реальность такова, что в современном мире шевство над вебом взяли гиганты — большие платформы типа VK, Facebook, и т.п., тем самым просто уничтожив культуру «домашних страниц», и малых отдельных веб-сайтов.
    В итоге погибли многие хостинги, такие как by.ru, narod.ru, и т.п., где был настоящий склад таких сайтов. Задача этого микропортала — хоть как-то попытаться восстановить эту уничтоженную частицу старого web’a.

    Практически все сайты в своё время были сохранены на диск, и выкладываются в каталог без изменений, часть восстанавливаются из веб-архива вручную.

    За идею огромное спасибо порталу fdd5-25.net

    Тренды веб-дизайна из 90х — Суровый веб #123

    Приветсвуем, уважаемые подписчики! В сегодняшнем подкасте у нас очень интересный блок про дизайн: использование пространства в интерфейсах, ужасные тренды веб-дизайна из 90х, технологические прорывы, которые изменили UX. Еще в этот раз появились темы про WordPress, а также про Apple, которые защищают окружающую среду.

    Тему к следующему выпуску предлагайте здесь: Тему к подкасту #124.

    «Дизайн»

    «Светские новости»

    «WordPress»

    «Научпоп»

    Спасибо всем, кто предлагал темы к этому выпуску, с ними можно ознакомиться по ссылкам: Темы к подкасту #123.

    Спасибо всем, кто так или иначе принял участие, и дай вам Бог на эти коротенькие семь дней.

    Самые страшные сайты интернета: ТОП-13

    Беременным женщинам, людям с неустойчивой психикой, а также несовершеннолетним лицам настоятельно не рекомендуется просматривать приведенные ниже ссылки.

    В данной подборке собраны самые страшные и отвратительные сайты сети, доступные обычным пользователям.

    Настоящий трэш, преследуемый законами большинства стран, хранится на глубине (в deep web), и здесь рассмотрен не будет в силу ряда причин.

    Подборка разделена на три категории. Описание каждого ресурса даст вам представление о его контенте и поможет избежать нежелательной тематики.

    Переходы по любым ссылкам вы осуществляете на свой риск.

    Веб-дизайн 1990-х

    Вступление

    1990-е – это целая эпоха веб-дизайна со своими атрибутами и отличительными особенностями. Возможно, те из наших читателей, кто уже пользовался интернетом в конце 90-х, ещё помнят сайты, на которых проигрывались MIDI-мелодии, где предлагалось выбрать кодировку для сайта, сайты с анимированными GIF-изображениями и пестрой цветовой гаммой.

    И хотя первые сайты появились несколько раньше, именно 90-е можно смело назвать колыбелью современного веб-дизайна.

    Развитие веб-дизайна в 1990-х. Появление HTML и CSS

    То, как менялись веб-сайты, связано в первую очередь с тремя факторами:

    1. Развитие технологий.

    2. Развитие языка HTML и браузеров.

    3. Доступность и распространенность интернета.

    Развитие технологий

    За последнее десятилетие XX века персональные компьютеры пережили колоссальный эволюционный скачок! В 1991 году, несмотря на относительную распространенность персональных компьютеров, дома они были далеко не у каждого. Процессор с тактовой частотой 50 МГц казался настоящим «болидом», большинство же пользователей сидели за компьютерами с гораздо более слабыми процессорами – 33 МГц, 25 МГц и ниже. В качестве внешних носителей информации широко использовались 5-дюймовые дискеты. А компания Microsoft в 1991 году только-только выпустила свою операционную систему Windows 3.1, которая выглядела вот так:

    За десятилетие всё довольно круто переменилось! Мониторы стали отображать гораздо больше цветов, процессоры стали мощнее, жесткие диски вместительнее, а дискеты с полок переместились в мусорные корзины. Конечно, сейчас мало кого можно удивить характеристиками «мощных» компьютеров образца, скажем, 1998 года. По мощности они вполне сопоставимы с современными смартфонами. Но с каким азартом и восторгом Стив Джобс говорил о разрешении 1024х768 у монитора первого iMac на конференции MacWorld 1998 года!

    К слову, интерфейс Windows в 1999 году выглядел уже вот так:

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

    Развитие HTML и браузеров

    Как уже писал в предыдущем историческом очерке Артём Морозов, язык HTML (т.е. HyperText Markup Language) появился в 1991 году. Его создал учёный-физик Тим Бернерс-Ли, работавший в ту пору, в ЦЕРН (том самом, который создал Большой Адронный Коллайдер). Тим также является автором первого браузера, который носил название World Wide Web, и он же придумал концепцию Всемирной паутины.

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

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

    По мере того, как HTML и CSS обрастали новыми возможностями, мужали и крепли, браузеры тоже эволюционировали. Самым распространенным в конце 90-х был браузер Internet Explorer (к 1999 году актуальной его версией была 5.01). Согласно статье в «Wikipedia» со ссылкой TheCounter.com, в 2000 году этим браузером пользовались более 79% пользователей.

    Во многом, отсутствие серьезной конкуренции на рынке интернет-браузеров привело к тому, что и веб-дизайн развивался несколько вяло, а многие возможности, заложенные в HTML и CSS просто невозможно было реализовать – Internet Explorer банально не умел их интерпретировать.

    Доступность и распространенность интернета

    Ну и, конечно, возможности для создания сайтов упирались в мощности серверов и скорости доступа к интернету. У большинства пользователей даже к концу декады 1990-х она была не больше 28 кбит за секунду, то есть, чуть меньше 4 килобайт. Конечно, в таких условиях не было никакого смысла создавать сайт с роскошной графикой, видеороликами или качественным звуковым сопровождением. Низкая скорость доступа к интернету накладывала достаточно серьёзные ограничения на веб-дизайнеров и заставляла их прибегать к самым разнообразным хитрым приёмам, чтобы сделать пребывание на сайте для посетителей максимально комфортным. Как правило, это сводилось к минимизации размеров страницы за счет сокращения количества используемой на сайте графики либо использовании низкокачественных изображений, которые имели бы меньший вес.

    Отличительные черты сайтов 90-х

    Наверняка когда-нибудь сайты 90-х назовут ретро веб-дизайна. Конечно, в ту пору средства веб-разработчиков были ещё очень ограничены. Многим интернет-пользователям было бы крайне тяжело представить себе такие сервисы, как современный YouTube или Wikipedia.

    Но был в сайтах той поры некий шарм!

    В их простоте, в том, как вынуждены были веб-дизайнеры хитрить и бороться с разными любопытными особенностями интерпретации кода Internet Explorer, в разных ретро-трендах… Наверняка многие веб-дизайнеры, заставшие ещё кусочек той эпохи, почувствуют сейчас лёгкий укол ностальгии!

    Итак, поговорим немного о трендах веб-дизайна в 1990-х!

    Фоны-картинки

    Одним из самых распространенных приемов веб-дизайна 90-х была любовь к использованию в качестве фона картинок. Скриншотов из фильмов, портретов или домашних фотографий.

    MIDI-музыка

    Вполне нормальным явлением для той поры было использование на сайтах фоновой музыки. Вероятно, связано это было с тем, что возможности для создания сайтов были довольно ограничены, и желание оживить сайт с помощью 8-битной музыки представлялось многим разработчикам вполне логичным. MIDI-файлы весили совсем немного – как правило, до 10 кб, а потому очень полюбились авторам персональных сайтов. Особенно часто это встречалось, конечно, в фан-сайтах, особом тренде 90-х, когда музыка из любимого сериала (например, «Twin Peaks» или «The X-Files») или фильма была едва ли не обязательным атрибутом веб-сайта.

    GIF-анимация

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

    Страница входа на сайт и выбор кодировки

    В ту пору довольно часто встречалась в веб-сайтах страница входа на сайт. Характерной особенностью именно отечественных сайтов был блочок, который ветераны интернета очень хорошо помнят – выбор кодировки! Да-да! Тот самый Koi8-ru или Win-1251!

    Пёстрая цветовая гамма

    По умолчанию, в языке HTML были предусмотрены 140 цветов, которые можно было задать словами. Чтобы сделать текст красным можно было задать элементу свойство color=”red”, синий — color=”blue”. Конечно, уже тогда цвета можно было задавать с помощью пресловутой HEX-кодировки, но в ту пору большинство веб-дизайнеров пользовались устной формой, а так как большинству людей довольно сложно вспомнить навскидку хотя бы с десяток цветов, это приводило к тому, что пользовались люди ограниченным набором довольно стандартных цветов – синим, красным, чёрным, белым, оранжевым, зелёным, жёлтым. В итоге получалось что-то в духе:

    Персональные веб-сайты

    В 1990-ых очень многие люди, которые открыли для себя Всемирную паутину, создавали персональные сайты. Оно и неудивительно – раскрученных социальных сетей ещё не было (хотя кое-какие сети существовали уже в 90-ые, например, проект classmates.com), а создание сайта в ту пору было задачкой не слишком заковыристой. И т.к. язык HTML действительно был прост для изучения, многие люди создавали собственные странички в интернете, где ещё не было блога, где не было фотогалерей, а была просто фотография и короткая информация о владельце странички. Интернет давал возможность свободно высказывать свои мысли, делиться творчеством, обмениваться мнением с другими людьми, и создание такой вот персональной веб-странички давало людям возможность заявить о себе миру!

    Сегодня же, с распространением таких сетей как Facebook и «В контакте» собственные веб-странички оказались не у дел.

    Как выглядели известные сайты в 1990-х

    Ограниченные возможности веб-дизайна 90-х ощущали на себе не только рядовые веб-дизайнеры, но и вполне солидные, серьёзные компании. Авангард IT-индустрии. Не верите? Тогда извольте взглянуть, как выглядели их сайты в 1990-х!

    Продолжение следует

    За следующее десятилетие в мире веб-дизайна произошло очень много перемен! В 2000-х в этой области случилась настоящая революция! Благодаря чему? Какими были тренды веб-дизайна с 2000 по 2009? Об этом вы узнаете в следующих записях!

    Каким был российский интернет в начале 2000-х

    Число пользователей, тарифы, популярные сайты и другие интересные подробности.

    ПРОЦЕНТ ПОЛЬЗОВАТЕЛЕЙ

    Чтобы оценить уровень проникновения интернета в нашей стране в те годы, обратимся к статье «Интернет в России/Россия в интернете», опубликованной в феврале 2001 года на сайте компании «Фонд Общественное Мнение»:.

    В ней приводятся результаты опроса, проведенного осенью 2000-го:

    • 20% населения России не знают, что такое интернет;
    • 37,3% что-то слышали об интернете, но точного определения дать не могут;
    • Всего лишь 3,6% населения регулярно пользуются интернетом;
    • И только 3% от всех пользователей интернета за последний месяц делали покупки в интернет-магазинах.

    Для сравнения заглянем в статью «Интернет в России: динамика проникновения. Лето 2015» и увидим, что в прошедшем году 66% процентов населения страны заходили в интернет хотя бы раз в месяц.

    Отечественная аудитория всемирной сети за последнии 15 лет увеличилась в 30 раз, но каждый третий человек в нашей стране до сих пор выходит в интернет реже одного раза в месяц или не пользуется им вообще.

    ТАРИФЫ

    На тему способа оплаты интернета тех времен уже давно ходит анекдот:

    Помните голодные годы? Интернет по карточкам…

    Карточки для пополнения счета продавались номиналом от 10 до 100 у.е. Курс доллара 31 марта 2001 года — 28 рублей 74 копейки, а у. е. равнялась примерно 25 рублям (+- 3 рубля, в зависимости от оператора).

    Приведем расценки одного популярного московского поставщика интернет-услуг от 31 марта 2001 года. Цены указаны за час доступа в интернет при скорости несколько десятков килобайт в секунду.

    Напомним, что средняя российская зарплата в 2015 году составляла 33268 рублей, а в 2000-ом была 2266. Простой россиянин, при условии полного голодания и накоплении долгов за коммунальные услуги, мог позволить себе 50 часов использования сети в дневное время или 100 часов в ночное.

    ТЕХНОЛОГИИ

    Подключение к интернету происходило с помощью dial-up модема. Они были двух видов: внутренние и внешние. Первые выглядели примерно так:

    А последние так:

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

    Из-за дороговизны дневного доступа и недовольства домашних невозможностью вести переговоры, многие использовали интернет только ночью. Находить компромисс между сном и тягой к прогрессу помогали два типа приложений:

    • Менеджеры загрузок;
    • Программы для скачивания сайтов на жесткий диск (WinHTTrack, Teleport Pro).

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

    В те же времена был обычай скачивать сайты целиком на диски и обмениваться ими друг с другом. Мне из тех времен больше всего запомнился CD с «Библиотекой Мошкова», которым я пользовалась до середины 2000-ых.

    Cофт из интернета скачивали мало. Ведь на каждом углу были палатки с недорогими пиратскими дисками, на которых можно было найти все! От операционной системы Windows и пакета Microsoft Office, до утилит для брутфорса и ArchiCAD.

    Обложки для дисков создавались, как правило, без участия профессиональных дизайнеров, но взгляд на них вызывает теплые ностальгические чувства:

    Не всякая коллекция софта могла поместиться на одном диске и некоторые сборники состояли из нескольких CD:

    DVD-диски тогда только начинали выходить на российский рынок и набирать популярность.

    По данным консорциума W3 в январе 2002 года доля пользователей Internet Explorer составляла 85,8%. 7,9% выбирали Netscape, а 2,8% AOL-браузер. Это общемировая статистика. Подобной информации о России найти не удалось.

    Многие в тот период отключали в настройках браузера загрузку картинок, чтобы ускорить рендеринг страниц.

    В начале 2000-ых набирали популярность мессенджеры. Как говорилось в анекдотах тех времен: «у моего сына компьютерщика целых две подруги: Аська и Ирка».

    Мессенджер ICQ был разработан в 1997 году двумя израильскими студентами. В начале 2000-ых он только начал приходить в Россию, но уже имел определенное число фанатов.

    Характерный звук, который издавало приложение, особым образом влиял на мозг пользователя и сбивал его внутреннее ощущение времени. В «аське» можно было потерять целый день или пропустить момент, когда закат переходит в рассвет.

    Удивительно, но «aська» жива до сих пор. Во время написания этой статьи я зашла в нее и обнаружила, что многие контакты онлайн и даже есть непрочитанные сообщения, датированные 2015-ым годом.

    Различные IRС-клиенты появились в США на 10 лет раньше и пришли в Россию уже в середине 90-ых. Если в ICQ люди общаются в форме диалогов, то протокол IRC предназначен для общения в чатах.

    В мессенджерах не только контактировали с друзьями из реальной жизни, но и заводили романтические знакомства. В молодежных изданиях тех времен этому искусству посвящались целые статьи:

    САЙТЫ

    У российских сайтов конца 90-ых и начала нулевых были некоторые специфические особенности, отметим самые яркие из них:

    • Фоновая музыка;
    • Анимация в качестве фона (к примеру, облака или звездное небо);
    • В углу сайта имеется рекомендация, в какой версии IE лучше смотреть сайт;
    • Гостевая книга, куда можно было написать отзыв о сайте;
    • Раздел со ссылками на страницы друзей автора сайта;
    • Избыточное количество картинок в формате gif;
    • Кнопки навигации во всех углах сайта.

    Если бы не эти мелочи, то большинство веб-страниц конца 90-ых были прекрасны. Лаконичный дизайн, никаких всплывающих баннеров, никакого JavaScript, весь текст страницы помещается на одном экране и ничего не надо прокручивать.

    Вспомним самые посещаемые и интересные интернет-проекты тех времен. Многие из них давно забыты, а некоторые живы и по сей день.

    Aport.ru

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

    Krovatka.ru

    В этом году исполнится ровно 20 лет с того момента, как Андрей Подстрешный начал работу над чатом, который в начале 2000-ых стал одним из самых популярных в интернете сайтов для общения. В золотые года желающие поговорить могли выбрать из 50 комнат для бесед («Компьютеры», «Кому за 30», «Любовь» и т.д.). В те времена в чатах знакомились, а потом ездили друг к другу в гости, находили друзей и партнеров по бизнесу. Поболтать с анонимами в «Кроватке» можно и сегодня.

    Яндекс

    Одна из самых успешных на сегодняшний день IT-компаний в России не нуждается в представлении. Обратите внимание, как броско на главной странице рекламируется бесплатный хостинг для сайтов narod.ru, на котором каждый мог за один день создать персональную страничку в сети.

    Многие из сайтов «на народе» были лишены индивидуальности и выглядели отталкивающе, но иногда среди них можно было найти настоящие золотые жилы. К примеру, ресурс с самоучителями аварского и лезгинского языка.

    Вебпланета

    Один из популярных новостных сайтов тех времен, ныне мертв.

    Кулички

    Этот сайт был воротами в мир русскоязычного интернета. Главная страница была полна ссылками на тематические интернет-ресурсы: «Спорт», «Знакомства», «Юмор», «Компьютеры», «Игры», «Рефераты», «Работа» и т.д.

    Omen.ru

    Еще один сайт, созданный, чтобы быть стартовой точкой прогулки по сети. В отличие от предыдущего имеет, более развлекательную направленность.

    Hotbox.ru

    Старый российский почтовый сервис, древнее чем mail.ru и Яндекс.Почта. Ныне мертв, а на его домене стоит редирект на qip.ru.

    Fomenko.ru

    Очень популярный развлекательный сайт начала 2000-ых. Причиной высокой посещаемости была реклама на «Русском радио», которую давал его создатель, актер и радиоведущий Николай Фоменко.

    Rambler

    Старейший русскоязычный поисковик. В настоящий момент жив и позиционирует себя как медийный портал.

    lib.ru

    Пожалуй, это самый прекрасный ресурс той эпохи с точки зрения контента и дизайна. Появился еще в 1994 году. Здесь было (и есть) море интересных книг на разные темы, оформленных в удобном для онлайн-чтения виде. И никаких облаков и фоновой музыки!

    Anekdot.ru

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

    Altavista.com

    До появления Google «Альтависта» была популярным поисковиком в англоязычном интернете. Для россиян, обладающим достаточным уровнем знаний иностранного языка, чтобы читать зарубежные сайты, была настоящими воротами в большой мир.

    Поисковые системы тогда работали плохо, а черные SEO-шники хорошо. Найти что-то в интернете иногда было довольно сложно. Даже сайт какой-нибудь крупной компании мог быть закинут на дно выдачи кучкой дорвеев, заспамленных ключевыми словами.

    Стоящие ресурсы сохраняли в закладки браузера или запоминали их адреса. Для решения вопроса поиска в информации, одно время, даже издавалась бумажная книга «Желтые страницы Internet».

    ЗАКЛЮЧЕНИЕ

    Как же круто изменился мир за последние 15 лет.

    Матери больше не кричат на детей за то, что они занимают телефон. Теперь у каждого члена семьи по 2-3 устройства, с которых можно выйти в интернет. Многие люди проводят годы в непрерывном онлайн.

    Социальные сети вытесняли старую добрую «Аську», в которой люди интересовались делами друг друга, а не рассылали фото своих кроссовок всему списку контактов по четыре раза в день.

    Коллекция дисков с программами уже не приманивает гостей в дом.

    А когда ты говоришь, что хранишь mp3-шки на компе, на тебя смотрят так же, как в 2010-ом смотрели на тех, кто пользовался ИК-портом.

    И то ли еще будет! Очень интересно дожить и посмотреть, каким будет интернет через 15, 30, 50, 70 лет!

    (5.00 из 5, оценили: 6)

    Мастер Йода рекомендует:  Нахождение максимума из двух чисел без условных операторов и операторов сравнения
Добавить комментарий