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

Презентация: История возникновения и развития Веб
Включить эффекты
1 из 74
Ваша оценка презентации
Оцените презентацию по шкале от 1 до 5 баллов
  • 1
  • 2
  • 3
  • 4
  • 5
3.5
4 оценки

Комментарии

Нет комментариев для данной презентации

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


Добавить свой комментарий

Аннотация к презентации

Смотреть презентацию онлайн с анимацией на тему "История возникновения и развития Веб" по информатике. Презентация состоит из 74 слайдов. Для учеников 10-11 класса. Материал добавлен в 2017 году. Средняя оценка: 3.5 балла из 5.. Возможность скчачать презентацию powerpoint бесплатно и без регистрации. Размер файла 1.44 Мб.

Содержание

  • Презентация: История возникновения и развития Веб
    Слайд 1

    История возникновения и развития Веб

  • Слайд 2

    План

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

  • Слайд 3

    1. Понятие «интернет»

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

  • Слайд 4

    Некоторые юридические аспекты Интернета

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

  • Слайд 5

    2. Хронология

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

  • Слайд 6

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

  • Слайд 7

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

  • Слайд 8

    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 год. Число хостов превысило тысячу. Разработана система доменных имен ( DomainNameSystem, DNS ). DNSпозволила создать масштабируемый распределенный механизм для отображения иерархических имен компьютеров в Интернет -адресах. В этом же году в университете Висконсии был создан сервер доменных имен (DomainNameServer, DNS ). Также в 1984 году у сети ARPANET появился серьезный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (NationalScienceFoundationNetwork), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров. 1985 год. Стюарт Брэнд и Ларри Бриллиант разработали WELL (WholeEarthLectronicLink), одно из старейших виртуальных сообществ. 1988 год. Разработан протокол InternetRelayChat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат). Запущен один из первых крупных Интернет червей "Червь Морриса", написанный Робертом Моррисом Таппан и вызвавший серьезные перебои в больших частях Интернета.

  • Слайд 10

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

  • Слайд 11

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

  • Слайд 12

    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. Принцип работы

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

  • Слайд 14
  • Слайд 15

    Есть еще целый ряд протоколов, еще не стандартизированных, но уже очень популярных в Интернете: OSCAR; CDDB; MFTP (сеть eDonkey2000); BitTorrent; Gnutella; Skype. Эти протоколы в большинстве своем нужны для обмена файлами и текстовыми сообщениями, на некоторых из них построены целые файлообменные сети.

  • Слайд 16

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

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

  • Слайд 17

    Логическая модель

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

  • Слайд 18

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

  • Слайд 19

    Для идентификации ресурсов (зачастую файлов или их частей) во Всемирной паутине используются единообразные идентификаторы ресурсов URI (англ. UniformResourceIdentifier). Для определения местонахождения ресурсов в сети используются единообразные локаторы ресурсов URL (англ. UniformResourceLocator). Такие URL -локаторы сочетают в себе технологию идентификации URIи систему доменных имен DNS (англ. DomainNameSystem ) – доменное имя (или непосредственно IP-адрес в числовой записи) входит в состав URLдля обозначения компьютера (точнее – одного из его сетевых интерфейсов), который исполняет код нужного веб-сервера.

  • Слайд 20

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

  • Слайд 21

    В целом можно заключить, что Всемирная паутина стоит на "трех китах": язык гипертекстовой разметки документовHTML (HyperText Markup Language); универсальный способ адресации ресурсов в сети URL (Universal Resource Locator); протокол обмена гипертекстовой информациейHTTP (HyperText Transfer Protocol).

  • Слайд 22

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

  • Слайд 23

    4. Эволюция концепции Веб

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

  • Слайд 24

    Типичные принципы Веб 1.0

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

  • Слайд 25

    Веб 2.0

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

  • Слайд 26

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

  • Слайд 27

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

  • Слайд 28

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

  • Слайд 29
  • Слайд 30
  • Слайд 31
  • Слайд 32

    Веб 3.0

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

  • Слайд 33

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

  • Слайд 34

    По сути, Веб 3.0использует технологическую базу Веб 2.0: AJAX– загрузка данных без перезагрузки самой веб-страницы; RIA (AdobeFlex, JavaFX, MicrosoftSilverlight ); XML (eXtensibleMarkupLanguage) – язык разметки данных, представляющий собой свод общих синтаксических правил; RSS (ReallySimpleSyndication) – семейство XML -форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п.; Теги – отображение тегов в виде облака, что значительно упрощает определение пользователем наиболее актуальной информации; Блоговая структура информации – ленточная подача информации, где поток идет по убыванию сверху-вниз, а метод сортировки задает пользователь.

  • Слайд 35

    Выводы

    Веб 1.0– Интернет как информационный портал эксклюзивность информации, необходимо быть первым собственником контента; разделение WorldWideWebна пригодные для использования каталоги; каждый человек имеет свой собственный личный уголок в киберпространстве; недостатки: Контекст; Взаимодействие; Масштабируемость; Примеры сайтов: Ofoto; Hotmail; Dmoz; GeoCities.

  • Слайд 36

    Веб 2.0– Сеть как платформа

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

  • Слайд 37

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

  • Слайд 38

    Веб 3.0–Интернеткак экспертная система

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

  • Слайд 39

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

  • Слайд 40

    5. Основные технологии в Интернете

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

  • Слайд 41

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

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

  • Слайд 42

    5.a. HTML

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

  • Слайд 43

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

  • Слайд 44

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

  • Слайд 45

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

  • Слайд 46

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

  • Слайд 47

    5.b. XHTML

    XHTML (Extensible Hypertext Markup Language – расширяемый язык разметки гипертекста) – язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XMLявляется ее подмножеством.

  • Слайд 48

    Стандарт XHTML построен не как самодостаточное описание языка, а как перечень различий между HTML 4.01 и XHTML

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

  • Слайд 49

    Версии XHTML:

    XHTML 1.0Переходный (Transitional): предназначен для легкой миграции из 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 мобильного профиля (MobileProfile): основанный на XHTML Basic, добавляет специфические элементы для мобильных телефонов. XHTML 2.0. Пока в разработке. Синтаксис еще больше приближен к синтаксису XML. Также является модульным языком.

  • Слайд 50

    5.c. CSS

    CSS (CascadingStyleSheets – каскадные таблицы стилей) – технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTMLи XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

  • Слайд 51

    Преимущества применения CSS

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

  • Слайд 52

    Недостатки применения CSS

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

  • Слайд 53

    5.d. XML

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

  • Слайд 54

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

  • Слайд 55

    Достоинства XML

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

  • Слайд 56

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

  • Слайд 57

    Недостатки XML

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

  • Слайд 58
  • Слайд 59

    5.e. JavaScript

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

  • Слайд 60

    Структура JavaScript

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

  • Слайд 61

    Область применения JavaScript очень широка:

    в клиентской части веб-приложений; в AJAX ; в технологии Comet; в браузерных операционных системах; для создания небольших программ, размещаемых в закладки браузера (Букмарклеты); приложения, написанные на JavaScript, могут исполняться на серверах, использующих Java 6 и более поздних версий, что используется для построения серверных приложений, позволяющих обрабатывать JavaScript на стороне сервера; в качестве языка разработки мобильных приложений (на платформе Mojo SDK в PalmwebOS); для реализации виджетов, так и для реализации движков виджетов (Apple_Dashboard, MicrosoftGadgets, GoogleDesktopGadgets, KlipfolioDashboard); для написания прикладного ПО (57 % исходного кода MozillaFirefox написано на JavaScript ); в качестве скриптового языка доступа к объектам приложений; в офисных приложениях для автоматизации рутинных действий, написания макросов, организации доступа со стороны веб-служб; в ExcelServices 2010 добавились два новых интерфейса программирования приложений: REST API и JavaScriptObjectModel (JSOM).

  • Слайд 62

    Библиотеки JS

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

  • Слайд 63

    5.f. PHP

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

  • Слайд 64

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

  • Слайд 65

    5.g. Perl

    Perl– высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный в 1987 г. ЛарриУоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как PracticalExtractionandReportLanguage "практический язык для извлечения данных и составления отчетов". Основной особенностью языка считаются его богатые возможности для работы с текстом, в том числе реализованные при помощи регулярных выражений. Перл унаследовал много свойств от языков С, shellscript, awk.

  • Слайд 66

    5.h. AJAX

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

  • Слайд 67

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

    AJAXбазируется на двух основных принципах: использование технологии динамического обращения к серверу "на лету", без перезагрузки всей страницы полностью, например: с использованием XMLHttpRequest (основной объект); через динамическое создание дочерних фреймов; через динамическое создание тега . использование DHTML для динамического изменения содержания страницы;В качестве формата передачи данных обычно используются JSON или XML.</p>

  • Слайд 68
  • Слайд 69

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

  • Слайд 70

    5.i. Adobe Flash

    AdobeFlash (ранее известная как MacromediaFlash) – мультимедийная платформа, используемая для создания векторной анимации и интерактивных приложений, а также для интеграции видеороликов в веб-страницы. Разработка Flash была начата компанией FutureWave, создавшей пакет анимации FutureSplashAnimator. В 1996 году FutureWave была приобретена компанией Macromedia, которая переименовала FutureSplashAnimator в Flash. Под этим наименованием платформа продолжает развиваться и поныне (хотя после того, как в 2005 году компания Macromedia была поглощена Adobe, MacromediaFlash стал официально называться AdobeFlash ). AdobeFlashпозволяет работать с векторной, растровой и ограниченно с трехмерной графикой, а также поддерживает двунаправленную потоковую трансляцию аудио и видео. В основе Flash лежит векторный морфинг, то есть плавное "перетекание" одного ключевого кадра в другой. Это позволяет делать сложные мультипликационные сцены, задавая лишь несколько ключевых кадров для каждого персонажа.

  • Слайд 71

    Недостатки Adobe Flash

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

  • Слайд 72

    5.f. Silverlight

    Microsoft Silverlight– это мультимедийная технология схожая по решаемым задачам с Adobe Flash. Также Microsoft Silverlight– это плагин для браузера, который позволяет запускать приложения, содержащие анимацию, векторную графику и аудио-видео ролики, что характерно для RIA (Rich Internet application). Silverlight реализован для ОС Windows 2000, Windows XP, Windows Server 2003, Windows Vista, Windows 7, Mac OS X 10.4, Mac OS X 10.5 и браузеров Internet Explorer 6.0/7.0/8.0, Mozilla Firefox 1.5/2.0/3, Safari 3.1, Google Chrome 3.0. В будущем также планируется поддержка Opera, мобильных устройств, начиная с Windows Mobile 6 и Symbian (Series 60), и, возможно, других платформ.

  • Слайд 73

    Silverlight предоставляет графическую систему, схожую с WindowsPresentationFoundation, и объединяет мультимедиа, графику, анимацию и интерактивность в одной программной платформе. Он был разработан, чтобы работать с XAML и с языками Microsoft .NET. XAML используется для разметки страниц, использующих векторную графику и анимацию. Текст, содержащийся в Silverlight приложениях, доступен для поисковых систем, так как он не компилируется, а доступен в виде XAML. Silverlight также можно использовать для того, чтобы создавать виджеты для WindowsSidebar в WindowsVista. Silverlight поддерживает воспроизведение WMV, WMA и MP3 для всех поддерживаемых браузеров, не требуя при этом дополнительных компонентов, таких как WindowsMediaPlayer. Silverlight позволяет динамически загружать XMLи использовать DOM для взаимодействия с ним так же, как это делается в Ajax. Silverlight содержит объект Downloader, благодаря которому можно скачивать скрипты, медиа файлы и т. д., если это необходимо приложению. Начиная с версии 2.0, логика программы может быть описана в любом из языков .NET, включая динамические языки программирования, такие как IronRuby и IronPython, которые в свою очередь исполняются в DLR (DynamicLibraryRuntime) , а не CLR (CommonLanguageRuntime).

  • Слайд 74

    5.g. ASP.NET

    ASP.NET– технология создания веб-приложений и веб-сервисов от компании Microsoft. Она является составной частью платформы Microsoft .NET и развитием более старой технологии Microsoft ASP. Хотя ASP.NETберет свое название от старой технологии Microsoft ASP, она значительно от нее отличается. Microsoft полностью перестроила ASP.NET, основываясь на CommonLanguageRuntime (CLR), который является основой всех приложений Microsoft .NET. Разработчики могут писать код для ASP.NET, используя практически любые языки программирования, в том числе, и входящие в комплект .NET Framework (C#, VisualBasic.NET, и JScript .NET). ASP.NETимеет преимущество в скорости по сравнению со скриптовыми технологиями, так как при первом обращении код компилируется и помещается в специальный кэш, и впоследствии только исполняется, не требуя затрат времени на парсинг, оптимизацию, и т. д.

Посмотреть все слайды

Сообщить об ошибке