Курсы верстки (HTML5 + CSS3 + JS) для начинающих в Киеве
Если Вы еще только начинаете свой путь веб-разработчика и первое, что вам нужно, — качественно освоить вёрстку HTML + CSS. Данный курс познакомит слушателей с последней версией языка гипертекстовой разметки HTML5 и каскадных таблиц стилей CSS3. Эти технологии позволят создать красивые интерактивные веб-страницы, из которых в итоге строятся все сайты. Основной упор на практику и домашние задания.
После обучения Вы сможете создавать web-страницы, содержащие все необходимые элементы
(текстовое и графическое наполнение, гиперссылки); самостоятельно создадите сайт, выстроив необходимую структуру
меню и категорий; научитесь разрабатывать формы для взаимодействия с пользователями (заявки, обратная связь); изучите
основы языка разметки HTML и способы применения CSS; получите необходимые навыки работы с хостингом.
- Стоимость курса: 6000 грн
- Оплата двумя частями, на втором уроке 3000 грн и в средине курса 3000 грн
- При оплате по безналичному расчету стоимость увеличивается на 10%. Индивидуальные уроки - 60 минут = 150 грн.
- График и время занятий:
Время обучения | Всего часов акад/астрон |
Срок | Преподаватель | Начало занятий, место проведения |
Стоимость | |||||
---|---|---|---|---|---|---|---|---|---|---|
(нет занятий по этому курсу) |
- Срок обучения: 2 мес
- Карта есть в разделе "Как нас найти"
- Запись в Свидетельстве после окончания курса: Основы верстки (HTML5 + CSS3 + JS)
Программа курса
Последовательность изучаемых тем может изменяться.
1. Язык разметки HTML- Виды серверов. Взаимодействие компьютера пользователя с сервером.
- Как создается сайт – от задумки до размещения на хостинге.
- Программное обеспечение, необходимое для создания сайта.
- Введение в язык разметки 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, подключение к БД
КОМАЩУК Сергей Сергеевич | ||
![]() |
Преподаватель по курсам: |
|
Образование: Киевский политехнический институт. Факультет информатики. | ||
Опыт работы: С 2005 работает WEB-дизайнером. Web-дизайн сайтов и интернет-магазинов в Adobe Photoshop + UI, UX, Landing pages, создание мокапов (balsamiq), печатной продукции (Illustrator), создание логотипов. Фронт-енд разработка (HTML, CSS), тестирование (sitechco, Selenium, bitbucket, loadingimpact), гибкие методологии управления проектом (Agile, Scrum, Kanban). Постраничная доработка дизайна готового сайта. Flash-анимация с ActionScript 3 и создание статических и flash-баннеров. | ||
Посмотреть отзывы, комментарии... |
ПАНЧУК Дмитрий Иванович | ||
![]() |
Преподаватель по курсам: |
|
Образование: Высшее, Киевский политехнический институт. | ||
Опыт работы: Опыт работы:
Верстка, редактирование, адаптирование под любой браузер любого устройства с любым разрешением и типом экрана. Опыт работы с cms WP, Joomla, фреймворками Bootstrap, Jquery Mobile. Владение JavaScript и Jquery на уровне создания разных анимаций, выпадающих меню, попапов, слайдеров, каруселей, скроллбаров, табов, проверок форм и т.д. Большой опыт работы с Jquery Ajax, CSS препроцессором SASS.
Верстка проектов сайтов объемом 20 страниц и более. Редактирование имеющихся макетов страниц. Выполнение задач различного объема связанных как с разработкой страниц с нуля, так и с расширением функционала уже имеющихся.
| ||
Посмотреть отзывы, комментарии... |
Спасибо за интерес, проявленный к нашему Учебному центру!
Так выглядят наши учебные классы
Оставьте свой отзыв
Ваши впечатления, пожелания и т.п.
Зорян30 июля 2017 г.
Сподобалось абсолютно все. Дуже класно, що курс оснований на прикладах, які виконувались не тільки в класі, а й давались як домашнє завдання додому.
Екатерина3 июня 2017 г.
Проходила курсы верстки. Все доступно и понятно объяснили. Теперь, могу с легкостью применить все изученное на своем сайте!
Иван20 марта 2017 г.
Отличный курс!!!!! Использование javaSctript'ов и jQuery в дизайне открывает новые горизотны, о которых я даже не подозревал. Много чего можно делать...
Вячеслав12 марта 2017 г.
Для меня верстка - это абсолютно новые знания: ожидал трудностей, но благодаря преподавателю оказалось намного проще и очень интересно!
Богдан23 октября 2016 г.
Учебный материал очень хорошо продуман и подготовлен. Большой объем практики - любую мелочь рассматривали как применять на практике. Очень понравилось
Никита28 августа 2016 г.
Материал подавался легко, послужил сдвигом для создания нового дизайна для собственного сайта.