| Номер занятия: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Номер занятия |
Дата |
Тема занятия |
|---|---|---|
| 1 | 12.11.15 | Основы HTML. Структура html-документа. Область заголовка, парный тег <head>. Область документа, парный тег body. Служебные теги META, их назначение. Переадресация. Разметка документа тегами. Типы тегов, одиночные и парные теги. Парные теги заголовков различных уровней h1, h2, h3, h4, h5, h6. Тег абзаца <p>. Теги логического форматирования текста <cite>, <strong>. Теги физического форматирования текста <i>, <b>. Вставка в текст документа специальных символов: двоеточие, амперсанд, кавычки, знаки больше > и меньше <, знак параграфа §, знак плюс-минус ± |
| 2 | 15.11.15 | Основы HTML. Атрибуты тега <body>. Создание списков. Нумерованный список. Маркированный список. Смешанный список. Подготовка изображений к размещению в интернет. Вставка изображений в документ, одиночный тег <img>. Атрибуты src, align, width, height, alt тега изображения <img>. Обтекание изображений текстом. Гиперссылки. Новостная лента сайта. Парный тег <marquee> и его параметры. Создание анимации с использованием нескольких тегов <marquee>. |
| 3 | 17.11.15 | Основы HTML. Фоновые изображения. Гиперссылки-закладки. Гиперссылка отправки электронного письма. Теги создания таблиц. Структура таблицы. Теги <table>, <tr>, <td>. Продолжаем изучать таблицы. Тег <caption> заголовка таблицы и его параметры. Атрибуты align, cellspasing, cellpadding тега <table>. Атрибуты align, valign тега <td>. |
| 4 | 19.11.15 |
Объединение ячеек таблицы. Цвет таблицы и ее элементов. Тонкая рамка таблицы. Цвет рамки таблицы, толщина рамки. Создание объемной рамки таблицы. Применение таблиц для разметки документа. Правила рзмещения текста и рисунков в таблицах. Создание резиновых и фиксированных таблиц |
| 5 | 21.11.15 |
Фреймы.Создание фреймовой структуры сайта. Парный тег <frameset>. Тег <noframes>. Одиночный тег <frame>. Преимущества использования фреймов. Открытие нового документа в новом окне. Параметры rows, cols, frameborder, bordercolor тега <frameset>. Фреймовая структура как альтернативное конструирование интернет-страниц. |
| 6 | 24.11.15 |
Слои. Создание слоев. Форматирование документа слоями. CSS стили. Внешние, глобальные и внутренние CSS стили. Разметка сложного сайта с помощью CSS стилей. FTP-клиент FileZilla. Создание учебного сайта и его размещение (публикация) на бесплатном сервере. |
| 7 | 26.11.15 | Формы. Варианты создания форм. Формы для регистрационных анкет, помсковых систем, тестовых заданий. Интерфейс программы Dreamweaver. Ввод кода с помощью подсказок и редактора кода. Работа с таблицей в режиме макета. Полуавтоматическая верстка кода. Ввод текста в визуальном режиме программы DreamWeaver. Работа с текстом. Разбивка текста на абзацы. Специальные символы |
| 8 | 28.11.15 | Интерфейс программы Dreamweaver. Форматирование текста. Создание таблиц в визуальном режиме и их оформление. Вставка изображений. Создание гиперссылок. Нарезка изображений. Горячие области на изображениях. |
Информация обновлена: