- •Язык разметки гипертекста html. Назначение html
- •Язык разметки гипертекста html
- •Краткая история html
- •Программы для просмотра электронных документов
- •Лабораторная работа № 1. Язык разметки гипертекста html. Основные понятия языка
- •Основные понятия
- •Структура документа html
- •Задания к лабораторной работе № 1 Задание 1. Создание простейшей Web-страницы.
- •Контрольные вопросы
- •Лабораторная работа № 2. Форматирование текста.
- •Форматирование абзаца
- •Форматирование шрифта
- •Физические стили
- •Размер шрифта
- •Логические стили
- •Горизонтальные линии
- •Escape последовательности (символьные объекты)
- •Контрольные вопросы
- •Лабораторная работа № 3. Управление цветом
- •Цветовая гамма html-документа
- •Сочетание цветов
- •Задания к лабораторной работе № 3 Управление цветом
- •Контрольные вопросы
- •Лабораторная работа № 4. Гиперссылки
- •Относительные адреса ссылок
- •Задания к лабораторной работе № 4 Гипертекстовые ссылки Задание к лабораторной работе №4
- •Контрольные вопросы
- •Лабораторная работа № 5. Работа со списками
- •Маркированный (ненумерованный - Unordered List) список
- •Нумерованные списки
- •Вложенный список
- •Списки определений
- •Список-меню
- •Список-указатель (список-индекс)
- •Теплым.
- •Круглым.
- •Желтым.
- •Контрольные вопросы
- •Лабораторная работа № 6. Вставка графических изображений
- •Роль графики
- •Характеристика графических стандартов
- •Вставка графических изображений
- •Использование карт изображений
- •Преимущества и недостатки карт-изображений
- •Область применения
- •Конфигурация карт-изображений
- •Типы карт-изображений
- •Серверный вариант
- •Клиентский вариант
- •Задания к лабораторной работе № 6 Вставка графических изображений
- •Примеры карт
- •Карта 2
- •Контрольные вопросы
- •Лабораторная работа № 7. Таблицы html-документов
- •Основные методы создания таблиц
- •Цветные таблицы
- •Группировка данных
- •Колонтитулы таблицы
- •Прорисовка структуры таблицы
- •Вложенные таблицы
- •Преимущества вложенных таблиц
- •Задания к лабораторной работе № 7.
- •Задание 3. Форматирование таблицы
- •Контрольные вопросы
- •Лабораторная работа № 8. Формы
- •1. Организация обратной связи
- •2. Авторизация
- •3. Проведение исследований
- •4. Пользовательский профиль
- •Структура пользовательских форм
- •Параметры текстовой строки
- •Параметры опции выбора
- •Параметры кнопки с рисунком
- •Параметры текстового поля
- •Параметры
- •Параметры текстового поля
- •Задания к лабораторной работе № 6 Формы
- •Индивидуальное задание
- •Контрольные вопросы
- •Лабораторная работа № 9. Фреймы
- •Синтаксис фреймов
- •Атрибуты:
- •Планирование фреймов и взаимодействия между фреймами
- •Зарезервированные имена фреймов
- •Бегущая строка (элемент marquee)
- •Фиксация информации на экране (элемент banner)
- •Задания к лабораторной работе № 9. Фреймы
- •Контрольные вопросы
- •Справочник
- •Приложение 1. Таблица спецсимволов
- •Литература
Задания к лабораторной работе № 6 Формы
№ |
Общее задание |
|
|
Создайте HTML – форму "Личная", в которой пользователь будет задавать свое имя, фамилию, адрес, интересы (может быть несколько), username, password. Предусмотреть текстовое поле для комментария из нескольких строк. Следует учитывать следующие моменты компоновки и дизайна HTML – форм выбор даты, месяца и года рождения должен производиться различными способами. Предусмотрите в данной форме гиперссылку для перехода на другой Web – документ. |
|
|
В новом HTML – документе разработайте HTML-форму, в которой на примере своей зачетной книжке (дисциплина и оценка), покажите использование различных видов списков для компоновки форм, использование флажков и переключателей. |
Индивидуальное задание
Выполнить в виде формы, предусмотреть создание как минимум 4 web-страниц, кнопок Clear и Submit. Сформировать HTML – форму, в которой выбор информации осуществляется из различных видов списков.
№ варианта |
Задание |
1 |
Опрос общественного мнения о марке любимых сигарет. |
2 |
Опрос общественного мнения о марке любимого автомобиля |
3 |
Опрос общественного мнения об используемом операторе сотовой связи |
4 |
Опрос общественного мнения о марке используемого сотового телефона |
5 |
Опрос общественного мнения о вреде наркотиков |
6 |
Опрос общественного мнения об отношении к глобальному потеплению |
7 |
Опрос общественного мнения о любимом отечественном киноактёре |
8 |
Опрос общественного мнения о любимом зарубежном киноактёре |
9 |
Опрос общественного мнения о любимой отечественной киноактрисе |
10 |
Опрос общественного мнения о любимой зарубежной киноактрисе |
11 |
Опрос общественного мнения о предпочтении поисковой системы в сети Internet |
12 |
Опрос общественного мнения о любимом виде спорта |
13 |
Опрос общественного мнения о любимом питомце |
14 |
Опрос общественного мнения о любимом певце |
15 |
Опрос общественного мнения о любимой певице |
Контрольные вопросы
Перечислите основные теги для создания HTML–форм.
Тег (дескриптор) FORM.
Ввод информации в HTML–форму. Тег INPUT.
Создание паролей в HTML–формах.
Осуществление выбора информации с помощью флажков и переключателей.
Назначение кнопки RESET.
Назначение кнопки SUBMIT.
Выбор информации в HTML–форме. Основные теги и их характеристика.
Характеристика дескриптора TEXTAREA.
Какой тег следует указывать при поиске из нескольких массивов информации?
Если форма, проектируемая пользователем достаточно велика, то какой способ используют для размещения информации?
Какой тег используется для формирования горизонтальной строки?
Какой тег используют для перевода строки?
Что улучшает совместное использование в Web документе таблиц и форм?
Какие элементы управления позволяют передать данные с компьютера клиента на сервер?
Напишите пример одновременного использования HTML-форм, таблиц и кнопки передачи запроса.