Курс: HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3

Курс: HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3

Курс: HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3


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

Формат обучения:
• Очно - на территории нашего учебного центра или на территории Заказчика (для корпоративных клиентов)
• Онлайн обучение с помощью вебинаров в режиме "здесь и сейчас"
• Дистанционно с помощью системы СДО в любое удобное для вас время

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

Необходимая подготовка:
Успешное окончание курса Базовая компьютерная подготовка. Windows и Интернет для начинающих или эквивалентная подготовка.

Аудитория:
Курс предназначен для начинающих разработчиков Web-страниц и Web-дизайнеров, желающих освоить создание страниц и Web-сайтов.

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

Программа курса:
Модуль 1. Введение и основные понятия
• Что такое web-сервер, web-сайт, web-страница
• Основные сведения о языках разметки
• Эволюция языков разметки
• Цели и задачи языка HTML
• HTML-разметка: Элементы
• Тэги
• Структура HTML-документа. Основные элементы разметки
• Раздел head и заголовок документа
• Использование комментариев
• Атрибуты элементов
• Специальные символы
• Лабораторная работа: создание HTML-документа

Модуль 2. Анатомия страницы
• Регистр букв, закрытие тегов, использование кавычек в атрибутах
• Типы HTML-документов
• Валидация HTML-документа, валидатор W3C
• Лабораторная работа: валидация разметки
• Структурные элементы разметки
• Текстовые элементы разметки
• Лабораторная работа: добавление типа документа

Модуль 3. Гиперссылки
• Понятие гиперссылок в WWW
• Внешние и внутренние гиперссылки
• Типы адресов в WWW
• Дополнительные атрибуты гиперссылок
• Лабораторная работа: создание навигационного меню

Модуль 4. Изображения
• Типы изображений, используемые в WWW
• Вставка изображений на страницу
• Атрибуты элемента img
• Новые элементы для изображений в HTML5
• Лабораторная работа: использование изображений на странице

Модуль 5. CSS. Каскадные таблицы стилей: основные свойства
• Основные понятия CSS
• Способы определения стилей
• Каскадирование
• Наследование
• Единицы измерения в CSS
• Селекторы
• Псевдоклассы и псевдоэлементы
• Лабораторная работа: базовое оформление страницы с помощью стилей
• Свойства шрифтов
• Свойства текста
• Свойства цвета и фона
• Лабораторная работа: окончательное оформление страницы с помощью стилей

Модуль 6. Списки
• Структурирование информации на WEB-странице при помощи списков
• Маркированный список
• Нумерованный список
• Список определений
• Смешанные списки
• CSS свойства для списков
• Лабораторная работа: оформление навигационного меню в виде списка

Модуль 7. Таблицы
• Основные элементы таблицы
• Структура таблицы на странице
• Объединение ячеек. Типичные ошибки при работе с таблицами
• CSS свойства элементов таблиц
• Дополнительные элементы таблицы
• Лабораторная работа: оформление табличных данных

Модуль 8. Фреймы
• История фреймов
• Вложенные фреймы (iframe)
• Фреймы и гиперссылки
• Лабораторная работа: добавление на страницу плавающего фрейма

Модуль 9. Формы
• Что такое веб-формы?
• Элемент form
• Текстовые поля и кнопки
• Элементы выбора
• Списки
• Атрибуты элементов формы
• Лабораторная работа: создание веб-формы обратной связи
• Элементы и их атрибуты в HTML 5

Модуль 10. Использование CSS для макетирования
• Оформление границ элемента
• Внутренние отступы элемента
• Наружные отступы элемента
• Размеры элемента
• Позиционирование элемента
• Видимость элемента
• Лабораторная работа: позиционирование элементов

Модуль 11. Дополнительные возможности HTML и CSS
• Импорт CSS
• Стили для различных типов носителей
• Свойства CSS для печати страниц
• Лабораторная работа: подготовка страницы к печати
• Свойства курсора
• Использование внешних объектов
• Встраивание аудио- и видео-файлов с помощью элементов HTML5
• Обзорвозможностей HTML 5 (Canvas, WebStorage, Drag-&-Drop)

Модуль 12. Мета-информация на странице
• Использование мета-информации
• Элемент meta и его атрибуты
• Поясняющая мета-информация
• Мета-информация для роботов
• Эмуляция заголовков ответа сервера

Модуль 13. Выбор хостинга и поддержка сайта
• Хостинг
• Поиск хостера
• Услуги хостера
• Использование FTP-клиента
• Доступ к сайту через проводник Windows

Модуль 14. Что дальше?
• Тонкая настройка сайта на стороне сервера
• Динамические элементы на странице
• Динамическое создание контента на сервере
• Современные способы предоставления информации Записаться на курс

Характеристики курса

  • Начало: Ведется набор
  • Вендор: Интернет и Web-технологии
  • Код курса: WB004
  • Город: Екатеринбург, Пермь, Челябинск, Самара, Ижевск,
  • Направление: Интернет и Web-технологии
  • Академических часов: 32
  • Количество мест: 8
  • Очно: 14900 ₽
  • Дистанционно: 11900 ₽
Записаться на курс

Курсы повышения квалификации
и профессиональной переподготовки


График работы:
Мы отвечаем на звонки и письма в будние дни с 7:00 до 16:00 по Мск

Юридический адрес организации:
614010, г. Пермь, ул. Клары Цеткин, д. 14, офис 32

8 800 (600)-66-16

learning@eshift.ru