(044) 362-76-63
(067) 729-28-01
(095) 617-23-48
Правый берег:
м. Святошин, ул. Чистяковская, 2
Левый берег:
м. Левобережная, ул. Е.Сверстюка, 19 (бывш. М.Расковой)
Заказать звонок

Компьютерные курсы

Курсы верстки (HTML5 + CSS3 + JS) для начинающих в Киеве

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

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

  • Стоимость курса: 6000 грн
  • Оплата двумя частями, на втором уроке 3000 грн и в средине курса 3000 грн
  • При оплате по безналичному расчету стоимость увеличивается на 10%. Индивидуальные уроки - 60 минут = 150 грн.
  • График и время занятий:
Время обучения Всего часов
акад/астрон
Срок Преподаватель Начало занятий,
адрес
(нет занятий по этому курсу)
  • Срок обучения: 2 мес
  • Запись в Свидетельстве после окончания курса: Основы верстки (HTML5 + CSS3 + JS)

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

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

1. Язык разметки HTML
  • Виды серверов. Взаимодействие компьютера пользователя с сервером.
  • Как создается сайт – от задумки до размещения на хостинге.
  • Программное обеспечение, необходимое для создания сайта.
  • Введение в язык разметки HTML. Теговая структура языка.
  • Основные теги для формирования базовой структуры web-страницы.
  • Основы синтаксиса языка, правила написания и технические приемы.
  • Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.
2.Теги
  • Теги для вставки изображений на web-страницу.
  • Форматы изображений поддерживающихся web-стандартами.
  • Правила размещения на странице, обтекание текстом, отступы.
  • Понятие ссылки. Основное назначение ссылки.
  • Понятие абсолютной и относительной ссылок.
  • Теги для вставки ссылок на web-страницу.
  • Использование изображения в качестве ссылки.
  • Организация ссылок как меню навигации по страницам сайта.
  • Таблица. Табличные данные. Виды таблиц.
  • Теги для вставки таблиц на web-страницу.
3.Формы.
  • Для чего нужны формы. Примеры использования форм на реальных сайтах.
  • Теги для вставки формы и полей формы на страницу.
  • Как работает форма, ее внутренний механизм.
  • Практика создания формы обратной связи с посетителем сайта.
  • Создание 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, подключение к БД

 

Компьютерные курсы : КОМАЩУК Сергей Сергеевич

КОМАЩУК Сергей Сергеевич

Преподаватель по курсам:


 
Верстка (HTML5 + CSS3 + JS) 

Образование:

Киевский политехнический институт. Факультет информатики.

Опыт работы:

С 2005 работает WEB-дизайнером.  Web-дизайн сайтов и интернет-магазинов в Adobe Photoshop + UI, UX, Landing pages, создание мокапов (balsamiq), печатной продукции (Illustrator), создание логотипов.

Фронт-енд разработка (HTML, CSS), тестирование (sitechco, Selenium, bitbucket, loadingimpact), гибкие методологии управления проектом (Agile, Scrum, Kanban). Постраничная доработка дизайна готового сайта. Flash-анимация с ActionScript 3 и создание статических и flash-баннеров.
 

Посмотреть отзывы, комментарии...

Компьютерные курсы : ПАНЧУК Дмитрий Иванович

ПАНЧУК Дмитрий Иванович

Преподаватель по курсам:


 
Верстка (HTML5 + CSS3 + JS) 

Образование:

Высшее, Киевский политехнический институт.

Опыт работы:

Опыт работы:
Верстка, редактирование, адаптирование под любой браузер любого устройства с любым разрешением и типом экрана. Опыт работы с cms WP, Joomla, фреймворками Bootstrap, Jquery Mobile. Владение JavaScript и Jquery на уровне создания разных анимаций, выпадающих меню, попапов, слайдеров, каруселей, скроллбаров, табов, проверок форм и т.д. Большой опыт работы с Jquery Ajax, CSS препроцессором SASS.
Верстка проектов сайтов объемом 20 страниц и более. Редактирование имеющихся макетов страниц. Выполнение задач различного объема связанных как с разработкой страниц с нуля, так и с расширением функционала уже имеющихся.
 

 

Посмотреть отзывы, комментарии...

 

Введите Ваши данные
Желаемое время и место занятий:
Укажите месторасположение обучения
Оставьте комментарии или вопросы
(например, если Вы согласны заниматься по разным графикам или в разных филиалах)

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

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

Оставьте свой отзыв

Ваши впечатления, пожелания и т.п.

Ваше имя:
E-mail:

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

 
 
Зорян
Сподобалось абсолютно все. Дуже класно, що курс оснований на прикладах, які виконувались не тільки в класі, а й давались як домашнє завдання додому.

— 30 июля 2017 г.

Екатерина
Проходила курсы верстки. Все доступно и понятно объяснили. Теперь, могу с легкостью применить все изученное на своем сайте!

— 3 июня 2017 г.

Иван
Отличный курс!!!!! Использование javaSctript'ов и jQuery в дизайне открывает новые горизотны, о которых я даже не подозревал. Много чего  можно делать...

— 20 марта 2017 г.

Вячеслав
Для меня верстка - это абсолютно новые знания: ожидал трудностей, но благодаря преподавателю оказалось намного проще и очень интересно!

— 12 марта 2017 г.

Богдан
Учебный материал очень хорошо продуман и подготовлен. Большой объем практики - любую мелочь рассматривали как применять на практике. Очень понравилось

— 23 октября 2016 г.

Никита
Материал подавался легко, послужил сдвигом для создания нового дизайна для собственного сайта.

— 28 августа 2016 г.