Если Вы еще только начинаете свой путь веб-разработчика и первое, что вам нужно, — качественно освоить вёрстку HTML + CSS. Данный курс познакомит слушателей с последней версией языка гипертекстовой разметки HTML5 и каскадных таблиц стилей CSS3. Эти технологии позволят создать красивые интерактивные веб-страницы, из которых в итоге строятся все сайты. Основной упор на практику и домашние задания.

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

• Стоимость курса: 6000 грн
• Оплата двумя частями, на втором уроке 3000 грн и в средине курса 3000 грн
• При оплате по безналичному расчету стоимость увеличивается на 10%. Индивидуальные уроки - 60 минут = 150 грн.

• График и время занятий:

• Срок обучения: 2 мес

• Карта есть в разделе "Как нас найти"

• Запись в Свидетельстве после окончания курса: Основы верстки (HTML5 + CSS3 + JS)

Последовательность изучаемых тем может изменяться.

• Виды серверов. Взаимодействие компьютера пользователя с сервером.
• Как создается сайт – от задумки до размещения на хостинге.
• Программное обеспечение, необходимое для создания сайта.
• Введение в язык разметки HTML. Теговая структура языка.
• Основные теги для формирования базовой структуры web-страницы.
• Основы синтаксиса языка, правила написания и технические приемы.
• Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.

• Теги для вставки изображений на web-страницу.
• Форматы изображений поддерживающихся web-стандартами.
• Правила размещения на странице, обтекание текстом, отступы.
• Понятие ссылки. Основное назначение ссылки.
• Понятие абсолютной и относительной ссылок.
• Теги для вставки ссылок на web-страницу.
• Использование изображения в качестве ссылки.
• Организация ссылок как меню навигации по страницам сайта.
• Таблица. Табличные данные. Виды таблиц.
• Теги для вставки таблиц на web-страницу.

• Для чего нужны формы. Примеры использования форм на реальных сайтах.
• Теги для вставки формы и полей формы на страницу.
• Как работает форма, ее внутренний механизм.
• Практика создания формы обратной связи с посетителем сайта.
• Создание php-обработчика формы.
•  Взаимодействие с локальным сервером Denwer.

4.Введение в CSS.

• Подключение стилей. Понятие селекторов их свойств и значений.
• Создание таблицы стилей CSS и ее «привязка» к html-документу.
• Синтаксис языка CSS, основные правила и технические приемы.
• Использование CSS для стилизации содержимого web-страниц.
• Создание горизонтальных и вертикальных CSS-меню навигации. css псевдоклассы

5.Табличная верстка web-страниц.

• Практика создания web-страниц на основании таблиц с использованием HTML и CSS.
• Создание сайта табличной верстки с горизонтальным и вертикальным меню и формой обратной связи.
• Верстка в две и три колонки.
• Плюсы и минусы табличной верстки.

6.Блочная верстка страниц с использованием тега div и CSS.

• Практика создания web-страниц блочной верстки в две и три колонки.
• Понятие страницы фиксированного размера и «резиновая» страница.
• Создание сайта блочной верстки с горизонтальным и вертикальным меню и формой обратной связи.
• Верстка в две и три колонки.
• Технические тонкости и приемы создания web-страниц блочной верстки.
•  Внешние отступы. Внутренние отступы. Схлопывание отступов

7.Адаптивная верстка

• Верстка под различные устройства
• Резиновая верстка. Придание блокам адаптивности
• Медиа-запросы

8.Язык Javascript и библиотека JQuery

• Основы синтаксиса JavaScript: структура
• DOM-документа, переменные, типы данных
• Условные конструкции и конструкции повторений
• Работа с массивами JavaScript
• Понятие пользовательских функций и их использование
• Работа с HTML-формами JavaScript
• Общие понятия ООП: класс, объект
• Знакомство с jQuery. Селекторы, фильтры
• Работа с формами и стилями на jQuery
• Анимация. Плагины jQuery

9.Визуальные эффекты в css

• Генераторы css кода. Тени и объем для элементов
• Тени и стили для текста. Градиенты
• Создание и позиционирование кнопок
• CSS3 анимации элементов
• Кроссбраузерная верстка
• Вендорные префиксы
• Применение сетки

10.Что такое фреймворки

• Bootstrap. Начало работы
• Подключение, состав и настройка
• Система сеток.Мобильная верстка
• Выравнивание контента
• Растровая и векторная графика

11.Группирование

• Наследование. Каскадирование
• Псевдоклассы. Псевдоэлементы
• Верстка выпадающего меню.
• Подключение шрифтов

12.Проверка данных на валидность (проверка кода)

• Для чего нужна валидация кода?
• Требования к коду W3C. Валидация CSS
• Написание корректного и эффективного кода
• Исправление ошибок
• Сервисы и инструменты проверки кода

13.Системы контроля версий git и github

• Командная разработка проекта
• Работа через удаленный репозиторий git
• Установка клиента smartgit
• Настройка smartgit
• Коммиты
• Команды pull и push

• Решение конфликтов

14.Создание своего сайта

• Работа с хостингом
• Что такое домен и хостинг
• Что такое DNS сервер
• Файловая структура
• Создание базы данных для сайта
• Загрузка архива CMS на хостинг
• Процесс установки CMS, подключение к БД

Спасибо!
Ваш запрос успешно отправлен.
Мы напишем Вам интересующую информацию
в течение одного дня или перезвоним в ближайшее время.

Спасибо за интерес, проявленный к нашему Учебному центру!