- •А. П. Багаева разработка 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.
Контрольные вопросы и задания
Что можно назвать формой?
Какой тег используется для задания формы?
Назовите основные атрибуты тега <FORM>. Для чего каждый из них предназначен?
С помощью каких тегов помещаются элементы управления на форму?
Как задать текстовую строку на форме?
Перечислите основные атрибуты при использовании элемента «пользовательский пароль»?
С помощью чего можно задать группу флажков на форме?
Как можно связать изображение флажка с его надписью?
В чем суть элемента переключателя и как он устанавливается на форму?
Каким атрибутом отмечается один из переключателей в списке?
Можно ли связать элемент переключателя с его надписью?
Назовите виды кнопок, которые можно разместить на форме?
Что означает атрибут VALUE при создании кнопок?
Чем отличается создание графической кнопки от обычной?
Для чего предназначен тег <TEXTAREA>?
С помощью каких тегов задаются строки списка на форме?
Что означает атрибут SELECTED при его использовании?
Что дает применение таблиц при размещении элементов управления на форме?
Задания для самостоятельной работы
Переведите обычное содержание бланков в электронный вид. Создайте форму для определенного вида бланка, указанного в номере варианта и находящегося на сайте 2blanka.ru.
Карточка регистрации, форма № 9.
Банковская квитанция, форма ПД4.
Листок статистического учета прибытия форма, № 12П.
Бланк абонемента на газету, журнал, форма СП-1.
Бланк реестра сведений о доходах физических лиц.
Почтовый перевод, ф. 113эн.
Личная карточка водителя.
Бланк квитанции на оплату штрафа.
Квитанция Мосэнерго для однотарифных электросчетчиков.
Заявление о переводе в иностранной валюте.
Заявление о переводе по системе Сбербанка.
Заявление о выдаче паспорта РФ.
Адресный листок убытия, форма 7.
Анкета-заявление на загранпаспорт.
Уведомление о закрытии счетов (вкладов) в банках за пределами территории РФ.
Поквартирная карточка, форма 10.
Послесловие
В этом учебном пособии был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции, свойства и параметры. Сегодня применение этого языка практикуется во всех без исключения электронных документах – независимо от тематики, величины и коммерческой направленности интернет-проекта.
В поддержку языка HTML была разработана целая серия языков программирования, таких как Java, JavaScrip, Perl, PHP и т. д. С помощью этих языков стало возможным создание динамических web-страниц, включающих формы, таблицы, фреймы и другие элементы.
С помощью Java создаются небольшие программы – апплеты, которые включаются в состав HTML-файла. Код апплета интерпретируется браузером или сервером. JavaScript – это язык сценариев, с помощью которого можно расширять возможности HTML-страницы. Эти программы встраиваются в HTML-документы с помощью парного тега <SCRIPT>. PHP – это язык сценариев, обрабатываемый сервером, он также включается в состав HTML-документа.
Кроме HTML-языка были созданы языки, имеющие что-то общее с ним или похожи на него. Так, например, XML похож на HTML тем, что в нем используются теги для описания различных разделов документа, а различие состоит в определении тегов с собственными способами воспроизведения информации. Язык XHTML – это сочетание HTML и XML. Язык DHTML (динамический HTML) – это попытка объединить объектную модель документа, язык JavaScript и каскадные таблицы стилей.
Лучшими программами для создания web-страниц являются Adobe Golive, Microsoft Front Page, Macromedia Dreamweaver. Для редактирования изображения могут применяться программы Adobe Photoshop, Macromedia Flash, Corel DRAW. Для работы с аудио- и видеоданными – программы Adobe Premier, Apple Final Cut Pro, Apple Quick Time, Windows Media.
В дальнейшем при создании web-страниц, опираясь на HTML и используя возможности вышеперечисленных средств, можно научиться разрабатывать web-страницы на хорошем уровне.