- •Введение в язык html
- •1. Понятие о html
- •2. Понятие о гипертексте
- •3. Понятие о html-файле
- •4. Понятие о тегах языка html
- •5. Структурные теги
- •6. Создание шаблона html-документа и первой Web-страницы
- •Тема 2: Основная часть Web-страницы План
- •1. Использование заголовков
- •2. Символы разрыва абзаца и разрыва строк
- •4. Форматирование текста с помощью стилей
- •5. Добавление линий и комментариев
- •Тема 3: Создание таблиц План
- •1. Начальный этап создания кода таблиц
- •2. Создание строк и столбцов таблицы
- •3. Выбор типа таблицы
- •4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали
- •5. Окрашивание таблиц и рамок
- •Тема 4: Создание списков План
- •1. Списки как инструмент структурирования. Типы списков
- •2. Нумерованные списки
- •3. Маркированные списки
- •4. Списки определений
- •5. Вложение и комбинирование списков
- •Тема 5: Использование фреймов План
- •1. Идея использований фреймов
- •2. Создание фреймов
- •3. Загрузка страниц в фреймы
- •4. Настройка фреймов
- •Тема 6: Гипертекстовые ссылки План
- •1. Типы гиперссылок
- •2. Понятие об url и их использование
- •3. Создание гиперссылок на другие Web-страницы
- •4. Создание внутренних ссылок в документе
- •5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
- •6. Загрузка страниц в различные фреймы
- •Тема 7: Графика в Web План
- •2. Выравнивания текста относительно изображения
- •3. Плавающие изображения. Поля вокруг изображений
- •4. Определение ширины и высоты изображения
- •5. Обтекание изображений текстом
- •Тема 8: Использование графики, цвета и текста План
- •1. Добавление на Web-страницы цветных фоновых изображений
- •2. Добавление на Web-страницы графических фоновых изображений
- •3. Изменение цвета текста и гиперссылок
- •4. Добавление кнопок перемещения
- •Тема 9: Мультимедиа План
- •1. Понятие о гипермедиа-ссылках
- •2. Создание гипермедиа-ссылок
- •4. Создание бегущей строки
- •5. Воспроизведение видеофайлов в окне Internet Explorer
- •Тема 10: Средства создания html-файлов План
- •1. Стандартные html-редакторы
- •1. Стандартные html-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
Определения
HTML расшифровывается как HyperText Markup Language, или язык гипертекстовой разметки.
Гипертекст (hypertext) – это особый текст, в котором есть ссылка на другую Web-страницу или документ.
Web-сайт – набор связанных одной темой Web-страниц.
Дескриптор – это основной элемент кодирования, принятый в стандарте HTML.
Контейнер – это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) дескрипторов.
Элемент HTML-документа – начальный и конечный дескрипторы контейнера вместе с заключенным между ними содержимым.
URL (Uniform Resource Locator), или унифицированный локатор ресурсов – это адрес Web-страницы,
Изображение-ссылка – это изображение на Web-странице, щелкнув на котором, можно открыть новую Web-страницу или службу Internet.
Таблица – Названия и числовые эквиваленты цветов
Название цвета |
RGB-значение |
Название цвета |
RGB-значение |
AQUA (Цвет морской волны) |
#00FFFF |
NAVY (Темно-синий) |
#000080 |
BLACK (Черный) |
#000000 |
OLIVE (Оливковый) |
#808000 |
BLUE (Голубой) |
#0000FF |
PURPLE (Фиолетовый) |
#800080 |
FUCHSIA (Фуксин) |
#FF00FF |
RED (Красный) |
#FF0000 |
GRAY (Серый) |
#808080 |
SILVER (Серебряный) |
#C0C0C0 |
GREEN (Зеленый) |
#008000 |
TEAL (Серо-зеленый) |
#008080 |
LIME (Ярко-зеленый) |
#00FF00 |
YELLOW (Желтый) |
#FFFF00 |
MAROON (Темно-бордовый) |
#800000 |
WHITE (Белый) |
#FFFFFF |
Проверочная работа
1 вариант |
2 вариант |
Задание №1 – 2 бала |
Задание №1 – 2 бала |
Дайте определение Web-сайта? |
Дайте определение Web-страницы |
Задание №2 – 2 бала |
Задание №2 – 2 бала |
Какой дескриптор используется для создания горизонтальной линии? |
Какой дескриптор используется для создания заголовков? Сколько существует уровней заголовка? |
Задание №3 – 2 бала |
Задание №3 – 2 бала |
Для чего используется атрибут BORDER в дескрипторе <TABLE>? |
Для чего используется атрибут ALIGN в дескрипторе <TABLE>? |
Задание №4 – 2 бала |
Задание №4 – 2 бала |
Какой дескриптор используется для создания строки таблицы? |
Какой дескриптор используется для заголовков таблицы? |
Задание №5 – 4 бала |
Задание №5 – 4 бала |
Приведите HTML-код таблицы: 1-й столбец: август, сентябрь, октябрь, 2-й столбец: 31, 30, 31 |
Приведите HTML-код таблицы: 1-й столбец: пн-пт, сб, вс, 2-й столбец: 8-19, 8-17, выходной |
1 вариант |
2 вариант |
Задание №1 – 2 бала |
Задание №1 – 2 бала |
Дайте определение Web-сайта? |
Дайте определение Web-страницы |
Задание №2 – 2 бала |
Задание №2 – 2 бала |
Какой дескриптор используется для создания горизонтальной линии? |
Какой дескриптор используется для создания заголовков? Сколько существует уровней заголовка? |
Задание №3 – 2 бала |
Задание №3 – 2 бала |
Для чего используется атрибут BORDER в дескрипторе <TABLE>? |
Для чего используется атрибут ALIGN в дескрипторе <TABLE>? |
Задание №4 – 2 бала |
Задание №4 – 2 бала |
Какой дескриптор используется для создания строки таблицы? |
Какой дескриптор используется для заголовков таблицы? |
Задание №5 – 4 бала |
Задание №5 – 4 бала |
Приведите HTML-код таблицы: 1-й столбец: август, сентябрь, октябрь, 2-й столбец: 31, 30, 31 |
Приведите HTML-код таблицы: 1-й столбец: пн-пт, сб, вс, 2-й столбец: 8-19, 8-17, выходной |
1 вариант |
2 вариант |
Задание №1 – 2 бала |
Задание №1 – 2 бала |
Дайте определение Web-сайта? |
Дайте определение Web-страницы |
Задание №2 – 2 бала |
Задание №2 – 2 бала |
Какой дескриптор используется для создания горизонтальной линии? |
Какой дескриптор используется для создания заголовков? Сколько существует уровней заголовка? |
Задание №3 – 2 бала |
Задание №3 – 2 бала |
Для чего используется атрибут BORDER в дескрипторе <TABLE>? |
Для чего используется атрибут ALIGN в дескрипторе <TABLE>? |
Задание №4 – 2 бала |
Задание №4 – 2 бала |
Какой дескриптор используется для создания строки таблицы? |
Какой дескриптор используется для заголовков таблицы? |
Задание №5 – 4 бала |
Задание №5 – 4 бала |
Приведите HTML-код таблицы: 1-й столбец: август, сентябрь, октябрь, 2-й столбец: 31, 30, 31 |
Приведите HTML-код таблицы: 1-й столбец: пн-пт, сб, вс, 2-й столбец: 8-19, 8-17, выходной |