Про курс
Відео курс «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 можна задавати розміри нашої таблиці та за потребою задавати назву таблиці.
На цьому відео ми познайомимося з тегами ul і ol, подивимося, як відображати на веб-сторінці списки, дізнаємося, що таке атрибут type та розглянемо приклади.
У цьому відео «How to» показано, як створити шар на сторінці, як контролювати та задавати розміри існуючого шару.
У цьому відео "How to" показано, як керувати положенням шарів на сторінці за допомогою властивості position.
У цьому відео "How to" показано, як контролювати обтікання нашого шару іншими елементами, використовуючи властивість float.
У цьому відео "How to" показано, як працюють властивості margin і padding, як задавати відступи елементам на сторінці.
У цьому відео "How to" показано, як використовувати тег span, а також для чого він використовується і як встановити для нього свій стиль.
У цьому відео "How to" показано, як додати CSS на веб-сторінку. Ми дізнаємось, як використовувати селектори з ім'ям тега.
У цьому відео «How to» показано, як використовувати класи та ідентифікатори CSS. Ми дізнаємося про особливості цих селекторів, а також для чого вони використовуються та як встановити для них свій стиль.
На цьому відео «How to» показано, як використовувати класи та ідентифікатори СSS. Ми дізнаємося про особливості мультикласів, вкладених селекторів та сусідніх селекторів у CSS, дізнаємося, в яких ситуаціях їх можна використовувати, для чого вони використовуються і як встановити для них свій стиль.
У цьому відео «How to» показано, як створити форму з полями для введення логіну та пароля, текстове поле та кнопку на сторінці. Ми дізнаємося про нові типи input в HTML5 формах.