Lehekülje kirjutame programmis Notepad. Selleks ava oma arvutis Start -> All Programs -> Accessories -> Notepad
Sinna võid kirjutada näiteks järgmise koodi:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Lehekülje pealkiri</TITLE>
</HEAD>
<BODY>
<h1>Suur pealkiri</h1>
<p>Siin on tekstilõik</p>
<img src="http://www.viimsi.edu.ee/public/kodulehe_pais7_1.jpg" />
</BODY>
</HTML>
Tuleta meelde eelmisel tunnil õpitud kood.
Kui see on meelest läinud, siis spikker on siin:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
HTML koodinäiteid saab testida siin:
http://www.w3schools.com/html/html_examples.asp
Notepad'i dokumendi salvestamine html-formaati.
Selleks, et veebilehitseja meie dokumenti oskaks avada, tuleb Notepadis valmis tehtud dokument salvestada HTML formaati.
Selleks klõpsa File -> Save As ning vali Save as type alt All Files (vt joonis allpool). Nüüd kirjuta File namereale oma faili nimi (näiteks esimene) ja lisa kohe nime järele punkt ning lühend html
Näiteks: esimene.html
Klõpsa save.
Nüüd leia oma dokument üles ning tee ta veebilehitsejaga lahti. Nüüd näed, milline see lehekülge internetis välja näeks.
Ülesanne 1
- Vaheta oma failis ära pilt (selleks otsi internetist meelepärane pilt vaata selle aadressi) ja lisa pildi alla ka link, kust pildi leidsid (osavamad võivad muuta pildi enda klikitavaks lingiks, kuidas seda teha, vaata siit).
- Lisa kodulehele pealkirjaks "Sinu eesnimi koduleht".
- Paiguta pilt pealkirja järele.
- Lisa kodulehele tekst, kus kirjutad, mida oled senistest programmeerimisetundidest teada saanud ja mida tahaksid veel teada saada!
