ВЕРСТКА WEB-САЙТОВ: HTML, CSS, JS

60 академических часов = 30 занятий = 15 дней по 2 дня в неделю = 8 недель

Этот курс выбирают те, кто:

начинающий, у которого нет опыта, но есть желание освоить новую профессию

начал изучение HTML, CSS, Photoshop, но ищите системное развитие

изучил верстку своими силами, но желает достичь более высокого уровня

руководитель, которые планируют создать, администрировать свой сайт

Как проходит обучение
1
Посещаете занятия по расписанию
2
Изучаете примеры и кейсы
3
Выполняете задания, пишите тесты
4
Подготавливаете своё портфолио
5
Консультируетесь у экспертов
После курса вы сможете
создавать валидную HTML-разметку страниц
писать грамотный
CSS-код используя
стандарт CSS3
использовать возможности языка Javascript и jQuery
устанавливать плагины для веб-разработки

Программа курса
“ВЕРСТКА WEB-САЙТОВ: HTML, CSS, JS”

Тема №1

Принципы web-разработки

Тема №1 Принципы web-разработки
4 часа, 2 занятия
  1. Начало карьеры в IT. Web-разработка.
  2. Этапы разработки хорошего сайта.
  3. Структура web-страницы.
  4. Требования к коду web-верстальщика: адаптивность, валидность, кроссбраузерность.
  5. 8 этапов верстки.
  6. Размещение сайтов в сети. Хостинг в Беларуси.
Тема №2

Разметка HTML для структуризации

Тема №2 Разметка HTML для структуризации
8 часа, 4 занятия
  1. Выбор программы для верстки. Jetbrains WebStorm.
  2. Версии HTML и структура HTML-элемента.
  3. Структура web-страницы: разделение на логические блоки и элементы.
  4. Выбор тэгов HTML-документа.
  5. Создание HTML-форм. Спецсимволы
  6. Формирование контейнера для ограничения ширины страницы.
  7. Написание валидного кода в программе WebStorm.
  8. Комментарии в HTML. Верстка новой страницы проекта.
  9. Тест №1.
Тема №3

Adobe Photoshop в работе верстальщика

Тема №3 Adobe Photoshop в работе верстальщика
4 часа, 2 занятия
  1. Анализ PSD-макета. Настройка Photoshop и инструменты для верстальщика.
  2. Копирование текста в HTML-код. Определение параметров шрифтов.
  3. Экспорт изображений в png или jpg.
  4. Отступы и размеры элементов макета. Параметры слоев: цвет фона, уровень прозрачности и эффекты слоев.
Тема №4

CSS для стилизации web-документа

Тема №4 CSS для стилизации web-документа
4 часа, 2 занятия
  1. Алгоритм стилизации в CSS.
  2. Селекторы как способ обращения к HTML-элементам. CSS-свойства и их значения.
  3. Подготовка к стилизации: сброс стилей, настройки body и контейнера.
Тема №5

Шрифты в верстке web-сайта

Тема №5 Шрифты в верстке web-сайта
4 часа, 2 занятия
  1. Начало работы со шрифтами.
  2. Конвертация шрифтов для браузеров.
  3. Подключение шрифтов к проекту и тэгам.
  4. Подключение иконочных шрифтов для сайта.
Тема №6

Приоритеты и начало стилизации проекта в CSS

Тема №6 Приоритеты и начало стилизации проекта в CSS
4 часа, 2 занятия
  1. Приоритеты CSS селекторов.
  2. Стилизация текста с помощью CSS.
  3. Выбор подключения изображений: img или background.
  4. Тест №2
Тема №7

CSS-позиционирование блоков

Тема №7 CSS-позиционирование блоков
4 часа, 2 занятия
  1. Размещение блоков на странице.
  2. Позиционирование блоков обтеканием.
  3. Блочный способ позиционирования.
  4. Позиционный способ размещения блоков.
  5. Табличный способ позиционирования.
Тема №8

