Файл: Литература Никхил Абрахам. Вебпрограммирование для чайников. Пер с англ. Ооо И. Д. Вильямс.pdf

Веб-технологии
1

Литература
•
Никхил Абрахам. Веб-программирование для чайников. :
Пер. с англ. - ООО «И.Д. Вильямс», 2017.- 304 с. ISBN
978-5-8459-2038-6
•
Мэтью Макдональд. Веб-разработка. Исчерпывающее руководство. - СПб.: Питер, 2017. - 640 с. ISBN
978-5-496-02463-1
•
Дронов В.А. PHP, MySQL, HTML5 и CSS. Разработка современных динамических Web-сайтов. - СПб.: БХВ-
Петербург, 2016. - 688 с. ISBN 978-5-9775-3529–8
•
Бен Хеник. HTML и CSS. Путь к совершенству. - СПб.:
Питер, 2011. - 336 с. ISBN 978-5-49807-864-9 2

Интернет
•
WWW (Word Wide Web) - Всемирная паутина. Распределенная система предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключённых к
Интернету.
•
Интернет (Всемирная сеть и Глобальная сеть). Всемирная система объединённых компьютерных сетей для хранения и передачи информации.
•
Веб-сайт. Набор связанных друг с другом веб-страниц.
•
Веб-страница. Специальный тип документа, написанный на языке HTML. Веб-страница может содержать текст, рисунки, аудио и видео информацию.
•
HTML (HyperText Markup Language). Язык разметки гипертекста. Позволяет указать браузеру как отобразить информацию на экране компьютера.
•
Браузер. Программа, устанавливаемая на компьютер и обеспечивающая просмотр информации, выложенной в Интернете. Например,
Google Chrome, Internet Explorer, Mozilla Firefox, Safari,
Opera.
•
URL(Uniform Resource Locator). Адрес любого ресурса в Интернет.Является частью более общей системы идентификации ресурсов URI. Каждая веб-страница имеет свой собственный адрес.
Например,
http://yandex.ru
•
IP адрес (Internet Protocol Address). У
никальный сетевой адрес узла в компьютерной сети.
Например,
172.01.15.88
3

Виды веб-сайтов
•
Статический сайт cодержит набор статических страниц.
•
Статическая страница хранится в виде текстового файла и содержит постоянную информацию, которая передается пользователю по запросу.
•
Динамический сайт cодержит набор статических, динамических и интерактивных страниц.
•
Динамическая страница формируется по запросу из информации, которая хранится в файле и базе данных. Например, станица интернет-магазина со списком товаров. Для создания динамических страниц используются языки программирования PHP, Perl, Python, Ruby, Java, C#.
•
Интерактивная страница - это страница, имеющая такие элементы, как меню, кнопки, окна ввода, всплывающие подсказки и т.п. Вид страницы меняется при взаимодействии с ней пользователя
(выбор элемента меню, нажатие кнопки, наведение мышки на определенный символ). Элементы страницы позволяют пользователю обмениваться данными с сервером, на котором находится веб- сайт. Например, страница Яндекс карты. Для создания интерактивных страниц используется язык
JavaScript.
•
Веб-сайт для мобильных устройств. На мобильном устройстве можно просматривать те же сайты, что и на обычном компьютере. Однако, экран мобильного устройства существенно меньше экрана монитора. Поэтому для веб-сайтов создаются специальные версии, рассчитанные на показ на мобильном устройстве.
4

Виды приложений
•
Приложение - это программа, которая работает на компьютере и требует предварительной установки на компьютер. Например, Microsoft Word, Excel.
•
Мобильное приложение- это приложение, работающее на планшете или смартфоне. Например, Яндекс Карты, Google Maps, Gismeteo, WhatsApp.
•
Веб-приложение- это приложение, которое скачивается из Интернета, запускается в браузере и не требует предварительной установки. Например, электронный редактор Google Docs, электронные таблицы Google Sheets, электронная почта mail.ru, gmail.com, электронные платежные системы Яндекс
Деньги, PayPal. Яндекс Карты и карты Google Maps также реализованы как веб- приложения.
•
Мобильное веб-приложение - это веб-приложение, которое адаптировано к показу на мобильном устройстве.
•
Браузер позволяет не только осуществлять просмотр информации, выложенной в Интернете, но и выполнять веб-приложения.
5

