Презентация, доклад по дисциплине Веб-дизайн на тему: История создания Интернет

Содержание

Интерне́т (Internet, сокращённое от INTERconnected NETworks – объединённые сети; сленговое ине́т, нет) – глобальная всемирная телекоммуникационная сеть, обеспечивающая связь для пересылки сообщений электронной почты, передачи файлов, соединения с другими компьютерами и получения доступа к информации, существующей в

Слайд 1История создания Интернет.
Разработал преподаватель: Закревская Е.М.

История создания Интернет.Разработал преподаватель: Закревская Е.М.

Слайд 2Интерне́т (Internet, сокращённое от INTERconnected NETworks – объединённые сети; сленговое ине́т, нет)

– глобальная всемирная телекоммуникационная сеть, обеспечивающая связь для пересылки сообщений электронной почты, передачи файлов, соединения с другими компьютерами и получения доступа к информации, существующей в самых различных формах
Интерне́т (Internet, сокращённое от INTERconnected NETworks – объединённые сети; сленговое ине́т, нет) – глобальная всемирная телекоммуникационная сеть, обеспечивающая

Слайд 3В 1969 году, 29 октября в 9 вечера, между первыми узлами

данной сети, находящимися друг от друга на расстоянии в 640 километров – в Калифорнийском университете Лос-Анджелеса и в Стэндфордском исследовательском институте – провели первый сеанс связи.

Рис. 1 - Исторический документ ARPANET IMP журнал: первое сообщение, отправленное через ARPANET. 10:30 вечера, 29 октября 1969 года. Этот отрывок хранится в Лос-Анджелесе.

В 1969 году, 29 октября в 9 вечера, между первыми узлами данной сети, находящимися друг от друга

Слайд 4В 1960 году психолог и специалист в области вычислительных машин Джозеф

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

План создания компьютерной сети (названной «ARPANET») был представлен в октябре 1967 года, а в декабре 1969 была запущена в работу первая сеть из четырех компьютеров. Основная проблема при создании сети состояла в том, как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами. Для решения этой проблемы была использована техника, известная как коммутация пакетов, которая предполагает разбиение запросов данных на небольшие фрагменты, «пакеты», которые могут быстро обрабатываться, не блокируя коммуникацию других частей — этот принцип все еще используется сегодня для работы Интернет.

Сеть ARPANET

В 1960 году психолог и специалист в области вычислительных машин Джозеф Ликлайдер опубликовал статью, названную «Симбиоз человека

Слайд 6Протокол TCP/IP
Распространение различных сетевых протоколов стало вскоре проблемой при попытке заставить

общаться все эти отдельные сети.

Роберт Кан, во время работы над проектом спутниковой пакетной сети ARPA, начал определять некоторые правила для более открытой сетевой архитектуры для замены используемого в ARPANET протокола. Позже, вместе с Винтоном Серфом из Станфордского университета, они создали систему, которая маскировала различия между сетевыми протоколами с помощью нового стандарта. В публикации, посвященной проекту спецификации в декабре 1974 года, он был назван «Internet Transmission Control Program».
Протокол TCP/IPРаспространение различных сетевых протоколов стало вскоре проблемой при попытке заставить общаться все эти отдельные сети. Роберт

Слайд 7Протокол TCP/IP
Эта спецификация уменьшила роль сети и перенесла ответственность за поддержание

целостности передачи на хост-компьютер. Конечным результатом этого было то, что стало возможно легко соединять почти любые сети. ARPA профинансировала разработку программного обеспечения и в 1977 году была проведена успешная демонстрация коммуникации трех различных сетей. К 1981 спецификация была завершена, опубликована и принята, и в 1982 году соединения ARPANET за пределами США были переведены на использование нового протокола «TCP/IP».
Появилась сеть Интернет. Встал вопрос о создании системы распределенного доступа к сетевым файлам.
Протокол TCP/IPЭта спецификация уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер. Конечным результатом

