ВХОД
Допълнения към урока
Дискусия към урока
Учебна програма
Учебна програма
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
Седмица 1 - Въведение в HTML и CSS
Your browser does not support video.
СТАРТИРАЙ КУРСА ДНЕС
Предишен
Следващ
HTML5 и CSS3
В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.
Дискусия към урока
Въпроси
Отговори
Memo
Защо надписите не излизат на кирилица?
3
Plamen
Защо Atom не го отличава като команда?
1
Иван
как да ми подчертае амперсанд?
1
Иван Йорданов
Възможно ли е да покажем специален символ в браузъра като например символа &tl; а не самата скоба?
1
Борислав
Какво е html entities ?
8
