**Интернет** - всемирная информационная компьютерная сеть, связывающая пользователей индивидуальных ПК и пользователей компьютерных сетей для обмена информацией. ![Структура интернета](../Pictures/01_01.%20Структура%20интернета.png) **WWW** (World Wide Web, всемирная паутина) - служба интернета для обмена информацией в виде гипертекста (и гипермедиа).  **Гипертекст** - текст, содержащий гиперссылки.  **Гипермедиа-документ** - документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.  **Гиперссылка** - это "активная" ссылка на другой объект - другой документ, часть того же документа, файл, каталог, программу. Гиперссылки не обязательно связаны с web - они могут быть внутри любых документов (RTF поддерживают ссылки на оглавления в документе). **Web-страница** - это: 1) гипертекстовый документ в интернете 2) текстовый файл, в котором описано размещение материала на экране Информация на web-странице представлена в различных формах: - текст - статические, анимированные графические изображения - аудио - видео **Контент web-страницы** - информационно значимое содержимое web-страницы. Web-страницы могут содержать гиперссылки для быстрого перехода на другие страницы.  **Web-сайт** - это: 1) несколько web-страниц, объединённых общей темой и дизайном, связанных между собой ссылками и обычно находящихся на одном сервере, в одной файловой системе 2) пространство/место в сети Интернет, определяется URL-адресом, имеет владельца и состоит из web-страниц  **Web-сёрфинг** - переход со страницы на страницу одного или разных web-сайтов с помощью web-ссылок средствами web-браузера.  **Web-браузер** (web-обозреватель) - программа для просмотра web-страниц (Internet Explorer, Opera, Mozila Firefox, Chrome, ...). **URL** (Uniform Resource Locator, единый указатель ресурса) - единообразный локатор (определитель местонахождения) ресурса: ``` http://chsu.ru/student/index.htm ``` - `http` - протокол передачи - `chsu` - имя домена - `ru` - доменная зона - `student/index.htm` - путь на данном web-сайте **HTTP** (HyperText Transfer Protocol) - протокол передачи гипертекста, обеспечивает доступ к документам на web-узлах. Задачи: - установление связи с web-сервером - обеспечение доставки web-страниц web-браузеру клиента **HTTPS** - протокол передачи гипертекста с применением шифрования. Основа HTTP - технология "клиент-сервер": - **Сервер** - поставщик услуги/сервиса - **Клиент** - потребитель услуги/сервиса **Web-сервер** - это: 1) сервер, принимающий HTTP-запросы от клиентов, обычно web-браузеров, и выдающий им HTTP-ответы в виде web-страниц, изображений, файлов, медиа-потоков, др. данных 2) ПО, выполняющее функции web-сервера 3) непосредственно устройство, где это ПО работает **Web-клиент** - web-браузер, передаёт web-серверу запросы на получение ресурсов. ![Взаимодействие между браузером и сервером](../Pictures/01_02.%20Взаимодействие%20между%20браузером%20и%20сервером.png) Взаимодействие клиента и сервера: 1. Пользователь вводит адрес web-страницы в поле адреса web-браузера 2. Браузер запрашивает web-страницу 3. Web-сервер осуществляет поиск web-страницы 4. Web-сервер выполняет дополнительную обработку активного кода 5. Web-сервер отправляет web-страницу браузеру 6. Браузер выводит web-страницу на экран ![Взаимодействие клиента и сервера](../Pictures/01_03.%20Взаимодействие%20клиента%20и%20сервера.png) ![Взаимодействие сервера и клиента](../Pictures/01_04.%20Взаимодействие%20клиента%20и%20сервера.png) Этапы создания сайта: 1. Подготовительный: - Определение цели сайта - Выбор тематики - Составление структуры/карты сайта ![Структура сайта](../Pictures/01_05.%20Структура%20сайта.png) - Определение целевой аудитории 2. Разработка макета: - Разработка макета - расположение основных значимых элементов (блоков) на каждой странице ![Макет сайта](../Pictures/01_06.%20Макет%20сайта.png) - Разработка дизайна - отрисовка сайта в графическом редакторе ![Разработка дизайна](../Pictures/01_07.%20Разработка%20дизайна.png) 3. Вёрстка 4. Программирование - **Web-программирование** - раздел программирования, ориентированный на разработку web-приложений (программ, обеспечивающих функционирование сайтов). - Языки web-программирования - языки для работы с web-технологиями 5. Наполнение контентом 6. Раскрутка сайта 7. Администрирование (поддержка) сайта