Вступление

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

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

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

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

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

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

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

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

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

Интерфейс Windows 3.1 Интерфейс Windows 3.1

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

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

Интерфейс Windows 98 Интерфейс Windows 98… Как будто это было вчера! Впрочем, кое-кто до сих пор ею пользуется.

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

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

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

World Wide Web 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 килобайт. Конечно, в таких условиях не было никакого смысла создавать сайт с роскошной графикой, видеороликами или качественным звуковым сопровождением. Низкая скорость доступа к интернету накладывала достаточно серьёзные ограничения на веб-дизайнеров и заставляла их прибегать к самым разнообразным хитрым приёмам, чтобы сделать пребывание на сайте для посетителей максимально комфортным. Как правило, это сводилось к минимизации размеров страницы за счет сокращения количества используемой на сайте графики либо использовании низкокачественных изображений, которые имели бы меньший вес.

ZyXEL Omni 56k ZyXEL Omni 56k. Мои врата в волшебный мир интернета в 2001-ом! В наших Палестинах с трудом добирался до 32 кбит за секунду.

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

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

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

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

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

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

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

MIDI-музыка

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

Тут можно скачать MIDI-версию мелодии из "Твин Пикса"

GIF-анимация

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

Танцующий банан В то время на сайтах нередко встречались вращающиеся вокруг своей оси логотипы и... танцующие бананы.

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

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

На сайте Cityline была целая куча вариантов кодировки на выбор! Выбор кодировки на сайте Cityline от Студии Артемия Лебедева, к примеру, на серой полоске.

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

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

Сайт McDonalds в 90е Сайт McDonalds в 90е. Тоже не избежал этой участи.

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

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

Сайт Стивена Хокинга У Стивена Хокинга и по сей день есть персональный сайт! Сегодня персональные сайты или персональные странички стали создают как правило для публичных людей.

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

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

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

Сайт Apple в 1997 Сайт Apple в 1997.
Сайт Microsoft в 90е Сайт Microsoft в 90е.
Сайт Canon в 90е Сайт Canon в 90е.
Сайт Google в 1997 Сайт Google в 1997.

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

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