You are on page 1of 6

Predmet:

Osnovna kola
Razred:
Nastavnik:
Redni broj nastavne
teme:
Nastavna tema
Redni broj nastavne
jedinice:

Informatika i raunarstvo
Jovan Jovanovi Zmaj
VIII (esti)
Sead Gici
4

Naziv nastavne
jedinice:
Tip asa:
Oblik rada:

IZRADA PROJEKTA UBACIVANJE SLIKE U


HTML-u
Obrada
1. Individualni
2. Grupni

Metodi rada:

HTML
33

1. Dijaloki(usmeno izlaganje)
2. Demonstracioni(pokazivanje i demonstracija)
3. Praktini(vebe na raunaru)

Mesto rada:
Nastavna sredstva:

Kabinet informatike
1. Raunari povezani na mreu i Internet
2. Mrena aplikacija Lan School
3. Nastavni listii sa sadrajem vebi

Obrazovni cilj asa:

Pokazati uenicima izradu HTML dokumenata,


objasniti ubacivanje slika u HTML dokument,
razvijanje interesovanja uenika za Web dizajn

Vaspitni cilj asa:

Razvijanje interesovanja za informatiku i raunarstvo


i njenu primenu u mnogim disciplinama, razvijanje
odgovornog odnosa prema raunarskom kabinetu i
opremi u njoj, razvijanje saradnje u radu.

Funkcionalni cilj asa:

Razvijanje sposobnosti samostalnog rada, razvijanje


sposobnosti praktine primene steenog znanja,
sticanje tanosti, preciznosti i urednosti u radu

Korelacija:

Tehniko obrazovanje, Engleski jezik


1

Glavne sadrajne
celine asa:
Standardi:

1. Uvod (10 minuta)


2. Glavni deo asa (25-30 minuta)
3. Zakljuak (5-10 minuta)
Osnovni i srednji

PRIPREMA ZA AS
UVOD
U uvodnom delu asa obnoviti:
- ta je HTML?
- Izgled HTML dokumenta
- korienje tagova u HTML dokumentu

GLAVNI DEO ASA


1. U prvom delu glavnog dela uraditi, pokazati i objasniti
uenicima
nekoliko prostijih gotovih primera HTML
dokumenata:
-----------NASLOV I PARAGRAF
<html>
<body>
<h1>Naslov</h1>
<p> Ovde unosimo tekst za paragraf </p>
</body>
</html>
-------------------------------------------------------UBACIVANJE BOJE
<html>
<body style="background-color=red">
</body>
</html>
2

BOJA, CENTRIRAN NASLOV I CENTRIRAN PARAGRAF


<html>
<body style="background-color:RED">
<h1 align="Center">OVDE UNOSIMO NASLOV <h1>
<p1 align="Center">PARAGRAF1 PARAGRAF1 PARAGRAF1
PARAGRAF1</p1>
</body>
</html>
------------------------------------------------

2. U drugom delu glavnog dela asa uenicima otkucati,


memorisati i otvoriti u Web Browser-u HTML dokument
SINTAKSA (NAREDBA) ZA DEFINISANJE SLIKE:

<img src=mesto gde se


uva slika>
ATRIBUTI ZA PORAVNAVANJE SLIKE U PARAGRAFU:

allign=bottom
allign=middle
allign=top
allign=left
allign=right
<html>
3

<body style="background-color:red">
<h1 align="Center">STARE SLIKE NOVOG PAZARA <h1>
<p>
<img src="d:/SLIKE/Starine/Gradski park.jpg"
align="middle" width="200" height="200"/>
GRADSKI PARK U CENTRU
</p>
<p>
<img src="d:/SLIKE/Starine/Hamam.jpg"
align="middle" width="200" height="200"/>
GRADSKI HAMAM
</p>
</body>
</html>
3. U treem delu glavnog dela asa pomou nastavnih listia sa
sadrajem vebi zadati uenicima samostalne vebe na
raunaru na osnovu uraenog primera u kojima nastavnik
treba da kontrolie rad svih uenika, praktino pokazuje i
odgovara na pitanja:
- Veba 1:

ZAKLJUAK
U poslednjem delu asa:
4

- Ponoviti sa uenicima koji HTML dokumenti su pokretani i


objanjeni i kakva je njihova primena
- Ponoviti sa uenicima ukratko usmenim putem kako se
prave HTML dokumenti, kako se ubacuje naslov i tekst a
kako se ubacuju slike.
- Navesti uenike na razmiljanje i zajedniki doi do
zakljuka kako uenik moe da napravi mali Internet
sajt(npr. za porodini biznis), kakvi sve Web sajtovi mogu
da se naprave, kako mogu da se iskoriste i u koje svrhe se
koriste...

You might also like