HTML5 и CSS3 с нуля до гуру

Хотите изучить HTML5 и CSS3 и научиться создавать современные сайты. HTML5 и CSS3 сильно упрощает в создание сайтов. Вот лишь некоторые новые возможности HTML5: Возможность вставки аудио и видео без использования Flash. Это стало возможным благодаря новым тегам, добавленным в HTML5. Улучшенные возможности по поисковой оптимизации. В HTML5 страницы не будут создаваться на одних только div-ах. Теперь есть масса элементов, характеризирующих конкретную часть сайта (шапка сайта, подвал, меню навигации, статья и т. д.). Это очень хорошо скажется на оптимизации под поисковые системы. Богатые возможности по работе с формами. Появилась масса новых типов полей. Например, e-mail, tel, url. Благодаря этим типам Вам больше не нужно писать код на JavaScript для проверки формы. Это не все возможности HTML5, но и этого достаточно, чтобы Вы поняли, что изучать HTML5 обязательно нужно.

А что же нового в CSS3? Появились новые селекторы, которые упрощают выборку. Например, простая задача - сделать особый стиль у последнего пункта меню (например, у всех пунктов внизу есть рамка, а у последнего пункта её нет). Раньше нужно было задавать отдельный класс для последнего пункта, а в CSS3 есть новый селектор, который поможет сразу вытащить этот последний элемент. Это сократит время работы и уменьшит размер кода. И таких полезных мелочей в CSS3 очень и очень много благодаря новым селекторам. Богатые возможности по работе с фоном. Наконец-то, в CSS3 появилась возможность задать для одного элемента сразу несколько фонов. В некоторых случаях это поможет Вам отказаться от того же jQuery, который весит весьма прилично, тем самым, Вы увеличите скорость загрузки страницы, что так же хорошо скажется на поисковой оптимизации. Опять же это не все возможности, появившиеся в CSS3, но даже это уже позволит упростить вёрстку страницу, порой, многократно.

Содержание курса:

Раздел HTML5
Раздел CSS3
Вёрстка сайта (практика)

Из курса Вы узнаете:

Вы узнаете очень важные особенности HTML5, которые обязательно необходимо учитывать при использовании этой Web-технологии.
Вы узнаете, как правильно вставлять видео и аудио на сайт. Тут тоже есть свои нюансы, без учёта которых у некоторых пользователей Ваше видео или аудио просто не запустится. Обо всех этих нюансах Вы узнаете из этого раздела.
Вы узнаете, как использовать новые семантические теги для грамотной оптимизации под поисковые системы.
Вы увидите все новые возможности по работе с формами.
Вы увидите на конкретном примере, как реализуется с использованием HTML5 механизм Drag and Drop.
Вы узнаете, как можно получить координаты местоположения посетителей Вашего сайта.
Вы узнаете, как можно рисовать на Web-странице, используя новый элемент Canvas.
Вы узнаете особенности CSS3, которые обязательно нужно знать, прежде чем его использовать. Без учёта этих особенностей могут возникнуть огромные проблемы с отображением сайта в разных браузерах (кроссбраузерностью).
Вы увидите, как использовать новые селекторы.
Вы увидите новые возможности по работе с текстом.
Вы узнаете все возможности по заданию фона через CSS3.
Вы узнаете, как создавать прозрачный цвет с помощью CSS3.
Вы узнаете, как правильно задавать собственный шрифт. В этом разделе разбираются мелкие детали, которые очень многие верстальщики не учитывают, а потом появляются проблемы со шрифтами на сайте. После просмотра соответствующего урока из этого раздела Вы будете знать, что это за проблемы и как их решить очень быстро и легко.
Вы узнаете, как создаются тени у текста и блоков.
Вы увидите, как делаются самые различные градиенты.
Вы узнаете, как трансформировать элементы, например, поворачивать те же изображения на определённый угол.
Вы узнаете, как сделать анимацию на CSS3. Несколько самых различных и в то же время очень используемых в практике примеров Вы увидите своими глазами. Когда я впервые увидел возможности по анимации в CSS3, то был очень удивлён, уверен, что и Вам всё очень понравится.
Вы увидите, как верстается конкретная страница с использованием HTML5 и CSS3. И после прохождения этого раздела Вы уже самостоятельно сможете верстать самые различные страницы с использованием современных технологий.
Вы узнаете все особенности вёрстки под мобильные устройства. Эти особенности крайне важно знать перед тем, как делать вёрстку.
Вы узнаете, как правильно изменить дизайн для вёрстки под мобильные устройства.
Вы увидите, как верстается главная страница MyRusakov.ru под мобильные устройства.
Вы сможете самостоятельно создавать мобильные версии своих сайтов, и это самое главное, что Вы получите, изучив этот курс.

Бонус к курсу:

Видеокурс «Вёрстка под мобильные устройства»