Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему История возникновения и развития Веб

Содержание

ПланПонятие «Интернет»ХронологияПринципы работыЭволюция концепции ВебОсновные технологии в ИнтернетеHTMLXHTMLCSSXMLJavaScriptPHPPerlAJAXAdobe FlashSilverlightASP.NET
История возникновения и развития Веб ПланПонятие «Интернет»ХронологияПринципы работыЭволюция концепции ВебОсновные технологии в ИнтернетеHTMLXHTMLCSSXMLJavaScriptPHPPerlAJAXAdobe FlashSilverlightASP.NET 1. Понятие «интернет»Интернет(Internet, сокр. от Interconnected Networks – объединенные сети) – глобальная Некоторые юридические аспекты ИнтернетаУ Интернета нет собственника, так как он является совокупностью 2. Хронология1957 год. Запуск в СССР первого искусственного спутника Земли – начало 1967 год. Ларри Робертс предлагает связать между собой компьютеры ARPA. Компьютерная сеть 1973 год. Через трансатлантический телефонный кабель к сети были подключены первые иностранные 1978 год. Разработана первая доска объявлений (BBS). 1978 год также является годом, 1984 год. Число хостов превысило тысячу. Разработана система доменных имен ( Domain 1989 год. Число хостов превысило 10 тысяч. В CERN родилась концепция Всемирной 1995 год. NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета 1999 год. Впервые предпринята попытка цензуры Интернета. В ряде стран государственными органами 3. Принцип работыФизическая модельЧтобы различные компьютеры сети могли взаимодействовать, они должны использовать Есть еще целый ряд протоколов, еще не стандартизированных, но уже очень популярных Каждый компьютер в сети TCP/IP имеет адреса трех уровнейЛокальный адрес узла, определяемый Логическая модельВсемирная паутина( World Wide Web, Веб) – распределенная система, предоставляющая доступ Архитектура клиент-сервер означает, что взаимодействие пользовательского компьютера с Интернетом происходит следующим образом:пользователь Для идентификации ресурсов (зачастую файлов или их частей) во Всемирной паутине используются Всемирная паутина неразрывно связана с понятиями гипертекста и гиперссылки. Большая часть информации В целом можно заключить, что Всемирная паутина стоит на В последнее время HTMLначал несколько сдавать свои позиции и уступать их более 4. Эволюция концепции ВебСамой простой формулировкой концепции Веб 1.0 ( Web 1.0 Типичные принципы Веб 1.0 статичные страницы вместо генерируемого пользователями динамического контента;бедная гипертекстовая Веб 2.0Появление термина Веб 2.0принято связывать со статьей Сравнение Веб 1.0 и Веб 2.0 Понятие Веб 2.0также отразилось и в дизайне. Предпочтительными стали округлость, имитация выпуклых Примеры веб 2.0 дизайнов Примеры веб 2.0 дизайнов Примеры веб 2.0 дизайнов Примеры веб 2.0 дизайнов Веб 3.0Наиболее распространенной версией трактовки термина Веб 3.0является идентификация его как Семантической Эта концепция была принята и продвигается Консорциумом W3C. Для ее внедрения предполагается По сути, Веб 3.0использует технологическую базу Веб 2.0:AJAX– загрузка данных без перезагрузки ВыводыВеб 1.0– Интернет как информационный порталэксклюзивность информации, необходимо быть первым собственником контента;разделение Веб 2.0– Сеть как платформафокус на сообществах для создания и проверки контента;свободная Веб 2.0– Сеть как платформафокус на сообществах для создания и проверки контента;свободная Веб 3.0–Интернет как экспертная системаизвлечение проверенной информации;мобильность и портативность;повсеместное использование RSS и Сравнение концепций Веб 1.0, Веб 2.0, Веб 3.0 5. Основные технологии в ИнтернетеВеб-программирование (Веб-разработка) – это бурно развивающийся раздел программирования, Языки веб-программирования делятся на две группыКлиентскиеобрабатываются на стороне пользователя (в основном в 5.a. HTMLHTML (HyperText Markup Language – Язык HTML был разработан британским ученым Тимом Бернерсом-Ли приблизительно в 1991-1992 годах Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение Наиболее популярные браузеры (по данным 2012 г.) Территориальное распределение браузеров 5.b. XHTMLXHTML (Extensible Hypertext Markup Language – расширяемый язык разметки гипертекста) – Стандарт XHTML построен не как самодостаточное описание языка, а как перечень различий Версии XHTML:XHTML 1.0 Переходный (Transitional): предназначен для легкой миграции из HTML 3.2 5.c. CSSCSS (Cascading Style Sheets – каскадные таблицы стилей) – технология описания Преимущества применения CSSнесколько дизайнов страницы для разных устройств просмотра;уменьшение времени загрузки страниц Недостатки применения CSSразличное отображение верстки в различных браузерах (особенно устаревших), которые по-разному 5.d. XMLXML (eXtensible Markup Language – расширяемый язык разметки) – рекомендованный Консорциумом Целью создания XMLбыло обеспечение совместимости при передаче структурированных данных между разными системами Достоинства XMLXML– язык разметки, позволяющий отобразить двоичные данные в текст, читаемый человеком Достоинства XMLXMLпредставляет собой простой текст, свободный от лицензирования и каких-либо ограничений;XMLне зависит Недостатки XMLсинтаксис XMLизбыточен:размер XMLдокумента существенно больше бинарного представления тех же данных;избыточность XMLможет 5.e. JavaScriptОбъектно-ориентированный скриптовый язык программирования JavaScript (первоначально назван LiveScript его создателем, Бренданом Структура JavaScriptядро (ECMAScript);объектная модель браузера (Browser Object Model или BOM);объектная модель документа Область применения JavaScript очень широка:в клиентской части веб-приложений;в AJAX ;в технологии Comet;в Библиотеки JSДля обеспечения высокого уровня абстракции и достижения приемлемой степени кросс-браузерности при 5.f. PHPPHP ( PHP: Hypertext Preprocessor – В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу Tiobe, базирующемся 5.g. PerlPerl– высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный в 1987 5.h. AJAXAJAX (Asynchronous Javascript and XML– AJAX– не самостоятельная технология, а концепция использования нескольких смежных технологийAJAXбазируется на двух Преимущества AJAX:использование AJAX позволяет значительно сократить трафик при работе с веб-приложением;AJAX позволяет 5.i. Adobe FlashAdobe Flash (ранее известная как Macromedia Flash) – мультимедийная платформа, Недостатки Adobe FlashОсновной недостаток Flash-приложений – чрезмерная требовательность к ресурсам процессора. Недостаточная 5.f. SilverlightMicrosoft Silverlight– это мультимедийная технология схожая по решаемым задачам с Adobe Silverlight предоставляет графическую систему, схожую с Windows Presentation Foundation, и объединяет мультимедиа, 5.g. ASP.NETASP.NET– технология создания веб-приложений и веб-сервисов от компании Microsoft. Она является
Слайды презентации

Слайд 2 План
Понятие «Интернет»
Хронология
Принципы работы
Эволюция концепции Веб
Основные технологии в Интернете
HTML
XHTML
CSS
XML
JavaScript
PHP
Perl
AJAX
Adobe

ПланПонятие «Интернет»ХронологияПринципы работыЭволюция концепции ВебОсновные технологии в ИнтернетеHTMLXHTMLCSSXMLJavaScriptPHPPerlAJAXAdobe FlashSilverlightASP.NET

Flash
Silverlight
ASP.NET



Слайд 3 1. Понятие «интернет»
Интернет(Internet, сокр. от Interconnected Networks –

1. Понятие «интернет»Интернет(Internet, сокр. от Interconnected Networks – объединенные сети) –

объединенные сети) – глобальная телекоммуникационная сеть информационных и вычислительных

ресурсов. Служит физической основой для Всемирной паутины. Часто упоминается как Всемирная сеть, Глобальная сеть, либо просто Сеть.
Интернет(Internet от international net – международная сеть) – всемирная компьютерная сеть (информационная система связи, объединяющая множество компьютеров во всем мире).
Интернет(Сеть Интернет, Internet) – глобальная информационная сеть, части которой логически взаимосвязаны друг с другом посредством единого адресного пространства, основанного на протоколе TCP/IP . Интернет состоит из множества взаимосвязанных компьютерных сетей и обеспечивает удаленный доступ к компьютерам, электронной почте, доскам объявлений, базам данных и дискуссионным группам.


Слайд 4 Некоторые юридические аспекты Интернета
У Интернета нет собственника, так

Некоторые юридические аспекты ИнтернетаУ Интернета нет собственника, так как он является

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

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


Слайд 5 2. Хронология
1957 год. Запуск в СССР первого искусственного

2. Хронология1957 год. Запуск в СССР первого искусственного спутника Земли –

спутника Земли – начало технологической гонки между СССР и

США, приведшей, в итоге, к созданию глобальной сети Интернет.
1958 год. В США при Министерстве обороны создано Агентство Передовых Исследовательских Проектов – Advanced Research Projects Agency (ARPA).
1961 год. Студент Массачусетского Технологического Института Леонард Клейнрок описывает технологию, способную разбивать файлы на куски и передавать их различными путями через сеть.
1963 год. Руководитель компьютерной лаборатории ARPA Джон Ликлидер предлагает первую, детально разработанную концепцию компьютерной сети "Galactic Network".


Слайд 6 1967 год. Ларри Робертс предлагает связать между собой

1967 год. Ларри Робертс предлагает связать между собой компьютеры ARPA. Компьютерная

компьютеры ARPA. Компьютерная сеть была названа ARPANET (Advanced Research

Projects Agency Network).
29.10.1969 года. В 21:00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км. (в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI)) провели сеанс связи. Чарли Клайн пытался выполнить удаленное подключение к компьютеру в SRI. Успешную передачу каждого введенного символа его коллега Билл Дювалль из SRI подтверждал по телефону. В первый раз удалось отправить всего три символа "LOG", после чего сеть перестала функционировать. LOG должно было быть словом LOGON (команда входа в систему). В рабочее состояние систему вернули уже к 22:30 и следующая попытка оказалась успешной. Именно эту дату можно считать днем рождения Интернета.
1971 год. Рэй Томлисон, программист из "Bolt Beranek and Newman", разрабатывает систему электронной почты и предлагает использовать значок @.

Слайд 7 1973 год. Через трансатлантический телефонный кабель к сети

1973 год. Через трансатлантический телефонный кабель к сети были подключены первые

были подключены первые иностранные организации из Великобритании и Норвегии.
1974

год. Открыта первая коммерческая версия ARPANET – сеть Telenet.
1975 год. Джоном Витталом, программистом из университета южной Калифорнии, разработана первая современная почтовая программа, имеющая функциональность "Ответить" и "Переслать".
1976 год. Роберт Меткалф, сотрудник исследовательской лаборатории компании Xerox, создает Ethernet – первую локальную компьютерную сеть.
1977 год. Число хостов достигло ста. Деннис Хейс и Дейл Хезерингтон разработали первый компьютерный модем.


Слайд 8 1978 год. Разработана первая доска объявлений (BBS). 1978

1978 год. Разработана первая доска объявлений (BBS). 1978 год также является

год также является годом, который принес первое нежелательное коммерческое

сообщение по электронной почте, которое было разослано 600-ам пользователям калифорнийского Arpanet Гарри Зарком.
1979 год. Разработана первая многопользовательская игра MUD (сокращенно от "многопользовательский лабиринт").
1980 год. Европейская организация по ядерным исследованиям CERN запустила ENQUIRE (написанную Тимом Бернерсом-Ли) – первую гипертекстовую программу.
1982 год. Рождение современного Интернета– ARPA создала единый сетевой язык TCP/IP. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел.
1983 год. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, что позволило разделить эту сеть на MILNET, собственно сеть для военных нужд, и ARPANET, использовавшуюся в исследовательских целях.


Слайд 9 1984 год. Число хостов превысило тысячу. Разработана система

1984 год. Число хостов превысило тысячу. Разработана система доменных имен (

доменных имен ( Domain Name System, DNS ). DNSпозволила

создать масштабируемый распределенный механизм для отображения иерархических имен компьютеров в Интернет -адресах. В этом же году в университете Висконсии был создан сервер доменных имен (Domain Name Server, DNS ).
Также в 1984 году у сети ARPANET появился серьезный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров.
1985 год. Стюарт Брэнд и Ларри Бриллиант разработали WELL (Whole Earth Lectronic Link), одно из старейших виртуальных сообществ.
1988 год. Разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат). Запущен один из первых крупных Интернет червей "Червь Морриса", написанный Робертом Моррисом Таппан и вызвавший серьезные перебои в больших частях Интернета.


Слайд 10 1989 год. Число хостов превысило 10 тысяч. В

1989 год. Число хостов превысило 10 тысяч. В CERN родилась концепция

CERN родилась концепция Всемирной паутины, предложенная британским ученым Тимом

Бернерсом-Ли. Он же в течение двух лет разработал протокол HTTP, язык HTMLи идентификаторы URI.
1990 год. В 1990 году сеть ARPANET прекратила свое существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (Dialup access).
1991 год. CERN создала протокол World Wide Web (WWW). Компанией NCR Corporation/AT&T создан Wi-Fi.
1993 год. Число Интернет -хостов превысило 2 млн., в Сети действует 600 сайтов. Марком Андреесеном в Университете штата Иллинойс создан первый общедоступный графический Интернет -браузер Mosaic.
1994 год. Образовался консорциум W3C (W3 Consortium), который объединил ученых из разных университетов и компаний (в том числе Netscape и Microsoft). С этого времени комитет стал заниматься всеми стандартами в мире Интернета.


Слайд 11 1995 год. NSFNet вернулась к роли исследовательской сети,

1995 год. NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика

маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а

не суперкомпьютеры Национального научного фонда. Java и JavaScript (первоначально назван LiveScript его создателем, Бренданом Айхом, и включен в состав браузера Netscape Navigator) были впервые представлены публике. Консорциум W3C разработал спецификацию HTML 2.0. В данной версии появилась возможность передачи информации с компьютера пользователя на сервер с помощью форм.
1996 год. В мире существует 12.8 млн. хостов и 500 тыс. сайтов. Началось соревнование между браузерами Netscape, созданным под руководством Марка Андреесона, и Internet Explorer, разработанным компанией Microsoft. Была запущена первая веб-служба электронной почты – HoTMaiL.
1997 год. Начал использоваться термин "блог". В январе 1997 г. W3C создал и принял HTML 3.2. Впервые была введена система CSS (Cascading Style Sheets). CSSпозволяет осуществить форматирование текста без нарушения логической и структурной разметки. А уже в декабре 1997 г. W3C принимает стандарт HTML 4.0, в котором идет разделение на логические и визуальные теги.
1998 год. Основана компания Google.


Слайд 12 1999 год. Впервые предпринята попытка цензуры Интернета. В

1999 год. Впервые предпринята попытка цензуры Интернета. В ряде стран государственными

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

блокировать доступ пользователей к определенным серверам и сайтам.
2001 год. Запущена Wikipedia, по объему сведений и тематическому охвату считающаяся сейчас самой полной энциклопедией из когда-либо создававшихся за всю историю человечества.
2002 год. Сеть Интернет связывает 689 млн. человек и 172 млн. хостов.
2003 год. Создан Skype, предоставляющий возможность голосовой связи между компьютерами (VoIP) через Интернет.
2004 год. Открыт Facebook, по состоянию на 2010 год, насчитывающий свыше 400 миллионов активных участников.
2005 год. Запущен YouTube.
2006 год. Запущен Twitter.
2007 год. Появился iPhone, который почти полностью отвечает за повышенный интерес к мобильным веб-приложениям.
2008 год. Число пользователей, регулярно использующих Интернет, составило около 1,5 млрд. человек (около четверти населения Земли).
2010 год. Прямой доступ в Интернет получил экипаж Международной космической станции.


Слайд 13 3. Принцип работы
Физическая модель
Чтобы различные компьютеры сети могли

3. Принцип работыФизическая модельЧтобы различные компьютеры сети могли взаимодействовать, они должны

взаимодействовать, они должны использовать один и тот же протокол.

Систему протоколов Интернет называют "стеком протоколов TCP/IP ".
Стек TCP/IP объясняется следующими его свойствами:
Это наиболее завершенный стандартный и в то же время популярный стек сетевых протоколов, имеющий многолетнюю историю.
Почти все большие сети передают основную часть своего трафика с помощью протокола TCP/IP.
Это метод получения доступа к сети Интернет.
Этот стек служит основой для создания intranet-корпоративной сети, использующей транспортные услуги Интернет и гипертекстовую технологию WWW.
Все современные операционные системы поддерживают стек TCP/IP.
Это устойчивая масштабируемая межплатформенная среда для клиент-серверных приложений.


Слайд 15 Есть еще целый ряд протоколов, еще не стандартизированных,

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

но уже очень популярных в Интернете:
OSCAR;
CDDB;
MFTP (сеть eDonkey2000);
BitTorrent;
Gnutella;
Skype.
Эти протоколы

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


Слайд 16 Каждый компьютер в сети TCP/IP имеет адреса трех

Каждый компьютер в сети TCP/IP имеет адреса трех уровнейЛокальный адрес узла,

уровней
Локальный адрес узла, определяемый технологией, с помощью которой построена

отдельная сеть, в которую входит данный узел. Для узлов, входящих в локальные сети – это МАС-адрес сетевого адаптера или порта маршрутизатора, например, 11-А0-17-3D-BC-01.
IP-адрес, состоящий из 4 байт, например, 109.26.17.100. Этот адрес используется на сетевом уровне. Он назначается администратором во время конфигурирования компьютеров и маршрутизаторов или автоматически с помощью протокола DHCP (Dynamic Host Configuration Protocol).
Символьный идентификатор-имя, например, EXAMPLE.COM. Этот адрес назначается администратором и состоит из нескольких частей, например, имени машины, имени организации, имени домена. Такой адрес, называемый также DNS -именем, используется на прикладном уровне, например, в протоколах FTPили telnet.


Слайд 17 Логическая модель
Всемирная паутина( World Wide Web, Веб) –

Логическая модельВсемирная паутина( World Wide Web, Веб) – распределенная система, предоставляющая

распределенная система, предоставляющая доступ к связанным между собой документам,

расположенным на различных компьютерах, подключенных к Интернету.
Всемирная паутина основывается на архитектуре клиент-сервер. И на сервере, и на клиенте должно быть установлено дополнительное программное обеспечение – Веб-сервер и Веб-обозреватель соответственно. Это программное обеспечение поддерживает стандартный протокол передачи гипертекстов ( HTTP ), а также ряд других протоколов, в частности, протокол передачи файлов ( FTP ).


Слайд 18 Архитектура клиент-сервер означает, что взаимодействие пользовательского компьютера с

Архитектура клиент-сервер означает, что взаимодействие пользовательского компьютера с Интернетом происходит следующим

Интернетом происходит следующим образом:
пользователь вводит адрес ( URIили URL

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


Слайд 19 Для идентификации ресурсов (зачастую файлов или их частей)

Для идентификации ресурсов (зачастую файлов или их частей) во Всемирной паутине

во Всемирной паутине используются единообразные идентификаторы ресурсов URI (англ.

Uniform Resource Identifier). Для определения местонахождения ресурсов в сети используются единообразные локаторы ресурсов URL (англ. Uniform Resource Locator). Такие URL -локаторы сочетают в себе технологию идентификации URIи систему доменных имен DNS (англ. Domain Name System ) – доменное имя (или непосредственно IP-адрес в числовой записи) входит в состав URLдля обозначения компьютера (точнее – одного из его сетевых интерфейсов), который исполняет код нужного веб-сервера.

Слайд 20 Всемирная паутина неразрывно связана с понятиями гипертекста и

Всемирная паутина неразрывно связана с понятиями гипертекста и гиперссылки. Большая часть

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

гипертекст. Для облегчения создания, хранения и отображения гипертекста во Всемирной паутине традиционно используется язык HTML (HyperText Markup Language), язык разметки гипертекста. После HTML -разметки получившийся гипертекст помещается в файл. После того, как HTML -файл становится доступен веб-серверу, его начинают называть "веб-страницей". Набор веб-страниц образует веб-сайт. В гипертекст веб-страниц добавляются гиперссылки. Гиперссылки помогают пользователям Всемирной паутины легко перемещаться между ресурсами (файлами) вне зависимости от того, находятся ресурсы на локальном компьютере или на удаленном сервере. Гиперссылки в Веб основаны на технологии URL.

Слайд 21 В целом можно заключить, что Всемирная паутина стоит

В целом можно заключить, что Всемирная паутина стоит на

на "трех китах":
язык гипертекстовой разметки документовHTML (HyperText Markup Language);
универсальный

способ адресации ресурсов в сети URL (Universal Resource Locator);
протокол обмена гипертекстовой информациейHTTP (HyperText Transfer Protocol).


Слайд 22 В последнее время HTMLначал несколько сдавать свои позиции

В последнее время HTMLначал несколько сдавать свои позиции и уступать их

и уступать их более современным технологиям разметки: XHTML и

XML. XML (eXtensible Markup Language) позиционируется как фундамент для других языков разметки. Для улучшения визуального восприятия Веба стала широко применяться технология CSS, которая позволяет задавать единые стили оформления для множества веб-страниц.

Слайд 23 4. Эволюция концепции Веб
Самой простой формулировкой концепции Веб

4. Эволюция концепции ВебСамой простой формулировкой концепции Веб 1.0 ( Web

1.0 ( Web 1.0 ) скорее всего, следует считать

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


Слайд 24 Типичные принципы Веб 1.0
статичные страницы вместо генерируемого

Типичные принципы Веб 1.0 статичные страницы вместо генерируемого пользователями динамического контента;бедная

пользователями динамического контента;
бедная гипертекстовая разметка;
использование фреймов;
использование специфичных тегов HTML

;
гостевые книги, форумы или чаты;
указание конкретного разрешения монитора, при котором дизайн сайта отображается корректно;
крайне редкое и непопулярное использование стилей CSSпри оформлении страниц сайта.
Эти принципы описывают лишь общую тенденцию в Веб 1.0. Пожалуй, лучше всего сформулировать список принципов Веб 1.0можно на основании списка того, с чем боролись последователи Веб 2.0.

Слайд 25 Веб 2.0
Появление термина Веб 2.0принято связывать со статьей

Веб 2.0Появление термина Веб 2.0принято связывать со статьей

"Tim O'Reilly – What Is Web 2.0 " от

30 сентября 2005 года. В этой статье Тим О'Рейли увязал появление большого числа сайтов, объединенных некоторыми общими принципами, с общей тенденцией развития Интернет -сообщества, и назвал это явление Веб 2.0, в противовес устаревшему Веб 1.0.
Тим Бернерс-Ли, возглавляющий с 2006 года крупнейший мировой исследовательский проект по изучению всемирной паутины, назвал термин Web 2.0простым жаргоном:
"Никто не знает, что это означает. Если Веб 2.0– это ваши блоги и вики, тогда это значит "пользователи для пользователей". Но это тоже самое, что сказать – Web существует, чтобы все люди были вместе."


Слайд 26 Сравнение Веб 1.0 и Веб 2.0

Сравнение Веб 1.0 и Веб 2.0

Слайд 27 Понятие Веб 2.0также отразилось и в дизайне. Предпочтительными

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

стали округлость, имитация выпуклых поверхностей, имитация отражений на манер

глянцевого пластика современных hi-end устройств (к примеру, плееры). В целом, восприятие внешнего вида на глаз кажется более приятным. Графика таких сайтов занимает больший объем, нежели при использовании аскетичного дизайна. Отчасти эта тенденция связана с совпавшим по времени выходом новых версий операционных систем использующих вышеупомянутые идеи.
Фактически сайт эпохи Веб 2.0на первый взгляд интерактивен и дружелюбен, позволяет себя легко настраивать. Однако сбор статистики о пользователях, их предпочтениях и интересах, личной жизни, карьере, круге друзей могут помочь владельцу сайта манипулировать сообществом. По самым пессимистичным прогнозам многочисленные сайты Веб 2.0вкупе с другими современными технологиями дают прообраз тоталитарной системы "Большого брата".


Слайд 28 Примеры веб 2.0 дизайнов

Примеры веб 2.0 дизайнов

Слайд 29 Примеры веб 2.0 дизайнов

Примеры веб 2.0 дизайнов

Слайд 30 Примеры веб 2.0 дизайнов

Примеры веб 2.0 дизайнов

Слайд 31 Примеры веб 2.0 дизайнов

Примеры веб 2.0 дизайнов

Слайд 32 Веб 3.0
Наиболее распространенной версией трактовки термина Веб 3.0является

Веб 3.0Наиболее распространенной версией трактовки термина Веб 3.0является идентификация его как

идентификация его как Семантической Паутины (Semantic Web). Главная мысль

этой концепции базируется на внедрении мета-языка, описывающего содержание сайтов для организации автоматического обмена между серверами.
Семантическая паутина(Semantic Web) – часть глобальной концепции развития сети Интернет, целью которой является реализация возможности машинной обработки информации, доступной во Всемирной паутине. Основной акцент концепции делается на работе с метаданными, однозначно характеризующими свойства и содержание ресурсов Всемирной паутины, вместо используемого в настоящее время текстового анализа документов. Термин впервые введен Тимом Бернерсом-Ли в мае 2001 года в журнале «Scientific American», и называется им "следующим шагом в развитии Всемирной паутины". В семантической паутине предполагается повсеместное использование, во-первых, универсальных идентификаторов ресурсов ( URI ), а во-вторых – онтологий и языков описания метаданных.


Слайд 33 Эта концепция была принята и продвигается Консорциумом W3C.

Эта концепция была принята и продвигается Консорциумом W3C. Для ее внедрения

Для ее внедрения предполагается создание сети документов, содержащих метаданные

о ресурсах Всемирной паутины и существующей параллельно с ними. Тогда как сами ресурсы предназначены для восприятия человеком, метаданные используются машинами (поисковыми роботами и другими интеллектуальными агентами) для проведения однозначных логических заключений о свойствах этих ресурсов.
10 февраля 2004 г. на сайте W3C появляется описание языка "OWL" (язык описания онтологий).


Слайд 34 По сути, Веб 3.0использует технологическую базу Веб 2.0:
AJAX–

По сути, Веб 3.0использует технологическую базу Веб 2.0:AJAX– загрузка данных без

загрузка данных без перезагрузки самой веб-страницы;
RIA (Adobe Flex, JavaFX,

Microsoft Silverlight );
XML (eXtensible Markup Language) – язык разметки данных, представляющий собой свод общих синтаксических правил;
RSS (Really Simple Syndication) – семейство XML -форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п.;
Теги – отображение тегов в виде облака, что значительно упрощает определение пользователем наиболее актуальной информации;
Блоговая структура информации – ленточная подача информации, где поток идет по убыванию сверху-вниз, а метод сортировки задает пользователь.


Слайд 35 Выводы
Веб 1.0– Интернет как информационный портал
эксклюзивность информации, необходимо

ВыводыВеб 1.0– Интернет как информационный порталэксклюзивность информации, необходимо быть первым собственником

быть первым собственником контента;
разделение World Wide Webна пригодные для

использования каталоги;
каждый человек имеет свой собственный личный уголок в киберпространстве;
недостатки:
Контекст;
Взаимодействие;
Масштабируемость;
Примеры сайтов:
Ofoto;
Hotmail;
Dmoz;
GeoCities.


Слайд 36 Веб 2.0– Сеть как платформа
фокус на сообществах для

Веб 2.0– Сеть как платформафокус на сообществах для создания и проверки

создания и проверки контента;
свободная форма организации и классификации контента

посредством тэгов;
создание "интерфейсов" для будущей интеграции (RSS, API);
недостатки:
Персонализация;
Мобильность и портативность;
Совместимость;
Примеры сайтов:
YouTube;
Flickr;
Facebook.


Слайд 37 Веб 2.0– Сеть как платформа
фокус на сообществах для

Веб 2.0– Сеть как платформафокус на сообществах для создания и проверки

создания и проверки контента;
свободная форма организации и классификации контента

посредством тэгов;
создание "интерфейсов" для будущей интеграции (RSS, API);
недостатки:
Персонализация;
Мобильность и портативность;
Совместимость;
Примеры сайтов:
YouTube;
Flickr;
Facebook.

Облако тегов


Слайд 38 Веб 3.0–Интернет как экспертная система
извлечение проверенной информации;
мобильность и

Веб 3.0–Интернет как экспертная системаизвлечение проверенной информации;мобильность и портативность;повсеместное использование RSS

портативность;
повсеместное использование RSS и API;
"дайте мне то, что, как

вы думаете, я хочу на основе того, где я был и что делал";
Примеры сайтов:
Google : универсальный поиск + история пользовательского поиска;
FOAF (friend of a friend) : моя жизнь в RDF;
Wink : социальная поисковая система;
Twitter : "король" микроблогов;
Surface : технология multi-touch для сенсорных экранов;
OpenID : единая авторизация в Интернете.

RSS ленты


Слайд 39 Сравнение концепций Веб 1.0, Веб 2.0, Веб 3.0

Сравнение концепций Веб 1.0, Веб 2.0, Веб 3.0

Слайд 40 5. Основные технологии в Интернете
Веб-программирование (Веб-разработка) – это

5. Основные технологии в ИнтернетеВеб-программирование (Веб-разработка) – это бурно развивающийся раздел

бурно развивающийся раздел программирования, ориентированный на разработку динамических Интернет

-приложений.

Слайд 41 Языки веб-программирования делятся на две группы
Клиентские
обрабатываются на стороне

Языки веб-программирования делятся на две группыКлиентскиеобрабатываются на стороне пользователя (в основном

пользователя (в основном в браузере). Соответственно обработка скрипта зависит

от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы тот вообще игнорировал скрипты. При этом если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Код клиентского скрипта может посмотреть каждый, выбрав в меню своего браузера "Исходный код страницы".
JavaScript, VBScript, технологии AJAX, Adobe Flash, Microsoft Silverlight

Серверные
Когда пользователь делает запрос на какую-либо страницу (переходит на нее по ссылке, или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере (то есть выполняются все программы, связанные со страницей) и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML.


Слайд 42 5.a. HTML
HTML (HyperText Markup Language – "язык разметки

5.a. HTMLHTML (HyperText Markup Language –

гипертекста") – стандартный язык разметки документов во Всемирной паутине.

Большинство веб-страниц создаются при помощи языка HTML. Язык HTMLинтерпретируется браузером и отображается в виде документа, в удобной для человека форме. HTMLявляется приложением SGML (стандартного обобщенного языка разметки) и соответствует международному стандарту ISO 8879.

Слайд 43 Язык HTML был разработан британским ученым Тимом Бернерсом-Ли

Язык HTML был разработан британским ученым Тимом Бернерсом-Ли приблизительно в 1991-1992

приблизительно в 1991-1992 годах в стенах Европейского совета по

ядерным исследованиям в Женеве (CERN). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области верстки. HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора структурных и семантических элементов – дескрипторов. Дескрипторы также часто называют "тегами". С помощью HTMLbможно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения).

Слайд 44 Текстовые документы, содержащие код на языке HTML (такие

Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют

документы традиционно имеют расширение .html или .htm), обрабатываются специальными

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

Слайд 45 Наиболее популярные браузеры (по данным 2012 г.)

Наиболее популярные браузеры (по данным 2012 г.)

Слайд 46 Территориальное распределение браузеров

Территориальное распределение браузеров

Слайд 47 5.b. XHTML
XHTML (Extensible Hypertext Markup Language – расширяемый

5.b. XHTMLXHTML (Extensible Hypertext Markup Language – расширяемый язык разметки гипертекста)

язык разметки гипертекста) – язык разметки веб-страниц, по возможностям

сопоставимый с HTML, созданный на базе XML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XMLявляется ее подмножеством.

Слайд 48 Стандарт XHTML построен не как самодостаточное описание языка,

Стандарт XHTML построен не как самодостаточное описание языка, а как перечень

а как перечень различий между HTML 4.01 и XHTML


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


Слайд 49 Версии XHTML:
XHTML 1.0 Переходный (Transitional): предназначен для легкой

Версии XHTML:XHTML 1.0 Переходный (Transitional): предназначен для легкой миграции из HTML

миграции из HTML 3.2 и для тех, кто использует

инлайн-фрэймы.
XHTML 1.0 Строгий (Strict): полностью отделяет содержание документа от оформления (задается только через CSS ), многие атрибуты (такие как, например, bgcolor и align) более не поддерживаются, их поведение можно задавать только через таблицу стилей.
XHTML 1.0 Фрэймовый (Frameset): используется, если необходимо разделить окно браузера на несколько фрэймов.
XHTML 1.1 Модульный (Module-based): авторы могут импортировать дополнительные свойства в их разметку.
XHTML Основной (Basic): специальная облегченная версия XHTML для устройств, которые не могут использовать полный набор элементов XHTML – в основном используется в миниатюрных устройствах, таких как мобильные телефоны. Подразумевается, что он заменит WML и C-HTML.
XHTML мобильного профиля (Mobile Profile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов.
XHTML 2.0. Пока в разработке. Синтаксис еще больше приближен к синтаксису XML. Также является модульным языком.


Слайд 50 5.c. CSS
CSS (Cascading Style Sheets – каскадные таблицы

5.c. CSSCSS (Cascading Style Sheets – каскадные таблицы стилей) – технология

стилей) – технология описания внешнего вида документа, написанного языком

разметки. Преимущественно используется как средство оформления веб-страниц в формате HTMLи XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Слайд 51 Преимущества применения CSS
несколько дизайнов страницы для разных устройств

Преимущества применения CSSнесколько дизайнов страницы для разных устройств просмотра;уменьшение времени загрузки

просмотра;
уменьшение времени загрузки страниц сайта за счет переноса правил

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

Слайд 52 Недостатки применения CSS
различное отображение верстки в различных браузерах

Недостатки применения CSSразличное отображение верстки в различных браузерах (особенно устаревших), которые

(особенно устаревших), которые по-разному интерпретируют одни и те же

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


Слайд 53 5.d. XML
XML (eXtensible Markup Language – расширяемый язык

5.d. XMLXML (eXtensible Markup Language – расширяемый язык разметки) – рекомендованный

разметки) – рекомендованный Консорциумом Всемирной паутины язык разметки, фактически

представляющий собой свод общих синтаксических правил. XML– текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML), иногда называемых словарями. XMLявляется упрощенным подмножеством языка SGML.

Слайд 54 Целью создания XMLбыло обеспечение совместимости при передаче структурированных

Целью создания XMLбыло обеспечение совместимости при передаче структурированных данных между разными

данных между разными системами обработки информации, особенно при передаче

таких данных через Интернет. Словари, основанные на XML (например, RDF, RSS, MathML, XHTML, SVG), сами по себе формально описаны, что позволяет программно изменять и проверять документы на основе этих словарей, не зная их семантики, то есть, не зная смыслового значения элементов. Важной особенностью XMLтакже является применение так называемых пространств имен (namespace).

Слайд 55 Достоинства XML
XML– язык разметки, позволяющий отобразить двоичные данные

Достоинства XMLXML– язык разметки, позволяющий отобразить двоичные данные в текст, читаемый

в текст, читаемый человеком и анализируемый компьютером;
XMLподдерживает Юникод;
в формате

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

Слайд 56 Достоинства XML
XMLпредставляет собой простой текст, свободный от лицензирования

Достоинства XMLXMLпредставляет собой простой текст, свободный от лицензирования и каких-либо ограничений;XMLне

и каких-либо ограничений;
XMLне зависит от платформы;
XMLявляется подмножеством SGML;
уже накоплен

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

Слайд 57 Недостатки XML
синтаксис XMLизбыточен:
размер XMLдокумента существенно больше бинарного представления

Недостатки XMLсинтаксис XMLизбыточен:размер XMLдокумента существенно больше бинарного представления тех же данных;избыточность

тех же данных;
избыточность XMLможет повлиять на эффективность приложения (возрастает

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


Слайд 59 5.e. JavaScript
Объектно-ориентированный скриптовый язык программирования JavaScript (первоначально назван

5.e. JavaScriptОбъектно-ориентированный скриптовый язык программирования JavaScript (первоначально назван LiveScript его создателем,

LiveScript его создателем, Бренданом Ваше, и развернут в составе

браузера Netscape Navigator) был впервые представлены публике в 1995 году.
JavaScriptобычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.


Слайд 60 Структура JavaScript
ядро (ECMAScript);
объектная модель браузера (Browser Object Model

Структура JavaScriptядро (ECMAScript);объектная модель браузера (Browser Object Model или BOM);объектная модель

или BOM);
объектная модель документа (Document Object Model или DOM).


Слайд 61 Область применения JavaScript очень широка:
в клиентской части веб-приложений;
в

Область применения JavaScript очень широка:в клиентской части веб-приложений;в AJAX ;в технологии

AJAX ;
в технологии Comet;
в браузерных операционных системах;
для создания небольших

программ, размещаемых в закладки браузера (Букмарклеты);
приложения, написанные на JavaScript, могут исполняться на серверах, использующих Java 6 и более поздних версий, что используется для построения серверных приложений, позволяющих обрабатывать JavaScript на стороне сервера;
в качестве языка разработки мобильных приложений (на платформе Mojo SDK в Palm webOS);
для реализации виджетов, так и для реализации движков виджетов (Apple_Dashboard, Microsoft Gadgets, Google Desktop Gadgets, Klipfolio Dashboard);
для написания прикладного ПО (57 % исходного кода Mozilla Firefox написано на JavaScript );
в качестве скриптового языка доступа к объектам приложений;
в офисных приложениях для автоматизации рутинных действий, написания макросов, организации доступа со стороны веб-служб;
в Excel Services 2010 добавились два новых интерфейса программирования приложений: REST API и JavaScript Object Model (JSOM).


Слайд 62 Библиотеки JS
Для обеспечения высокого уровня абстракции и достижения

Библиотеки JSДля обеспечения высокого уровня абстракции и достижения приемлемой степени кросс-браузерности

приемлемой степени кросс-браузерности при разработке веб-приложений используются библиотеки JavaScript.

Они представляют собой набор многократно используемых объектов и функций. Среди известных JavaScriptбиблиотек можно отметить Adobe life, Dojo Toolkit, Extjs, jQuery, Mootools, Prototype, Qooxdoo.

Слайд 63 5.f. PHP
PHP ( PHP: Hypertext Preprocessor – "

5.f. PHPPHP ( PHP: Hypertext Preprocessor –

PHP: препроцессор гипертекста", Personal Home Page Tools – "Инструменты

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

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

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу Tiobe,

Согласно рейтингу Tiobe, базирующемся на данных поисковых систем, в

декабре 2009 года PHP находится на 3 месте среди языков программирования (уступая Java и C), поднявшись за год на две позиции. К крупнейшим сайтам, использующим PHP, относятся Facebook (который, однако, использует транслятор кода HipHop с PHP на C++ с целью оптимизации), ВКонтакте, Wikipedia.

Слайд 65 5.g. Perl
Perl– высокоуровневый интерпретируемый динамический язык программирования общего

5.g. PerlPerl– высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный в

назначения, созданный в 1987 г. Ларри Уоллом, лингвистом по

образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как Practical Extraction and Report Language "практический язык для извлечения данных и составления отчетов".
Основной особенностью языка считаются его богатые возможности для работы с текстом, в том числе реализованные при помощи регулярных выражений. Перл унаследовал много свойств от языков С, shell script, awk.

Слайд 66 5.h. AJAX
AJAX (Asynchronous Javascript and XML– "асинхронный JavaScriptи

5.h. AJAXAJAX (Asynchronous Javascript and XML–

XML ") – подход к построению интерактивных пользовательских интерфейсов

веб-приложений, заключающийся в "фоновом" обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью и веб-приложения становятся более быстрыми и удобными.
Впервые термин AJAXбыл публично использован в 2005 году в статье Джесси Джеймса Гарретта (Jesse James Garrett) "Новый подход к веб-приложениям". Гарретт придумал термин, когда ему пришлось как-то назвать новый набор технологий, предлагаемый им клиенту.

Слайд 67 AJAX– не самостоятельная технология, а концепция использования нескольких

AJAX– не самостоятельная технология, а концепция использования нескольких смежных технологийAJAXбазируется на

смежных технологий
AJAXбазируется на двух основных принципах:
использование технологии динамического обращения

к серверу "на лету", без перезагрузки всей страницы полностью, например:
с использованием XMLHttpRequest (основной объект);
через динамическое создание дочерних фреймов;
через динамическое создание тега
  • Имя файла: istoriya-vozniknoveniya-i-razvitiya-veb.pptx
  • Количество просмотров: 116
  • Количество скачиваний: 0