Lekcja 4: Favicon i Ikony

Detale robią różnicę. Favicon to ta mała ikonka na karcie przeglądarki, dzięki której łatwo znaleźć Twoją stronę w gąszczu otwartych kart. W tej lekcji nauczysz się ją dodawać oraz dowiesz się, jak wstawiać profesjonalne ikony (lupki, domki, koszyki) do treści strony.

Kluczowe zagadnienia:

  • Favicon – format i podłączenie.
  • Tag <link> w head.
  • Korzystanie z bibliotek ikon (np. FontAwesome lub Google Icons).

Pytania do filmu:

  1. Co to jest Favicon?
  2. Gdzie dokładnie wyświetla się Favicon? (Odp: Karta przeglądarki/Zakładki).
  3. W jakiej sekcji kodu podłączamy Favicon?
  4. Jaki znacznik służy do podłączenia ikonki? (Odp: <link>).
  5. Jaki format pliku jest tradycyjny dla Favicony? (Odp: .ico lub .png).
  6. Jaki kształt powinna mieć grafika na Favicon? (Odp: Kwadrat).
  7. Czy ikony w treści (np. FontAwesome) to obrazki <img>? (Odp: Nie, to czcionki/wektory).
  8. Skąd bierzemy kod do ikon w treści? (Odp: Z biblioteki online, np. Google Fonts).
  9. Czy <link> ma znacznik zamykający?
  10. Dlaczego warto mieć Favicon? (Odp: Profesjonalizm/Łatwiejsze szukanie karty).