Wróć do informacji o e-podręczniku Wydrukuj Pobierz materiał do PDF Zaloguj się, aby dodać do ulubionych Zaloguj się, aby skopiować i edytować materiał Zaloguj się, aby udostępnić materiał Zaloguj się, aby dodać całą stronę do teczki

Autorka: Paulina Wierzbińska

Przedmiot: Informatyka

Temat: Fonty i ikony w projekcie strony internetowej

Grupa docelowa:

III etap edukacyjny, liceum ogólnokształcące, technikum

Podstawa programowa:

Cele kształcenia – wymagania ogólne
III. Posługiwanie się komputerem, urządzeniami cyfrowymi i sieciami komputerowymi, w tym: znajomość zasad działania urządzeń cyfrowych i sieci komputerowych oraz wykonywania obliczeń i programów.
Treści nauczania – wymagania szczegółowe
II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera i innych urządzeń cyfrowych.
Zakres podstawowy. Uczeń:
3) przygotowuje opracowania rozwiązań problemów, posługując się wybranymi aplikacjami:
f) tworzy stronę internetową zgodnie ze standardami, wzbogaconą tabelami, listami, elementami dynamicznymi, posługuje się arkuszem stylów, korzysta z oprogramowania i serwisów przeznaczonych do tworzenia stron; potrafi opublikować własną stronę w internecie;
III. Posługiwanie się komputerem, urządzeniami cyfrowymi i sieciami komputerowymi.
Zakres podstawowy. Uczeń:
1) zapoznaje się z możliwościami nowych urządzeń cyfrowych i towarzyszącego im oprogramowania;

Kształtowane kompetencje kluczowe:

  • kompetencje cyfrowe;

  • kompetencje osobiste, społeczne i w zakresie umiejętności uczenia się;

  • kompetencje matematyczne oraz kompetencje w zakresie nauk przyrodniczych, technologii i inżynierii.

Cele operacyjne (językiem ucznia):

  • Wyjaśnisz, czym są fonty i ikony.

  • Wybierzesz fonty, które wykorzystasz w swoim projekcie.

  • Użyjesz w swoim projekcie ikon.

Strategie nauczania:

  • konstruktywizm;

  • konektywizm.

Metody i techniki nauczania:

  • dyskusja;

  • rozmowa nauczająca z wykorzystaniem multimedium i ćwiczeń interaktywnych;

  • metoda odwróconej klasy.

Formy pracy:

  • praca indywidualna;

  • praca w parach;

  • praca w grupach;

  • praca całego zespołu klasowego.

Środki dydaktyczne:

  • komputery z głośnikami, słuchawkami i dostępem do internetu;

  • zasoby multimedialne zawarte w e‑materiale;

  • tablica interaktywna/tablica, pisak/kreda.

Przebieg lekcji

Przed lekcją:

  1. Uczniowie, korzystając z innych e‑materiałów, przypominają sobie najważniejsze informacje dot. projektowania witryn WWW.

  2. Uczniowie wykonują ćwiczenia, które mają na celu ułatwienie im procesu projektowania strony.

  3. Uczniowie przygotowują przykłady złych oraz dobrych decyzji związanych z wyborem fontu oraz ikon.

Faza wstępna:

  1. Chętne lub wybrane osoby przedstawiają swoje odpowiedzi.

Faza realizacyjna:

  1. Uczniowie zapoznają się z treścią e‑materiału. Nauczyciel w razie potrzeby wyjaśnia niezrozumiałe treści.

  2. Chętne lub wybrane osoby prezentują zebrane przez siebie przykłady. Nauczyciel inicjuje dyskusję na temat tego, jak ważne dla identyfikacji wizualnej są fonty oraz ikony.

  3. Uczniowie w parach próbują powtórzyć przedstawione w e‑materiale działania.

Faza podsumowująca:

  1. Uczniowie porównują swoje rezultaty.

Praca domowa:

  1. Wykonaj wszystkie przedstawione w e‑materiale kroki, ale już dla twojej właściwej witryny.

  2. Czy fonty powinny być chronione prawem autorskim? Uzasadnij swoją odpowiedź.

Wskazówki metodyczne:

  • Nauczyciel może zdecydować, czy uczniowie realizują projekt indywidualnie czy w grupach.