О курсе
Видео курс «How to HTML & CSS» поможет студентам, обучающимся по специальности Frontend Developer, освоить нюансы верстки веб-страниц на HTML и CSS. В курсе будет рассмотрена работа с изображениями, таблицами, списками, слоями, формами HTML, а также с CSS классами, идентификаторами и селекторами. Просмотрев уроки «How to», вы углубите свои знания языков HTML & CSS и усовершенствуете навыки написания кода.
Этот курс входит в специальности:
Предварительные Требования
Базовые знания языков верстки HTML5 & CSS3 на уровне курса "HTML и CSS Стартовый"
Вы научитесь
- Добавлять и позиционировать изображения на странице, а также реализовывать изображение-ссылку
- Создавать фон веб-страницы
- Работать с таблицами: настраивать фон, отступы и размеры
- Создавать списки стандартные и с уникальным маркером
- Работать со слоями на странице: менять размеры, положение, обтекание
- Подключать и использовать CSS-файлы: работать с селекторами, идентификаторами, классами
- 1 ч 43 м
- 24.09.2015
- 18
- 11.03.2018
- русский
Что входит в курс
В данном видео уроке автор демонстрирует процесс добавления изображения на страницу.
На данном видео «How to» продемонстрировано, как установить положение картинки на страничке и задать ей нужный размер, а также выравнивание картинки на сайте.
На данном видео «How to» показано, как можно использовать изображение в качестве ссылки, а также как сделать выравнивание картинки на веб-сайте.
На данном видео «How to» показан процесс работы с фоном страницы, как использовать картинку в качестве фона и как установить цвет заливки на странице, а также как сделать выравнивание картинки на сайте.
В данном видео «How to» продемонстрирован процесс создания таблицы на страничке, также как работать с границей таблицы и ее изменения.
В данном видео «How to» показано, как изменить фон созданной таблицы, как использовать цветовую заливку и как установить картинку в качестве фона.
В данном видео «How to» показано, как с помощью некоторых свойств html можно контролировать отступы в нашей таблице и как сделать объединение ячеек.
На этом видео «How to» показано, как с помощью свойств html можно задавать размеры нашей таблице и по необходимости задавать название таблице.
На этом видео мы познакомимся с тегами
- i
- , посмотрим, как отображать на веб-странице списки, узнаем, что такое атрибут type и рассмотрим примеры.
В данном видео «How to» показано, как создать слой на страничке, как контролировать и задавать размеры существующего слоя.
В данном видео «How to» показано, как управлять положением слоев на странице с помощью свойства position.
В данном видео «How to» показано, как контролировать обтекание нашего слоя другими элементами, используя свойство float.
В данном видео «How to» показано, как работают свойства margin и padding, как задавать отступы элементам на страничке.
В данном видео «How to» показано, как использовать тег span, а также для чего он используется и как установить для него свой стиль.
В данном видео «How to» показано, как добавить CSS на web-страницу. Мы узнаем, как использовать селекторы с именем тега.
В данном видео «How to» показано, как использовать классы и идентификаторы в CSS. Мы узнаем об особенностях этих селекторов, а также для чего они используются и как установить для них свой стиль.
На этом видео «How to» показано, как использовать классы и идентификаторы в СSS. Мы узнаем об особенностях мультиклассов, вложенных селекторов и соседних селекторов в CSS, узнаем, в каких ситуациях их можно использовать, для чего они используются и как установить для них свой стиль.
В данном видео «How to» показано, как создать форму с полями для ввода логина и пароля, текстовое поле и кнопку на странице. Мы узнаем о новых типах input в HTML5 формах.