Globalni plan – Redni broj teme:
1. Tabelarni proračuni (10 časa)
2. Izrada samostalnog projekta –HTML (14 časa)
HTML osnova
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
3. Programiranje (10 časa)
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 |