Temat lekcji: Tworzymy dokument HTML – MS Word.

F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
Przedmiot: Informatyka
Klasa: II
Prowadz cy: Maria Pa ka
Czas realizacji: 45 min
Temat lekcji: Tworzymy dokument HTML –MS Word.
Cele dydaktyczno –wychowawcze:
• Zapoznanie uczniów z podstawami obs ugi edytora stron WWW- Asystent Internetowy MS Word.
• Zapoznanie uczniów z zastosowaniem i znaczeniem j zyka HTML.
• Kszta towanie umiej tno ci korzystania z komputera.
• Kszta towanie postawy poszanowania mienia szkolnego.
• Kszta towanie aktywno ci poznawczej ucznia.
• Rozwijanie uzdolnie w dziedzinie informatyki.
Cele operacyjne:
Ucze zna:
• Poj cie i zastosowanie j zyka HTML.
• Zasady obs ugi edytora stron WWW.
• Sposoby wprowadzania tekstu i grafiki na stron .
• Sposoby formatowania tekstu i grafiki.
• Rozszerzenie pliku utworzonego w edytorze stron WWW.
• Zasady bezpiecznej pracy z komputerem.
Ucze rozumie:
• Znaczenie zastosowania hiper czy.
• Znaczenie zastosowania tabeli.
• Znaczenie zastosowania rozmiarów, kolorów oraz typów czcionek.
• Znaczenie dba ci o estetyk oraz czytelno sformatowanego tekstu.
Ucze potrafi:
• Zamie ci i sformatowa tekst w edytorze stron WWW.
• Zamie ci i sformatowa grafik w edytorze stron WWW.
• Wstawi kolor t a strony.
Metody nauczania:
• Asymilacji wiedzy: pogadanka
• Praktyczne: wiczenia w 2-osobowych grupach
rodki dydaktyczne: pracownia komputerowa, program MS Word i Internet Explorer, strona
utworzona w j zyku HTML.
Organizacja procesu lekcyjnego: praca z ca
puterze
klas , grupowa- grupy 2-osobowe przy kom-
Literatura: „Moje strony WWW” D.Boncler, „Informatyka” E. Gurbiel, G. HardtOlejniczak, E. Ko czyk, H. Krupicka, M. Sys o
1
.d o
o
.c
m
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c
F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
Przebieg lekcji:
L.p.
Ogniwa
1.
Organizacyjna
2.
Powtórzeniowa
3.
Nawi zuj ca
Czynno ci nauczyciela
Czynno ci uczniów
1. Wita uczniów i sprawdza list obecno ci.
1. Dy urni podaj nieobecnych uczniów.
1. Przypomina, e uczniowie, którzy nie sko czyli prezentacji komputerowych mog kontynuowa swoje prace na dodatkowych zaj ciach
z informatyki. Przypomina, e og oszenie konkursu na najciekawsz prezentacj nast pi
w maju.
1. Odbyli cie ju wiele w drówek po internetowych stronach WWW w poszukiwaniu ró nych informacji. Na stronach WWW prezentuj
si firmy, szko y, osoby prywatne. Wy równie
mo ecie zaprezentowa w Internecie siebie,
swoj klas . Na dzisiejszej lekcji nauczymy si ,
jak utworzy stron WWW. Przekonacie si , e
utworzenie strony WWW nie jest zadaniem
skomplikowanym – wystarczy dobry pomys ,
odpowiedni program i troch wysi ku.
2. Czy znacie programy, przy pomocy, których
mo emy tworzy strony internetowe?
3. Wymienili cie mi dzy innymi j zyk HTML
(Hypertext Markup Language). HTML to specjalny kod, w którym opisuje si , w jaki sposób
na stronie internetowej ma by umieszczony
i sformatowany tekst. Pozwala tak e nada
stronie charakter multimedialny dzi ki mo liwo ci do czenia grafiki, animacji, d wi ku
i sekwencji wideo. Opisany przez kod HTML
1. Uczniowie, którzy nie sko czyli swoich
prac wyra aj ch uczestniczenia w dodatkowych zaj ciach.
Uwagi
1. Paj czek, FrontPage Express, Word.
2. Uczniowie, którzy uczestnicz w zaj ciach
ko a z informatyki wymieniaj j zyk HTML.
2
.d o
m
o
.c
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c
F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
sposób prezentowania informacji na stronie
WWW jest interpretowany przez przegl dark
internetow , która wy wietla opisan stron na
ekranie monitora.
4. Wymie cie mi nazw przegl darki internetowej, któr u ywamy w naszej pracowni.
5. Dzi ki bieg ej znajomo ci j zyka HTML
profesjonali ci tworz interesuj ce witryny internetowe.
6. Omawia konstrukcj j zyka HTML na prostym przyk adzie z umieszczaniem tekstu na
stronie.
7. Poleca otworzy plik strona.html z folderu
Informatyka II
<Center>
<Font size= „7”color= „red”> Witam na mojej
stronie
</Font>
</Centem>
<Znacznik atrybut= „warto ”>
8. Ciekawe strony WWW, o nieco mniej
skomplikowanej budowie mo na tworzy tak e
bez znajomo ci j zyka HTML. Pozwalaj na to
edytory stron WWW- specjalne programy, które obs uguje si w podobny sposób jak inne
aplikacje pracuj ce w rodowisku Windows.
Korzystaj c z takiego programu, nie wprowadzamy polece j zyka HTML. Wymienili cie
ju nazwy tych programów, my na dzisiejszej
lekcji poznamy edytor MS Word. Jak si przekonacie praca z nim jest prawie identyczna jak
ze zwyk ym edytorem Word.
9. Jak mo na wyt umaczy , e pomimo nie
ywania przez nas j zyka HTML, tylko edyto-
3. Nasza przegl darka internetowa to Internet
Explorer.
4. Wykonuj polecenie
Otoczenie sieciowe " Men01 "Company
"Informatyka II"strona.html
5. Przegl darka internetowa wy wietli nam
zawarto strony, poniewa edytor stron WWW
(np. MS Word) generuje (wytwarza) kod
HTML.
6. Otrzymujemy dokument HTML.
3
.d o
m
o
.c
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c
F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
ra stron WWW przegl darka internetowa równie wy wietli zawarto strony?
10. Jaki w zwi zku z tym otrzymujemy dokument, tworz c stron WWW przy pomocy edytora stron WWW ?
4.
Post puj ca
1. Poleca utworzy folder Strona WWW.
2. Poleca otworzy program Word.
3. Poleca otworzy pust stron sieci Web
4. Wyja nia znaczenie nazwy pliku index.html
5. Poleca zapisa pust stron sieci Web w
pliku o nazwie index w folderze Strona WWW.
6. Omawia sposób formatowania t a strony.
1. h:\Klasa2a\Informatyka\Strona WWW
2. Uruchamiaj program MS Word
Start"Programy"Word
3. Plik"Nowy"Dokument sieci Web
11. Omawia sposób wprowadzania i formatowania tekstu: wielko , kolor, pogrubienie, wyrodkowanie, wyrównanie do lewej, do prawej,
wci cia akapitu.
12. Omawia sposób wprowadzania i formato-
8. Zapisuj tekst:
Jestem uczniem klasy IIa gimnazjum im. Jana
Paw a II w Gostycynie. Zach cam do odwiedzenia mojej strony. Znajdziesz tutaj wiele ciekawych informacji.
4. Plik"Zapisz jako"index.htm
H:\ Klasa2 \Informatyka\ Strona WWW \ index.htm
5. Wykonuj polecenia:
Format" o"Efekty wype nienia
Format" o"Wi cej kolorów
Format" o"Obraz
7. Omawia sposób wstawiania neonu na stro- Widok"Paski narz dzi"Narz dzia sieci Web
"Neon
:
Witam na mojej stronie
8. Omawia okno Tekst przewijany: Zachowa- Wykonuj wiczenia zwi zane z formatowaniem Tekstu przewijanego.
nie, Kierunek, Kolor t a, P tla, Pr dko
6. Zapisuj zmiany
9. Poleca zapisa wprowadzone zmiany.
Plik"Zapisz
10. Poleca prze czy si na Podgl d sieci Web 7. Prze czaj si , aby zobaczy efekt swojej
pracy
Plik"Podgl d sieci Web
4
.d o
o
.c
m
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c
F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
wania grafiki: przypomina funkcje przycisków 9. Wstawiaj grafik :
Wstaw"Rysunek"ClipArt"Wstaw
paska narz dziowego Rysunek.
10.
Wykonuj
wiczenia
zwi zane
z formatowaniem rysunku: (Sterowanie obrazem, Wi cej kontrastu, Mniej kontrastu, Wi ksze rozja nienie, Przytnij, Styl linii, Otoczenie
tekstem, formatuj obiekt, Ustaw kolor przezroczysty, Zresetuj rysunek)
Wykonuj polecenie:
13. Poleca otoczy wstawiony rysunek tekstem. 11.
Nazywam si Kleofas S uszny, urodzi em si
25 kwietnia 1989 roku. Jak si domy lacie jestem zodiakalnym Bykiem.
14. Przypomina wstawianie lisy numerowanej:
Format"Punktory i numeracja
12.
Wstawiaj tekst:
Co znajdziecie na stronie?
1. Moje hobby
2. Moi przyjaciele.
3. Moje podró e.
4. Moje sukcesy w szkole.
Wykonuj polecenie:
15. Poleca zapisa zmiany i prze czy si na 13.
Plik"Zapisz
Podgl d strony sieci Web.
Plik"Podgl d strony sieci Web"Od wie
Udzielaj odpowiedzi:
1. W jakim j zyku tworzone s strony WWW? 1. Strony WWW tworzone s w j zyku HTML.
2. Na
dzisiejszej
lekcji
pracowali my
2. W jakim edytorze stron WWW pracowalimy na dzisiejszej lekcji?
w MS Word.
5.
Podsumowuj ca
3. Jakie znacie inne edytory stron WWW?
3. Inne edytory stron WWW to FrontPage Express.
4. Wstawiali my neon, tekst i grafik .
4. Jakie elementy wstawiali my na stron ?
5. Jakie rozszerzenie maj pliki tworzone 5. Pliki maj rozszerzenie htm lub html.
w edytorze stron WWW MS Word?
5
.d o
o
.c
m
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c
F -X C h a n ge
F -X C h a n ge
c u-tr a c k
N
y
bu
to
k
lic
6.
Porz dkowa
6. Jak nazw nadajemy plikowi, w którym 6. Plikowi nadajemy nazw index.
zapisujemy tytu ow stron internetow ?
7. Ocenia prac uczniów na lekcji.
8. Poleca przygotowa materia y na osobist
stron WWW. (Ko a zainteresowa )
1. Poleca zamkn program i wy czy system. 1. Wykonuj polecenie nauczyciela.
2. Porz dkuj swoje stanowiska pracy.
6
.d o
o
.c
m
C
m
w
o
.d o
w
w
w
w
w
C
lic
k
to
bu
y
N
O
W
!
PD
O
W
!
PD
c u-tr a c k
.c