- •Учреждение образования «Гомельский государственный технический университет имени п.О. Сухого»
- •Проектирование и разработка web – сайтов
- •Html. Язык разметки гипертекста
- •1. Глобальные компьютерные сети
- •1.1 Интернет. Основные понятия, принципы функционирования
- •1.2 Адресация в Интернете
- •1.3 Архитектура web-приложений
- •1.4 Современные web - технологии
- •2.1 Язык гипертекстовой разметки страниц html
- •2. Язык гипертекстовой разметки страниц html
- •2.2 Структура html-документа
- •2.2 Задание типа html-документа
- •2.3 Основные элементы заголовка html-документа
- •2.4 Теги форматирования html-документа
- •2.5 Графические объекты html-документа
- •2.6 Задание ссылок
- •2.7 Структурированные данные. Списки
- •2.8 Структурированные данные. Таблицы
- •3. Язык гипертекстовой разметки страниц html. Фреймы
- •4. Язык гипертекстовой разметки страниц html. Формы
- •4.1 Задание формы
- •4.2 Элементы пользовательского интерфейса
- •4.3 Задание кнопок. Тег button
- •4.4 Раскрывающийся список. Тег select
- •4.5 Текстовая область. Тег textarea
- •Css. Каскадные таблицы стилей
- •5. Назначение стилевых таблиц
- •5.1 Встраивание таблиц стилей в html-документ
- •5.2 Типы селекторов
- •5.2.1 Универсальный селектор
- •5.2.2 Селектор типа
- •5.2.3 Селектор класса
- •5.2.4 Селектор идентификатора
- •5.2.5 Селектор атрибутов
- •5.2.6 Селектор псевдоклассов
- •5.2.7 Селекторы псевдоэлементов
- •5.2.8 Составные селекторы. Комбинаторы
- •5.2.9 Селектор потомка
- •5.2.10 Селектор дочерних элементов
- •5.2.11 Селектор cестринского элемента
- •5.2.12 Селектор обобщенных родственных элементов
- •5.3 Иерархия стилей
- •5.4 Единицы измерения
- •5.5 Описание шрифтов
- •5.6 Оформление списков
- •5.7 Задание цвета и фона
- •5.8 Блочная модель документа. Размеры, поля, отступы, границы
- •5.9 Блочная модель документа. Позиционирование, обтекание, управление видимостью
- •1. Вариант
- •2. Вариант
- •3. Вариант
- •6.1 Описание языка html5
- •6.2 Структурные элементы html5
- •6.3 Html5 и старые браузеры
- •6.4 Пример сайта на html5
- •7. Этапу разработки сайта
- •7.1 Этапы верстки веб-страниц
- •7.2 Особенности верстки веб-страниц
- •7.3 Макет сайта. Табличная верстка
- •7.4 Применение таблиц для верстки сайта. Макет из двух колонок
- •Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- •Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- •Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- •7.5 Применение таблиц для верстки сайта. Макет из трех колонок
- •Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- •Vertical-align: top; /* Выравнивание по верхнему краю ячейки */
- •Vertical-align: top; /* Выравнивание по верхнему краю ячейки */
- •7.6 Применение таблиц для создания рамок
- •7.7 Применение таблиц для склейки изображений
- •Литература
- •Содержание
Министерство образования Республики Беларусь
Учреждение образования «Гомельский государственный технический университет имени п.О. Сухого»
Кафедра «Информационные технологии»
Д.А. Литвинов
Проектирование и разработка web – сайтов
курс лекций по дисциплине
«Проектирование и разработка WEB – сайтов»
для студентов специальности 1–40 01 02 "Информационные системы и технологии по (направлениям)"
Гомель 2012
УДК
ББК
Авторы составители: Д.А. Литвинов
курс лекций по дисциплине «Проектирование и разработка WEB – сайтов» . – Гомель, ГГТУ им. П.О. Сухого, 2012. – 148 с.
Курс лекций предназначен для обучения проектированию и разработка WEB – сайтов. Описаны языки HTML и CSS, применяемые, для создания содержимого и представления Web-страниц. Рассматриваются основные подходы к созданию web – станиц, задание макетов сайтов, приемы создания интерактивных компонентов сайта.
Рецензент: Рябченко А.И., к.ф.-м.н., доцент, заведующий кафедрой «Информатика» УО ГГТУ им. П.О. Сухого
©Учреждение образования «Гомельский государственный технический университет имени П. О. Сухого», 2012
Html. Язык разметки гипертекста
1. Глобальные компьютерные сети
1.1 Интернет. Основные понятия, принципы функционирования
Интернет (Internet) – глобальная сеть, объединяющая компьютеры и сети, имеющие различную архитектуру, системное программное обеспечение и т.д. Для передачи информации из одного вида сетей в другой используются шлюзы (gateway) – устройства, служащие для объединения сетей с различными протоколами обмена. На стыке сетей располагаются маршрутизаторы (router) – устройства, определяющие маршруты пакетов.
Сеть Интернет построена на основе протокола TCP/IP (Transmission Control Protocol/Internet Protocol) состоящего из двух главных сетевых протоколов:
IP (Internet Protocol) – межсетевой протокол (протокол маршрутизации, транспортный протокол). Определяет формат пакетов, формат адресов компьютеров сети, маршрут пакета, правила обработки пакетов маршрутизаторами и компьютерами сети.
TCP (Transmission Control Protocol) – протокол контроля передачи данных. Обеспечивает надежность передачи данных и сборку всех пакетов в единое сообщение.
Помимо базовых протоколов существуют прикладные протоколы (высокоуровневые), отвечающие за функционирование служб Интернета (HTTP, FTP, SMTP, POP3, IMAP и др.).
Основным проколом Интернет является протокол передачи гипертекста HTTP (Hypertext Transfer Protocol) предназначенный для передачи гипертекстовых документов от сервера к клиенту. Сервер HTTP (Web сервер) находится в состоянии ожидания соединения со стороны клиента по порту 80 TCP, а клиент HTTP (Web браузер) является инициатором соединения. Все, к чему может получить доступ пользователь – называют ресурсами сети. Каждый ресурс имеет уникальный для адрес, называемый универсальным идентификатором ресурса URI (Universal Resource Identifier). В самом общем случае URI выглядит следующим образом:
protocol://user:password@host:port/path/file?parameters#fragment
Отдельные поля URI имеют следующее назначение:
protocol - протокол, посредством которого получают доступ к ресурсу;
user – имя пользователь;
password - пароль для аутентификации;
host - IP-адрес или имя сервера, на котором расположен ресурс;
port - номер порта, на котором работает сервер, предоставляющий доступ к ресурсу;
path - путь к файлу, содержащему ресурс;
file - файл, содержащий ресурс;
parameters - параметры для обработки ресурсом-программой;
fragment - точка в файле, начиная с которой следует отображать ресурс.
