Основы создание сайтов на HTML 5 и СSS 3

Главная
Факультет компьютерных технологий и информационной безопасности
Основы создание сайтов на HTML 5 и СSS 3

Основы создания сайтов на HTML 5 и СSS 3

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

Период обучения:

64 часа

Форма обучения:

Очная

Категория слушателей:

Без ограничений

Выпускные документы:

Удостоверение Института установленного образца о повышении квалификации

Занятия проходят 3-4 раза в неделю в дневное или вечернее время, что позволяет пройти обучение без отрыва от работы.

23 800 руб./курс

Курс позволит Вам самостоятельно разрабатывать сайты с использованием технологий HTML 5 и СSS 3

Программа повышения квалификации:
«ОСНОВЫ СОЗДАНИЯ САЙТОВ НА HTML 5 И СSS 3». 64 часа.

Уровень программы: базовый, не требует первоначальных знаний.

Цель и задачи курса: приобретение базовых теоретических и практических навыков по созданию, текстовому и графическому наполнению web-страницы, позиционированию элементов на странице и размещению web-страниц на хостинге в Интернете .

Категория слушателей: лица с любым образованием.

HTML- язык гипертекстовой разметки страниц, позволяющий браузеру интерпретировать информацию. Каскадные таблицы стилей CSS- позволяют позиционировать элементы, задавать им цвета другие стили оформления.

Курс обучения по созданию сайтов на HTML 5 и CSS 3 в Институте "ФИЗ" позволит получить начальные знания в HTML и CSS и овладеть практическими навыками работы с языком гипертекстовой разметки и каскадными таблицами стилей. Вы научитесь создавать простые web-страницы, размещать на них гиперссылки, тексты изображения и меню, а так же загружать их на хостинг для реализации доступа к нам из сети Интернет.

Освоить данный курс в Институте "ФиЗ" Вам помогут профессиональные преподаватели-практики.

По окончании курса Вы будете уметь:
- Создавать web-страницы с текстовым, графическим и мультимедийным содержимым;
- Собственными силами создавать простой web-сайт;
- Разрабатывать интерактивные формы взаимосвязи с пользователем.

Обучение проходит в современных специализированных аудиториях оснащенных новой техникой и оборудованием!

При успешном завершении обучения и сдачи итогового экзамена выдаётся удостоверение Института установленного образца о повышении квалификации.

Документы об образовании, выдаваемые выпускникам института, заносятся в "Государственный Федеральный реестр сведений документов об образовании и (или) о квалификации, документах об обучении», оформлены в соответствии с законодательством и требованиями новых профстандартов РФ.

Учебные аудитории

Выдаваемые Документы

Образец удостоверения о повышении квалификации

*Документы об образовании, выдаваемые выпускникам института, заносятся в "Государственный Федеральный реестр сведений документов об образовании и (или) о квалификации, документах об обучении», оформлены в соответствии с законодательством и требованиями новых профстандартов РФ.

Учебный план

Тема 1. Введение и основные понятия
• Как это работает? Что такое web-сервер, web-сайт, web-страница
• Цели и задачи языка HTML
• HTML-разметка. Элементы
• Структура HTML-документа:
• Использование комментариев
• Базовые элементы разметки:
• Атрибуты элементов
• Специальные символы
• Лабораторная работа по теме

Тема 2. Анатомия страницы
• Понимаем, как мы пишем: синтаксис HTML
• Элементы форматирования текста
• Понимаем, что мы пишем: семантика элементов
• Валидация HTML-документа
• Структурные элементы разметки
• Лабораторные работы по теме

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

Тема 4. CSS. Каскадные таблицы стилей: основные свойства
• Основные понятия CSS
• Способы определения стилей
• Каскадирование и наследование
• Единицы измерения в CSS
• Основные типы селекторов
• Псевдоклассы и псевдоэлементы
• Свойства шрифтов
• Свойства текста
• Свойства цвета и фона
• Лабораторные работы по теме

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

Тема 6. Структурирование информации при помощи списков
• Неупорядоченный список
• Упорядоченный список
• Список определений
• CSS свойства для списков
• Лабораторная работа по теме

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

Тема 8. Встраивание внешних данных при помощи фрейма
• История фреймов
• Встраиваемые фреймы
• Фреймы и гиперссылки
• Лабораторная работа по теме

Тема 9. Передача пользовательских данных при помощи формы
• Что такое веб-формы?
• Элемент form и его атрибуты
• Элементы формы: текстовые поля и кнопки
• Элементы формы: элементы выбора
• Дополнительные атрибуты элементов формы
• Лабораторная работа по теме

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

Тема 11. Дополнительные возможности HTML и CSS
• Практическая работа для закрепления изученных тем
• Стили для различных типов носителей
• Свойства курсора
• Встраивание аудио- и видео-файлов
• Лабораторные работы по теме

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

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