Создание web-страниц

Создание web-страниц
1. INTERNET
2 . В В Е Д Е Н И Е В Т Е Х Н ОЛ О Г И Ю С О З Д А Н И Я
W E B - С А Й ТО В
3. ЯЗЫК HTML 4.0
4. ДИНАМИЧЕСКИЙ HTML
INTERNET
1.
2.
3.
4.
5.
И С ТО Р И Я В О З Н И К Н О В Е Н И Я I N T E R N E T
К А К РА Б О ТА Е Т I N T E R N E T
ДОМЕННАЯ СИСТЕМА ИМЕН
УС Л У Г И , П Р Е Д О С ТА В Л Я Е М Ы Е С Е Т Ь Ю
INTERNET
К ОД И Р О В К А К И Р И Л Л И Ц Ы
История возникновения Internet
 1961 г. Defence Advanced Research Agency по




заданию министерства обороны США
приступило к проекту по созданию
экспериментальной сети передачи пакетов –
ARPAnet
Проект "Internetting Project", призванный
усовершенствовать возможности ARPAnet –
Internet Protocol (IP)
1975 г. ARPAnet превратился из
экспериментальной сети в рабочую
1983 г. вышел стандарт для протоколов TCP/IP
1991 г. ARPAnet прекратил своё существование
Как работает Internet
 Основополагающим протоколома в сети Internet




является протоколы: Internet Protocol (IP) и
Transmission Control Protocol (TCP)
Межсетевой протокол (IP) отвечает за адресацию
Для передачи данных между узлами сети
используется протокол управления передачей (TCP)
Передаваемые данные в сети Internet разбиваются на
блоки определённого размера
Всем пакетам назначается номер, позволяющий
собрать их в правильной последовательности, и
добавляется дополнительная служебная информация
Адресация компьютеров в Internet
 Каждый компьютер в сети Internet имеет свой
уникальный адрес, представляющие собой 4байтовую последовательность
 Каждое из чисел IP-адреса может принимать значение
от 0 до 255. При записи числа отделяются одно от
другого точками
 Собственно Internet-адрес соответствует не
компьютеру, а его сетевому интерфейсу
Доменная система имён
DNS – Domain Name System
 Цифровые адреса хороши при общении
компьютеров, а для людей предпочтительнее
имена
 Доменная система имён представляет собой
метод назначения адреса путём возложения на
разные группы пользователей ответственности
за подмножества имён
 Домены делятся по уровням. Самый правый в
адресе домен называется доменом первого
уровня, следующие за ним справа налево –
второго, третьего и т.д.
 В адресе может быть любое число уровней
Доменные высшего (первого) уровня разделены
на две категории
1) общие домены верхнего уровня
2) домены верхнего уровня по кодам страны –
национальные домены
Общие домены верхнего уровня
Открытые
 com – для коммерческих организаций
 net – для сетевых ресурсов
 org – для общественных организаций
Для определённых объектов
 int – для международных организаций
 edu – для учебных заведений
 gov – для правительственных учреждений США
(кроме военных)
 mil – для военных учреждений США
Национальные домены
 соответствуют двухбуквенному коду страны,
принятому Международной организацией по
стандартизации (документ ISO 3166 – Codes for
the Representation of Names of Countries)
 ru
 us
 uk
 su
Услуги, предоставляемые Internet
 Электронная почта (e-mail)
 Сетевые новости Usenet
 Списки рассылки (maillists)
 FTP (File Transfer Protocol)
 WWW (World Wide Web – всемирная паутина)
 Ping - проверка доступности удаленного
компьютера по сети
 Traceroute (или tracert) выдаёт маршрут
соединения двух удалённых компьютеров
Кодировка кириллицы
 Кодировкой (encoding) или кодовой таблицей
называется общепринятый стандарт, который
позволяет отображать знаки национальных
алфавитов
 Кодировка представляет собой таблицу символов,
где каждой букве алфавита (а также цифрам и
специальным знакам) присвоен свой уникальный
номер - код символа
Виды кодировок
однобайтовые
(восьмибитные)
двухбайтовые
(шестнадцатибитные)
 позволяет
 позволяет
закодировать не
больше 256 символов
 KOI8-R
 Windows-1251
 ISO-8859-5
