Учебный план:
Основные понятия
- Понятие WWW (World Wide Web).
- Понятие гипертекстовых документов и web-сайтов.
- Размещение и хранение web-сайтов. Понятие web-сервера.
- Обзор программ (браузеров) для просмотра веб-сайтов.
- Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.
- Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
- Разработка структуры и этапы построения web-сайта.
Введение в HTML (язык гипертекстовой разметки)
- Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.
- Объявление типа документа.
- Открытие блока HTML и начало блока заголовков.
- Обзор заголовков гипертекстовых документов, их синтаксис и назначение.
- Обзор других тэгов, входящих в блок заголовков.
- Закрытие блока заголовков и открытие основного блока (тэг body).
- Закрывающие тэги блоков HTML.
- Виды элементов: строчные и блочные.
- Пример веб-страницы в простом текстовом редакторе и проверка её работы в браузере. Способы редактирования кода веб-страниц.
Обзор тэгов HTML для работы с текстом
- Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.
- Обзор тэгов оформления и выделения текста.
- Обзор тэгов разрыва строк.
- Обзор тэгов создания списков различных типов.
- Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
- Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
- Комментарии в HTML .
- Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
Технология CSS и блочные элементы
- Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Комментарии в CSS.
- Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.
- Обзор инструкций CSS для оформления, изменения размеров и цвета текста, высота строки, выравнивание.
- Обзор инструкций CSS для установки фона и их параметры.
- Блочные элементы (div). Позиционирование блочных элементов на странице.
- Понятие и использование обрамления.
- Понятие, инструкции и использование позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.
- Обтекание (float). Отображение в общем потоке элементов.
- Классы и идентификаторы. Наследование. Каскадирование. Приоритеты стилей CSS.
- Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением.
- Отступы (margin, padding).
- Размеры элементов. Принцип расчета.
- Виды CSS селекторов. Псевдоклассы.
- Очищение потока элементов.
- Псевдоэлементы.
Формы
- Элементы формы. Принцип работы с ними.
- Атрибуты элементов. Атрибут value.
- Применение форм для создания элементов интерфейса.
- Замечания по использованию элементов формы.
Оформление элементов
- Новые технологии в CSS и HTML.
- Дополнительные свойства CSS для оформления элементов (box-shadow, text-shadow, gradient, border-radius, transition, transform, font-face).
Дополнительная информация
- Версия для печати. Media queries.
- Фильтры.
- Скрипты.
- Мультимедия.
- SVG.
- Мнемоники HTML. Типографика, правила оформления.
Создание HTML шаблона страницы
Адрес:
440039, г. Пенза, ул. Гагарина, 16, офис 207
