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