Программа обучения рассчитана на 36 аудиторных часов:
 | HTML, CSS. Профессиональный уровень |
| Тема | Академических часов |
| Блок 1. Введение | |
| Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML. Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются Структура HTML-документа. Понятие элементов и атрибутов Зачем нужна инструкция <!DOCTYPE> Что такое тег? Типы тегов. Правила оформления HTML-документа Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки Использование комментариев. Создание HTML-документа в программе «Notepad++» | 3 |
Блок 2. Ссылки и иллюстрации | |
| Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты Распределение иллюстраций по страницам сайта: приемы и советы | 3 |
Блок 3. Таблицы и списки | |
Структурирование информации на WEB-странице при помощи списков. Типы списков Особенности табличной модели в HTML 4. Отличия от модели в других версиях языка. Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами Использование таблиц. Макетирование web-страницы с помощью таблиц. Табличная верстка Использование вложенных таблиц Приемы использования таблиц на web-странице | 3 |
Блок 4. Фреймы и формы | |
Зачем нужны формы. Элементы формы Методы отправки информации из полей формы Использование табличных функций при создании формы на примере анкеты Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов Типичные проблемы сайта с фреймами Размещение аудио- и видеоматериалов на странице: примеры Обзор новых возможностей HTML 5 по работе с видео | 3 |
Блок 5. Каскадные таблицы стилей (CSS) | |
Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 2 и Level 2.1: особенности, поддержка браузерами CSS: основные понятия и определения. Грамматика языка стилей Создание стилей и классов. Принципы каскадирования и принципы группировки Применение стилей и классов к элементам документа HTML Использование программы TopStyle для редактирования стилей | 3 |
Блок 6. Позиционирование элементов на странице с использованием CSS | |
Декоративные возможности CSS: формирование рамок и отступов Использование псевдоклассов и псевдоэлементов Позиционирование элементов на странице при помощи CSS Управление моделью элемента (свойство display) | 3 |
Блок 7. Использование стилей при создании сайта | |
Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта Разработка стилевого дизайна с учетом модели представления информации (media type) Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS Приемы макетирования web-страницы с использованием стилей | 3 |
Блок 8. Дополнительные возможности HTML и CSS. XML-технологии и их применение | |
Новые возможности CSS 3 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров Нестандартные теги HTML. Нестандартные возможности CSS (фильтры) XML-технологии и их применение | 3 |
Блок 9. Размещение сайта на сервере и поддержка сайта Перспективы HTML 5 и CSS 3 | |
Описание метаинформации сайта с помощью элемента META Обзор новой структурной разметки HTML 5, особенности новой спецификации Использование HTML5 и CSS3 Выбор хостинга | 3 |
Блок 10. Поддержка и раскрутка сайта | |
Выбор и настройка FTP-клиента Размещение сайта на сервере Поддержка сайта, оптимизация HTML-кода Способы «раскрутки» сайта | 3 |