HTML/CSS Start: адаптивная верстка, Git, публикация сайта

Программа курса "HTML - верстка" (интенсивный курс)

Занятие 1 "Введение и основные понятия"

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

Занятие 2 "Ссылки и иллюстрации"

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

Занятие 3 "Таблицы и списки"

• Структурирование информации при помощи списков. Типы списков.
• Таблица и ее элементы. Особенности табличной модели.
• Правила задания размеров для таблицы и ее ячеек.
• Редактирование ячеек.
• Типичные ошибки при работе с таблицами.
• Использование таблиц. Макетирование с помощью таблиц.
• Приемы использования таблиц на веб-странице.

Занятие 4 "Фреймы и формы"

• Назначение форм и их элементы.
• Методы отправки информации из полей формы.
• Использование табличных функций при создании формы.
• Описание фрейма логики взаимодействия фреймов.
• Разбиение окна браузера на фреймы.
• Типичные проблемы сайта с фреймами.

Занятие 5 "Каскадные таблицы"

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

Занятие 6 "Использование стилей при создании сайта"

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

Занятие 7 "Дополнительные возможности HTML и CSS. XML-технологии и их применение"

• Размещение аудио- и видеоматериалов на веб-странице.
• Нестандартные теги HTML.
• Нестандартные возможности CSS (фильтры).
• Основные цели и задачи XML-технологии.
• Области применения XML-технологии.

Занятие 8 "Размещение сайта на сервере и поддержка сайта"

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