Завершение стилизации и тестирование проекта

Тема №8 Завершение стилизации и тестирование проекта
4 часа, 2 занятия
  1. Стилизация блоков проекта: тень, градиент, рамка.
  2. Создание псевдоэлементов – before, after.
  3. Псевдоклассы – hover, checked. Эффекты перехода и префиксы кроссбраузерности.
  4. Препроцессор SASS.
  5. Способы тестирования верстки.
Тема №9

Техника адаптивной верстки

Тема №9 Техника адаптивной верстки
4 часа, 2 занятия
  1. Адаптивная верстка под устройства.
  2. Схема создания адаптивной верстки.
Тема №10

Технология JavaScript в web-разработке

Тема №10 Технология JavaScript в web-разработке
8 часа, 4 занятия
  1. JavaScript как язык сценариев.
  2. Переменные. Типы данных и математические операции.
  3. Условия и циклы.
  4. Функции и события в JavaScript.
Тема №11

Библиотека jQuery в web-разработке

Тема №11 Библиотека jQuery в web-разработке
4 часа, 2 занятия
  1. jQuery как стандарт в верстке.
  2. Селекторы и функции для элементов.
  3. Создание функций для событий.
  4. Эффекты в jQuery.
  5. Тест №3
Тема №12

Готовые решения функционала для сайта

Тема №12 Готовые решения функционала для сайта
4 часа, 2 занятия
  1. Плагины и их подключение.
  2. Использование карусельного слайдера OwlCarousel.
  3. jQueryUI как набор виджетов – selectmenu, tabs.
  4. Плагин горизонтального выбора значений и интервалов. Плагин печатающегося текста.
  5. Дополнительные бибилиотека для реализация графиков HightCharts.
Тема №13

CSS анимация

Тема №13 CSS анимация
4 часа, 2 занятия
  1. Принцип анимации CSS 3.
  2. Отличие от JavaScript анимации.
  3. Реализация зацикленной анимации.
  4. Оптимизация CSS анимации.
Наши гарантии Мы представляем эффективные образовательные курсы в городе Бресте и гарантируем профессиональное образование.
Будьте уверены - даже если что-то пойдет не так, мы это быстро урегулируем.

Каждый клиент
защищен
договором

Пропустите занятие -
сможете изучить
по учебнику

Современный
компьютерный класс

Консультации
преподавателя

Гибкий график
занятий

Работающие
инструменты для практиков
Инструменты для практиков

Отзывы Пока вы думаете, эти люди уже сделали свой выбор!

Ольга

Закончила второй курс. Центр продолжает радовать своей клиенториентированностью. Курс оказался для меня сложным и интересными одновременно. Благодарю команду Центра за искренний интерес к результатам обучения слушателей. Интересных проектов и возможность их реализовать. До новых встреч!

Наталья

Занятия проходили в приятной и комфортной обстановке. Домашних заданий было много, что-то успевали, что-то нет, но постепенно все доделывали и все были довольны. Было нелегко, скажу честно, но это «не мешки ворочать!»

Михаил

Прошел обучение в центре «Успех» по курсу «Верстка web-сайтов» в январе-марте 2018 года. Курсами остался очень доволен. Понравилась организация занятия и способ подачи информации. Руководители курса опытные, компетентные люди, которые с радостью ответят и помогут. Хотелось бы поблагодарить преподавателей Веронику Николаевну и Андрея Андреевича!

Екатерина

В центре Успех комфортная атмосфера, удобный формат обучения (небольшое количество людей в группе и занятия два раза в неделю). Информация дается в достаточном объеме, структурированная и понятная. Я довольна тем, что выбрала центр Успех. Пройдя обучение я получила новые знания и навыки.

Дмитрий

Закончил курс по верстке сайтов, полностью доволен качеством информацией, её подачей, особенно люблю, когда присутствует частичка юмора, без неё не куда. Более того, на курсе в центре “Успех” всё это великолепно систематизировано, выбрано самое важное и подано гораздо лучше, где чем-либо написано.