Технология доступа к веб-странице
1.
Пользователь вводит URL-адрес веб-страницы в Интернете в строке браузера или нажимает на ссылку, содержащую URL-адрес веб-страницы.
2.
Браузер передает запрос на загрузку страницы маршрутизатору (специальное устройство, используемое в сети, для передачи информации по определенному маршруту).
3.
Маршрутизатор передает запрос интернет-провайдеру (Internet Service Provider). Например, провайдеру mts или beeline.
4.
Провайдер преобразует текстовый адрес в числовой IP-адрес, используя систему доменных имен DNS (Domain Name System). Каждый компьютер в Интернете имеет свой уникальный IP- адрес (например, 192.131.54.17).
5.
Провайдер передает запрос определенному серверу в Интернете через глобальную сеть по указанному IP-адресу. В запросе содержится также IP-адрес пользователя, который используется для отправки ему ответа.
6.
Сервер, получивший запрос, содержит требуемую веб-страницу. Он отправляет содержимое
веб-страницы обратно на компьютер пользователя. Эту задачу выполняет специальная программа. Например, Apache.
7.
Браузер, установленный на компьютере пользователя, получает содержимое страницы и
отображает страницу на экране компьютера.
6

Особенности доступа к динамической веб-странице
1.
В запросе, передаваемом браузером маршрутизатору, содержится не только адрес страницы, но может содержаться и дополнительная информация. Например, параметры товаров, которые пользователь хочет увидеть на странице интернет-магазина, или дата и время отправления поезда, на который пользователь хочет заказать билет.
2. Получив запрос,
сервер формирует веб-страницу в зависимости от передаваемых в запросе параметров. Например, включает в страницу описания нужных пользователю товаров. Исходный код страницы меняется или формируется заново с помощью программы, написанной на языке программирования PHP, Perl, Python, Ruby, Java, C#.
3. При формировании страницы могут использоваться
данные разных форматов (текст, графическая информация, аудио и видео информация).
4.
Данные, включаемые в страницу, могут храниться как в файлах (например, фотография, фильм),
так и в базе данных. Для обращения к базе данных используются запросы на языке
SQL.
5.
База данных представляет собой хранилище определенным образом структурированных данных, к которым имеют доступ множество пользователей. Например, база данных, используемая для заказа железнодорожных билетов через Интернет.
6. Для организации и работы с базой данных используются специальные программные системы
(
СУБД - система управления базами данных). Например, MySQL, MS SQL, Oracle, Cassandra.
7

Доступ к веб-странице
Компьютер пользователя
Браузер
Google Chrome,
Internet Explorer
Маршрутизатор
Интернет- провайдер
DNS
запрос(http://yandex.ru)
запрос(IP-адрес сервера,
IP-адрес пользователя, параметры)
Глобальная сеть
Интернет
Веб-сервер
Apache,
PHP, Java
веб-страница
запрос
веб-страница
Сервер базы данных
MySQL, Oracle
SQL-запрос
ответ
8

Требования к веб-сайту.
Постулаты концепции Web 2.0 1.
Соблюдение интернет-стандартов. При написании веб-страниц необходимо придерживаться современных интернет-стандартов, чтобы страницы могли быть отображены на любом устройстве и в любом браузере.
Интернет-стандарты разрабатывает организация
Word Wide Web
Consortium (Консорциум Всемирной паутины) - сокращенно W3C. Все стандарты публикуются на сайте
w3.org.
2.
Полнота и удобство наполнения страницы. Веб-страница должна содержать достаточно полную информацию, чтобы посетитель мог сразу найти то, что ему нужно. Информация должна быть структурирована так, чтобы дизайн не мешал восприятию информации.
3.
Доступность. Веб-страница должна одинаково хорошо отображаться на любых устройствах и не требовать установки дополнительного программного обеспечения.
9

Принципы концепции
Web 2.0 1.
Разделение содержимого, представления и поведения веб-
страницы. Это позволяет разным людям заниматься подбором
информации, дизайном страницы и разработкой реализации реакции
страницы на действия пользователя (например, на нажатие кнопок).
2.
Подгружаемое содержимое. При нажатии пользователем ссылки
(кнопки, элемента меню) нужно не обновлять всю страницу целиком, а подгружать только некоторую часть информации. Это уменьшает время загрузки и объем, передаваемой по сети информации.
3.
Адаптируемое содержимое. Страницы должны автоматически подстраиваться под размер экрана (монитор компьютера, смартфон).
4.
Семантическая разметка данных. Определенным фрагментам страницы присваивается определенное назначение. Например, фрагмент может быть обозначен как рисунок. Это дает возможность браузеру выделить этот фрагмент определенным образом.
10

Организация хранения сайта
•
Веб-страницы сайта хранятся в отдельных файлах.
•
Файлы имеют расширение htm или html.
•
Одна веб-страница может хранится в нескольких файлах.
•
Все файлы сайта хранятся в одной корневой папке и ее подпапках. Это сделано для безопасности. Злоумышленник не сможет получить доступ к файлам компьютера-сервера, расположенным в других папках.
•
В строке браузера может быть указано имя файла страницы или имя программы, которая сформирует страницу.
•
Пользователь обычно не указывает имена файлов страниц и программ.
•
При обращении к сайту обычно указывается адрес сайта (http://google.ru), а не имя конкретного файла. В этом случае веб-сервер обращается к первой странице сайта, которая по умолчанию имеет имя index.html.
11