Fashion is art, Designers are gods, Models are angels.

Tvorenie stránok

14. června 2012 v 17:26 | S. |  Škola
Čaute :) Ako sa máte? Dlhšiu dobu sme sem nič nepridávali, ale nemali sme čas, pretože olo treba opravovať nejaké známky. :)
S Kitt sme sa rozhodli, že Vám tu pridáme stránky, ktoré sme mali vytvoriť na informatiku + postup ako sme ich vytvorili. :) Môže sa Vám to zísť, aj keď je už koniec roka. :) Stránky sú na tému "Majstrovstvá sveta v ľadovom hokeji 2012" (to zadala učiteľka). :)

Ešte by som Vám chcela pripomenúť, že ak by sme boli na základnej škole, tak sme len ôsmačky, čiže to nemusí yť podľa Vašich predstáv. :) A navyše, stránky neberieme ani celý polrok. :)


Takže najprv moja stránka:
HTML postup (robený v Notepad++):
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>MS012</title>
</head>
<body
style="background-color:#339;color:#000"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="text-align:center"><a
href="http://iihf.com/"><img
style="border:0 solid"
alt="IIHF2012" src="hockeybird_ms2012_iihf_com_3.jpg"></a><br>
<div style="text-align:center"><span
><br>
<br>
Základná skupina Helsinki:: &nbsp; &nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Základná skupina
Štokholm<br>
</span><span style="color:#3c0">&nbsp;Kanada
&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Rusko</span><br
style="color:#3c0">
<span style="color:#3c0">USA&nbsp;
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Švédsko</span><br
style="color:#3c0">
<span style="color:#3c0">&nbsp;Fínsko
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp;Česko</span><br
style="color:#3c0">
<span style="color:#3c0">Slovensko
&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; Nórsko</span><br>
Francúzsko &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Nemecko<br>
Švajčiarsko &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
&nbsp; &nbsp; Lotyšsko<br>
Bielorusko
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; Dánsko<br>
<span style="color:#c00">Kazachstan
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;&nbsp;
Taliansko</span><br>
<br>
<br>
<a style="color:white" href="galeriafotografii.html">Album
fotografií</a><br>
<br>
<br>
<a href="http://sk.wikipedia.org/wiki/F%EDnsko"><img
style="border:0 solid"
alt="Suomi" src="suomi.jpg"></a><br>
</div>
</div>
</body>
</html>
Je to troošičku dlhšie. :) To "kura" hore linkuje na stránku iihf.com a tá fínska vlajka linkuje na wikipédiu na stránku o fínsku. Album fotografií linkuje na ďalšiu stránku. :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>galeriafotografii</title>
</head>
<body
style="background-color:#339;color:#000"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table style="text-align:left"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><a href="Canada.html"><img
src="canada.jpg" alt="canada"
style="border:0 solid"></a></td>
<td><a href="Slovensko.html"><img
style="border:0 solid"
alt="svk" src="svk.jpg"></a></td>
<td><a href="USA.html"><img
style="border:0 solid"
alt="usa" src="usa.jpg"></a></td>
<td><a href="Suomi.html"><img
style="border:0 solid"
alt="suomitim" src="suomitim.jpg"></a></td>
</tr>
<tr>
<td><a href="Rusko.html"><img
style="border:0 solid"
alt="rusko" src="rusko.jpg"></a></td>
<td><a href="Svedsko.html"><img
style="border:0 solid"
alt="švedsko" src="svedsko-hokej.jpg"></a></td>
<td><a href="Cesko.html"><img
style="border:0 solid"
alt="česko" src="cesi.jpg"></a><br>
</td>
<td><a href="Norsko.html"><img
style="border:0 solid"
alt="norsko" src="norsko.jpg"></a></td>
</tr>
</tbody>
</table>
<br>
<div style="text-align:center"><a
style="color:white" href="MS012.html">Späť</a></div>
</body>
</html>
Ak kliknete na jednu z fotografií prejde na novú stránku, na ktorej ude fotka zväčšená a pod ňou bude tlačidlo "Späť", ktorým sa dostanete späť na galériu fotografií. :)
Príklad na stránku so zväčšenou fotkou.:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Slovensko</title>
</head>
<body style="background-color:#009;color:#000"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="text-align:center"><img
alt="svk"
src="file:///C:/Users/Suz/Documents/Something%20uninteresting/inf/svk.jpg"><br>
<br>
<br>
<br>
<img alt="♥"
src="file:///C:/Users/Suz/Documents/Something%20uninteresting/inf/page.jpg"><br>
<br>
<a style="color:white"
href="file:///C:/Users/Suz/Documents/Something%20uninteresting/inf/galeriafotografii.html">Späť</a></div>
</body>
</html>
Článok bude mať ešte pokračovanie, keďže do jedného sa to nevojde. :)
 

Buď první, kdo ohodnotí tento článek.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama