Вход / Регистрация
Вход
Курс HTML5 и CSS3 - второй уровень
Данный курс является продолжением курса HTML и CSS - верстка сайтов для чайников и Курс PHP и MySQL - программирование с нуля, и предназначен для тех, кто хорошо ориентируется в верстке. Первый уровень программирования необходимо обязательно изучить либо со мной, либо самостоятельно с выполнением всех домашних работ.
Второй уровень курса рассматривает современную верстку под поисковые системы, мобильные устройства и гаджеты. Различные приёмы ускоряющие верстку, а так же делая её более удобной как для верстальщика, так и для посетителя. Буду с Вами честен, я не любил верстку HTML4, именно ту, которая рассмотрена в первом уровне, так как она слишком простая и однообразная, в ней не надо было думать и стараться, в новой верстке всё совсем иначе. Современная верстка стала намного сложнее и профессиональнее, мне она очень нравится и я надеюсь, что она понравится и Вам!
Второй уровень курса рассматривает современную верстку под поисковые системы, мобильные устройства и гаджеты. Различные приёмы ускоряющие верстку, а так же делая её более удобной как для верстальщика, так и для посетителя. Буду с Вами честен, я не любил верстку HTML4, именно ту, которая рассмотрена в первом уровне, так как она слишком простая и однообразная, в ней не надо было думать и стараться, в новой верстке всё совсем иначе. Современная верстка стала намного сложнее и профессиональнее, мне она очень нравится и я надеюсь, что она понравится и Вам!
Описание курса
Дата выпуска
14.10.2016
14.10.2016
Продолжительность
22 часов
22 часов
Уровень
Средний
Средний
Уроков
19
19
Домашних заданий
8
8
1
Начинаем знакомство с HTML5
Презентация нового курса, История развития интернета и html, Формируем структуру HTML
2
Установка и настройка работы с PHPStorm IDE и Open Server. GitHub, bower, FTP
Установка и настройка PHPStorm и Open Server, Устанавливаем плагины nodejs и ignore, Учимся работать с composer, bower, ftp и GitHub из IDE
3
CSS 3 тень, градиент, рамка и анимация
Особенности CSS3, тень, градиент, рамка, анимация
4
Less - предпроцессор CSS. Переменные, примеси, функции и вложенности. Работа в PHPStorm
Less - предпроцессор CSS, Переменные, Примеси, Функции, Условные операторы, Вложенности
5
Адаптивная вёрстка - примеры и теория
Теория адаптивной верстки, Фиксированный-резиновый-адаптивный макет, Мобильная версия против адаптивной
6
Адаптивная вёрстка - практика в примерах фотогалереи, колонки, меню
Адаптивная вёрстка, Адаптивная галерея, Адаптивные колонки, Адаптивное меню
7
HTML SEO теория поисковой оптимизации
Специализация сайта, Подборка ключевых слов, yandex wordstat, высокочастотные среднечастотные и низкочастотные запросы
8
HTML СЕО оптимизация на практике. Составление ключевых слов, выбор домена и работа с тегами
SEO оптимизация на практике, Составление ключевых слов, Подбор домена для сайта, Выделение ключевых слов через теги
9
Факторы ранжирования сайтов в google и yandex
Факторы домена, Факторы внутренней оптимизации сайта, Факторы качества ссылок, Факторы удобства пользователя, Социальные сети
10
Семантическая вёрстка
Семантическая вёрстка, body vs article vs section, main, header и nav, footer address и time
11
Адаптивная вёрстка HTML писем
Верстка HTML писем, Адаптивная верстка писем, Ограничения в верстке, Содержание писем
12
Подключение нестандартных Шрифтов в HTML на сайте
Подключение собственных Шрифтов в HTML, Знакомство с Google Fonts, Знакомство с Fontsquirrel, Советы
13
Bootstrap: framework и library. Компоненты и LESS
Bootstrap framework, Bootstrap library, Bootstrap компоненты, Bootstrap и LESS
14
Селекторы в HTML 5 и СSS 3
Селекторы в HTML 5 и СSS 3
15
Flowplayer - видеоплеер, fancybox - фотогалерея, flash player, карты google и yandex
Flowplayer-проигрывание видео, Fancybox-фотогалерея, Flash player, Карты google и yandex
16
Микроразметка, словари, микроданные, микроформат и RDFa
Микроразметка и словари, Синтаксис микроразметки, Словари для микроразметок, Практика применения микроразметок
17
Загружаем сайт в интернет
Выбор домена и хостинга, Проверяем на ошибки html и css, Настраиваем работу сервера, Анализируем сайт в панели разработчика
18
Регистрируем сайт в Google и Yandex
Регистрируем сайт в Google webmaster и Yandex webmaster, Создаём robots.txt и sitemap.xml, Создаем структуру сайта и перелинковку, Компрессор css (.min.css) и js (.min.js) файлов
19
Литература для повышения квалификации по теме HTML5 и CSS3
Список литературы, статей и полезных ссылок