Лена

ЦКО «Успех» целиком и полностью оправдывает свое название! Очень долго искала подходящие курсы по верстке сайтов, но мой выбор пал именно на «Успех» и я не пожалела! У меня появилось первое портфолио состоящее из двух проектов. Теперь смело могу применять полученные знания и совершенствоваться в данной сфере.

Дмитрий

Закончил курс «Вёрстка Web-сайтов: HTML, CSS, JS". Преподаватель, опытный и великолепно владеет материалом, чутко откликается на потребности слушателей. На курсах узнал для себя много нового. Рад, что попал именно в этот Учебный Центр. Хотелось бы отметить чуткое руководство и отличную организацию работы руководителя центра “Успех” Вероники Николаевны.

Инна

Давно хотела изучить верстку сайтов. Как только нашла свободное время, записалась в "Успех". Программа очень насыщенная и много заданий, достаточно сложно было совмещать с учебой в университете и работой, но оно того стоит. Преподаватель - профессионал. На все вопросы были получены ответы.

Игорь

Хотелось бы по благодарить центр компьютерного образования «Успех». Курс по «Вёрстке» оказался действительно очень насыщенным, удачно составлена программа курса, пособие написано простым понятным языком с большим количеством примеров.

Андрей

Очень понравились курсы. Отличный преподаватель, дружелюбная атмосфера. Курсы содержат весь материал необходимый для вёрстки. Очень хорошее учебное пособие. Материал который содержится в учебном пособии можно сказать уникальный, т.к. в интернете его нет и он составлялся на личном многолетнем опыте преподавателя.

Александр

Прошёл курс. Не пожалел ни разу, что выбрал именно эти курсы. Плюсы: удобное расположение, хорошее учебное пособие, 2 проекта (один командный, второй выполняется самостоятельно), удобный график, компетентное руководство и преподаватели, хорошая организация занятий. Минусы: на тему JavaScript мало уделено времени.

Андрей

Курсы очень понравились. Ставлю оценку 5 из 5. Если кто то из знакомых будет интересоваться курсами в сфере IT буду советовать курсы «Успех». Хочу выразить благодарность курсам «Успех» за полученные мною знания, которые помогут мне развиваться в сфере IT .Особое спасибо Андрею Андреевичу и Веронике Николаевне.

Александр

Кроме благоприятной атмосферы и отзывчивости преподавателя хочется отметить что по окончанию курса я приобрёл углубленные навыки работы c html и css, а также узнал, как наиболее правильно использовать этот инструмент.

Александр

Занятия проходили максимально информативны и в дружественной атмосфере. Хочу поблагодарить команду Центра за то, что вы сделали для меня. Благодаря вам, упрямству, дисциплине был заложен крепкий фундамент, который в дальнейшем мне позволит самостоятельно развиваться и поменяли мой статус ученика в начинающего разработчика.

Предполагаемый старт 05.05.2017 идёт набор
Стоимость курса 336,50 эконом или 398,75 стандарт
Необходимо знать тонкости работы
ОС Windows 7/10
Необходимо уметь быстро пользоваться мышью,
клавиатурой и работать с текстами
Желательно до начала обучения пройти курс
Уверенный пользоватьль компьютера
График 2 дня в неделю
возможен гибкий график
Как записаться на курс
1

Запишитесь по телефону
+375(29) 777 3 888
или заполните форму на сайте.

2

Учебный центр свяжется с вами
в течение рабочего дня.

3

Подпишите договор в нашеи офисе:
ул. Карбышева, д. 74, оф. 9, г. Брест.

4

Оплатите своё обучение
в нашем учебном центре.

5

Выполните предварительное задание.
Приступите к занятиям по графику
учебного центра.

Остались вопросы? Напишите свой номер телефона, и мы перезвоним вам в течении рабочего дня:

курсы IT

Курсы графики и фото

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

бухгалтерские и бизнес-курсы