Статья 3. «Эволюция сети от Web 1.0 до Web 3.0»
Эволюция веб-страницы: от вертикального скроллинга к единой колонке с интерфейсными элементами.
Ляшенко Юлия, РСО/б-19-1-о
Статья 1. «От таблиц и «кислотных» расцветок до адаптивного и плоского дизайна: как изменялся внешний вид интернета»
1. 6 августа 1991 г. — создание World Wide Web.
2. 1993 год — появление первого поисковика Aliweb - каталог сайтов, разделенный по тематикам (сайт создавался с помощью таблиц, которые позволяли выравнивать элементы по вертикали, появилась система навигации, сайты оформлялись в несколько колонок), появилась поддержка изображений, их можно было поделить на части и вставить в таблицу.
3. 1994 год — использование ярких рекламных баннеров на сайтах, появление всплывающих окон и цветных 3D-кнопок.
4. 1995 год — разработан язык программирования PHP для создания динамических сайтов (веб-формы и гостевые книги), язык Ruby, Shockwave, Internet Explorer 1
5. 1996 год — Microsoft выпустила Internet Explorer 3.0, который поддерживал мультимедиа, Java-вставки, интернет-почту и управляющие элементы, Flash - эпоха веб-анимации.
Flash принес в веб-дизайн анимационные вставки и наложение страниц. В дизайне все больше внимания уделялось навигационным меню: дизайнеры использовали темные фоны и 3D-кнопки для страниц.
1998 год — рождение Google (изменила представление о каталоге ссылок — вместо выбора из списка-справочника, компания решила сделать минималистичный поиск).
|
|
|
6. CSS — каскадные таблицы стилей.
Чем больше пользователей появлялось в интернете, тем медленнее он становился. Идея CSS проста — разделить контент и внешний вид. На экране было меньше текста, но больше мини-страниц. Применялись градиенты.
7. 2000 год — интернет-экономика. Появилась платежная онлайн-система PayPal.
Сайт стал необходимостью — все новые компании старались создать красивый и быстрый сайт для своих клиентов. Содержимое страниц сайта упростилось: вместо ярких цветов использовались более спокойные, создающие больший контраст. Появилась понятие «сетка» сайта.
8. 2003 год — блоги
WordPress — система управления контентом, которая упростила заведение личных страничек пользователям интернета.Использовалась система шаблонов и архитектуры на плагинах, что позволило самому настраивать дизайн и функциональность сайта. Дизайнеры начали использовать 16 млн цветов вместо 256 оттенков. Появилось выпадающее навигационное меню, а 3D-кнопки стали пропадать с сайтов.
9. 2004 — появление социальной сети MySpace и браузера Firefox.
10. 2005 год — появился первый видеохостинг YouTube
11. 2006 год — публичная версия Facebook
Широкое распространение получили стоковые фотографии и скевоморфизм. В дизайне стали использоваться текстуры, похожие на реальные объекты, — деревья, ткань, металл.
|
|
|
12. 2007 год — мобильная революция
29 июня 2007 года вышел первый iPhone в котором появился первый полноценный мобильный браузер Safari. После чего дизайнеры начинают рисовать мобильные версии. Веб-страницы делились на две: одна статическая, другая мобильная. Пользователь видел страницу, в зависимости от того, с какого устройства он открывает сайт.
13. 2008 год — Google Chrome, мобильный интернет и HTML5
В 2008 году выход в интернет с мобильных устройств опередил выход с компьютеров — сайты нуждались в мобильной версии для смартфонов. Веб-сайты начали конвертироваться под вертикальный формат, а навигация стала минималистичной и представляла только основные части сайта.
14. 2009 год — социализация изображений, появился сервис Flickr, который позволял загружать и обмениваться фотографиями в интернете.
15. 2010 год — рождение адаптивного дизайна.
16. 2012 год — плоский дизайн (минималистичный вид сайтов, более информативный и эстетичный).
17. 2014-2018 года – наши дни — Material Design (использование плоского дизайна, адаптирование мобильных приложений и мобильных версии сайтов в новом фирменном стиле, использование анимации для привлечения внимания пользователей и помощи в навигации по сайту), Parallax -эффект (большая анимированная картинка): при прокрутке переднего плана движется передний объект, а не фон., типографика (создает контрастные заголовки и улучшает навигацию по сайту). Единая колонка с интерфейсными элементами. Общая тенденция сайтов сейчас: яркие цвета, жирный градиент и интегрированная анимация.
|
|
|
Статья 2. «Как менялся веб»
За четверть века веб-программирование прошло насыщенный путь. Оглядываясь на ранние годы веб-разработки, сложно поверить, что первые сайты, лишь отдалённо напоминающие современные, сделаны всего 25-30 лет назад.
1. Текст без картинок
Начиналось всё с текста: из него состоял практически весь контент страниц. О красивом оформлении и речи не шло. Интернет был медленным, и сайты старались делать как можно легче для более быстрой загрузки веб-страниц.
2. Появление графики
К середине 90-х уже появилась табличная вёрстка. Стали подходить творчески к созданию веб-страниц и использовать графические элементы: счётчики посещения страниц, анимацию, GIF-элементы. Однако вёрстка значительно отличалась от современной — были таблицы и инлайн-блоки.
|
|
|
3. Разделение контента и дизайна
С появлением Flash открылись новые возможности: разные цвета пунктов меню навигации, «плиточные» фоновые изображения, «неоновые» цвета, 3D-кнопки. А с помощью каскадного стиля таблиц (CSS) произошло разделение контента и дизайна. Теперь их стали разрабатывать отдельно друг от друга. Уменьшилось количество кода и время загрузки страниц, расширились возможности вёрстки.
4. Развитие HTML
В течение всего периода развития веб-программирования язык разметки менялся. Код написанный 10 лет назад разительно отличается от DOCTYPE HTML, используемого сейчас, так как это совершенно другой тип документа. С момента публикации первой официальной версии в 1995 году было выпущено несколько новых версий. Что повлияло на конечный вид документа.
5. Фокус на человека
В 2005 году началась эпоха Web 2.0 – бум социальных сетей. Вследствие быстрого увеличения количества мультимедийных приложений и интерактивного контента. Активно привлекали пользователей для развития и улучшения проектов и сервисов. Кроме безликих сайтов появились блоги, сообщества, которые поддерживают все пользователи. Увеличилось внимание к типографике.
6. Сегодня
Сегодня веб-дизайн ориентируется на тренды и настроения в обществе. Стало важным не только содержание, но и форма, которая не просто украшает, но несёт в себе смысл. А новые инструменты позволяют создавать оригинальный дизайн и облегчают рабочий процесс.
Статья 3. «Эволюция сети от Web 1.0 до Web 3.0»
Web 1.0
Web 1.0 - сеть «только для чтения». Информация была представлена на статичных страницах. Большинство пользователей потребляли контент, размещенный в сети меньшинством. Сеть населяли простые ресурсы: сайты с объявлениями, онлайн-каталоги магазинов, тематические форумы и персональные страницы. Возможность прокомментировать контент ограничивалась отдельной гостевой страницей на сайте, а высылать комментарии нужно было с помощью email-клиента.
Ранняя Всемирная паутина была хаотичной децентрализованной системой из множества независимых компьютеров, которые общались между собой напрямую посредством модемов и телефонных сетей. Позднее подключение к интернету стало доступнее благодаря централизованным интернет-провайдерам и выделенным линиям. Со временем ПК становились доступнее для пользователей.
Web 2.0
В современном понимании Web 2.0 — это сеть интерактивных веб-сайтов и платформ, где контент производят пользователи, а не владелец ресурса. Facebook, YouTube и Twitter — платформы эпохи Web 2.0, ориентированные на пользовательский контент и социальные взаимодействия. В Web 2.0 потребители контента одновременно выступают его создателями. Мобильная революция 2000-х дала нам карманные компьютеры, способные записывать и публиковать контент. Возникли мобильные приложения и платформы для их распространения. Сеть стала более централизованной.
Эпоха Web 2.0 продолжается с середины двухтысячных, однако представления о следующей стадии развития сети — Web 3.0 — сформировались еще в первые десять лет существования Всемирной паутины.
Web 3.0
Web 3.0 — это веб-инфраструктура из нескольких основных технологий: блокчейна (технология распределенных баз данных), машинного обучения и интернет вещей (удаленный контроль устройств через приложение), семантической паутины (концепция способная сделать всю информацию в сети читаемой и «понятной» для машин; необходимо всей информации в сети присвоить метаданные — информацию об информации) и интернета вещей. Каждая из этих технологий — неотъемлемая часть будущей сети со своей ролью в экосистеме.
Переход к новой эре происходит прямо сейчас: для всех основных концепций инфраструктуры Web 3.0 существуют прототипы, технологии продолжают развиваться. Прогресс технологий делает переход к Web 3.0 возможным. Централизация сети в руках веб-гигантов, систематические нарушения приватности данных, проблемы доступа к контенту и безопасности делают переход к Web 3.0 неизбежным.
Библиографический список:
1. https://vc.ru/design/46224-ot-tablic-i-kislotnyh-rascvetok-do-adaptivnogo-i-ploskogo-dizayna-kak-izmenyalsya-vneshniy-vid-interneta
2. https://tproger.ru/articles/kak-menjalsja-veb/
3. https://forklog.com/sp/web3-0/theory/
Дата добавления: 2021-07-19; просмотров: 60; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!