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

В данный момент идет прием заявок на курс.
Мы можем сообщить вам о начале
запланированного обучения


Код: HTML
Длительность: 32 ак.ч.
Стоимость: 23 950 р.

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

Успешное прохождение курса:
Даст прочную базу для дальнейшего изучения Веб-технологий.

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

Предварительная подготовка:
Необходима способность эффективно работать в сети Интернет.

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

Документ об окончании курса:
Сертификат УЦ «UNIT».

Содержание курса:

Модуль 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. Задание логики взаимодействия фреймов
• Типичные проблемы сайта с фреймами
• Размещение аудио- и видеоматериалов на странице: примеры
• Обзор новых возможностей HTML 5 по работе с видео

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

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

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

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