ВХОД
Допълнения към урока
Дискусия към урока
Учебна програма
Учебна програма
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 наръчник
Основна структура на HTML
Курсове
HTML5 и CSS3
Седмица 1 - Въведение в HTML и CSS
Your browser does not support video.
СТАРТИРАЙ КУРСА ДНЕС
Предишен
Следващ
HTML5 и CSS3
В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.
Дискусия към урока
Въпроси
Отговори
Теди
Kак се запазва това което е написано, че като отворя страницата да се виждат всички нови промени?
1
Даниел Донев
Здравейте, къде да намеря теста след урока?
1
Даниел Донев
Здравейте, бихте ли ми обяснили подробно как точно се отварят zip файловете с допълненията към урока. След като ги сваля на компютъра си и с програмата, която имам, не успявам да ги разархивирам.
1
Alexander Jordanov
защо се получава това?
1
Боряна Маринова
Мисля ,че е добре да се добави и тага , който върши същата работа като :)
1
Пепа
Кога как да изписваме?
2
Владислав Иванов
Защо?
3
Georgi Georgiev
Какви клавишни комбинации използвате за Save и Run?
3
Владислав Иванов
Дали няма да е добре?
3
Злат Попзлатев
Защо заглавието все още не излиза на кирилица?
5
Илия Карагяуров
Защо при визуализация на index.html файла, текста в тага е нечетим?
+3
26