HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3

HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.

Цель курса:

Курс HTML рекомендуется всем, кто планирует в дальнейшем изучать другие курсы по теме «Интернет и Web-технологии». Вы получите необходимые навыки для построения сайтов и статических страниц в сети Internet. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения web-технологий, может стать первым шагом на пути к овладению профессиями Web-дизайнер, Web-мастер.

По окончании курса Вы будете уметь:

• создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
• самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
• грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
• эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
• использовать технологию фреймов;
• узнаете о новых возможностях HTML 5 и CSS 3;

Продолжительность курса - 32 ак. ч.

Предварительная подготовка

Требуемая подготовка: Успешное окончание курса Эффективная работа в сети Интернет или эквивалентная подготовка.

Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.

Модуль 1. Введение и основные понятия

Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
Структура HTML-документа. Понятие элементов и атрибутов
Зачем нужна инструкция
Что такое тег? Типы тегов. Правила оформления HTML-документа
Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
Использование комментариев.
Создание HTML-документа в программе «Notepad++»  

Модуль 2. Ссылки и иллюстрации

Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
Распределение иллюстраций по страницам сайта: приемы и советы  

Модуль 3. Таблицы и списки

Структурирование информации на WEB-странице при помощи списков. Типы списков
Особенности табличной модели в HTML 4.
Отличия от модели в других версиях языка.
Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
Использование таблиц. Макетирование web-страницы с помощью таблиц. Табличная верстка
Использование вложенных таблиц
Приемы использования таблиц на web-странице  

Модуль 4. Фреймы и формы

Зачем нужны формы. Элементы формы
Методы отправки информации из полей формы
Использование табличных функций при создании формы на примере анкеты
Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
Типичные проблемы сайта с фреймами
Размещение аудио- и видеоматериалов на странице: примеры
(перенесено из 7 модуля)
Обзор новых возможностей HTML 5 по работе с видео  

Модуль 5. Каскадные таблицы стилей (CSS)

Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 2 и Level 2.1: особенности, поддержка браузерами
CSS: основные понятия и определения. Грамматика языка стилей
Создание стилей и классов. Принципы каскадирования и принципы группировки
Применение стилей и классов к элементам документа HTML
Использование программы TopStyle для редактирования стилей
Декоративные возможности CSS: формирование рамок и отступов
Использование псевдоклассов и псевдоэлементов
Позиционирование элементов на странице при помощи CSS
Управление моделью элемента (свойство display)  

Модуль 6. Использование стилей при создании сайта

Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
Разработка стилевого дизайна с учетом модели представления информации (media type)
Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
Приемы макетирования web-страницы с использованием стилей 4

Модуль 7. Дополнительные возможности HTML и CSS. XML-технологии и их применение

Новые возможности CSS 3 и их поддержка браузерами.
Дизайн стилей с учетом возможностей браузеров
Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
XML-технологии и их применение  

Модуль 8. Размещение сайта на сервере и поддержка сайта Перспективы HTML 5 и CSS 3

Описание метаинформации сайта с помощью элемента META
Обзор новой структурной разметки HTML 
Вопросы хостинга
Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения
Вопросы поддержки сайта
Способы «раскрутки» сайта