1. INTERNET 2. ВВЕДЕНИЕ В ТЕХНОЛОГИЮ СОЗДАНИЯ WEB-САЙТОВ 3. ЯЗЫК HTML 4.0 4. ДИНАМИЧЕСКИЙ HTML Создание web-страниц. - презентация

1 1. INTERNET 2. ВВЕДЕНИЕ В ТЕХНОЛОГИЮ СОЗДАНИЯ WEB-САЙТОВ 3. ЯЗЫК HTML ДИНАМИЧЕСКИЙ HTML Создание web-страниц

2 1. ИСТОРИЯ ВОЗНИКНОВЕНИЯ INTERNET 2. КАК РАБОТАЕТ INTERNET 3. ДОМЕННАЯ СИСТЕМА ИМЕН 4. УСЛУГИ, ПРЕДОСТАВЛЯЕМЫЕ СЕТЬЮ INTERNET 5. КОДИРОВКА КИРИЛЛИЦЫ INTERNET

3 История возникновения Internet 1961 г. Defence Advanced Research Agency по заданию министерства обороны США приступило к проекту по созданию экспериментальной сети передачи пакетов – ARPAnet Проект "Internetting Project", призванный усовершенствовать возможности ARPAnet – Internet Protocol (IP) 1975 г. ARPAnet превратился из экспериментальной сети в рабочую 1983 г. вышел стандарт для протоколов TCP/IP 1991 г. ARPAnet прекратил своё существование

4 Как работает Internet Основополагающим протоколома в сети Internet является протоколы: Internet Protocol (IP) и Transmission Control Protocol (TCP) Межсетевой протокол (IP) отвечает за адресацию Для передачи данных между узлами сети используется протокол управления передачей (TCP) Передаваемые данные в сети Internet разбиваются на блоки определённого размера Всем пакетам назначается номер, позволяющий собрать их в правильной последовательности, и добавляется дополнительная служебная информация

5 Адресация компьютеров в Internet

6 Доменная система имён DNS – Domain Name System Цифровые адреса хороши при общении компьютеров, а для людей предпочтительнее имена Доменная система имён представляет собой метод назначения адреса путём возложения на разные группы пользователей ответственности за подмножества имён

7

8 Доменные высшего (первого) уровня разделены на две категории 1) общие домены верхнего уровня 2) домены верхнего уровня по кодам страны – национальные домены

9 Общие домены верхнего уровня Открытые com – для коммерческих организаций net – для сетевых ресурсов org – для общественных организаций Для определённых объектов int – для международных организаций edu – для учебных заведений gov – для правительственных учреждений США (кроме военных) mil – для военных учреждений США

10 Национальные домены соответствуют двухбуквенному коду страны, принятому Международной организацией по стандартизации (документ ISO 3166 – Codes for the Representation of Names of Countries) ru us uk su

11 Услуги, предоставляемые Internet Электронная почта ( ) Сетевые новости Usenet Списки рассылки (maillists) FTP (File Transfer Protocol) WWW (World Wide Web – всемирная паутина) Ping - проверка доступности удаленного компьютера по сети Traceroute (или tracert) выдаёт маршрут соединения двух удалённых компьютеров

12 Кодировка кириллицы Кодировкой (encoding) или кодовой таблицей называется общепринятый стандарт, который позволяет отображать знаки национальных алфавитов Кодировка представляет собой таблицу символов, где каждой букве алфавита (а также цифрам и специальным знакам) присвоен свой уникальный номер - код символа

13 однобайтовые (восьмибитные) двухбайтовые (шестнадцатибитные) позволяет закодировать не больше 256 символов KOI8-R Windows-1251 ISO позволяет закодировать не больше символов Unicode UTF-8 Виды кодировок

14

15 1. ПОНЯТИЕ WEB-САЙТА 2. ЭТАПЫ РАЗРАБОТКИ WEB-САЙТА 3. КОМПОНОВКА САЙТА ВВЕДЕНИЕ В ТЕХНОЛОГИЮ СОЗДАНИЯ WEB-САЙТОВ

16 Понятие WEB-сайта Информация, доступная пользователям Internet, располагается на специальных компьютерах (web-серверах) Значительная часть этой информации организована в виде web-сайтов. Web-сайт построен по технологии, в основе которой лежит принцип создания гипертекстовых документов (web-страниц)

17 Для работы в WWW используется протокол HTTP (Hyper Text Transmission Protocol) Программы, позволяющие работать с соответствующими документами в Internet, называются браузерами Браузер определяет местонахождения различных информационных ресурсов в WWW с помощью URL-адреса (Uniform Resource Locator – универсальный определитель местонахождения ресурса)

18 Формат URL включает тип протокола доступа (HTTP, FTP и т.п.) IP- или доменный адрес машины номер TCP-порта адрес ресурса на сервере (каталог или путь) имя HTML-файла и метку критерий поиска данных

19 Для каждого вида протокола приложений выбирается своё подмножество полей keyword2

20 Этапы разработки WEB-сайта Планирование Реализация Тестирование Публикация Рекламирование Сопровождение

21 На стадии планирования определяется цели создания web-сайта характер содержимого структура особенности оформления (определяется структура каждой страницы и разрабатывается графика)

22 Набор тематических рубрик с распределёнными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса называется логической структурой сайта Физическая структура подразумевает алгоритм размещения физических файлов по вложенным папкам текущей папки, в которой опубликован сайт

23 Любую страницу можно оценить по трем параметрам 1. контенту (смысловое содержание) 2. внешнему виду 3. навигации

24 На стадии реализации проводится подготовка текстового и графического материала (печать, сканирование) материал разбивается по файлам в соответствии со структурой организуются ссылки между файлами сайта

25 тестирование на работоспособность тестирование на удобство пользования интерфейсом проверяется, как функционирует web- сайт, используя те же условия, при которых с ним будет работать пользователь проверить web-сайт в различных браузерах на удобство пользования интерфейсом крупные компании приглашают специальные группы людей, и наблюдают как они пользуются сайтом, где возникают трудности Стадия тестирования состоит из двух этапов

26 Публикация. Готовый web-сайт необходимо опубликовать на web-сервере, чтобы он был доступен в сети Internet Рекламирование сайта. Размещение информации о сайте на поисковом web-сайте, организация взаимных ссылок с другими сайтами и т.д. Сопровождение сайта. Важно, чтобы предоставляемая на web-сайте информация всегда была актуальной

27 Компоновка сайта Современные мониторы поддерживают различные видеорежимы. В зависимости от разрешения в одном и том же браузере web-страница может отображаться по разному Для того чтобы избежать деформации web-страницы все её компоненты заключаются в соответствующие ячейки невидимой таблицы с фиксированной шириной Иной подход – ширину невидимой таблицы, содержащей фрагменты web-страницы, задавать в процентах от текущей ширины экрана либо вообще компоновать дизайн сайта без жесткого табличного "каркаса"

28 Адаптивный дизайн (самонастраивающийся к изменению размеров экрана)

29 Жёстко-переменный дизайн (адаптивной к изменению размеров экрана с жёсткими, неизменяющимися областями)

30 Жёсткий дизайн (не адаптивной к изменению размеров экрана)

31

32

33

34