Development
Web Development
CSS
Хитрости в работе с 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
Created by Группа преподавателей Центра "Специалист" при МГТУ им. Баумана, Алексей Тарасов
Last updated 11/2019
Russian
Preview this course
Хитрости в работе с HTML и CSS
Current price: $23.99 Original price: $34.99 Discount: 31% off
5 hours left at this price!
Buy now
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. В нем отражены все основные проблемы, с которыми сталкивается в своей работе верстальщик.

Верстальщики на HTML и CSS
Preview 01:52

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

.

Как быстро писать на HTML
Preview 07:49

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

Как заменить отсутствующие в 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:
  • Начинающие веб-разработчики
  • Верстальщики с начальным и средним опытом работы