Основные понятия в веб-разработке

• 1 слайд

  Основные понятия
  в веб-разработке
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 2 слайд

  Как работает интернет.
  Браузеры.
  Что представляет собой веб-страница.
  Виды сайтов.
  Протоколы передачи данных.
  Схема HTTP-запроса страницы.
  Процесс разработки сайта.
  
  
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 3 слайд

  Как работает интернет.
  Интерне́т (англ. Internet) — всемирная система объединённых компьютерных сетей, построенная на использовании протокола TCP/IP и маршрутизации пакетов данных.
  Интернет образует глобальное информационное пространство, служит физической основой для Всемирной паутины (WWW, World Wide Web) и множества других систем (протоколов) передачи данных. Часто упоминается как «Всемирная сеть» и «Глобальная сеть», в обиходе иногда употребляют сокращённое наименование «Ине́т».
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 4 слайд

  Интернет — это множество компьютеров по всему миру, объединенных в единую сеть, которые постоянно обмениваются какой-либо информацией.
  Структура Интернет напоминает паутину, в узлах которой находятся компьютеры, связанные между собой линиями связи. Каждый компьютер в свою очередь имеет свой уникальный адрес, называемый IP-адресом, который обязательно должен быть уникальным, так же как и любого объекта в реальной жизни есть свой уникальный адрес.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 5 слайд

  Существуют два типа IP-адреса:
  ● постоянные, закрепленные за определенным компьютером.
  ● динамические, которые присваиваются в тот момент, когда пользователь соединяется с интернетом.
  Структура IP-адреса устроена таким образом, что мы можем узнать, в какой стране и в каком городе находится компьютер пользователя. Таким образом, например, при настройке объявлений по контекстной рекламе, можно задавать регионы показа нашего объявления.
  
  
  Пример IP-адреса: 192.168.1.2
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 6 слайд

  Доменное имя
  Для того, чтобы не запоминать сложные IP-адреса, были придуманы так называемые доменные имена.
  
  Доменное имя— уникальное имя, которое данный поставщик услуг избрал себе для идентификации, например mail.ru или google.com.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 7 слайд

  Браузеры
  Браузер— это программа, с помощью которой мы имеем возможность просматривать любые сайты.
  
  То есть браузер является проводником между всемирной сетью Интернет и пользователем. Именно он позволяет получать доступ ко всему множеству доступной в Интернете информации.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 8 слайд

  Что представляет собой веб-страница?
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 9 слайд

  Веб-страница сайта состоит из различных блоков:
  
  
  ● Шапка (header), в которой могут размещаться: логотип компании, название сайта, телефоны организации и проч.
  ● Вертикальная и/или горизонтальная навигация по сайту (меню).
  ● Основное содержимое (content).
  ● Рекламные баннеры и ссылки на другие сайты.
  ● Дополнительные модули, например, голосование, опросы, корзина покупателя.
  ● Нижний колонтитул (footer), где размещается дополнительная информация: автор сайта, счетчики посещаемости.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 10 слайд

  Виды сайтов
  По содержимому:
  Статические — содержимое подготавливается заранее и выдается пользователю в том виде, в котором хранится на сервере.
  Динамические — содержимое генерируется при помощи серверных языков программирования.
  По схеме представления информации:
  Коммерческие — сайты компаний, интернет-магазины и т.д.
  Информационные — доносят до пользователя какую-либо информацию.
  Веб-сервисы (порталы) — поисковые системы, электронная почта, форумы, социальные сети.
  По размеру:
  Фиксированной ширины — задается фиксированная ширина сайта.
  «Резиновые» — ширина строго не задается, а изменяет размер в зависимости от размера экрана браузера или разрешения монитора. (Адаптивная вёрстка/тип макета)
  
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 11 слайд

  Протоколы передачи данных
  Взаимодействие компьютеров, серверов, маршрутизаторов, коммутаторов определяется протоколами.
  
  Каждый протокол — четкий и определенный набор правил и соглашений, предписывающий, каким образом производится обмен и обработка информации.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 12 слайд

  Наиболее известные протоколы, используемые в сети Интернет:
  
  ● HTTP (HyperText Transfer Protocol) — это протокол передачи гипертекста. Протокол HTTP используется при пересылке Web-страниц с одного компьютера на другой.
  ● HTTPS (HyperText Transfer Protocol Secure) — это тоже протокол для передачи гипертекста, но использует дополнительное шифрование данных, для более безопасной передачи информации.
  
  ● FTP (File Transfer Protocol) — это протокол передачи файлов со специального файлового сервера на компьютер пользователя. FTP дает возможность абоненту обмениваться двоичными и текстовыми файлами с любым компьютером сети. Установив связь с удаленным компьютером, пользователь может скопировать файл с удаленного компьютера на свой или скопировать файл со своего компьютера на удаленный.
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 13 слайд

  Схема HTTP-запроса страницы.
  
  Учитель Информатики и ИКТ: Роман В.Н.
  

• 14 слайд

  Пользователь набирает в браузере адрес нужного ему сайта, после чего посылается HTTP-запрос серверу. Сервер определяет тип страницы по расширению запрашиваемого файла. Если расширение .html, то это страница статическая, и он сразу формирует html-страничку и отправляет ее обратно пользователю. Если расширение, к примеру .php, то в этом случае, страница уже динамическая, и сервер, в этом случае, подключает интерпретатор php, который в свою очередь может обратиться в базу данных и получить оттуда необходимые данные.
  
  Результат — HTML-код, который веб-сервер посылает обратно на компьютер пользователя. Сгенерированный HTML-код веб-сервер упаковывает в HTTP-пакет, который и передается по сети обратно клиенту. Полученный HTTP-ответ попадает в браузер клиента, который извлекает из него HTML-код и генерирует на его основе графическое представление запрошенной страницы.
  

• 15 слайд

  Процесс разработки сайта
  

• 16 слайд

  Когда заказчик приходит со своей идеей сайта в веб-студию с ним начинает работать менеджер проекта. Очень часто бывает, что идея то у заказчика есть, но она настолько размыта, что тяжело представить на этом этапе, что в итоге хочет получить клиент.
  
  В разных организациях используется свой подход к выяснению потребностей заказчика. Один из вариантов — специальная анкета, после составления которой можно уже представить, как будет выглядеть и каким функционалом обладать будущий сайт.
  
  Далее менеджер составляет два технических задания, одно дизайнеру, на составление макета сайта (дизайна), а другое — программисту, с указанием какой функционал необходимо реализовать в этом проекте.
  
  После этого верстальщику отправляется макет сайта от дизайнера, и различные модули от программиста, и после того, как сайт будет сверстан, копирайтер наполняет его контентом, т.е. заполняет товарами, пишет статьи и т.д. И в это же время seo-специалист начинает заниматься продвижением сайта.
  Учитель Информатики и ИКТ: Роман В.Н.