Главная страница | Курсы Курсы | Курсы Курсы | Создание сайтов на HTML5 и СSS3: HTML_CSS

Дистанционное обучение Очное обучение
HTML_CSS
Создание сайтов на HTML5 и СSS3
3 дн. (24 ч.)
23 500 руб.
Заказать
Новинка
О курсе
Курс проводится как очно, так и дистанционно в формате вебинара.

Курс предлагает слушателям знания и умения по разработке Web-страниц и сайтов с использованием языка разметки гипертекстов HTML и каскадных таблиц стилей CSS.
Чему вы научитесь
  • Разрабатывать Web-страницы, настраивать их и связывать гиперссылками с другими страницами.
  • Создавать оформление Web-страниц с помощью языка HTML и таблиц стилей CSS.
  • Вставлять изображения, аудио- и видеофайлы на страницу.
  • Настраивать страницы для публикации и размещать их в сети Internet.
Для кого этот курс?
Курс предназначен для начинающих разработчиков Web-страниц и Web-дизайнеров, желающих освоить создание страниц и Web-сайтов.
Программа курса
Модуль 1. Введение в HTML
  • Основные понятия Всемирной паутины: Web-страница, Web-сервер.
  • HyperText Markup Language как язык разметки гипертекстов.
  • Основные конструкции HTML – теги. Синтаксис и семантика тегов.
  • Настройка тегов с помощью атрибутов.
  • Практикум:
    • Превращение текста в гипертекст.
    • Установка атрибутов HTML-тегов.
    • Вставка символов авторского права и торговой марки, и других специальных символов на страницу.
Модуль 2. Структура страницы
  • Элементы форматирования текста и структурные элементы.
  • Страница сайта index.html и ее назначение.
  • Практикум: Создание и настройка страницы index.html.
Модуль 3. Создание гиперссылок и работа с ними
  • Вставка гиперссылок в Web-страницу.
  • Виды гиперссылок.
  • Основные атрибуты гиперссылок.
  • Практикум: Создание и проверка работы страницы с гиперссылками.
Модуль 4. Основы каскадных таблиц стилей CSS
  • Как отделить текст и оформление страницы. Каскадные таблицы стилей и их использование для оформления.
  • Варианты подключения CSS к странице.
  • Основные понятия CSS: селектор, свойство, каскад, наследование, единицы измерения.
  • Самые распространённые виды селекторов, в том числе селекторы псевдоклассов и псевдоэлементов.
  • Практикум: Создание и подключение файла стилей к странице. Настройка цвета фона страницы и её текста, задание шрифта форматирование текста.
Модуль 5. Размещение изображений, списков и таблиц
  • Вставка изображений на страницу и их настройка.
  • Нумерованные и маркированные списки на страницах.
  • Создание таблиц и использование их для оформления страниц
  • CSS-свойства элементов оформления.
  • Практикум: Вставка таблиц, изображений и списков на страницу.
Модуль 6. Использование тега iframe
  • Встраивание внешних файлов в страницу. Тег <iframe>.
  • Взаимодействие ссылок с iframe-элементами.
  • Практикум: Вставка внешних страниц при помощи тега <iframe>.
Модуль 7. Ввод данных на страницах. Использование форм
  • Формы для ввода данных на Web-страницах. Способы передачи данных на сервер.
  • HTML-элементы форм: текстовые поля, радиокнопки, флажки/чек-боксы, элемент выбора select и их атрибуты.
  • Практикум: Cоздание на своей странице формы обратной связи.
Модуль 8. Макетирование страницы с CSS
  • Оформление границ, внутренних и внешних отступов HTML-элементов
  • Установка ширины и высоты элементов.
  • «Плавающие» элементы страницы. Свойство float.
  • Управление видимостью HTML-элементов. Свойство display для размещения элементов в более сложные макеты, в том числе inline-block и table-cell.
  • Практикум: Настройка элементов страницы.
Модуль 9. Подготовка, размещение и поддержка сайта в сети
  • Метаданные страницы. Теги <meta>.
  • Выбор хостинга для размещения сайта.
  • Размещения сайта на хостинге при помощи FTP.
  • Практикум: Настройка метатегов страницы и размещение ее на хостинге.
Модуль 10. Гибкая работа со страницами сайта
  • Звуковые и видеофайлы на странице.
  • Микроразметка и проверка её валидности.
  • Статические и динамические страницы. Генерация содержимого сайта на лету на сервере.
  • Динамическая работа с HTML-элементами и CSS-свойствами на странице в браузере.
  • Использование HTML5 API.
  • Практикум: Размещение звуковых и видеофайлов на странице.