Курс на Stepik
Обложка курса «Brand: Web - жобалау HTML және CSS 1.0» на Stepik
Бесплатно

Brand: Web - жобалау HTML және CSS 1.0 ★ 5.000

Открыть на
STEPIK.ORG

Бұл курс HTML (HyperText Markup Language) және CSS (Cascading Style Sheets) негіздерін үйренуге арналған. Курстың мақсаты — веб-беттерді жасау мен стильдеу процесін түсінуге көмектесу. Курс барысында келесі бағыттар қамтылады: HTML құрылымы: Веб-беттердің негізін қалай құруды үйрену. CSS стильдері: Веб-беттердің көрінісін өзгерту, элементтерді орналастыру және стильдеу.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Brand: Web - жобалау HTML және CSS 1.0»Учеников на курсе 310
Сертификаты, выданные на курсе «Brand: Web - жобалау HTML және CSS 1.0»Сертификатов выдано 0
Отзывы о курсе «Brand: Web - жобалау HTML және CSS 1.0»Отзывов получено 2
Рейтинг курса «Brand: Web - жобалау HTML және CSS 1.0»Рейтинг курса 5.000
Уроки в курсе «Brand: Web - жобалау HTML және CSS 1.0»Количество уроков 61
Тесты в курсе «Brand: Web - жобалау HTML және CSS 1.0»Количество квизов 116
Задачи с кодом в курсе «Brand: Web - жобалау HTML және CSS 1.0»Количество задач с кодом 41
Время прохождения курса «Brand: Web - жобалау HTML және CSS 1.0»Время прохождения курса —
Обновления курса «Brand: Web - жобалау HTML және CSS 1.0»Обновления курса — —
Дата публикации курса «Brand: Web - жобалау HTML және CSS 1.0»Дата публикации курса — ———
Последнее обновление курса «Brand: Web - жобалау HTML және CSS 1.0»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Brand: Web - жобалау HTML және CSS 1.0» 20 разделов Уроки в курсе «Brand: Web - жобалау HTML және CSS 1.0» 61 урок Тесты в курсе «Brand: Web - жобалау HTML және CSS 1.0» 116 тестов Задачи в курсе «Brand: Web - жобалау HTML және CSS 1.0» 41 задача Время прохождения курса «Brand: Web - жобалау HTML және CSS 1.0» 3 ч. Последнее обновление курса «Brand: Web - жобалау HTML және CSS 1.0» обн. 2 года назад

1. Кіріспе

