Dla nauczyciela

Autor: Mirosław Zelent

Przedmiot: Informatyka

Temat: Szkielet strony internetowej

Grupa docelowa:

Szkoła ponadpodstawowa, liceum ogólnokształcące, technikum, zakres podstawowy

Podstawa programowa:

Cele kształcenia – wymagania ogólne
II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera oraz innych urządzeń cyfrowych: układanie i programowanie algorytmów, organizowanie, wyszukiwanie i udostępnianie informacji, posługiwanie się aplikacjami komputerowymi.
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;

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):

  • Przeanalizujesz podstawowe znaczniki HTML, które występują w szablonach współczesnych witryn.

  • Stwierdzisz, jak wiele różnorodnych aspektów technicznych przekłada się na poprawność działania strony internetowej w przeglądarce.

  • Prześledzisz budowę oraz przeznaczenie podstawowych znaczników HTML wykorzystywanych we współczesnych kodach źródłowych.

  • Ocenisz skuteczność zabiegów technicznych, które wykorzystują programiści webowi podczas pracy nad szablonem strony.

Strategie nauczania:

  • konstruktywizm;

  • konektywizm.

Metody i techniki nauczania:

  • dyskusja;

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

  • metody aktywizujące.

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. Przygotowanie do zajęć. Nauczyciel loguje się na platformie i udostępnia e‑materiał: „Szkielet strony internetowej”. Nauczyciel prosi uczniów o zapoznanie się z treściami w sekcji „Przeczytaj”.

Faza wstępna:

  1. Przedstawienie tematu i celów zajęć.

  2. Prowadzący prosi uczniów, aby zgłaszali swoje propozycje pytań do tematu. Jedna osoba może zapisywać je na tablicy. Gdy uczniowie wyczerpią swoje pomysły, a pozostały jakieś ważne kwestie do poruszenia, nauczyciel je dopowiada.

Faza realizacyjna:

  1. Praca z tekstem. Jeżeli przygotowanie uczniów do lekcji jest niewystarczające, nauczyciel prosi o indywidualne zapoznanie się z treścią zawartą w sekcji „Przeczytaj”. Każdy uczestnik zajęć podczas cichego czytania wynotowuje najważniejsze kwestie poruszane w tekście.

  2. Praca z multimedium. Uczniowie w zespołach dwuosobowych zapoznają się z treścią polecenia nr 1: „Zapoznaj się z analizą szkieletu witryny. Poszczególne elementy rozrysowano w postaci mapy myśli. Dzięki temu lepiej zrozumiesz powiązania i role instrukcji w szablonie.” z sekcji „Mapa myśli” i wspólnie analizują kolejne kroki rozwiązania postawionego problemu.

  3. Ćwiczenie umiejętności. Uczniowie wykonują ćwiczenia nr 1‑8 z sekcji „Sprawdź się”. Nauczyciel sprawdza poprawność wykonanych zadań, omawiając je wraz z uczniami.

  4. Uczniowie samodzielnie wykonują ćwiczenie w sekcji „Sprawdź się”. Chętne lub wybrane osoby przedstawiają rozwiązania i je omawiają.

Faza podsumowująca:

  1. Nauczyciel ponownie wyświetla na tablicy temat lekcji zawarty w sekcji „Wprowadzenie” i inicjuje krótką rozmowę na temat zrealizowanych celów (czego uczniowie się nauczyli).

Praca domowa:

  1. Uczniowie piszą opis przykładowej strony internetowej, składający się z około 155‑160 znaków. Opis powinien zawierać kluczowe frazy, jak również bezpośrednio zwracać się do internauty, aby zainteresować go właśnie tą konkretną witryną.

Wskazówki metodyczne:

  • Treści w sekcji „Przeczytaj” można wykorzystać jako podsumowanie i utrwalenie wiedzy uczniów.

Sprawdź się