Сам интернет получил своё начало 2 сентября 1969 года, когда учёным университета калифорнии впервые удалось передать данные между двух компьютеров. Поначалу сеть носила имя ARPANET(Advanced Research Projects Agency Network). Целью было создать сеть связи, которая работала бы даже тогда, когда какая либо её часть будет выведена из строя. Имелась в виду конечно угроза атомной войны.

Первым создали соединение между университетом Калифорнии (Los Angeles) и Стэндфордским исследовательским институтом, а в конце 1969 года подключили к сети и Университет Калифорнии в Санта-Барбаре, и Университет Юты. К 1971 году были подключены уже 23 компьютера 15 различных учреждений, и к 1983 году компьютеров, подключённых к сети, было уже 500.

В 1973 году был придуман FTP (File Transfer Protocol) протокол, который позволял передачу данных между различными интренет-окружениями и позволял загрузку и публикацию веб-страниц на веб-сервере.

Эстония была подключена к мировой сети (в то время FIDONET) в 1990 году, а первое TCP/IP соединение было запущено между Эстонией и остальным миром 26-го марта 1992 года. В 1989 году Тим Беренс-Ли (Tim Berners-Lee) со своими коллегами из Европейской лаборатории атомной физики (CERN) предложил новый протокол обмена информацией. Был придуман гипертекст (hypertext, текст, в котором путём какого-либо ключевого слова можно было перейти к связанному с ним документу) и начали объединять научные документы при помощи гипертекста - ссылаться. Поначалу новую систему использовали лишь для распространения информации о ядерной физике, однако позже добавились и другие области, и возникла сеть академических информационных материалов. Из неё и появился в 1991 году World Wide Web. Поначалу WWW был только текстовым. Однако в 1993 году Марк Андреесcен (Marc Andreessen) со своей командой из NCSA (USA National Center of Supercomputing Applications) создал веб-проводник(browser) с графическим интерфейсом Мозаик(Mosaic). Это позволило добавить на веб-страницы ещё и картинки. Позже Андреессен создал следующий веб-проводник - Netscape, который занимал позицию лидера на рынке вплоть до 1998 года. В этом году Майкрософт (Microsoft) представила рынку операционную систему Windows 98, в которую был интегрирован веб-проводник IE (Internet Explorer).

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

Веб-страницы хранятся на веб-сервере, который передают их остальному миру. Управляющим ПО веб-серверов являются знаменитые Internet Information Service (IIS) от Макрософт и Apache HTTP сервер, который работает как под Линукс(Linux), так и под Виндоус (Windows). Страницы размещаются на сервере в специальных каталогах, к которым есть доступ на чтение и у пользователей обращающихся снаружи.

Для передачи веб-страниц клиентам (веб-браузеру) веб-сервер использует протокол HTTP(HyperText Transfer Protocol).

У каждой веб-страницы и другого ресурса в веб-сети есть свой адрес URL (Uniform Resource Locator), который состоит из доменного имени и, при необходимости, из подкаталогов и/или имя файла, а также из обозначения используемого протокола, ставящегося впереди этой строки (в случае веб-страниц http).

Например: www.domeen.ee/alamakataloog/veebileht.html

