+7 (4212) 24-48-10

info@profi-khv.ru

Пн. - Сб.: 14:00 - 18:00

HTML и CSS. Основы создания сайтов

Теоретические основы языков HTML и CSS и практика создания сайтов для сети Интернет.

Старт новых групп
05.07 13.09

Записаться на курс

8640 руб. / курс

Ср.: 18:30 - 19:50 и Вс.: 14:00 - 18:00

Выдается свидетельство о прохождении курса

4 недели по средам и воскресеньям (32 ак. часа)

Подробнее о курсе

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

Занятия проходят в оборудованных компьютерных классах на лицензионном ПО: Windows 8.1, Microsoft Office 2013, Notepad++, Sublime Text 3.

Преподаватели курса

Титаренко Алексей Анатольевич - талантливый преподаватель-практик с уникальным опытом практической работы, работающий в этой области более 15 лет. Ярко и красиво преподносит учебный материал, с наглядными примерами и практическими работами. Общее мнение слушателей — «Побольше таких преподавателей и курсов!».

По окончании курса Вы будете уметь:

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

Программа курса

Модуль 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

Модуль 14. Что дальше?

  • Обзор HTML5 API
  • Тонкая настройка сайта на стороне сервера
  • Динамические элементы на странице
  • Динамическое создание контента на сервере
  • Современные способы предоставления информации

Ответы на вопросы

Наши преподаватели — опытные профессиональные педагоги. Их квалификация подтверждена многолетней практикой, престижными дипломами и сертификациями и положительными отзывами слушателей курсов. Особо нужно отметить, что в Учебном центре «Профи» ведется пристальный контроль над качеством обучения.
Число слушателей в группе зависит от специфики программы. В среднем это 4-8 слушателей.
По окончании курса слушателям выдается свидетельство Учебного центра «Профи».
Да, конечно. Отправьте нам на почту реквизиты, мы подготовим договор, выставим счет и забронируем место в группе.

HTML и CSS. Основы создания сайтов

Теоретические основы языков HTML и CSS и практика создания сайтов для сети Интернет.

Старт новых групп
05.07 13.09

Записаться на курс