Учебный курс
«Web-разработка»
Дашковский Евгений
Святославович
Преподаватель курса
Viber: +375259057328
Email: dashkovsky_e@itstep.org
Введение в курс Веб-разработки
• Предметы курса.
• Организация занятия.
• Вопросы и предложения.
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
всемирная система объединённых
компьютерных сетей для хранения и
передачи информации.Часто
упоминается как Всемирная сеть и
Глобальная сеть, а также просто Сеть.
Построена на базе стека протоколов
TCP/IP. На основе Интернета работает
Всемирная паутина (World WideWeb,
WWW) и множество других систем
передачи данных.
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
World Wide Web — распределённая
система, предоставляющая доступ к
связанным между собой документам,
расположенным на различных
компьютерах, подключённых к
Интернету. Для обозначения
Всемирной паутины также
используют слово веб (англ. web
«паутина») и аббревиатуру WWW.
Совокупность веб-серверов.
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
сервер, принимающий HTTP-запросы
от клиентов, обычно веб-браузеров, и
выдающий им HTTP-ответы, как
правило, вместе с HTML-страницей,
изображением, файлом, медиа-
потоком или другими данными.
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
документ или информационный
ресурс Всемирной паутины, доступ к
которому осуществляется с помощью
веб-браузера.Типичная веб-страница
представляет собой текстовый файл в
формате HTML, который может
содержать ссылки на файлы в других
форматах, а также гиперссылки для
быстрого перехода на другие веб-
страницы или доступа к ссылочным
файлам.
Основные понятия
• Интерне́т
• Всеми́рная паути́на
• Веб-сервер
• Веб-страница
• Сайт
website: web — «паутина, сеть» и
site — «место», буквально «место,
сегмент, часть в сети»), —
совокупность логически связанных
между собой веб-страниц; также
место расположения контента
сервера. Обычно сайт в Интернете
представляет собой массив связанных
данных, имеющий уникальный адрес
и воспринимаемый пользователем
как единое целое.
Основные понятия
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
Internet Protocol Address «адрес
Интернет-протокола» — уникальный
сетевой адрес узла в компьютерной
сети, построенной на основе стека
протоколовTCP/IP.
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
символьное имя, служащее для
идентификации областей — единиц
административной автономии в сети
Интернет — в составе вышестоящей
по иерархии такой области. Каждая
из таких областей называется
доме́ном.
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
Domain Name System — система
доменных имён) — компьютерная
распределённая система для
получения информации о доменах.
Чаще всего используется для
получения IP-адреса по имени хоста
(компьютера или устройства),
получения информации о
маршрутизации почты.
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
поставщик интернет-услуги —
организация, предоставляющая
услуги доступа к сети Интернет и
иные связанные с Интернетом
услуги.
Как устроена сеть
• IP-адрес
• Доме́нное имя
• DNS
• Интернет-прова́йдер
• URL
Единый указатель ресурса
(англ. Uniform Resource Locator, URL
/ˌjuː ɑːr ˈel/) — единообразный
локатор (определитель
местонахождения) ресурса.
<схема>:[//[<логин>:<пароль>@]<хост>[:<порт>]][/]
<URL‐путь>[?<параметры>][#<якорь>]
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP, POP3, IMAP
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
HyperText Transfer Protocol —
«протокол передачи гипертекста») —
протокол прикладного уровня
передачи данных (изначально — в виде
гипертекстовых документов в формате
«HTML», в настоящий момент
используется для передачи
произвольных данных). Основой HTTP
является технология «клиент-сервер»
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
HyperText Transfer Protocol Secure) —
расширение протокола HTTP для
поддержки шифрования в целях
повышения безопасности. Данные в
протоколе HTTPS передаются поверх
криптографических протоколов SSL
илиTLS. В отличие от HTTP сTCP-
портом 80, для HTTPS по умолчанию
используетсяTCP-порт 443.
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
Secure Shell — «безопасная оболочка»
— сетевой протокол прикладного
уровня, позволяющий производить
удалённое управление операционной
системой и туннелированиеTCP-
соединений (например, для передачи
файлов), шифрует весь трафик,
включая и передаваемые пароли. SSH
допускает выбор различных
алгоритмов шифрования.
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
File Transfer Protocol — протокол
передачи файлов — стандартный
протокол, предназначенный для
передачи файлов поTCP-сетям
(например, Интернет). Использует 21-й
порт. FTP часто используется для
загрузки сетевых страниц и других
документов с частного устройства
разработки на открытые сервера
хостинга.
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
Simple Mail Transfer Protocol — простой
протокол передачи почты — это
широко используемый сетевой
протокол, предназначенный для
передачи электронной почты в сетях
TCP/IP.
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
Post Office ProtocolVersion 3 —
протокол почтового отделения, версия
3 — стандартный интернет-протокол
прикладного уровня, используемый
клиентами электронной почты для
получения почты с удалённого сервера
поTCP-соединению.
Протоколы прикладного уровня
• Протокол HTTP
• Протокол HTTPS
• Протокол SSH
• Протокол FTP
• Протоколы SMTP,
POP3, IMAP
Internet Message Access Protocol —
протокол прикладного уровня для
доступа к электронной почте.
Базируется на транспортном
протоколеTCP и использует порт 143.
Типы веб-сайтов
• По доступности сервисов
• По физическому расположению
• По схеме представления информации, её
объёму и категории решаемых задач
• По технологии отображения
• По типам макетов
Почта, мессенджеры, поисковые
системы.
Поиск в социальных сетях
Введите перед словом символ @. Пример: @twitter.
Поиск цен
Введите перед суммой символ $. Пример: фотоаппарат $400.
Поиск по хештегам
Введите перед словом символ #. Пример: #деньпобеды.
Исключение результатов с определенными словами
Введите – перед словом, которое нужно исключить. Пример: ягуар скорость –автомобиль.
Поиск точного слова или фразы
Поместите слово или фразу в кавычки. Пример: "самое высокое здание".
Поиск неизвестных слов
Введите символ * на месте неизвестного слова в запросе. Пример: "семь * отмерь".
Поиск в рамках заданного числового диапазона
Введите .. между двумя числами. Пример: фотоаппарат 5000..9000 рублей.
Объединение запросов
Введите между запросами оператор OR. Пример: олимпиада OR олимпийские игры.
Поиск определенного сайта
Введите site: перед адресом сайта или названием домена. Пример: site:youtube.com или site:.gov.
Поиск сайтов с похожим контентом
Введите related: перед нужным веб-адресом. Пример: related:kommersant.ru.
Получение сведений о сайте
Введите info: перед веб-адресом сайта.

