Курс на 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»Учеников на курсе 315
Сертификаты, выданные на курсе «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 года назад

Кіріспе

4 урока
1. HTML дегеніміз не? ↗
2. Веб-технологиялар тарихы: HTML-дің орны мен маңызы. ↗
3. Веб-браузерлер және олардың жұмысы. ↗
4. HTML құжатты жасауға қажетті құралдар (код редакторлары, браузер ↗

HTML құрылымы

3 урока
1. HTML құжатының негізгі құрылымы ↗
2. Тегтер мен элементтер деген не? ↗
3. Атрибуттар және олардың рөлі. ↗

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

4 урока
1. Тақырыптар тегтері. ↗
2. Абзац тегі. ↗
3. Қалың және курсив мәтін ↗
4. Мәтіндерді реттеу ↗

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

3 урока
1. Гиперсілтемелер жасау: а - тегі, ішкі және сыртқы сілтемелер. ↗
2. Суреттер қосу: img тегі және оның атрибуттары ↗
3. Түсініктеме жазу ↗

Тізімдер

3 урока
1. Реттелген тізімдер ↗
2. Реттелмеген тізімдер ↗
3. Аралас тізімдер. ↗

Кестелер

3 урока
1. Кесте жасау ↗
2. Кесте атрибуттары: шекаралар, ені, биіктігі, түсі. ↗
3. Ұяшықтарды біріктіру: colspan, rowspan. ↗

Формалар

4 урока
1. Пайдаланушыдан мәлімет алу үшін формалар жасау ↗
2. Мәтін енгізу өрісі ↗
3. Таңдау өрісі: select және option ↗
4. Белгілеу және басу түймелері: label, button. ↗

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

2 урока
1. Семантикалық тегтер деген не? ↗
2. Семантикалық тегтерді қолдану ↗

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

3 урока
1. Аудио және видео файлдарды кірістіру ↗
2. Канвас элементі ↗
3. Жаңа атрибуттар және API мүмкіндіктері. ↗

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

3 урока
1. Жеке веб-бетті жобалау. ↗
2. Тапсырма 1. Жеке веб-бетті жобалау ↗
3. Тапсырма 2. Бірнеше веб-бет жасау. ↗

CSS деген не?

3 урока
1. CSS-тің HTML-мен байланысы. ↗
2. CSS қолдану мақсаты және оның рөлі. ↗
3. CSS синтаксисі: таңбалар, қасиеттер мен мәндер. ↗

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

3 урока
1. Inline CSS – HTML элементінде стильдер жазу. ↗
2. Internal CSS – style тегі арқылы стильдер енгізу. ↗
3. External CSS – бөлек .css файлында стильдер жазу. ↗

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

4 урока
1. Таңба селекторлары (tag selectors). ↗
2. Класстар арқылы стиль беру (class selectors). ↗
3. ID арқылы стильдер (ID selectors). ↗
4. Универсалды селектор (*). ↗

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

3 урока
1. Мәтіннің стилі: font-size, color, line-height. ↗
2. Блоктар мен шекаралар: border, padding, margin. ↗
3. Өлшемдер: width, height. ↗

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

3 урока
1. Box Model түсінігі: margin, border, padding, content. ↗
2. Элементтердің өлшемін басқару: width, height. ↗
3. display қасиеті: block, inline, inline-block, none. ↗

Flexbox және Grid Layout

2 урока
1. Flexbox: икемді орналасу жүйесі ↗
2. Grid Layout: күрделі орналасу жүйесі ↗

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

3 урока
1. CSS анимациялары: элементтерді қозғау, түсін өзгерту. ↗
2. transform: элементтерді бұру, анимациялау. ↗
3. transition: элементтерге жылдам өзгерістер қосу. ↗

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

3 урока
1. Экран өлшемдеріне байланысты стильдер қосу. ↗
2. Мобильді және десктопты бейімделген дизайн. ↗
3. Responsive дизайн жасау. ↗

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

2 урока
1. Псевдокласстар: :hover, :focus, :nth-child(). ↗
2. Псевдоэлементтер: ::before, ::after ↗

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

3 урока
1. HTML элементтерін стильдеу. ↗
2. Қарапайым веб-бетті CSS арқылы безендіру. ↗
3. Responsive дизайн жасау. ↗