- •Оглавление
- •Введение
- •Задание
- •Лабораторная работа №3: Разрыв строки
- •Кавычки.
- •Дефис и тире.
- •Глава 4. Шрифты
- •Лабораторная работа №1: Гарнитура
- •Задание
- •Лабораторная работа №4: Другие параметры
- •Лабораторная работа №2: Параметры заголовка
- •Задание
- •Глава 7. Логическая разметка гипертекста
- •Лабораторная работа №1: Расстановка акцентов
- •Лабораторная работа №2: Цитаты
- •Лабораторная работа №3: Верхние и нижние индексы
- •Лабораторная работа №4: Дескрипторы pre и var
- •Лабораторная работа №5: Сокращения и обратный адрес.
- •Задание
- •Глава 8. Списки Лабораторная работа №1: Нумерованные списки
- •Задание
- •Лабораторная работа №2: Маркированные списки
- •Задание
- •Лабораторная работа №3: Параметры элемента списка
- •Лабораторная работа №4: Многоуровневые списки
- •Задание
- •Глава 9. Графика на Web-странице Лабораторная работа №1: Вставка графики в текст
- •Лабораторная работа №2: Размеры изображения и контекстная подсказка
- •Задание
- •Лабораторная работа №3: Обтекание графики текстом
- •Задание
- •Лабораторная работа №4: Выравнивание по вертикали
- •Задание
- •Лабораторная работа №4: Картина в рамке
- •Лабораторная работа №5: Отступы
- •Задание
- •Глава 10. Табличный дизайн Лабораторная работа №1: Пример табличного дизайна
- •Задание
- •Лабораторная работа №2: Внутренние отступы
- •Задание
- •Лабораторная работа №3: Слияние и группировка ячеек
- •Задание
- •Глава 11. Фреймы Лабораторная работа №1: Фреймовая структура
- •Лабораторная работа №2: Размеры фреймов
- •Задание
- •Лабораторная работа №3: Вложенные фреймы
- •Задание
- •Лабораторная работа №4: Обрамление и отступы
- •Задание
- •Лабораторная работа №5: Ссылки. Фрейм без фреймов
- •Задание
- •Глава 12. Формы Лабораторная работа №1: Основная схема формы
- •Лабораторная работа №2: Текстовые строки
- •Лабораторная работа №3: Кнопки
- •Лабораторная работа №4: Текстовые поля
- •Лабораторная работа №5: Списки вариантов
- •Лабораторная работа №6: Списки переключатели
- •Лабораторная работа №7: Раскрывающиеся списки
- •Задание
- •Глава 13. Структура html-документа Лабораторная работа №1: Основные параметры Web-страницы. Отступы от края окна
- •Задание
- •Лабораторная работа №2: Цвет фона и цвет текста
- •Задание
- •Глава 14. Внешние параметры Web-страницы Лабораторная работа №1: Название Web-страницы
- •Глава 15. Основные принципы каскадных таблиц стилей Лабораторная работа №1: Простейшее описание стиля.
- •Задание
- •Лабораторная работа №2: Подклассы дескрипторов
- •Задание
- •Лабораторная работа №3: Задание фона и цвета текста
- •Задание
- •Лабораторная работа №4: Отступы и рамки
- •Задание
- •Глава 16. Понятие событий Лабораторная работа №1: Виртуальные события
- •Лабораторная работа №2: События мыши
- •Лабораторная работа №3: События клавиатуры
- •Задание
- •Задание по пройденному материалу
- •Рекомендуемая литература.
Лабораторная работа №2: События мыши
Самое первое событие, связанное с мышью – это простой щелчок. Такое событие носит имя onClick.
При щелчке на ссылке происходит две вещи: открывается бланк письма и меняется картинка.
Событие, которое должно происходить после двойного щелчка, описывается с помощью параметра onDblClick.
После двойного щелчка содержимое окна меняется.
События onMouseDown и onMouseUp позволяют «открывать»и «запирать» замок путём нажатия и отпускания кнопки мыши.
Лабораторная работа №3: События клавиатуры
События, связанные с клавиатурой – это нажатие клавиши onKeyPress, движение клавиши вниз onKeyDown и вверх onKeyUp. Функция window.alert используется для вывода стандартного окна предупреждения.
Полезная страничка: позволяет узнать код нажатой клавиши.
Задание
Создайте виртуальное событие.
Задание по пройденному материалу
Используя весь пройденный материал и пример табличного дизайна из главы 10, создайте Web-страницу, где на главной должна размещаться информация о стране, на второй – информация о климате и погоде, на третьей – экскурсии и достопримечательности.
Рекомендуемая литература.
Дригалкин В.В. HTML в примерах. Как создать свой Web-сайт: Самоучитель. – Москва - Санкт-Петербург - Киев: Диалектика, 2004.
Кириленко А. HTML: Самоучитель. – Москва - Санкт-Петербург: Издательская группа BHV, 2005.
Полонская Е.Л. Язык HTML: Самоучитель. – Москва - Санкт-Петербург - Киев: Диалектика, 2005.
Под редакцией Симоновича С.В. Информатика. Базовый курс: Учебник для ВУЗОВ. - Москва - Санкт-Петербург: Питер, 2005.