Вежби за класификација на букви

 

Вежба 1: Препознај го типот на буквите

📌 Цел: Учениците да препознаат и класифицираат фонтови според стил.
🔹 Материјали: Лист со примери од различни фонтови.

Задача:

Под секој фонт, напишете го неговиот тип:

• Serif
• Sans-serif
• Script
• Monospace
• Display

Пример:

1. Times New Roman → Serif
2. Arial → Sans-serif
3. Courier New → Monospace
4. Pacifico → Script
5. 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
h1 {
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 20px;
}

p {
    font-family: Arial, sans-serif;
    font-style: italic;
    font-size: 16px;
}

📍 Додатна активност: Учениците да експериментираат со различни фонтови и стилови во CSS.

---

Вежба 4: Анализа на веб-страници

📌 Цел: Учениците да ги анализираат фонтовите што се користат во реални веб-страници.

Задача:

1. Изберете 3 веб-страници.
2. Со десен клик → „Inspect“ (Преглед на елемент) → Проверете кој фонт се користи.
3. Запишете го името на фонтот и класифицирајте го.

📍 Додатна активност: Учениците да предложат кој друг фонт би можел да се користи за подобра естетика.