4 урока
Закрытый
1.1 HTML дегеніміз не? ↗
290
153
3м 43с
3
Закрытый
1.2 Веб-технологиялар тарихы: HTML-дің орны мен маңызы. ↗
219
123
2м 6с
0
Закрытый
1.3 Веб-браузерлер және олардың жұмысы. ↗
196
127
2м 13с
0
Закрытый
1.4 HTML құжатты жасауға қажетті құралдар (код редакторлары, браузер ↗
183
129
1м 38с
0

2. HTML құрылымы

3 урока
Закрытый
2.1 HTML құжатының негізгі құрылымы ↗
186
124
2м 42с
0
Закрытый
2.2 Тегтер мен элементтер деген не? ↗
169
127
1м 49с
1
Закрытый
2.3 Атрибуттар және олардың рөлі. ↗
163
119
1м 15с
1

3. Мәтінмен жұмыс

4 урока
Закрытый
3.1 Тақырыптар тегтері. ↗
178
97
5м 43с
0
Закрытый
3.2 Абзац тегі. ↗
161
91
2м 50с
-1
Закрытый
3.3 Қалың және курсив мәтін ↗
154
94
3м 2с
2
Закрытый
3.4 Мәтіндерді реттеу ↗
149
94
1м 27с
0

4. Сілтемелер мен суреттер

3 урока
Закрытый
4.1 Гиперсілтемелер жасау: а - тегі, ішкі және сыртқы сілтемелер. ↗
138
46
6м 18с
0
Закрытый
4.2 Суреттер қосу: img тегі және оның атрибуттары ↗
94
48
3м 46с
0
Закрытый
4.3 Түсініктеме жазу ↗
83
57
1м 34с
0

5. Тізімдер

3 урока
Закрытый
5.1 Реттелген тізімдер ↗
74
39
5м 55с
0
Закрытый
5.2 Реттелмеген тізімдер ↗
65
34
3м 13с
0
Закрытый
5.3 Аралас тізімдер. ↗
63
32
5м 14с
0

6. Кестелер

3 урока
Закрытый
6.1 Кесте жасау ↗
68
38
4м 12с
0
Закрытый
6.2 Кесте атрибуттары: шекаралар, ені, биіктігі, түсі. ↗
56
30
5м 34с
0
Закрытый
6.3 Ұяшықтарды біріктіру: colspan, rowspan. ↗
53
28
2м 5с
0

7. Формалар

4 урока
Закрытый
7.1 Пайдаланушыдан мәлімет алу үшін формалар жасау ↗
53
27
5м 44с
0
Закрытый
7.2 Мәтін енгізу өрісі ↗
44
25
4м 33с
0
Закрытый
7.3 Таңдау өрісі: select және option ↗
41
20
6м 38с
0
Закрытый
7.4 Белгілеу және басу түймелері: label, button. ↗
37
22
5м 37с
0

8. Семантикалық HTML

2 урока
Закрытый
8.1 Семантикалық тегтер деген не? ↗
42
19
5м 15с
0
Закрытый
8.2 Семантикалық тегтерді қолдану ↗
35
19
4м 5с
0

9. HTML5 мүмкіндіктері

3 урока
Закрытый
9.1 Аудио және видео файлдарды кірістіру ↗
41
24
6м 35с
0
Закрытый
9.2 Канвас элементі ↗
38
17
2м 51с
0
Закрытый
9.3 Жаңа атрибуттар және API мүмкіндіктері. ↗
30
18
1м 42с
0

10. Практикалық бөлім: Қарапайым веб-бет жасау

3 урока
Закрытый
10.1 Жеке веб-бетті жобалау. ↗
34
34
2м 23с
0
Закрытый
10.2 Тапсырма 1. Жеке веб-бетті жобалау ↗
35
35
1м 8с
0
Закрытый
10.3 Тапсырма 2. Бірнеше веб-бет жасау. ↗
34
34
1м 57с
0

11. CSS деген не?

3 урока
Закрытый
11.1 CSS-тің HTML-мен байланысы. ↗
47
10
14м 9с
0
Закрытый
11.2 CSS қолдану мақсаты және оның рөлі. ↗
38
24
3м 0с
0
Закрытый
11.3 CSS синтаксисі: таңбалар, қасиеттер мен мәндер. ↗
36
21
2м 59с
0

12. CSS ішіне енгізу тәсілдері

3 урока
Закрытый
12.1 Inline CSS – HTML элементінде стильдер жазу. ↗
34
24
4м 52с
0
Закрытый
12.2 Internal CSS – style тегі арқылы стильдер енгізу. ↗
33
22
6м 56с
0
Закрытый
12.3 External CSS – бөлек .css файлында стильдер жазу. ↗
32
21
6м 39с
0

13. CSS селекторлары

4 урока
Закрытый
13.1 Таңба селекторлары (tag selectors). ↗
34
21
3м 59с
0
Закрытый
13.2 Класстар арқылы стиль беру (class selectors). ↗
32
14
8м 52с
0
Закрытый
13.3 ID арқылы стильдер (ID selectors). ↗
30
16
3м 39с
0
Закрытый
13.4 Универсалды селектор (*). ↗
31
15
2м 3с
0

14. Қасиеттер мен мәндер

3 урока
Закрытый
14.1 Мәтіннің стилі: font-size, color, line-height. ↗
31
17
3м 22с
0
Закрытый
14.2 Блоктар мен шекаралар: border, padding, margin. ↗
27
17
3м 12с
0
Закрытый
14.3 Өлшемдер: width, height. ↗
25
10
1м 33с
0

15. Блоктар мен қатарлар (Box Model)

3 урока
Закрытый
15.1 Box Model түсінігі: margin, border, padding, content. ↗
22
10
1м 2с
0
Закрытый
15.2 Элементтердің өлшемін басқару: width, height. ↗
19
8
0м 16с
0
Закрытый
15.3 display қасиеті: block, inline, inline-block, none. ↗
20
9
1м 0с
0

16. Flexbox және Grid Layout

2 урока
Закрытый
16.1 Flexbox: икемді орналасу жүйесі ↗
19
8
0м 5с
0
Закрытый
16.2 Grid Layout: күрделі орналасу жүйесі ↗
18
8
1м 35с
0

17. Анимациялар және трансформациялар

3 урока
Закрытый
17.1 CSS анимациялары: элементтерді қозғау, түсін өзгерту. ↗
19
8
1м 6с
0
Закрытый
17.2 transform: элементтерді бұру, анимациялау. ↗
20
10
1м 22с
0
Закрытый
17.3 transition: элементтерге жылдам өзгерістер қосу. ↗
18
10
2м 59с
0

18. Медианың сұраныстары (Media Queries)

3 урока
Закрытый
18.1 Экран өлшемдеріне байланысты стильдер қосу. ↗
20
8
1м 52с
0
Закрытый
18.2 Мобильді және десктопты бейімделген дизайн. ↗
20
8
1м 31с
0
Закрытый
18.3 Responsive дизайн жасау. ↗
21
8
1м 39с
0

19. Псевдокласстар мен псевдоэлементтер

2 урока
Закрытый
19.1 Псевдокласстар: :hover, :focus, :nth-child(). ↗
21
6
0м 3с
0
Закрытый
19.2 Псевдоэлементтер: ::before, ::after ↗
22
12
1м 38с
0

20. Практикалық бөлім: Жеке веб-бетті сәндеу

3 урока
Закрытый
20.1 HTML элементтерін стильдеу. ↗
27
27
1м 58с
0
Закрытый
20.2 Қарапайым веб-бетті CSS арқылы безендіру. ↗
22
22
1м 4с
0
Закрытый
20.3 Responsive дизайн жасау. ↗
29
29
1м 15с
0