Edugrafia Kurs wideo CSS3 - niezbędne techniki ZIP 1 ПК / безстрокова ліцензія ESD

Назва - Курс CSS3 рівень II - необхідні властивості та техніки

Друга частина найдокладнішого курсу з використання CSS3.

• Тривалість - 7 годин 30 хвилин
• Рівень: базовий
• Дата виходу: 20.02.2020
b>< /li>
• Версія програми: CSS3

Що ви дізнаєтеся?

Курс є продовженням і другим рівнем вивчення CSS, тобто каскадних таблиць стилів. У першій частині курсу ми обговорили селектори. У цьому курсі ви дізнаєтеся більше про необхідні властивості та техніки використання CSS3. Ми пояснимо такі терміни, як робота з типографікою, налаштування кольорів, створення таблиць і списків, введення значень і одиниць, а також визначення кутів. Курс також включає більш складні питання, такі як модель коробки, розташування елементів та інші техніки, які варто вивчити.

• Ви дізнаєтесь про найпоширеніші техніки

• Ви визначите кольори на сторінці

• Ви дізнаєтесь про доступні одиниці вимірювання

• Ви дізнаєтеся про принципи типографіки

• Ви підключите різні шрифти для веб-сайту

• Ви відформатуєте списки та таблиці
• Ви навчитеся створювати кути
• Ви додасте фон до елементів
• Як використовувати коробкову модель
• Ви дізнаєтесь про функції в CSS

Основні елементи веб-сайту

Завдяки знанням, отриманим під час курсу, ви зможете покращити зовнішній вигляд свого веб-сайту ще краще. Ми представимо вам новітні прийоми роботи з типографікою, які дозволять підібрати правильний шрифт і встановити такі параметри, як абзаци, інтервали та вирівнювання. Ви також додасте жирний шрифт, курсив та інші виділення тексту. Говорячи про зовнішній вигляд сторінки, ще одним важливим навиком є ​​використання кольору.

Необхідні елементи веб-сайту

У курсі ви побачите, як додати додаткові елементи на свій веб-сайт, зокрема таблиці, списки, межі та кути. Саме такі деталі додають характер веб-сайту. Ви навчитеся стилізувати зовнішній вигляд таблиць і створювати марковані та нумеровані списки. Ви можете визначити розмір округлення певного елемента, що дуже корисно, наприклад, при створенні кнопок, форм або карток продуктів.

Додаткові елементи

Цікаві прийоми будуть обговорюватися в подальшому розвитку цього тренінгу. Ви дізнаєтеся, що таке коробкова модель, як нею користуватися та як створювати поля. Ви побачите, як позиціонувати елементи та різницю між відносним і абсолютним позиціонуванням. Ви створите плаваючі та закріплені елементи. Крім того, ви дізнаєтесь інші корисні навички, як-от функції CSS і використання префіксів.

Чому CSS3?

Глибоке розуміння каскадних таблиць стилів є важливим у веб-дизайні та розробці. Кожен, хто хоче почати створювати веб-сайти, повинен вивчити CSS3 і відкрити всі його секрети. Всупереч зовнішньому вигляду, CSS — це тема, яка потребує багатогодинного вивчення, тому ми створили серію курсів, які детально розкажуть вам про всі її можливості. Ви отримуєте систематизовану і точну порцію знань від досвідченого програміста.

1. Вступ

1.1. Вступ

2. Прості ефекти

2.1. Непрозорість

2.2. Тінь для тексту

2.3. Тінь для елемента

2.4. Лінійний градієнт

3. Маски

3.1. Властивість переповнення з прихованим значенням

3.2. Тло ковзного елемента

4. Фільтри

4.1. Фільтри – вступ

4.2. Сепія

4.3. Відтінки сірого

4.4. Насичення

4.5. Розмиття

4.6. Яскравість

4.7. Контраст

4.8. Обертання відтінку

4.9. Інвертувати

4.10. Непрозорість

4.11. Комбінування фільтрів

4.12. Фоновий фільтр

5. Режими змішування

5.1. Вступ до режимів змішування

5.2. background-blend-mode

5.3. Режим змішування-змішування

6. Перетворення

6.1. Перетворення – вступ

6.2. Перехід у 2D просторі

6.3. Масштабування у двовимірному просторі

6.4. Обертання в 2D просторі

6.5. Нахил у двовимірному просторі

6.6. Визначення нульової точки елемента

6.7. Комбінування перетворень

6.8. Вступ до тривимірної трансформації

6.9. Перспектива

6.10. Використання backface-visibility

7. Анімація

7.1. Перехід – вступ

7.2. Перехід – визначення компонентів окремо

7.3. Графічне представлення основних сигналів

7.4. Перехід – послідовність

7.5. Перехід – послідовності, задані окремо

7.6. Використання кадрів під час переходу

7.7. Часте використання переходу

7.8. Анімація @keyframes – вступ

7.9. Відсоткове визначення етапу анімації

7.10. Вживання слів від і до

7.11. Запуск і зупинка анімації

7.12. Кількість повторів анімації

7.13. Використання animation-timing-function

7.14. Використання animation-duration і animation-delay

7.15. Об’єднання анімацій

7.16. Визначення напрямку анімації

7.17. Використання animation-fill-mode

7.18. Відстеження прогресу анімації за допомогою JavaScript

7.19. Бібліотека Animate_css

8. Прощання

8.1. Кілька останніх слів

Як вибрати версію курсу:

Відеокурс доступний у двох формах:

1. в електронному вигляді - як посилання для завантаження упакованого архіву. Після покупки ви отримаєте посилання на електронну пошту. У цьому випадку шукайте аукціон, позначений як цифрова версія.

2. box on DVD - замість посилання для завантаження ви отримаєте DVD за вказаною адресою. У цьому випадку шукайте аукціон, позначений як DVD.

Чи підійде курс до програми, яку я маю?

Курси створюються з використанням різних версій програми. Проте в більшості випадків вони підходять до будь-якої версії. Курси створені таким чином, щоб вони були сумісні та нейтральні до старих версій програмного забезпечення. Тож якщо у вас, наприклад, Photoshop 2019 року, а курс створений на версії Photoshop 2020, він підійде на 100%.

Чи отримаю я програму разом із курсом?

Курси — це відеоролики, що демонструють роботу в певній програмі. Жоден із курсів не супроводжується програмою, яку ви повинні придбати самостійно.