Вежба 1: Препознај го типот на буквите
📌 Цел: Учениците да препознаат и класифицираат фонтови според стил.
🔹 Материјали: Лист со примери од различни фонтови.
Задача:
Под секој фонт, напишете го неговиот тип:
- Serif
- Sans-serif
- Script
- Monospace
- Display
Пример:
- Times New Roman → Serif
- Arial → Sans-serif
- Courier New → Monospace
- Pacifico → Script
- Impact → Display
📍 Додатна активност: Учениците да пронајдат примери од веб-страници што користат секој од овие фонтови.
Вежба 2: Одговарање на соодветните парови
📌 Цел: Учениците да ги спојат фонтовите со нивните карактеристики.
Задача:
Поврзи го фонтот со неговата карактеристика:
Фонт | Карактеристика |
---|---|
Georgia | ⬜ Идеален за кодирање |
Open Sans | ⬜ Формален и класичен |
Courier New | ⬜ Често се користи во веб-дизајн |
Lobster | ⬜ Декоративен и уникатен |
✅ Точен одговор:
- Georgia → Формален и класичен
- Open Sans → Често се користи во веб-дизајн
- Courier New → Идеален за кодирање
- Lobster → Декоративен и уникатен
Вежба 3: Обликување текст со CSS
📌 Цел: Учениците да научат како да користат CSS за да менуваат фонтови и стилови.
Задача:
Напишете CSS код кој ќе го обликува следниот текст:
- Насловот да биде Georgia, bold, 20px
- Параграфот да биде Arial, italic, 16px
📍 Додатна активност: Учениците да експериментираат со различни фонтови и стилови во CSS.
Вежба 4: Анализа на веб-страници
📌 Цел: Учениците да ги анализираат фонтовите што се користат во реални веб-страници.
Задача:
- Изберете 3 веб-страници.
- Со десен клик → „Inspect“ (Преглед на елемент) → Проверете кој фонт се користи.
- Запишете го името на фонтот и класифицирајте го.
📍 Додатна активност: Учениците да предложат кој друг фонт би можел да се користи за подобра естетика.