3.95 из 5
3.95
1413 отзывов

Изучите HTML и CSS за несколько часов

Верстка сайта с нуля, на примере портала о кино КиноМонстр (KinoMonster)
Автор курса:
Sergey Nikonov
8 589 студентов зачислены
Научитесь создавать верстку сайтов на HTML и CSS
Научитесь создавать адаптивную верстку под мобильные устройства, планшеты, десткопы
Научитесь работать с Sublime Text 3 и плагинами
Узнаете как создается верстка сайтов
Узнаете CSS свойства
Вы увидите процесс создания верстки сайта в целом, без долгих остановках на теоретической части

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

Мы рассмотрим как фиксированную верстку сайтов, так и адаптивную верстку. Адаптивная верстка “подстраивается” под устройства с разными разрешениями экранов.

Если вы хотите освоить верстку, изучить HTML и CSS – этот курс для вас!

Установка программ для изучения HTML и CSS

1
Установка редактора кода Sublime Text 3, Emmet в Windows

В этому уроке мы подготовим компьютер к работе для изучения HTML и CSS: Установим редактор кода Sublime Text 3, плагин Emmet для быстрой генерации HTML5 разметки.

Если у вас не получается установить Package Control, Emmet в Sublime Text 3, вы можете воспользоваться редактором кода Visual Studio Code со встроенным плагином Emmet, темами оформления. Ссылка в описании.

Этот урок для операционной системы Windows 10 (а также других версий Windows). Если у вас операционная система MacOS, пропустите этот урок и переходите к уроку "Установка редактора кода Sublime Text 3, Emmet в MacOS".

2
Установка редактора кода Sublime Text 3, Emmet в MacOS

В этому уроке мы подготовим компьютер к работе для изучения HTML и CSS: Установим редактор кода Sublime Text 3, плагин Emmet для быстрой генерации HTML5 разметки.

Если у вас не получается установить Package Control, Emmet в Sublime Text 3, вы можете воспользоваться редактором кода Visual Studio Code со встроенным плагином Emmet, темами оформления. Ссылка в описании.

Этот урок для операционной системы MacOS. Если у вас операционная система Windows 10, пропустите этот урок и переходите к уроку "Установка редактора кода Sublime Text 3, Emmet в Windows 10".

Знакомство с HTML-тэгами

1
Базовая HTML разметка

Базовая разметка HTML страницы и ее устройство

2
Тэги , ,

Изучим HTML-тэги <h1>, <p>, <strong>

3
Тэги , и первое знакомство с CSS (Каскадная таблица стилей)
4
Тэги ,

CSS - Каскадная таблица стилей

1
Подключение CSS стилей
2
Знакомство с margin, padding, height, font-size и другими CSS-свойствами
3
Стилизация ссылок с помощью CSS

Главная страница. Создание верстки портала Kinomonster

1
Горизонтальное меню - часть 1
2
Горизонтальное меню - часть 2
3
Создание правого меню сайта - знакомство с html-формами
4
Создание правого меню сайта - часть 2
5
Создание правого меню сайта - часть 3
6
Создание правого меню сайта - часть 4
7
Создание нижнего блока сайта - footer - часть 1
8
Создание нижнего блока сайта - footer - часть 2
9
Создание контент-блока главной страницы
10
Создание контент-блока главной страницы - часть 2

Страница просмотра фильмов - создание верстки портала kinomonster

1
Встраивание видеоплеера на страниц
2
Верстка рейтинга фильма
3
Верстка описания фильма
4
Верстка блока с отзывами
5
Верстка блока с отзывами - часть 2

Страницы списка фильмов и сериалов

1
Верстка и связывание страниц с друг другом

Страница рейтинг фильмов

1
Верстка и изучим html-тэг для работы с таблицами

Адаптивная верстка (красивое отображение сайта в мобильных устройствах)

1
Знакомство с инструментами разработчика браузера google chrome
2
Адаптивность для главной страницы
3
Адаптивность для главной страницы - часть 2
4
Адаптивность для главной страницы - часть 3 и страница со списком фильмов
5
Адаптивность для страницы просмотра фильмов и рейтинга фильмов
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4
4 из 5
1413 Рейтинги

Детальный Рейтинг

Звезды 5
933
Звезды 4
338
Звезды 3
102
Звезды 2
25
Звезды 1
15
d33e11583b8af5d596ea9b4462216320
3-дневная гарантия возврата денег

Этот курс включает:

4 часов видео по запросу
Полный пожизненный доступ
Доступ с мобильного
Сертификат об окончании
Изучите HTML и CSS за несколько часов
Цена:
0.16 ₽ 1,190 ₽
Layer 1