Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и Javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами.
Курс состоит из набора лекций и лабораторных работ. Лекции содержат как теоретические сведения, так и описания конкретных приёмов, сопровождаемые примерами и упражнениями.
Необходимые знания: Базовые навыки работы с текстовым редактором и веб-браузером, знакомство с Интернет. Для разделов, касающихся Javascript, необходимо представления о языках программирования, желательно - об объектно-ориентированном программировании.
| Глава << | Занятие | Заголовок << | Дата изучения |
|---|
|
|
| Глава 1 << | | Введение в HTML и CSS | |
|---|
| 31 минута |
Назначение языка HTML. Стандарт HTML и спецификация XHTML. Структура документа HTML. Назначение языка CSS.
| - |
| 36 минут |
Параграфы, заголовки, элементы логического и физического форматирования текста. Списки, гиперссылки.
| - |
| 14 минут |
Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их помощи.
| - |
|
| Глава 2 << | | Атрибуты и механизмы в CSS | |
|---|
| 37 минут |
| - |
| 47 минут |
| - |
| 36 минут |
| - |
|
| Глава 3 << | | Позиционирование и меню навигации | |
|---|
| 23 минуты |
Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и наложения элементов.
| - |
| 14 минут |
Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок) для формирования системы навигации на веб-странице.
| - |
|
| Глава 4 << | | Изображения и таблицы | |
|---|
| 25 минут |
| - |
| 26 минут |
| - |
| 19 минут |
Макет страницы. Колонки, колонтитул, подвал. Формирование макета средствами HTML-таблиц и правил CSS
| - |
| 36 минут |
| - |
| 8 минут |
Цель. Практическое освоение основных приемов верстки HTML-страницы с несколькими разделами.
| - |
|
| Глава 5 << | | JavaScript и динамический HTML | |
|---|
| 44 минуты |
| - |
| 9 минут |
Цель. Изучение приемов динамического изменения страницы в ответ на действия пользователя.
| - |
| 34 минуты |
| - |
| 16 минут |
Цель. Изучение приёмов динамического формирования HTML-документа.
| - |
|
| Глава 6 << | | События, формы. Другие технологии | |
|---|
| 27 минут |
| - |
| 39 минут |
| - |
| |
| - |
| 41 минута |
Возможности и недостатки динамических HTML-страниц. Применение технологий Java, Flash, SVG, AJAX, Silverlight (обзор)
| - |
| 20 минут |
Цель. Знакомство с программой Microsoft Expression Blend. Создание анимированной Silverlight-заставки и размещение её в HTML-документе
| - |
| 36 минут |
Новые возможности в проектах спецификаций HTML 5 и CSS 3
| - |
| 36 минут |
| - |
| 11 минут |
| - |
|
|
|
