|
№ п/п |
Тема |
Часы |
|
|
1 |
Введение |
5 часов |
|
|
1.1 |
Введение
в HTML |
1 |
|
|
1.2 |
Проект. Сохранение проекта |
1 |
|
|
1.3 |
Принципы
гипертекстовой разметки. Структура документа |
1 |
|
|
2 |
Форматирование текста |
8 часов |
|
|
2.1 |
Заголовок
и тело документа. Параграфы |
1 |
|
|
2.2 |
WEB-браузеры. Редакторы Web-страниц |
1 |
Открыть/Скачать |
|
2.3 |
Заголовки.
Горизонтальные линии |
1 |
Открыть/Скачать |
|
2.4 |
Изменение размера шрифта. Выделение текста.
Логические стили |
1 |
Открыть/Скачать |
|
2.5 |
Задание
цвета шрифта и фона |
1 |
Открыть/Скачать |
|
2.6 |
Списки |
2 |
Открыть/Скачать |
|
2.7 |
Последовательности |
1 |
Открыть/Скачать |
|
3 |
Гиперссылки |
2 часа |
|
|
3.1 |
Вставка
гиперссылок. |
1 |
Открыть/Скачать |
|
3.2 |
Всплывающие подсказки в гиперссылках |
1 |
Открыть/Скачать |
|
4 |
Вставка графических объектов |
2 часа |
|
|
4.1 |
Тэг <IMG> |
1 |
Открыть/Скачать |
|
4.2 |
Атрибуты
тэга <IMG> |
1 |
Открыть/Скачать |
|
5 |
Оформление таблиц |
6 часов |
|
|
5.1 |
Тэг
<TABLE> |
2 |
Открыть/Скачать |
|
5.2 |
Сложные таблицы |
2 |
Открыть/Скачать |
|
5.3 |
Границы
таблицы |
2 |
Открыть/Скачать |
|
5.4 |
Эффекты с помощью таблиц |
2 |
Открыть/Скачать |
|
6 |
Фреймы |
8 часов |
|
|
6.1 |
Понятие фрейма. Использование фрейма. Механизм
работы фрейма |
1 |
Открыть/Скачать |
|
6.2 |
Создание
простой страницы с фреймами |
2 |
Открыть/Скачать |
|
6.3 |
Задание фреймовой структуры |
2 |
Открыть/Скачать |
|
6.4 |
Подготовка
содержимого фрейма |
1 |
Открыть/Скачать |
|
6.5 |
Подготовка фрейма main |
1 |
Открыть/Скачать |
|
6.6 |
Использование
тэга <NOFRAMES>. Целевые фреймы |
1 |
Открыть/Скачать |
|
7 |
Формы |
9 часов |
|
|
7.1 |
Понятие
формы. Структура формы |
1 |
Открыть/Скачать |
|
7.2 |
Простейшая форма |
1 |
Открыть/Скачать |
|
7.3 |
Организация
ввода данных в формах |
3 |
Открыть/Скачать |
|
7.4 |
Отправка формы |
2 |
Открыть/Скачать |
|
7.5 |
Отправка
формы почтой |
2 |
Открыть/Скачать |
|
8 |
Дополнительные возможности HTML |
14 часов |
|
|
8.1 |
Форматирование
текста |
2 |
Открыть/Скачать |
|
8.2 |
Списки |
2 |
Открыть/Скачать |
|
8.3 |
Гиперссылки |
2 |
Открыть/Скачать |
|
8.4 |
Графика |
2 |
Открыть/Скачать |
|
8.5 |
Таблицы |
2 |
Открыть/Скачать |
|
8.6 |
Фреймы |
2 |
Открыть/Скачать |
|
8.7 |
Кодировка |
2 |
Открыть/Скачать |
|
9 |
Размещение страницы в интернете |
5 часов |
|
|
9.1 |
Хостинг |
3 |
Открыть/Скачать |
|
9.2 |
FTP |
2 |
Открыть/Скачать |
|
10 |
Творческий проект |
10 часов |
|
|
9.1 |
Определение цели, задачи проекта |
1 |
Открыть/Скачать |
|
9.2 |
Определение
структуры WEB-страницы |
1 |
Открыть/Скачать |
|
9.3 |
Создание WEB-страницы |
6 |
Открыть/Скачать |
|
9.4 |
Презентация
проекта |
2 |
Открыть/Скачать |
|
11 |
Конструкторы сайтов |
1 час |
|
|
|
|
1 |
Открыть/Скачать |
|
Итого: |
68 часов |
||
Дополнительные материалы по HTML
|
№ п/п |
Дополнительные
материалы |
|
|
1 |
Словарь терминов |
Открыть/Скачать |
|
2 |
Таблица
основных цветов в HTML |
Открыть/Скачать |
Источники:
1.
Самоучитель HTML
(далее произведение) распространяется на условиях следующей лицензии Creative Commons: «Указание
авторства — Некоммерческое использование — Без производных» (Attribution-NonCommercial-NoDerivs 2.5 Generic (CC BY-NC-ND 2.5)).
2.