Tvorba WWW stránok
Úlohy na zopakovanie príkazov jazyka HTML:
- Rozdelenie obrazovky na tri časti pomocou príkazov na tvorbu rámov.
Súbor si pomenujeme index.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Moja stránka</title>
<frameset rows="80,*">
<frame src="logo.htm" name="nadpis">
<frameset cols="200,*">
<frame src="ponuka.htm" name="menu">
<frame src="uvod.htm" name="volba">
</frameset>
</frameset>
</head>
</html>
|
Do takto rozdelenej obrazovky potrebujeme aspoň 4 súbory, ktoré vyplnia jednotlivé časti (logo.htm, ponuka.htm, uvod.htm ) a aspoň jednu voľbu napr. obluba.htm
- Vytvorenie nadpisu stránky. Súbor pomenujeme logo.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Moja stranka</title>
</head>
<body bgcolor="#FFFFCC">
<font color="#FF0000">
<img src="logo.gif">
<center>
<h1>Vitajte na mojej stránke</h1>
</center>
</font>
</body>
</html>
|
- Vytvorenie ponuky na výber. Súbor obsahuje odkazy na jednotlivé stránky. Súbor pomenujeme ponuka.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Menu</title>
</head>
<body bgcolor="#FFFFDD">
<font size=2 ><b>
<center>
<a href="uvod.htm" target="volba">Úvod</a><br>
<hr>
<a href="omne.htm" target="volba">Niečo o mne</a><br>
<hr>
<a href="obluba.htm" target="volba">Obľúbené stránky</a><br>
<hr>
<a href="trieda.htm" target="volba">Trieda 3.C </a><br>
<hr></b>
</center>
</font>
</body>
</html>
|
- Voľby v stránke - použitie obyčajného textu a obrázkov
Súbor uvod.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Moja stranka</title>
</head>
<body bgcolor="#FFFFCC">
<font size=5 color="#FF0000">
<img src="obrazok.gif" height="120" width="200" align=right alt="Naša škola">
<p>Nadpis úvodnej stránky</p>
</font>
<p>Text ... </p>
</body>
</html>
|
- Voľby v stránke - použitie odrážok
Súbor omne.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Moja stránka</title>
</head>
<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#3333FF" alink="#3333FF">
<font size=4 color="#ff0000">
<p>Volám sa Zuzana a som žiačkou 3.C</p>
<img src="dievca.gif">
</font>
<p>Text ... </p>
<b><font face="Arial CE"><font size="+1">Moje záľuby</font>
<ul>
<li>práca na počítači, matematika, dejepis
<li>móda
<li>hudba, televízne seriály
</ul>
</font></b><br>
</body>
</html>
|
- Voľby v stránke - použitie tabuľky
Súbor obluba.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>Moja stránka</title>
</head>
<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#3333FF" alink="#3333FF">
<br>
<center>
<table border="2" width="80%" bgcolor="#FFCCCC" cellspacing="2" cellpadding="4" >
<td bgcolor="#FFFFDD" align=center>
<b><font face="Arial CE" size="+1" >Obľúbené stránky</font></font></b>
</td></tr>
<tr>
<td align=center><b><a href="http://www.globtelnet.sk">SMS brána</a> </b></td>
</tr>
<tr>
<td align=center><b><a href="http://vista.uakom.sk">vista.uakom.sk</a> </b></td>
</tr>
<tr>
<td align=center><b><a href="http://www.infovek.sk">www.infovek.sk</a> </b></td>
</tr>
<tr>
<td align=center><b> <a href="mailto:9bxx@oamt.sk">E-mail: 9bxx@oamt.sk</a></b></td>
</tr>
</table>
</center>
</body>
</html>
|
- Ukážka stránky
|