Главная страницаКатегория cssОсновы HTML + CSS

Основы HTML + CSS

Name: Основы HTML + CSS
Price: 13 USD
Rating: 5 (24 reviews)

HTML + CSS Basics

ultimatecourses.com

★5 (всего оценок - 24)

Продолжительность

4 ч 58 мин

Категория

CSS

Количество уроков

59 Видео

Дата добавления

3 авг. 2020 г., 21:56

Язык

Английский

Дата обновления

29 апр. 2026 г., 08:21

Курс “Основы HTML + CSS” — это практичный старт для тех, кто хочет уверенно войти в веб‑разработку. Вы освоите семантическую разметку, структуру веб‑страниц и ключевые возможности CSS, которые позволяют превращать код в продуманные интерфейсы.

Что вы узнаете в ходе обучения

Обучение построено так, чтобы шаг за шагом провести вас от базовых тегов до создания полноценного адаптивного макета.

Основы HTML

Понимание структуры веб‑страницы и роли семантических тегов.
Использование основных и продвинутых элементов HTML.
Создание корректной, доступной и поисково‑дружественной разметки.

Основы CSS

Изучение каскада, специфичности и наследования.
Использование современных возможностей CSS: Flexbox, Grid, переменные.
Создание адаптивных интерфейсов под разные устройства.

Практическая направленность

Курс ориентирован на применение знаний в реальных задачах. По мере изучения материалов вы будете:

Верстать простые элементы интерфейса.
Создавать полноценную страницу с нуля.
Работать с файлами стилей и структурировать проект.

Для кого этот курс

Курс будет полезен:

Новичкам в программировании, которые хотят начать с прочной базы.
Дизайнерам, желающим лучше понимать верстку интерфейсов.
Тем, кто хочет перейти к изучению JavaScript или фреймворков.

Результаты обучения

После прохождения курса вы сможете:

Самостоятельно создавать корректную HTML‑разметку.
Оформлять веб‑страницы с помощью CSS и управлять их визуальной структурой.
Разрабатывать адаптивные макеты и уверенно работать с современными инструментами верстки.

Почему стоит выбрать этот курс

Материал подается последовательно и понятно, что делает обучение комфортным даже для новичков. Вы не просто изучаете теги и свойства — вы учитесь применять их в реальных проектах, формируя сильную базу для дальнейшего развития в веб‑разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:06:01
The Missing Introduction to HTML & CSS
Урок 2. 00:06:04
HTML Syntax
Урок 3. 00:02:46
Page Structure
Урок 4. 00:05:47
Head Information
Урок 5. 00:02:59
Heading Elements
Урок 6. 00:04:57
Paragraphs & Text
Урок 7. 00:03:20
List Elements
Урок 8. 00:02:52
Anchor Element
Урок 9. 00:00:58
Button Element
Урок 10. 00:01:26
Image Element
Урок 11. 00:01:09
Introduction
Урок 12. 00:03:18
Header Element
Урок 13. 00:01:26
Footer Element
Урок 14. 00:01:47
Navigation Element
Урок 15. 00:01:39
Article Element
Урок 16. 00:02:34
Section & Div Elements
Урок 17. 00:02:26
Main & Aside Elements
Урок 18. 00:01:07
Figure Element
Урок 19. 00:02:25
Form Element
Урок 20. 00:03:00
Input Element
Урок 21. 00:06:19
Input Types
Урок 22. 00:03:28
Select & Textarea Elements
Урок 23. 00:01:52
Submitting a Form
Урок 24. 00:05:35
Video Element
Урок 25. 00:02:47
Audio Element
Урок 26. 00:02:07
Picture Element
Урок 27. 00:03:14
Project Introduction
Урок 28. 00:04:00
Setup the Page Structure
Урок 29. 00:04:34
Creating the Header
Урок 30. 00:05:56
Creating the Footer
Урок 31. 00:07:35
Adding the Articles
Урок 32. 00:06:52
Setup the Landing Page
Урок 33. 00:04:27
The Article Thumbnail List
Урок 34. 00:03:45
Adding a Newsletter Signup
Урок 35. 00:12:36
CSS Syntax
Урок 36. 00:05:29
Style vs File
Урок 37. 00:03:11
Border Property
Урок 38. 00:04:54
Color Values
Урок 39. 00:03:32
Background Property
Урок 40. 00:02:26
Border-radius Property
Урок 41. 00:01:39
Box-shadow Property
Урок 42. 00:03:23
Importing Fonts
Урок 43. 00:04:11
Text Styling
Урок 44. 00:04:12
Display Types
Урок 45. 00:06:30
Margin & Padding Properties
Урок 46. 00:06:09
Unit Values
Урок 47. 00:02:34
Width & Height Properties
Урок 48. 00:04:02
Box-sizing Property
Урок 49. 00:12:21
Float Property
Урок 50. 00:10:54
Layout with Flexbox
Урок 51. 00:12:12
Layout with Grid
Урок 52. 00:04:30
Project Setup
Урок 53. 00:07:29
Defining the Base Styles
Урок 54. 00:09:30
Defining the Common Styles
Урок 55. 00:10:20
Styling the Header
Урок 56. 00:05:36
Styling the Footer
Урок 57. 00:12:47
Styling the Article Page
Урок 58. 00:20:23
Styling the Landing Page
Урок 59. 00:07:01
Styling the Newsletter Sign-up

https://github.com/ultimatecourses/html-css-basics

Download and Install
Install the latest version of Node.js before you continue.

Next, download the Starter Project (ZIP), unzip and open the folder in your editor, such as VSCode.

Next, we’ll install project dependencies.
You’ll need to open VSCode’s Terminal. From there, you can type and hit enter cd html-css-basics which will now navigate your Terminal to your project folder. Next, run the npm install:
npm install
Run the Project
Once the install has finalised, run the project in development mode via npm start.
This will then compile the project and run a local server for us to build on! The Terminal will show you the localhost address to visit in your browser.
npm start