- •Учреждение образования «Гомельский государственный технический университет имени п.О. Сухого»
- •Проектирование и разработка web – сайтов
- •Html. Язык разметки гипертекста
- •1. Глобальные компьютерные сети
- •1.1 Интернет. Основные понятия, принципы функционирования
- •1.2 Адресация в Интернете
- •1.3 Архитектура web-приложений
- •1.4 Современные web - технологии
- •2. Язык гипертекстовой разметки страниц html
- •2.1 Язык гипертекстовой разметки страниц 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.3Html5 и старые браузеры
- •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- точка в файле, начиная с которой следует отображать ресурс.