ВХОД
Допълнения към урока
Дискусия към урока
Учебна програма
Учебна програма
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. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.
Дискусия към урока
Въпроси
Отговори
Константин Чалбуров
Защо при мен се устили всичко?
3
инж. Юлиан Ангелов
Защо нововнесеният списък се остили целият както списъка - майка?
1
Георги Димитров
Може ли това да е синтактична грешка?
4
Жанета Димитрова Маринова
Защо шрифта на e-mail-ите в допълнителния списък не се остилиха?
2
Злат Попзлатев
Какво съм сбъркал?
8