Слайд 8Система поиска и передачи документов Gopher
В начале 1990 годов в качестве

системы извлечения информации в глобальной сети использовалась система Gopher, которая предоставляла меню ссылок на файлы, компьютерные ресурсы и другие меню. Текстовая структура ссылок позволила очень быстро находить нужную информацию, используя текстовые терминалы. Она была популярна в университетах и больших организациях, которые старались централизовать хранение и управление документами.
Gopher была создана в Университете Миннесоты. В феврале 1993 университет объявил, что собирается требовать лицензионные отчисления за использование своей эталонной реализации сервера Gopher. Вследствие этого многие организации начали искать альтернативные решения.
Система поиска и передачи документов GopherВ начале 1990 годов в качестве системы извлечения информации в глобальной сети

Слайд 9Создание Всемирной паутины
Тим Бернерс-Ли работал над системой управления информацией, в которой текст

мог содержать связи и ссылки на другие работы, позволяя читателю быстро перемещаться от документа к документу. Он создал сервер CERN httpd для публикации документов такого вида, а также программу для их чтения, которую назвал «World Wide Web». Это программное обеспечение было выпущено впервые в 1991 году, однако должны были произойти два события, которые привели к быстрому росту его популярности и окончательной замене Gopher.


Сэр Тимоти Бернерс-Ли, создатель Всемирной паутины

Создание Всемирной паутиныТим Бернерс-Ли работал над системой управления информацией, в которой текст мог содержать связи и ссылки на

Слайд 10Создание Всемирной паутины
В августе 1991 года Тим Бернерс-Ли опубликовал первый веб-сайт — простую, текстовую

страницу с несколькими ссылками. Сайт имел множество ссылок и рассказывал людям, что такое World Wide Web.  Копия оригинальной страницы 1992 года все еще ​​существует в Интернете. 
Создание Всемирной паутиныВ августе 1991 года Тим Бернерс-Ли опубликовал первый веб-сайт — простую, текстовую страницу с несколькими ссылками. Сайт имел

Слайд 1130 апреля 1993 года CERN выпустил исходный код World Wide Web

во всеобщее достояние, поэтому кто угодно мог использовать или применять это программное обеспечение без всякой платы.
Позже, в том же году, Национальный центр суперкомпьютерных приложений (NCSA) выпустил программу, которая была комбинацией Web-браузера и клиента Gopher, названную Mosaic. Она была доступна первоначально только на машинах Unix в форме исходного кода, но в декабре 1993 года Mosaic представила новую версию с программами установки для Apple Macintosh и Microsoft Windows. Программа Mosaic быстро стала очень популярной, а вместе с ней и сама Web.

Создание Всемирной паутины

30 апреля 1993 года CERN выпустил исходный код World Wide Web во всеобщее достояние, поэтому кто угодно

Слайд 12Браузеры и веб - страницы

Браузеры и веб - страницы

Слайд 13Новым историческим этапом в развитии Интернет стал выход  первой версии графического

браузера Mosaic в 1993 году, разработанного в 1992 Марком Андресеном (Marc Andreessen), студентом, стажировавшимся в Национальном центре суперкомпьютерных приложений (National Center for Supercomputing Applications, NCSA), США.
Залогом успеха браузера стали интуитивно понятный интерфейс, стабильность работы, простота установки и кроссплатформенность (Mosaic стал первым браузером, доступным одновременно для всех действующих на тот момент операционных систем, включая Windows, Macintosh и Unix). Вслед за этим появились браузеры  Netscape Navigator и Microsoft Internet Explorer.
Новым историческим этапом в развитии Интернет стал выход  первой версии графического браузера Mosaic в 1993 году, разработанного в 1992

Слайд 14Браузеры научились поддерживать GIF формат изображений, что стало существенным шагом для

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

Слайд 151996 был годом, который определил начало новой эры, и для многих дизайнеров

