Хитрости в работе с HTML и CSS
4.7 (3 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19 students enrolled

Хитрости в работе с HTML и CSS

Набор лайфхаков для повседневной работы
4.7 (3 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19 students enrolled
Current price: $23.99 Original price: $34.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Быстро набирать HTML и CSS код, используя плагин Emmet
  • Вставлять изображения-заглушки
  • Определять приоритет селектора
  • Создавать заготовку для lightbox-эффекта
  • Создавать чередование цветов при разметке (“зебра”)
  • Создавать многострочную всплывающую подсказку и простейшую анимацию
Course content
Expand 13 lectures 01:33:49
+ Начало работы
13 lectures 01:33:49

Это практический курс для всех, что хочет научиться создавать страницы в HTML и CSS. В нем отражены все основные проблемы, с которыми сталкивается в своей работе верстальщик.

Preview 01:52

Мы сделаем первые шаги на пути к быстрой вёрстке - научимся использовать плагин Emmet для записи HTML-элементов и свойств. При использовании Emmet многократно возрастает скорость вёрстки страницы.

.

Preview 07:49

Верстальщику иногда бывает нужно быстро вставить на HTML-страницу черновое изображение с нужным размером, не дожидаясь работы веб-дизайнера. На этом занятии мы узнаем, как быстро вставлять «заглушки» на страницу.

Preview 06:35

Вспомним/повторим/узнаем, где и как выполняется проверка кода на валидность.

Как проверить HTML-код на правильность
02:37

Существует много различных способов создания выпадающего меню на странице. На этом занятии вы узнаете один способ, не требующий использования JavaScript.

Как создать выпадающее меню?
12:08

Приоритет селекторов на странице определяется простым правилом. На этом занятии вы узнаете, какой селектор важнее и почему CSS-правила, размещенные выше в файле, могут перекрывать нижележащие правила и свойства.

Как узнать какой CSS-селектор имеет больший приоритет?
02:47

На моих курсах JavaScript слушатели выполняют лабораторную работу по созданию эффекта лайтбокса. Часто HTML-составляющая многими воспринимается как открытие. На этом занятии мы поговорим о принципах построения подобного эффекта без JS.

Как создать заготовку для lightbox с псевдоклассом :target?
14:23

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

Как работать со спрайтом в CSS?
05:33

Чередование цветов в HTML-списках и таблицах многие называют раскраской “зебры”. На этом занятии мы узнаем, как, используя псевдоклассы, оформить подобную раскраску.

Как в HTML и CSS создать "зебру"?
13:07

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

Как в HTML и CSS создать многострочную всплывающую подсказку?
08:21

Рассмотрим, как создать «прижатый» footer на странице, когда в главной колонке немного содержимого, и заставить footer уезжать при увеличении содержимого.

Как создать прижатый подвал на HTML-странице?
09:07

Если вы ещё не сталкивались с базовыми анимационными возможностями CSS, изучите этот микроурок. Вы сможете создать простейшую анимацию при наведении (CSS-свойство transition) и сделать свой первый @keyframes (CSS-свойство animation).

Как создать простейшую анимацию в CSS?
06:48

Эта лекция посвящена тока как стать сертифицированным разработчиком на
HTML5, JavaScript и CSS.

Как стать сертифицированным разработчиком
02:42
Requirements
  • Вы должны знать на базовом уровне HTML5 и CSS3
  • Уметь пользоваться онлайн редактором HTML (необязательно)
Description

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

Who this course is for:
  • Начинающие веб-разработчики
  • Верстальщики с начальным и средним опытом работы