- •А. П. Багаева разработка web-страниц
- •Университет имени академика м. Ф. Решетнева, 2012 © Багаева а. П., 2012 оглавление
- •5. Форматирование страницы с использованием
- •6. Использование формы для создания интерактивности
- •Предисловие
- •1. Первые шаги по созданию
- •1.1. Структура документа
- •Правила записи тегов
- •Параметры типа метаопределений name
- •Использование цветовых спецификаций при создании web-страницы
- •Способы задания цвета
- •1.2. Форматирование текста
- •Теги логического форматирования
- •Теги физического форматирования
- •1.3. Структурное форматирование
- •Теги структурного форматирования
- •1.4. Списки
- •Практическое задание создание web-страницы
- •2. Настройка страницы.
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •Исходные данные для создания web-страницы
- •2. Делаем web-страницу интереснее
- •2.1. Гиперссылки
- •2.2. Графика и мультимедиа на web-странице
- •2.2.1. Вставка графики в html-документ
- •2.2.2. Встраивание мультимедийных файлов в html-документ
- •Практическое задание графика и гиперссылки на web-странице
- •1. Включение графики.
- •2. Создание гиперссылок.
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •3. Основы построения таблиц
- •3.1. Создание и форматирование простой таблицы
- •3.2. Создание сложных таблиц
- •3.3. Вложенные таблицы
- •3.4. Разметка web-страницы при помощи таблицы
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •4. Оформление страниц с помощью фреймов
- •4.1. Создание простых фреймов
- •4.2. Создание вложенных фреймов
- •4.3. Взаимодействие фреймов
- •4.4. Плавающие фреймы
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •5. Форматирование страницы с использованием каскадных таблиц стилей
- •5.1. Формирование каскадных таблиц стилей
- •Селектор { Свойство: Значение; }
- •Единицы измерений значений свойств
- •5.2. Варианты использования css
- •5.3. Принцип наследования
- •5.4. Обзор свойств css
- •Свойства форматирования текста в css
- •Свойства структурного форматирования в css
- •5.5. Слои и позиционирование документов
- •Использование css при форматировании
- •1. Задание стиля для одного тега.
- •2. Задание стиля для одной web-страницы.
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •6. Использование формы для создания интерактивности на web-странице
- •6.1. Задание формы
- •6.2. Создание элементов управления
- •Теги и атрибуты для пользовательских форм
- •6.3. Комбинирование форм и таблиц
- •Практическое задание создание формы
- •Контрольные вопросы и задания
- •Задания для самостоятельной работы
- •Послесловие
- •Библиографический список
- •Багаева Анна Прокопьевна разработка web-страниц
- •660014, Г. Красноярск, просп. Им. Газ. «Красноярский рабочий», 31.
Министерство образования и науки Российской Федерации
Сибирский государственный аэрокосмический университет
имени академика М. Ф. Решетнева
А. П. Багаева разработка web-страниц
Утверждено редакционно-издательским советом
университета в качестве учебного пособия
для студентов экономических специальностей
всех форм обучения
Красноярск 2012
УДК 004.738.5(075.8)
ББК 32.988.02-018я7
Б14
Рецензенты:
кандидат технических наук, доцент Л. В. Ермолаева
(Красноярский государственный торгово-экономический институт);
доктор технических наук, профессор А. Н. Ловчиков
(Сибирский государственный аэрокосмический университет)
Багаева, А. П.
Б14 Разработка web-страниц : учеб. пособие / А. П. Багаева ; Сиб. гос. аэрокосмич. ун-т. – Красноярск, 2012. – 136 с.
ISBN 978-5-86433-526-0
Учебное пособие содержит последовательное изложение процесса создания web-страницы с помощью языкаHTML. Теоретический материал подкреплен практическими заданиями. Для каждой главы приведен перечень вариантов для самостоятельной работы.
Рекомендовано для студентов экономического направления, изучающих дисциплины «Информатика и интернет-технологии», «Разработка web-страниц», «Разработка электронного портала», «Интернет-программирование», «Программные средства разработкиweb-страниц и презентаций». Также может быть рекомендовано для всех студентов других направлений, изучающих интернет-технологии.
УДК 004.738.5(075.8)
ББК 32.988.02-018я7
ISBN978-5-86433-526-0 © Сибирский государственный аэрокосмический
Университет имени академика м. Ф. Решетнева, 2012 © Багаева а. П., 2012 оглавление
Предисловие 5
1. Первые шаги по созданию web-страницы 6
1.1. Структура документа 6
1.2. Форматирование текста 18
1.3. Структурное форматирование 23
1.4. Списки 25
Практическое задание. Создание web-страницы 28
Контрольные вопросы и задания 29
Задания для самостоятельной работы 30
2. Делаем web-страницу интереснее 33
2.1. Гиперссылки 33
2.2. Графика и мультимедиа на web-странице 37
Практическое задание. Графика и гиперссылки на web-странице 45
Контрольные вопросы и задания 46
Задания для самостоятельной работы 47
3. Основы построения таблиц 49
3.1. Создание и форматирование простой таблицы 49
3.2. Создание сложных таблиц 59
3.3. Вложенные таблицы 62
3.4. Разметка web-страницы при помощи таблицы 63
Практическое задание. Создание таблиц 66
Контрольные вопросы и задания 68
Задания для самостоятельной работы 68
4. Оформление страниц с помощью фреймов 70
4.1. Создание простых фреймов 70
4.2. Создание вложенных фреймов 75
4.3. Взаимодействие фреймов 78
4.4. Плавающие фреймы 82
Практическое задание. Разметка web-страницы с помощью
фреймов 84
Контрольные вопросы и задания 85
Задания для самостоятельной работы 86
5. Форматирование страницы с использованием
каскадных таблиц стилей 87
5.1. Формирование каскадных таблиц стилей 88
5.2. Варианты использования CSS 92
5.3. Принцип наследования 95
5.4. Обзор свойств CSS 98
5.5. Слои и позиционирование документов 108
Практическое задание. Использование CSS
при форматировании web-страниц 112
Контрольные вопросы и задания 114
Задания для самостоятельной работы 115