позорным периодом. Активно начали появляться сайты с красным, розовым или желтым фоном, слишком долгий просмотр которых был практически невозможным. Этот этап также стал периодом оскорбительного использования анимированных GIF-файлов, с помощью которых, сайт, по идеи, должен быть веселым и интересным. Люди не были полностью осведомлены, как работает сайт, поэтому и не знали, как правильно его проектировать.
1996 был годом, который определил начало новой эры, и для многих дизайнеров позорным периодом. Активно начали появляться сайты

Слайд 16Это был первый сайт McDonalds в 1996 году. Дизайнерам сказали, что их зарплата будет

увеличена в зависимости от количества красного и желтого, которые они будут использовать. Это, конечно, основные цвета торговой марки, но их нужно разбавить другими цветами, например белым.
Это был первый сайт McDonalds в 1996 году. Дизайнерам сказали, что их зарплата будет увеличена в зависимости от количества красного

Слайд 17Этот сайт 1996-го года дизайнера  Betsey Johnsonа. Цвет фона больше, чем

просто яркий. Хотя в наше время мы также можем найти подобные страницы.
Этот сайт 1996-го года дизайнера  Betsey Johnsonа. Цвет фона больше, чем просто яркий. Хотя в наше время

Слайд 18Индийский сайт музыки с анимированным флагом вверху демонстрирует достаточно интересный выбор

градиента — белый/зеленый/оранжевый/белый. Такое дизайнерское решение визуально разрезает страницу сайта пополам.
Индийский сайт музыки с анимированным флагом вверху демонстрирует достаточно интересный выбор градиента — белый/зеленый/оранжевый/белый. Такое дизайнерское решение визуально

Слайд 19Системные шрифты и синие ссылки
1996 год — первый дизайн веб-сайта от Altavista. Просто

и полезно. Логотип был использован в качестве заголовка. Учитывая, что это была первая попытка Altavista, нужно отметить, что их сайт на то время был одним из самых лучших.
Системные шрифты и синие ссылки1996 год — первый дизайн веб-сайта от Altavista. Просто и полезно. Логотип был использован в

Слайд 20Yahoo — в свое время царь Интернета. Его оригинальный сайт отличается от предыдущего

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

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

Здесь просматриваются основные 3 цвета: черный, синий и красный — достаточно популярны для того периода. Название сделано красным, основная информация черным, и ссылки — синего цвета.
У истоков веб-дизайна, можно увидеть, что данный сайт является полностью функциональным. Здесь просматриваются основные 3 цвета: черный,

Слайд 22Сайт компании Lego.  Его попытались сделать достаточно интерактивным (без использования flash/jquery). Поскольку

продукция использовалась для детей, на сайте были размещены анимационные картинки с ссылками возле них. 
Сайт компании Lego.  Его попытались сделать достаточно интерактивным (без использования flash/jquery). Поскольку продукция использовалась для детей, на сайте

Слайд 23Цвет фона, иконки, шрифты 
15 лет назад, люди привыкли думать, что блестящая цветовая

палитра действительно характеризует качественный дизайн. Использование ярких цветов сделало невозможным длительный просмотр сайта (более 5  минут). К сожалению, яркие цвета стали обычным выбором, ведь для оригинального веб- дизайнера быть замеченным стало более важным, чем учитывать, как долго люди будут оставаться на страницах сайта. 
Цвет фона, иконки, шрифты 15 лет назад, люди привыкли думать, что блестящая цветовая палитра действительно характеризует качественный дизайн. Использование

Слайд 24Самыми популярными гарнитурами десять лет назад были системные шрифты и шрифты

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

 1996 год, веб-сайт типографии 

Самыми популярными гарнитурами десять лет назад были системные шрифты и шрифты по умолчанию. Они использовались везде: сайты

Слайд 25Кнопки! В 1996 году были только серые варианты для создания интерактивности.

