background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання."

input logo icon
Table of contents
|

Table of contents

0:00
Вступ
0:45
Тема: "Позиціонування елементів. Види верстання"
2:00
Приклад з минулого заняття. Підключення кастомних шрифтів
32:40
Питання - відповіді
33:40
Позиціонування елементів. Види верстання
33:50
float
45:05
clear
46:09
overflow
49:30
display-visibility
53:32
Приклад використання на практиці
58:20
Питання - відповіді
59:18
margin
1:11:15
padding
1:12:40
Позиціонування елементів (position: relative, absolute, fixed)
1:24:41
z-index
1:30:07
Види верстання
1:35:54
Табличне верстання
1:37:20
Гумове верстання
1:38:25
Фіксоване верстання
1:40:40
Відсоткове верстання
1:41:48
Адаптивне верстання
1:51:55
Питання - відповіді Дякуємо, що ви з нами!
Video tags
|

Video tags

html курс
html
курс html
html5
уроки html
html уроки
html з нуля
html с нуля
codeua
code ua
css
курс css
цсс
хтмл
курси програмування
курси програмування онлайн
програмування
верстка сайтів
курси українською
стати програмістом
іт курси
фронтенд
як створити сайт
сайт
як створити сайт з нуля
css з нуля
сайт з нуля
українською
програмування українською
таблиці html
css таблиці
стилі
стилі css
уроки css
css3
верстка
види верстки
адаптивна верстка
You already have UDL Helper installed You can download video in 1 click!
Installed
for
Google Chrome

Description:

В п'ятому уроці курсу HTML5 & CSS3 Стартовий ми розглянемо позиціонування елементів, види верстки, поняття адаптивної верстки, поняття валидної верстки. Викладач: Віталій Мазяр, FrontEnd Developer, тренер–консультант CyberBionic Systematics, сертифікований тренер Microsoft, автор відео курсів на ITVDN. Програма курсу: 1) Загальне знайомство з HTML. Призначення технології і сфери застосування. 2) Робота із зображеннями, таблицями та списками. 3) Каскадні таблиці стилів CSS. Частина 1. 4) Каскадні таблиці стилів CSS. Частина 2. 5) Позиціонування елементів. Види верстання. 6) Семантика HTML5. Нові теги. 7) Принципи побудови розмітки Flexbox. 8) Форми. Метатеги. 9) Практика. 10) Практика. За підготовку таймкодів дякуємо користувачу Міша Пуля! 0:00 - Вступ 0:45 - Тема: "Позиціонування елементів. Види верстання" 2:00 - Приклад з минулого заняття. Підключення кастомних шрифтів 32:40 - Питання - відповіді 33:40 - "Позиціонування елементів. Види верстання" 33:50 - float 45:05 - clear 46:09 - overflow 49:30 - display-visibility 53:32 - Приклад використання на практиці 58:20 Питання - відповіді 59:18 - margin 1:11:15 - padding 1:12:40 - Позиціонування елементів (position: relative, absolute, fixed) 1:24:41 - z-index 1:30:07 - Види верстання 1:35:54 - Табличне верстання 1:37:20 - Гумове верстання 1:38:25 - Фіксоване верстання 1:40:40 - Відсоткове верстання 1:41:48 - Адаптивне верстання 1:51:55 - Питання - відповіді Дякуємо, що ви з нами! Ми в соцмережах: Telegram - https://t.me/cbs_info Instagram - https://www.facebook.com/unsupportedbrowser TikTok - https://www.tiktok.com/@cb_systematics Facebook - https://www.facebook.com/unsupportedbrowser LinkedIn - https://www.linkedin.com/company/cbsystematics-development/ 👉 Сайт і курси CyberBionic Systematics: https://edu.cbsystematics.com/ua

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання." video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання." video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання." video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання." video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання."?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "Курс HTML5 & CSS3 Стартовий. Урок 5. ➤ Позиціонування елементів. Види верстання."?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.