Konspekt lekcji

 

 

Przedmiot: Informatyka

Prowadzący: mgr Bożena Poloczek

Temat lekcji: HTML – grafika i hiperłącza na stronie internetowej

Czas trwania lekcji - 45 minut

Klasa: III a

 

Cele lekcji:

a)      Wiadomości

·        Uczeń zna podstawowe znaczniki definiujące kod html;

·        Uczeń zna sposoby osadzania grafiki na stronie www;

·        Uczeń wie, w jaki sposób utworzyć odsyłacz na stronie www.

 

b)     Umiejętności

·        Uczeń potrafi stosować podstawowe znaczniki, formatować tekst;

·        Uczeń potrafi dokonać formatowania tekstu;

·        Uczeń potrafi wykonać hiperłącze do strony gimnazjum, plików i poczty elektronicznej.

Metody i formy pracy:

·        Wykład wprowadzający;

·        Ćwiczenia;

·        Praca praktyczna.

 

Środki dydaktyczne:

·        Komputer z przeglądarką internetową i NotePad (Notatnik)

·        Strona www – stworzona na potrzeby uczniów

 

Przebieg lekcji:

a)     Faza przygotowawcza:

 

Nauczyciel zapoznaje uczniów z tematem lekcji i uświadamia im cele zajęć. Prosi o uruchomienie przygotowanej strony internetowej. Nauczyciel udostępnia im folder z przygotowaną stroną www, na którym uczniowie w toku lekcji będą ćwiczyli omawiane zagadnienia.

 

b)     Faza realizacyjna:

 

                         1.            Nauczyciel udostępnia uczniom folder z przygotowaną stroną www. Prosi uczniów o skopiowanie folderu do swoich zasobów: C:/Moje dokumenty/KLASY/klasy III/IIIa/folder z imieniem i nazwiskiem/…..

Następnie w swoim folderze tworzą podfolder o nazwie: Grafika i hiperłącza.

Do podfolderu Grafika i hiperłącza umieszczają: folder tło i pliki: herb.jpg, tytul.jpg, cw5.html i tabelka.html

                         2.            Nauczyciel omawia zasadę i sposób umieszczania grafiki na stronie www.                                     <img src=”herb.jpg”>

                         3.            Uczniowie umieszczają tekst na stronie internetowej i dokonują formatowania tekstu.

                         4.            Tworzymy listę numerowaną:

<Ol>

      <li>HTML-formatowanie tekstu</li>

      <li>HTML-tabele</li>

</Ol>

                         5.            Nauczyciel wyjaśnia metodę tworzenia odsyłaczy do podstrony – strona internetowa z planem lekcji uczniów i poczty elektronicznej.

<a href=”tabelka.html”>

<a href=http://www.gimnazjum.rudziniec.pl>

<a href=”herb.jpg” target=”newwindow”><img src=”herb.jpg”></a>

<a href=”mailto:bozena.kuklinska@wp.pl>Napisz do mnie</a>

 

                         6.            Uczniowie wykonują odsyłacze do pozycji listy:

<Ol>

     <a href=”cw5.html”><li> HTML-formatowanie tekstu</li></a>

     <a href=”tabelka.html”><li> HTML-tabele </li></a>

</Ol>

                         7.            Na zakończenie lekcji nauczyciel podsumowuje tematykę związaną ze sposobami tworzenia odsyłaczy i grafiki.

c)      Faza podsumowująca:

 

                         1.            Uczniowie nabierają umiejętności w posługiwaniu się odsyłaczami i grafiką.

                         2.            Uczniowie poprawnie tworzą dokument HTML zawierający odsyłacze i grafikę.

                         3.            Uczniowie potrafią modyfikować dokument HTML.