ВХОД
Допълнения към урока
Дискусия към урока
Учебна програма
Учебна програма
HTML5 и CSS3
HTML5 и CSS3
1. Въведение в HTML и CSS
1. Представяне на HTML и CSS
2. Основна структура на HTML
3. Текст, разстояния и нови редове
4. Блокови и инлайн елементи
5. Картинки и HTML атрибути
6. Моята интернет снимка
7. Стилове вместо HTML и атрибути
8. Стилове Float и Margin
9. Задача: Икона име и длъжност
10. Решение: Икона име и длъжност
2. Box моделът в HTML
1. От инлайн стилове към CSS
2. CSS във вътрешен файл
3. Box модела в HTML
4. Още за box модела
5. HTML списъци
6. Направа на визитка
7. Текст в контейнер
8. Подреждане с inline-block
9. Задача: Header на профилната страница
10. Решение: Header на профилната страница
3. Селектори, позициониране и трансформации
1. Селектори ID и class
2. Селектори > и +
3. Селектори first-child, last-child и nth-child
4. Относително позициониране
5. Абсолютно позициониране
6. Фиксирано позициониране
7. Псевдо елементи
8. Трансформации
9. Задача: Пин пред заглавие
10. Решение: Пин пред заглавие
4. Фонови изображения и спрайтове
1. Изображение като фон
2. Повтаряне на фон
3. Растерни и векторни изображения
4. Пин с икона
5. Спрайтове
6. Позициониране на фон
7. Z-index
8. Списък с описания
9. Задача: Времева линия
10. Решение: Времева линия
5. Създаване и модифициране на изображения
1. Линейни градиенти
2. Кръгли градиенти
3. Градиенти и шарки
4. Progress Bar
5. Преизползване на стилове
6. Браузър префикси
7. Филтри
8. Задача: Умения и интереси
9. Решение: Умения и интереси
6. Линкове, навигация и меню
1. Линкове
2. Още за линковете
3. Линкове към същата страница
4. Сваляне на файлове
5. Формат и интерактивност на линковете
6. Линкове и навигация
7. Задача: Меню
8. Решение: Меню
7. Скрити елементи, прозрачности и responsive дизайн
1. Медийни заявки
2. Още за медийните заявки
3. Медийни заявки и CSS файлове
4. Float и Clear
5. Responsive меню
6. Скриване на елементи
7. Полупрозрачност
8. Задача: Responsive сайт
9. Решение: Responsive сайт
8. Динамика с транзишъни и анимации
1. Транзишъни
2. Още за транзишъните
3. Интерактивна икона
4. Анимации
5. Още за анимациите
6. Задача: Динамичен сайт
7. Решение: Динамичен сайт
9. Бонус модул: Фото галерия+Кратък приложен CSS наръчник
1. Създаване на фотогалерия
2. Кратък приложен CSS наръчник
Решение: Пин пред заглавие
Курсове
HTML5 и CSS3
Седмица 3 - Селектори, позициониране и трансформации
- 100лв. за ЧЕРЕН ПЕТЪК:
Вземи курс "HTML5 и CSS3" за
249 лв.
149 лв.
ВИЖ ТУК
×
Your browser does not support video.
СТАРТИРАЙ КУРСА ДНЕС
Предишен
Следващ
HTML5 и CSS3
В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.
Дискусия към урока
Въпроси
Отговори
Chvdr
Какво е практическото приложение на фигурки като тази?
1
инж. Юлиан Ангелов
Защо ромбчето и кръгчето са позиционирани с почти еднакви мерни единици в левият край?
1
Искрен Иванов
Как се появяват кръгчето и триъгълничето?
1
Искрен Иванов
Защо кръгчето е after, а триъгълничето е before?
2
Злат Попзлатев
Защо пин-четата станаха 2?
3
Георги
Защо правим това остиляване:
1
