- •А. П. Багаева разработка 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.
Контрольные вопросы и задания
Что такое фрейм?
Для чего предназначен фрейм?
Какие этапы используются при создании простой организации фреймов?
В чем отличие простого HTML-документа от документа с фреймовой организацией?
Какие теги используют для оформления фреймов?
Какие атрибуты тега <FRAMESET> определяют количество вертикальных и горизонтальных отрезков во фреймовом наборе?
Какие атрибуты предназначены для изменения параметров рамок фреймов?
Какая существует последовательность для задания параметров фреймов на странице?
Какие единицы используются для задания размеров фрейма?
Для чего предназначен тег <FRAME>?
Для чего используется атрибут NORESIZE тега <FRAME>?
Перечислите остальные атрибуты тега <FRAME> и их назначения.
Как происходит оформление web-страницы фреймами простой организации?
Как происходит оформление web-страницы с использованием сложной организации фреймов?
Для чего используются атрибуты NAME и TARGET тега <FRAME>?
Перечислите зарезервированные имена фреймов.
Что такое целевой и базовый фрейм?
Назовите способ задания базового фрейма.
Какой фрейм является плавающим?
Как и где создается плавающий фрейм?
Задания для самостоятельной работы
Создайте вложенную фреймовую структуру на web-странице согласно варианту, указанному ниже.
1
|
2
| |||||||||||||||||||
3
|
4
| |||||||||||||||||||
5
|
6
|
7
|
8
| |||||||||||||||||||
9
|
10
| |||||||||||||||||||
11
|
12
|
13
|
14
| |||||||||||||||||||||
15
|
16
|