Проектирование и разработка web – сайтов
курс лекций по дисциплине
«Проектирование и разработка WEB– сайтов»
для студентов специальности 1–40 01 02 "Информационные системы и технологии по (направлениям)"
Гомель 2012
УДК
ББК
Авторы составители: Д.А. Литвинов
курс лекций по дисциплине «Проектирование и разработка WEB– сайтов» . – Гомель, ГГТУ им. П.О. Сухого, 2012. – 148 с.
Курс лекций предназначен для обучения проектированию и разработка WEB – сайтов. Описаны языки HTML и CSS, применяемые, для создания содержимого и представления Web-страниц. Рассматриваются основные подходы к созданию web – станиц, задание макетов сайтов, приемы создания интерактивных компонентов сайта.
Рецензент: Рябченко А.И., к.ф.-м.н., доцент, заведующий кафедрой «Информатика» УО ГГТУ им. П.О. Сухого
©Учреждение образования «Гомельский государственный технический университет имени П. О. Сухого», 2012
- Учреждение образования «Гомельский государственный технический университет имени п.О. Сухого»
- Проектирование и разработка 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 Применение таблиц для склейки изображений
- Литература
- Содержание