Введение в Web-технологии

  • 1.
  • 2.
  • 3.
    Введение в курсВеб-разработки • Предметы курса. • Организация занятия. • Вопросы и предложения.
  • 4.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт
  • 5.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт всемирная система объединённых компьютерных сетей для хранения и передачи информации.Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть. Построена на базе стека протоколов TCP/IP. На основе Интернета работает Всемирная паутина (World WideWeb, WWW) и множество других систем передачи данных.
  • 6.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт World Wide Web — распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключённых к Интернету. Для обозначения Всемирной паутины также используют слово веб (англ. web «паутина») и аббревиатуру WWW. Совокупность веб-серверов.
  • 7.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт сервер, принимающий HTTP-запросы от клиентов, обычно веб-браузеров, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа- потоком или другими данными.
  • 8.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера.Типичная веб-страница представляет собой текстовый файл в формате HTML, который может содержать ссылки на файлы в других форматах, а также гиперссылки для быстрого перехода на другие веб- страницы или доступа к ссылочным файлам.
  • 9.
    Основные понятия • Интерне́т •Всеми́рная паути́на • Веб-сервер • Веб-страница • Сайт website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — совокупность логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое.
  • 10.
  • 11.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL
  • 12.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL Internet Protocol Address «адрес Интернет-протокола» — уникальный сетевой адрес узла в компьютерной сети, построенной на основе стека протоколовTCP/IP.
  • 13.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL символьное имя, служащее для идентификации областей — единиц административной автономии в сети Интернет — в составе вышестоящей по иерархии такой области. Каждая из таких областей называется доме́ном.
  • 14.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL Domain Name System — система доменных имён) — компьютерная распределённая система для получения информации о доменах. Чаще всего используется для получения IP-адреса по имени хоста (компьютера или устройства), получения информации о маршрутизации почты.
  • 15.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL поставщик интернет-услуги — организация, предоставляющая услуги доступа к сети Интернет и иные связанные с Интернетом услуги.
  • 16.
    Как устроена сеть •IP-адрес • Доме́нное имя • DNS • Интернет-прова́йдер • URL Единый указатель ресурса (англ. Uniform Resource Locator, URL /ˌjuː ɑːr ˈel/) — единообразный локатор (определитель местонахождения) ресурса. <схема>:[//[<логин>:<пароль>@]<хост>[:<порт>]][/] <URL‐путь>[?<параметры>][#<якорь>]
  • 17.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP
  • 18.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP HyperText Transfer Protocol — «протокол передачи гипертекста») — протокол прикладного уровня передачи данных (изначально — в виде гипертекстовых документов в формате «HTML», в настоящий момент используется для передачи произвольных данных). Основой HTTP является технология «клиент-сервер»
  • 19.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP HyperText Transfer Protocol Secure) — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов SSL илиTLS. В отличие от HTTP сTCP- портом 80, для HTTPS по умолчанию используетсяTCP-порт 443.
  • 20.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP Secure Shell — «безопасная оболочка» — сетевой протокол прикладного уровня, позволяющий производить удалённое управление операционной системой и туннелированиеTCP- соединений (например, для передачи файлов), шифрует весь трафик, включая и передаваемые пароли. SSH допускает выбор различных алгоритмов шифрования.
  • 21.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP File Transfer Protocol — протокол передачи файлов — стандартный протокол, предназначенный для передачи файлов поTCP-сетям (например, Интернет). Использует 21-й порт. FTP часто используется для загрузки сетевых страниц и других документов с частного устройства разработки на открытые сервера хостинга.
  • 22.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP Simple Mail Transfer Protocol — простой протокол передачи почты — это широко используемый сетевой протокол, предназначенный для передачи электронной почты в сетях TCP/IP.
  • 23.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP Post Office ProtocolVersion 3 — протокол почтового отделения, версия 3 — стандартный интернет-протокол прикладного уровня, используемый клиентами электронной почты для получения почты с удалённого сервера поTCP-соединению.
  • 24.
    Протоколы прикладного уровня •Протокол HTTP • Протокол HTTPS • Протокол SSH • Протокол FTP • Протоколы SMTP, POP3, IMAP Internet Message Access Protocol — протокол прикладного уровня для доступа к электронной почте. Базируется на транспортном протоколеTCP и использует порт 143.
  • 25.
    Типы веб-сайтов • Подоступности сервисов • По физическому расположению • По схеме представления информации, её объёму и категории решаемых задач • По технологии отображения • По типам макетов
  • 26.
  • 27.
    Поиск в социальныхсетях Введите перед словом символ @. Пример: @twitter. Поиск цен Введите перед суммой символ $. Пример: фотоаппарат $400. Поиск по хештегам Введите перед словом символ #. Пример: #деньпобеды. Исключение результатов с определенными словами Введите – перед словом, которое нужно исключить. Пример: ягуар скорость –автомобиль. Поиск точного слова или фразы Поместите слово или фразу в кавычки. Пример: "самое высокое здание". Поиск неизвестных слов Введите символ * на месте неизвестного слова в запросе. Пример: "семь * отмерь". Поиск в рамках заданного числового диапазона Введите .. между двумя числами. Пример: фотоаппарат 5000..9000 рублей. Объединение запросов Введите между запросами оператор OR. Пример: олимпиада OR олимпийские игры. Поиск определенного сайта Введите site: перед адресом сайта или названием домена. Пример: site:youtube.com или site:.gov. Поиск сайтов с похожим контентом Введите related: перед нужным веб-адресом. Пример: related:kommersant.ru. Получение сведений о сайте Введите info: перед веб-адресом сайта.