Кнопки! В 1996 году были только серые варианты для создания интерактивности.

Слайд 27С 1998 года дизайнеры серьезно подошли к вопросу создания сайтов. Из

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

Слайд 28BBC пытались  перенести информацию из телевидения в Интернет. Просматривается меню со списком

ссылок, а также некоторые приложения, например, прогноз погоды. 
BBC пытались  перенести информацию из телевидения в Интернет. Просматривается меню со списком ссылок, а также некоторые приложения, например,

Слайд 29На сайте Bluefly можем посмотреть один из лучших примеров на то время навигации

по сайту с помощью иконок.
На сайте Bluefly можем посмотреть один из лучших примеров на то время навигации по сайту с помощью иконок.

Слайд 30Дальше становятся популярными такие инструменты, как Dreamweaver. Это дало большему количеству

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

Слайд 31Всплеск интернета пришелся на 2000 год. Дизайнеры научились постоянно развивающейся технологии CSS.

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

Слайд 32Яркие и красочные кнопки над серым фоном с легкой текстурой.  Внимание

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

Слайд 332008 год характерен тенденциями мобильных веб-приложений. В 2007 году, iPhone определенно

послужил сильным толчком для развития мобильного веб-дизайна. Профильные компании стали создавать мобильные веб-сайты и разрабатывать приложения. Большие социальные сети, устанавливают виджеты для перехода на блоги, веб-сайты — виджеты для перехода на социальные сети. Также 2008 год — год стиля ретро в дизайне.  Цветовая гамма стала более стильной, дизайн сайтов — лучше и контрастнее.
2008 год характерен тенденциями мобильных веб-приложений. В 2007 году, iPhone определенно послужил сильным толчком для развития мобильного

Слайд 342011 год. Веб-дизайн становится лучше и лучше.

2011 год. Веб-дизайн становится лучше и лучше.

Слайд 35Дизайн Neve на главной странице показывает суть магазина детской одежды. Они

используют мягкие цвета, которые создают спокойную и элегантную атмосферу
Дизайн Neve на главной странице показывает суть магазина детской одежды. Они используют мягкие цвета, которые создают спокойную и

Слайд 36Создание World Wide Web Consortium (W3C)
Во время войны браузеров компании Microsoft

и Netscape сосредоточились на реализации новых свойств, а не на решении проблем тех свойств, которые они уже поддерживали, и добавляли собственные свойства и создавали свойства, которые прямо конкурировали с существующими свойствами другого браузера, но были реализованы несовместимым образом.
Разработчики в это время были вынуждены иметь дело с все возрастающими уровнями беспорядка при попытке создания Web-сайтов, иногда вынужденные создавать два различных, но по сути дублирующих друг друга сайта для двух основных браузеров, а иногда вынужденные поддерживать только один браузер, блокируя для других использование своего сайта.
Создание World Wide Web Consortium (W3C)Во время войны браузеров компании Microsoft и Netscape сосредоточились на реализации новых

Слайд 37В 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C)

в Массачусетском технологическом институте (Massachusetts Institute of Technology) при поддержке CERN, DARPA (в которую была переименована ARPA) и Европейской Комиссии. Консорциум W3C видел свою задачу в стандартизации протоколов и технологий, которые используются для создания Web, чтобы информационное содержание было доступно как можно большему числу жителей всего мира.
В течение нескольких следующих лет W3C опубликовал несколько спецификаций (называемых «рекомендациями»), включая HTML, формат изображений PNG (Portable Network Graphics), и каскадные таблицы стилей (CSS).
Однако, W3C не принуждает использовать свои рекомендации. Производители должны подчиняться документам W3C, только в том случае, если они хотят пометить свой продукт, как соответствующий W3C.

Создание World Wide Web Consortium (W3C)

В 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C) в Массачусетском технологическом институте (Massachusetts Institute

Слайд 38Спасибо за внимание!

Спасибо за внимание!

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть