Informatika 8

Globalni plan – Redni broj teme:

1. Tabelarni proračuni (10 časa)
2. Izrada samostalnog projekta –HTML (14 časa)

HTML osnova

sajt

HTML blok =<html> otvoren

HTML blok = </html> zatvoren

Body (telo sajta) = <body> otvoren

Body (telo sajta) = </body> zatvoren

Novi red =<br>

Paragraf = <p>

Naslovi = <h1> ili <h2> ili <h3> ili <h4> ili <h5> ili <h6>

Boja pozadine = <body style=”background-color:blue” >  ili  <body style=”background-color: #c9a0dc;”> (boje možete pronaći na ovom sajtu www.color-hex.com)

Textura pozadine = <body background = “textura.jpg” >

Formatiranje teksta

Podebljan tekst = <b> ili <big>

Iskošen tekst = <i>

Tekst pisan manjim slovima = <small>

Tekst pisan manjim slovima = <strong>

Tekst pisan kao indeksi potpisan = <sub>

Tekst pisan kao eksponenti = <sup>

Fontovi, boja i veličina = <p style=”font-family:forte; font-size:30px; color:blue”>

Fotografija

Fotografija = <img src=”foto/jak.jpg” width=”300″ height=”250″>

Fotografija sa interneta = <img src=”http://upload.wikimedia.org/wikipedia/commons/b/b1/Globe_Atlantic.svg” width=”300″ height=”250″>

Poravnanje slike u odnosu na tekst = <align=”top”> ili <align=”middle”> ili <align=”bottom”>

Tabele

<table border=’1′>
<tr>
<td> red 1, celija 1 </td>
<td> red 1,celija 2 </td>
</tr>

<tr>
<td> red 2, celija 1 </td>
<td> red 2, celija 2 </td>
</tr>
</table>

Atributi tabele = border=”2″ (okvir) , cellpadding=”10″ <razmak teksta>

HTML veze

Hiperlink = <a href=”http://www.jak.edu.rs”> Ovaj tekst <a> je povezan sa sajtom moje skole

Dijakritički znaci

<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
</head>

Buttons

<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7; color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */
</style>
</head>
<body>

 

<button class=”button”>Green</button>
<button class=”button button2″>Blue</button>
<button class=”button button3″>Red</button>
<button class=”button button4″>Gray</button>
<button class=”button button5″>Black</button>

</body>

Apple web stranka

apple prodavnica

3. Programiranje (10 časa)

imagine

 

Programski jezik Imagine

Osnovne naredbe koje kornjača razume ENGLISH:

NAPRED forward fd
NAZAD back bk
DESNO right
LEVO left
DEBLJINA OLOVKE setPenWidth pw
BOJA OLOVKE setPenColor pc
OLOVKA GORE penUp pu
OLOVKA DOLE penDown pd
IZBRIŠI clearScreen cs
KRUG circle
PUN KRUG filledCircle

Osnovne naredbe koje kornjača razume Slovak:

dopredu do
vzad vz
vpravo vp
vlavo vl
nechHrúbkaPera nechHp
nechFarbaPera nechFp
peroHore ph
peroDolu pd
znovu znovu
obryskruhu
kruh