Содержание
- 2. История развития WEB
- 3. История развития WEB ВEБ (англ. web — паутина — паутина) — интернет-пространство. World Wide Web (www,
- 4. Сеть ARPANET
- 5. История развития WEB Сеть ARPANET. Предпосылкой создания сети Интернет послужила потребность Министерства обороны США в надежной
- 6. Протокол TCP/IP
- 7. История развития WEB Протокол TCP/IP. Распространение различных сетевых протоколов стало вскоре проблемой при попытке заставить общаться
- 8. Создание всемирной паутины
- 9. История развития WEB Создание Всемирной паутины. Европейский совет по ядерным исследованиям в Швейцарии имел такое альтернативное
- 10. Языки WEB-программирования
- 11. Коротко о главном Языки веб-программирования Языки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в
- 12. Языки WEB- программирования Клиентские языки программирования Клиент - это сам пользователь, а точнее браузер установленный на
- 13. Языки WEB- программирования Клиентские языки программирования Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для
- 14. Языки WEB- программирования Серверные языки программирования Серверные языки выполняются непосредственно на самом сервере, специальной программой. Это
- 15. Языки WEB- программирования Серверные языки программирования В них можно хранить всю необходимую Вам информацию, даже пароли
- 16. HTML
- 17. Языки WEB- программирования HTML HTML - это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки" Говоря кратко,
- 18. Языки WEB- программирования HTML5 Семантические замены для использования универсальных блочных ( ) и строчных ( )
- 19. CSS
- 20. Языки WEB- программирования CSS CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык
- 21. Языки WEB- программирования CSS 3) когда таблица стилей описана в самом документе, она может располагаться в
- 22. CSS3
- 23. Языки WEB- программирования CSS3 CSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с пользователем. Создание
- 24. WRITE A TITLE IN THIS SECTION Full Width Text Sample First: What is a Fast-Fish? Alive
- 25. JavaScript
- 26. Языки WEB- программирования JavaScript Javascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С
- 27. Языки WEB- программирования JavaScript Для добавления JavaScript-кода на страницу, можно использовать теги , которые рекомендуется, но
- 28. PHP
- 29. Языки WEB- программирования PHP PHP – это широко используемый язык сценариев общего назначения с открытым исходным
- 30. Языки WEB- программирования PHP Сервер и браузер общаются, посылая друг другу запросы по особому протоколу -
- 31. Плюсы: Языки WEB- программирования Плюсы и минусы WEB-разработки востребованность на рынке труда; творческая работа, так как
- 32. Языки WEB- программирования Плюсы и минусы WEB-разработки в небольших проектах web-программист совмещает функции нескольких специалистов, частые
- 34. Скачать презентацию
История развития WEB
История развития WEB
История развития WEB
ВEБ (англ. web — паутина — паутина) — интернет-пространство.
World Wide Web (www, web, рус.: веб, Всемирная Паутина)
История развития WEB
ВEБ (англ. web — паутина — паутина) — интернет-пространство.
World Wide Web (www, web, рус.: веб, Всемирная Паутина)
предоставляющая доступ к гипертекстовым документам по протоколу HTTP.
WWW — сетевая технология прикладного уровня стека TCP/IP, построенная на клиент-серверной архитектуре и использующая инфраструктуру Интернет для взаимодействия между сервером и клиентом (www).
Серверы www (веб-серверы) — это хранилища гипертекстовой (в общем случае) информации, управляемые специальным программным обеспечением.
Документы, представленные в виде гипертекста называются веб-страницами. Несколько веб-страниц,
объединенных общей тематикой, оформлением, связанных гипертекстовыми ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом.
Для загрузки и просмотра информации с веб-сайтов используются специальные программы — браузеры,
способные обрабатывать гипертекстовую разметку и отображать содержимое веб-страниц.
Браузер может обратиться к веб-серверу по доменному имени или по ip-адресу, передавая в запросе идентификатор требуемого ресурса. Получив запрос от клиента, сервер находит соответствующий ресурс на локальном устройстве хранения и отправляет его как ответ. Браузер принимает ответ и обрабатывает его соответствующим образом, в зависимости от типа ресурса (отображает гипертекст, показывает изображения, сохраняет полученные файлы и т.п.).
Сеть ARPANET
Сеть ARPANET
История развития WEB
Сеть ARPANET.
Предпосылкой создания сети Интернет послужила потребность Министерства обороны
История развития WEB
Сеть ARPANET.
Предпосылкой создания сети Интернет послужила потребность Министерства обороны
План создания компьютерной сети (названной «ARPANET») был представлен в октябре 1967 года, а в декабре 1969 была запущена в работу первая сеть из четырех компьютеров. Основная проблема при создании сети состояла в том, как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами.
Решение - разбиение запросов данных на небольшие фрагменты, «пакеты», которые могут быстро обрабатываться, не блокируя коммуникацию других частей — этот принцип все еще используется сегодня для работы Интернет.
Концепция получила широкое признание с появлением нескольких других сетей, использующих тот же самый метод коммутации пакетов ,сформировавшая основу первой университетской сети Великобритании . Эти сети, несмотря на наличие множества соединений, были в большей степени частными сетями, чем сегодняшней сетью Интернет.
Протокол TCP/IP
Протокол TCP/IP
История развития WEB
Протокол TCP/IP.
Распространение различных сетевых протоколов стало вскоре проблемой при
История развития WEB
Протокол TCP/IP.
Распространение различных сетевых протоколов стало вскоре проблемой при
Эта спецификация уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер. Конечным результатом этого было то, что стало возможно легко соединять почти любые сети. ARPA профинансировала разработку программного обеспечения и в 1977 году была проведена успешная демонстрация коммуникации трех различных сетей. К 1981 спецификация была завершена, опубликована и принята, и в 1982 году соединения ARPANET за пределами США были переведены на использование нового протокола «TCP/IP».
Появилась сеть Интернет. Встал вопрос о создании системы распределенного доступа к сетевым файлам.
В начале 1990 годов в качестве системы извлечения информации в глобальной сети использовалась система Gopher, которая предоставляла меню ссылок на файлы, компьютерные ресурсы и другие меню. Gopher была создана в Университете Миннесоты. В феврале 1993 университет объявил, что собирается требовать лицензионные отчисления за использование своей эталонной реализации сервера Gopher. Вследствие этого многие организации начали искать альтернативные решения.
Создание всемирной паутины
Создание всемирной паутины
История развития WEB
Создание Всемирной паутины.
Европейский совет по ядерным исследованиям в Швейцарии
История развития WEB
Создание Всемирной паутины.
Европейский совет по ядерным исследованиям в Швейцарии
В 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C) в Массачусетском технологическом институте (Massachusetts Institute of Technology) при поддержке CERN, DARPA (в которую была переименована ARPA) и Европейской Комиссии. Консорциум W3C видел свою задачу в стандартизации протоколов и технологий, которые используются для создания Web, чтобы информационное содержание было доступно как можно большему числу жителей всего мира.
В течение нескольких следующих лет W3C опубликовал несколько спецификаций (называемых «рекомендациями»), включая HTML, формат изображений PNG (Portable Network Graphics), и каскадные таблицы стилей (CSS).
Языки WEB-программирования
Языки WEB-программирования
Коротко о главном
Языки веб-программирования
Языки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в основном
Коротко о главном
Языки веб-программирования
Языки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в основном
Веб-программирование — раздел программирования — раздел программирования, ориентированный на разработку веб-приложений — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).
WEB-программирование
Языки WEB- программирования
Клиентские языки программирования
Клиент - это сам пользователь, а точнее браузер
Языки WEB- программирования
Клиентские языки программирования
Клиент - это сам пользователь, а точнее браузер
Клиентские языки выполняются на компьютере пользователя (клиента). Если говорить более точно, то их выполняет сам браузер. Обычно клиентские языки встраиваются в html-код web-страницы. Таким образом, чтобы увидеть код, достаточно открыть веб-страницу с помощью любого текстового редактора или браузера.
Минусы:
Один из основных недостатков клиентских языков заключается в том, что они не могут взаимодействовать с сервером, на котором расположен сайт. Нет возможности сохранять и загружать информацию с него. Это значительно ограничивает применение клиентских языков. Например, о таких программах, которые должны сохранять и загружать определенную информацию с /на сервер: гостевых книгах, блоках комментариев, рейтингах, голосованиях и.т.д. можно вообще забыть. Кроме того, раз любой пользователь может очень легко просмотреть код программы, то о безопасности можно тоже забыть. Если Вы захотите закрыть доступ к некоторым файлам, с помощью таких языков, это вряд ли удастся. Очень просто просмотреть HTML – код web-страницы, чтобы узнать всю защищенную информацию и пароли.
Плюсы:
Они не отправляют данные на сервер, что делает их работу значительно быстрей.Не требуется никакого дополнительного программного обеспечения, все необходимое есть в браузере клиента. За пользование серверными языками компания, предоставляющая хостинг, требует денег (платный хостинг), а за клиентскими нет.
Языки WEB- программирования
Клиентские языки программирования
Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для
Языки WEB- программирования
Клиентские языки программирования
Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для
Интерпретатор — программа — программа (разновидность транслятора), выполняющая интерпретацию.
Интерпретация — построчный анализ, обработка и выполнение исходного кода программы или запроса
(в отличие от компиляции, где весь текст программы, перед запуском, анализируется и транслируется в
байт-код, без её выполнения).
JavaScript, разработан компанией Netscape и первоначально использовался только для браузера Netscape Navigator. В настоящее время этот язык получил очень большую популярность. VisualBasicScript (VBS) это аналог клиентского языка от компании Microsoft.
Как уже говорилось ранее, все эти языки работают в обычных браузерах без всяких дополнительных модулей и плагинов. Самые распространенные браузеры это: Internet Explorer, Opera, Mozilla, Google Chrome.
Языки WEB- программирования
Серверные языки программирования
Серверные языки выполняются непосредственно на самом сервере,
Языки WEB- программирования
Серверные языки программирования
Серверные языки выполняются непосредственно на самом сервере,
Увидеть код программы на серверном языке для посетителя сайта вообще невозможно, он видит только результаты работы, которые будут уже представлены в качестве HTML-страницы.
Серверные языки предоставляют веб-программисту гораздо больше возможностей, чем клиентские. Используя их можно обмениваться данными с сервером, чего мы были лишены при использовании клиентских языков.
Наибольшую популярность, среди серверных языков получили: PHP и Perl.
Т.к. серверные языки взаимодействуют с удаленным компьютером (сервером), возникает необходимость где-то хранить результаты этого взаимодействия. Возникает вопрос: как и где хранить эти данные?
По мере роста любого сайта, приходиться хранить огромное количество информации. Именно для этой цели существует База Данных (БД). Это своего рода библиотека, где вся информация аккуратно разложена по полочкам. Но просто одной БД еще не достаточно. Когда информации становиться много, найти то, что нам необходимо становиться очень трудно, не говоря уже, уже о том, чтобы всю информацию обработать или извлечь только нужные данные. Так почему бы не поручить это компьютеру? Так и поступили. В настоящее время БД успешно обрабатываются компьютерами. Системы, которые за все это отвечают, называются Системами Управления Базами Данных (СУБД).
Языки WEB- программирования
Серверные языки программирования
В них можно хранить всю необходимую Вам
Языки WEB- программирования
Серверные языки программирования
В них можно хранить всю необходимую Вам
HTML
HTML
Языки WEB- программирования
HTML
HTML - это сокращение от "HyperText Mark-up Language/язык гипертекстовой
Языки WEB- программирования
HTML
HTML - это сокращение от "HyperText Mark-up Language/язык гипертекстовой
Говоря кратко, HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet.
HTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.
В настоящее время Консорциум Всемирной паутины разработал HTML версии 5 , который расширяет HTML для лучшего представления семантики различных типичных страниц , например форумов, сайтов аукционов и т.д.
Языки WEB- программирования
HTML5
Семантические замены для использования универсальных блочных (
) и строчных() элементов, например,
Языки WEB- программирования
HTML5
Семантические замены для использования универсальных блочных (
CSS
CSS
Языки WEB- программирования
CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей)
Языки WEB- программирования
CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей)
Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:
когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и . (Тег будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;
когда таблица стилей описана в самом документе, она может располагаться в нём между тегами (которые, в свою очередь, располагаются в этом документе между тегами и ). Все правила этой таблицы действуют на протяжении всего документа;
Языки WEB- программирования
CSS
3) когда таблица стилей описана в самом документе, она
Языки WEB- программирования
CSS
3) когда таблица стилей описана в самом документе, она
Стили CSS по сравнению c HTML имеют гораздо больший спектр возможностей по дизайну элементов страниц сайта. Простыми методами изменяется цвет фона элемента, добавляется рамка, устанавливается шрифт текста, определяются размеры и относительное расположение элемента страницы, и другие элементы дизайна сайта.
Для создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.
CSS3
CSS3
Языки WEB- программирования
CSS3
CSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с
Языки WEB- программирования
CSS3
CSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с
Создание анимации начинается с установки ключевых кадров правила @keyframes. Кадры определяют, какие свойства на каком шаге будут анимированы. Каждый кадр может включать один или более блоков объявления из одного или более пар свойств и значений.
Анимация
SVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML.
Скругленные рамки
CSS3-градиент представляет собой переходы от одного цвета к другому.
Градиенты создаются с помощью функций linear-gradient() и radial-gradient().
Линейный градиент создается с помощью двух и более цветов, для которых задано направление, или линия градиента.
Если направление не указано, используется значение по умолчанию — сверху-вниз.
Цвета градиента по умолчанию распределяются равномерно в направлении, перпендикулярном линии градиента.
Градиенты
По сути это все тот же CSS, с набором новых аргументов, которые дают дополнительные возможности в плане различных
эффектов. Например, свечение текста. Многие браузеры не поддерживают такие свойства, поэтому рекомендуется использовать
такие эффекты в минимальных количествах.
WRITE A TITLE IN THIS SECTION
Full Width Text Sample
First: What is
WRITE A TITLE IN THIS SECTION
Full Width Text Sample
First: What is
First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast.
JavaScript
JavaScript
Языки WEB- программирования
JavaScript
Javascript – это язык программирования, с помощью которого веб-страницам придается
Языки WEB- программирования
JavaScript
Javascript – это язык программирования, с помощью которого веб-страницам придается
С помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.
Вся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все что можно сделать с его помощью – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе.
Языки WEB- программирования
JavaScript
Для добавления JavaScript-кода на страницу, можно использовать теги ,
Языки WEB- программирования
JavaScript
Для добавления JavaScript-кода на страницу, можно использовать теги ,