закодировать не
больше 65536
символов
 Unicode UTF-8
ВВЕДЕНИЕ В ТЕХНОЛОГИЮ
СОЗДАНИЯ WEB-САЙТОВ
1.
2.
3.
П О Н Я Т И Е W E B - С А Й ТА
ЭТА П Ы РА З РА Б О Т К И W E B - С А Й ТА
К О М П О Н О В К А С А Й ТА
Понятие WEB-сайта
 Информация, доступная пользователям Internet,
располагается на специальных компьютерах
(web-серверах)
 Значительная часть этой информации
организована в виде web-сайтов.
 Web-сайт построен по технологии, в основе
которой лежит принцип создания
гипертекстовых документов (web-страниц)
 Для работы в WWW используется протокол HTTP
(Hyper Text Transmission Protocol)
 Программы, позволяющие работать с
соответствующими документами в Internet,
называются браузерами
 Браузер определяет местонахождения
различных информационных ресурсов в WWW с
помощью URL-адреса (Uniform Resource Locator –
универсальный определитель местонахождения
ресурса)
Формат URL включает
 тип протокола доступа (HTTP, FTP и т.п.)
 IP- или доменный адрес машины
 номер TCP-порта
 адрес ресурса на сервере (каталог или путь)
 имя HTML-файла и метку
 критерий поиска данных
Для каждого вида протокола приложений
выбирается своё подмножество полей
 http://www.server.ru/folder/index.html
 http://192.112.36.5/folder/index.html
 http://www.server.ru:8080/folder/index.html
 http://www.server.ru/folder/index.html?keyword1+
keyword2
Этапы разработки WEB-сайта
 Планирование
 Реализация
 Тестирование
 Публикация
 Рекламирование
 Сопровождение
На стадии планирования определяется
 цели создания web-сайта
 характер содержимого
 структура
 особенности оформления (определяется
структура каждой страницы и разрабатывается
графика)
 Набор тематических рубрик с
распределёнными по
соответствующим разделам
документами и заранее
спроектированными
гиперсвязями между всеми
страницами ресурса
называется логической
структурой сайта
 Физическая структура
подразумевает алгоритм
размещения физических
файлов по вложенным папкам
текущей папки, в которой
опубликован сайт
Любую страницу можно оценить по трем параметрам
контенту (смысловое содержание)
2. внешнему виду
3. навигации
1.
На стадии реализации
 проводится подготовка текстового и графического
материала (печать, сканирование)
 материал разбивается по файлам в соответствии
со структурой
 организуются ссылки между файлами сайта
Стадия тестирования состоит из двух этапов
тестирование на
работоспособность


проверяется, как
функционирует webсайт, используя те же
условия, при которых с
ним будет работать
пользователь
проверить web-сайт в
различных браузерах
тестирование на удобство
пользования интерфейсом
 на удобство пользования
интерфейсом крупные
компании приглашают
специальные группы
людей, и наблюдают как
они пользуются сайтом,
где возникают трудности
 Публикация. Готовый web-сайт необходимо
опубликовать на web-сервере, чтобы он был
доступен в сети Internet
 Рекламирование сайта. Размещение информации
о сайте на поисковом web-сайте, организация
взаимных ссылок с другими сайтами и т.д.
 Сопровождение сайта. Важно, чтобы
предоставляемая на web-сайте информация всегда
была актуальной
Компоновка сайта
 Современные мониторы поддерживают различные
видеорежимы. В зависимости от разрешения в одном и
том же браузере web-страница может отображаться по
разному
 Для того чтобы избежать деформации web-страницы
все её компоненты заключаются в соответствующие
ячейки невидимой таблицы с фиксированной
шириной
 Иной подход – ширину невидимой таблицы,
содержащей фрагменты web-страницы, задавать в
процентах от текущей ширины экрана либо вообще
компоновать дизайн сайта без жесткого табличного
"каркаса"
Адаптивный дизайн (самонастраивающийся к
изменению размеров экрана)
Жёстко-переменный дизайн (адаптивной к изменению
размеров экрана с жёсткими, неизменяющимися областями)
Жёсткий дизайн (не адаптивной к изменению
размеров экрана)