Для того чтобы все веб-страницы вели себя одинаково, и разные веб-браузеры могли их отображать одинаково, были созданы веб-стандарты и своды правил управляемые World Wide Web Consortium (W3C, http://www.w3.org). Следование стандартам, установленным W3C, обеспечивает веб-пользователям лучшие условия пользования.

Веб-среда претерпела огромные изменения. Из текстовой системы в самом начале она развилась в среду, применяющую различные технологии и на сегодняшний день ставшей практически синонимом интернета. На сегодняшний день уже достигнуто понятие Web 2.0, который не ограничивается более объединением различных документов между собой, как было когда-то в ARPANET. Современная веб-сеть позволяет обмен информацией между людьми и совместную деятельность в социальных сетях, используя Вики (Wiki), веб-журналы - блоги (blog), РСС потоки (RSS feed), общие закладки, общее ПО, веб-программные интерфейсы и разнообразные сетевые услуги. Термин "Web 2.0" первый раз был упомянут на конференции 2004 года, организованной O'Reilly Media и несёт в себе т.н. новую версию менталитета WWW.

Первое поколение Веб-дизайна

Веб-страницами первого поколения считаются страницы, разработанные в 1991-1994 годах. Ключевой фразой было: «создай страницу, и пользователи придут». Веб-страницы того времени были в основном статическими и очень простыми по форме, содержали лишь заголовки и текст, а также ссылки на другие страницы. Малые технологические возможности компенсировали пёстрыми фоновыми картинками. Были очень распространены домашние странички людей, которые на сегодняшний день в большей части заменены на блоги(blog). Большим ограничением удобства пользования веб-страницами того времени были технологии. Безопасность и приватность были большими проблемами, поскольку требовали технологий, которые ещё не были доступны. Создание веб-страниц производилось в прямом смысле слова вручную написанием понятного компьютеру HTML-кода, веб-проводников же было несколько, а также отсутствовали стандарты написания кода, которые обеспечивали бы одинаковое отображение веб-страниц повсюду.

Веб-страницы первого поколения лучше всего характеризуются следующими свойствами:

• мало цветов, мониторы были маленькими и часто показывали лишь чёрно-белую картинку
• Объёмы данных были маленькими, страницы простыми. Для соединения с интернетом использовались модемы и телефонные линии, при скорости которых на открытие главной страницы какой-либо из сегодняшних интернет-газет ушло бы несколько минут.
• Многие использовали нестандартизированные расширения от третьих лиц. Поэтому многие страницы в разных веб-проводниках не работали.
• Информация, введённая в форму на веб-странице, передавали посредством электронной почты (e-mail), поскольку отсутствовала возможность для сохранения информации в базы данных.

Рисунок 4-14. Первая страница Майкрософт. Источник: http://www.microsoft.com/misc/features/features_flshbk.htm

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

Второе поколение веб-дизайна

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

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

Создавать веб-страницы стало теперь также проще, потому что появились разнообразные HTML редакторы (HTML editor), которые освободили пользователя от ручного написания кода. Постоянной становилась проблема отсутствия единых стандартов. В то время бывшие лидерами на рынке браузеров Internet Explorer и Netscape, отображали HTML зачастую по-разному и позволяли расширения, которые понимал лишь один веб-проводник. Поэтому создавать веб-страницы, которые отображались бы везде одинаково, было довольно сложно.

Рисунок 4-15. Пример веб-страницы Майкрософт второго поколения. Источник:  http://www.microsoft.com/misc/features/features_flshbk2.htm

Третье поколение веб-дизайна

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

Популярными стали веб-страницы, направленные на конкретные целевые группы - например порталы и коммуны, в оформлении стали больше разделать информацию по колонкам. Веб-сеть стала более живой и непосредственной благодаря появлению новой технологии Macromedia Flash, популярными стали страницы-приветсвия (intro).

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

Рисунок 4-16. Страница майкрософт третьего поколения. Источник: http://www.microsoft.com/misc/features/features_flshbk2.htm

Четвёртое поколение веб-дизайна

К этому моменту большинство веб-страниц сформировали свои целевые группы и содержание. Далее требовалось отретушировать удобство пользования и доступность.

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

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

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

Важной частью веб-сети стали социальные сети (Facebook, Twitter, Orkut, Rate и т.д.), которые объединяют людей с общими интересами и дают возможность быть постоянно в курсе происходящего своих друзей и знакомых. Свежим трендом является социальные сети, основанные не местоположении, такие как Foursquare и Gowalla, которые позволяют в любой момент найти находящихся неподалёку друзей и узнать о лучших предложениях в окружающих магазинах.

Рисунок 4-17. Страница Майкрософт четвёртого поколения. Источник: http://www.microsoft.com/en-us/default.aspx

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

Такие технологии как AJAX(Asynchronous JavaScript and XML) дополняют оформление веб-страниц. AJAX даёт возможность передачи информации без полной перезагрузки страницы. AJAX используется, например, в услуге Bing Maps для того, чтобы дать возможность движения по карте и увеличения/уменьшения фрагмента карты так, чтобы загрузка нового слоя проходила незаметно без перезагрузки всей страницы (http://www.bing.com/maps).

В дополнение к AJAX-у широкое распространение получили такие технологии как Flash и конкурент от Microsoft - Silverlight. Их используют в основном для создания приложений RIA(Rich Internet Applications - веб-приложения с богатым содержанием), одной из задач которых является принести в веб-сеть надёжность приложений рабочего стола, широкую функциональность и богатый пользовательский опыт, или наоборот, сделать веб-приложения используемыми, как приложения на рабочем столе.

Мобильный интернет позволяет передачу информации мобильным телефонам и карманным компьютерам. Одним из сложностей мобильного веб-оформления это ограничения оформления, которые связаны с малым размером экрана. Второй сложностью является обеспечение работы на различных устройствах, которые могут по-разному себя вести, поскольку отсутствуют стандарты подобно компьютерным веб-проводникам времён начала WWW. Решением естественно является стандартизация, которой занимается организация W3C.

Будущее веб-дизайна

Если Web 2.0 подготовил почву для возникновения различных сетей, тогда Web 3.0 даёт инструменты, чтобы процветающий в нынешнем веб-пространстве инфохаос структурировать, отфильтровать и объединить. Синонимом Web 3.0 - семантическая веб-сеть, которая значит, что в будущем машины будут в состоянии понимать значение, принадлежность и контекст каждой частички данных. Представьте себе поиск, которые никогда не даст малосущественные результаты или инструмент, которые могут решать проблемы сами благодаря тому, что они понимают семантику находящихся в веб-сети материалов. Web 3.0 можно назвать интеллигентной веб-сетью, что естественно принесёт вместе с собой большие изменения в веб-дизайне.

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

Растут тренды и в мире интерактивности - сенсорные экраны, геотеги (geotagging), дополненная реальность (augmented reality), многоплатформенные приложения, приложения в облаке (cloud application), мобильные устройства нового поколения и т.д. быстро меняют то, как мы общаемся с машинами и как их используем. Например, не исключено, что в будущем устройства с сенсорным экраном займут большую часть рынка компьютеров, в результате чего веб-сеть станет интуитивнее и интерактивнее. Новыми сложностями являются оформление для больших и маленьких экранов. Каждый год средние размеры домашних и рабочих компьютеров стали больше, в результате чего, по всей видимости, 960 пиксельный веб-стандарт ширины страницы исчезнет и смениться более динамическим расположением содержания на экране. Одновременно новым стандартом становится движение от печатной медии к цифровой, что означает, с точки зрения интерактивного и веб-дизайна, новые стандарты и сложности. Некоторые газеты и журналы смотрят на веб-сеть, как на более дешёвую платформу, при помощи которой можно продавать более качественную и отредактированную информацию. Первые интернет издания специализированные под некоторые устройства уже появились. И в Эстонии как Eesti Päevaleht, так и Eesti Ekspress доступны через приложения, предназначенные для планшетных компьютеров.