КУРСЫ

применения основных принципов формирования веб-страницы

Данные курсы направлены на изучение теоретических основ построения HTML-документа и практическое воплощение полученных знаний.

В соответствии с Программой курсов, по каждому вопросу слушатель получает теоретическую часть, практическое применение и задание для самостоятельного выполнения.

Полная стоимость всего курса, согласно Программы обучения, составляет 30 000.00 (тридцать тысяч) рублей. Оплата выполняется предварительно до начала проведения обучения.

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

ПРОГРАММА

курса формирования веб-страницы

1. Структура HTML-документа.

Тип документа, определение дескриптора <!DOCTYPE html>, как описание типа документа (требование стандарта DTD – Определение типа документа);
Заголовок, как служебная информация для браузера;
Тело HTML-документа, элементы содержательной части страницы;
Заголовок документа, служебная информация тег meta;
Основные атрибуты тегов;
Теги div и span. Примеры отображения элементов.

Задание: Создание шаблона HTML-страницы.

2. Селекторы CSS.

Присоединение таблиц стилей к HTML-странице;
Элементарные селекторы;
Составные селекторы;
Контекстные селекторы;
Псевдоселекторы и псевдоэлементы.

Задание: Индивидуальное - на основании заданного кода html составить соответствующие селекторы в таблице стилей.

3. Размерность и цвета.

Абсолютные и относительные единицы измерения;
Применение единиц измерения к элементам, шрифтам, границам и т.д.;
Представление цветов на HTML-странице.

Задание: Индивидуальное - на основании заданного кода html установить размер и цвет элемента. а также размер и цвет шрифта.

4. Блоки: поля, отступы, границы и размеры.

Блочная модель элемента HTML-страницы;
Синтаксис параметров CSS элементов;
Наследование параметров.

Задание: Создать элемент в соответствии с заданными параметрами.

5. Позиционирование с помощью CSS.

Параметры позиционирования;
Возможные значения параметра position;
position: static;
position: relative;
position: absolute;
position: fixed;
Отсчет координат.

Задание: Создать позиционирование элемента в соответствии с заданными параметрами.

6. Слои.

Порядок отображения элементов с помощью параметра z-index.

Задание: Отображение элемента в соответствии с заданными параметрами.

7. Видимость.

Свойство overflow;
Свойство clip;
Свойство visibility;
Свойство display.

Задание: Создать элемент в соответствии с заданными параметрами.

8. Размеры контейнеров и элементов.

Параметры width и height;
Минимальные и максимальные размеры.

Задание: Создать элемент в соответствии с заданными параметрами.

9. Центрирование элементов.

Методы центрирования элементов по горизонтали и вертикале.

Задание: Выполнить центрирование элемента на странице в соответствии с заданными параметрами.

10. Фон страницы и элемента с помощью CSS.

Параметр background и значения.

Задание: Создать фон элемента в соответствии с заданными параметрами.

11. Прозрачность с помощью CSS.

Параметр opacity.

Задание: Создать прозрачность элемента в соответствии с заданными значениями.

12. Границы элемента.

Параметр border;
Параметр border-image;
Параметр border-radius.

Задание: Создать границу элемента в соответствии с заданными параметрами.

13. Эффект тени с помощью CSS.

Параметр box-shadow.

Задание: Создать эффект тени элемента в соответствии с заданными параметрами.

14. Градиенты.

Линейный градиент;
Радиальный градиент.

Задание: Создать градиент в соответствии с заданными параметрами.

15. Ссылки.

Текстовые ссылки;
Графические ссылки;
Внутренние ссылки.

Задание: Создать ссылку в соответствии с заданными параметрами.

16. Абсолютные и относительные пути.

Абсолютный путь;
Относительный путь.

Задание: Выполнить переход на заданный абзац страницы.

17. Тексты.

Шрифты;
Основные теги разметки текстов;
Форматирование текста;
Объемный текст.

Задание: Отформатировать заданный текст.

18. Списки.

Маркированный список;
Нумерованный список;
Выравнивание элементов списка.

Задание: Отформатировать заданный текст, как список.

19. Таблицы.

Табличные теги;
Размеры таблиц;
Выравнивание содержимого ячеек таблицы;
Форматирование таблицы.

Задание: Создать таблицу в соответствии с заданными параметрами.

20. Формы.

Основные теги формы;
Тег input;
Тег button;
Тег select;
Тег textarea.

Задание: Создать форму в соответствии с заданными параметрами.

21. Вставка изображения.

Форматы избражений;
Тег img;
Применение тегов iframe и object.

Задание: Вставить на HTML-страницу изображение в соответствии с заданными параметрами.

22. Трансформация.

Параметры трансформации и значения.

Задание: Выполнить трансформацию элемента в соответствии с заданными значениями.

23. Анимация.

Параметры анимации и значения.

Задание: Выполнить эффект анимации элемента в соответствии с заданными значениями.

ФОРМА

подачи заявки на прохождение курсов в соответствии с ПРОГРАММОЙ

В настоящий момент выполнить оплату не возможно. Приносим свои извенения. Мы проинформируем Вас письмом на Вашу электронную почту.