Что мы получим?

Занятие №1
Основы HTML/CSS верстки
- структура html страницы
- самые простые и часто встречающиеся теги
- создание первой страницы
- редактирование текста, основные правила и возможность стилизации
с помощью html
- css основные свойства
- понятие классов и селекторов и id
- стилизация страницы с помощью css
Что мы получим?:
Узнаем азы HTML и CSS. Узнаем, что такое теги и их атрибуты.
Научимся создавать простейшую HTML-страницу, узнаем из каких
тегов она состоит. Познакомимся со служебными тегами.
Занятие №2
Основы HTML/CSS верстки
- настройка Sublime text для верстальщика
- установка полезных плагинов обучение быстрому написанию кода
- основные принципы блочной верстки
- блочная верстка сайта с использованием новых тегов
- продолжаем изучать css свойства
- изучаем структуру сайта header, content, sidebar, footer
Что мы получим?:
Научимся подключать скрипты и стили к странице. Научимся
создавать страницы с использованием более сложных элементов:
таблиц, изображений, ссылок, форм.
Занятие №3
Первая работа для портфолио ч.1
- верстка сайта по готовому psd макету
- работа в Photoshop для верстальщика: нарезка макета, определение
шрифтов, цветов блоков
- подключение шрифтов
- изучение псевдоэлементов и псевдоклассов
Что мы получим?:
Научимся создавать страницы с использованием более сложных
элементов: таблиц, изображений, ссылок, форм.
Научимся создавать страницы со сложной структурой, содержащие
несколько блоков, колонки, боковые панели. Узнаем, как управлять
размерами и расположением элементов, задавать отступы,
размещать элементы на разных уровнях (друг над другом).
Занятие №4
Первая работа для портфолио ч.2
- продолжение верстки первого проекта
- подключение google карты, и google статистики
-научимся выравниванию элементов float, layout, overflow
- узнаем основные принципы позиционирование элементов, position
- запустим работу форм отправки сообщений
- разместим наш сайт на хостинге
Что мы получим?:
Совместим ранее полученные знания по HTML и CSS и научимся
создавать сложные и красивые элементы: кнопки, подложки, плашки,
меню. Научимся загружать проект на сервер, создадим сложные
эффекты с помощью псевдокласса :hover
Занятие №5
Верстка Landing Page
- верстка посадочной страницы
- подключение jQuery, основные задачи скриптов
- использование jQuery
- плавный скролл по странице с помощью jQuery
- подключение и выбор иконок с помощью Font Awesome
Что мы получим?:
Узнаем основные принципы верстки лендингов, научимся подключать
скрипты jQuery,и работать с ними. Используем дополнительные
возможности для улучшения страниц HTML и ускорение верстки.
Проработаем все основные моменты с плавным скролом, скрол к
блокам от блока к блоку, создадим стрелку, ведущую в начало
страницы.
Занятие №6 №7
Верстка Landing Page, анимация на сайте CSS3
- научимся работать с анимацией animate.css, и анимацией при
прокрутке страницы wow.js
- изучим основные атрибуты для управления анимацией
- сверстаем новый более сложный лендинг, в котором настроим
красивую анимацию.
Что мы получим? :
Научимся работать с документацией на Github, рассмотрим создание
анимации. Научимся работать в файлах сборок анимации.
Занятие №8
Slider, drop down
- подключение Owl Carousel и настройка работы
- вариант построения drop down меню
Что мы получим?:
Научимся подключать на сайт такой элемент как слайдер, узнаем все
особенности работы с ним, разберем варианты построения drop
down меню
Занятие №9
parallax, основы Bootstrap 3
- подключим эффект параллакса на сайт
- работа с Bootstrap3
- адаптивная сетка Bootstrap
Что мы получим?:
Научимся подключать параллакс эффекты на сайт, научимся
работать с фреймверком Bootstrap, изучим адаптивную сетку.
Занятие №10
Верстка адаптивного макета, медиа запросы
- медиа запросы в CSS
- бургер меню
- адаптивная верстка сайта по готовому PSD макету, с использованием
Bootstrap и медиа запросов
Что мы получим?:
Сверстаем адаптивный макет. Сделаем бургер меню для мобильной
версии сайта, настроим работу всех элементов для резиновой
верстки.
Занятие №11
magnific popup, форма отправки сообщений на php
- установка magnific popup, настройка работы
- установка и обучение работы с локальным сервером Open Server
Что мы получим?:
Научимся работе с popup элементами, создадим с помощью них
галерею, и разнообразные всплывающие формы, научимся работе с
локальным сервером.
Занятие №12
CMS система WordPress, форумная CMS vBulletin
- понятие cms систем
- установка WordPress
- работа с phpmyadmin создание БД
- установка плагинов для дополнительных возможностей WordPress
- первый сайт блог на WordPress
- установка и настройка форума vBulletin
Что мы получим?:
Рассмотрим основные принципы cms систем, их плюсы и минусы,
создадим блог на WordPress, по готовому шаблону и научимся вносить
корректировки в шаблон. Установим форумный движек vBulleti,
научимся с ним работать.
Занятие №13 №14 №15
- сверстаем масштабный выпускной проект в котором применим все
ранее получение знания
Что мы получим?:
Сделаем выпускной проект, разместим его на хостинге.