Autor: Petr Žídek F080165 - Kombinované studium
Háj ve Slezsku 7. 11. 2009
Vytvořte soubor webových stránek, které budou seskládány dohromady v jedné stránce se třemi rámy. Vytvořte odkazy, které budou mít target v různých rámcích (včetne targetu _parent a _top) . V jedné ze stránek vytvořte fromlulář, který bude od uživatele získávat různé informace, vhodně použijte všechny probírané komponenty. Nezapomeňte na odesílací tlačítko! (Formulář samozřejmě nebude funkční - nebude informace odesílat ke zpracování)
index.html - je navržen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="description" content="Hlavní rám">
<meta name="keywords" content="ram, ramy, framy, iframe, frameset">
<meta name="robots" content="all">
<meta name="author" content="Petr Žídek - F080165; petr.zidek@smolkov.cz">
<title>Rámy - Hlavní stránka</title>
<style type="text/css" media="screen">@import "../../styl/muj_styl_fram.css";</style>
</head>
<div id="framy">
<frameset rows="120,80%,40">
<frame name="hlavicka" src="./framy/hlava.html" scrolling="no" frameborder="0" bordercolor="#0B61A4">
<frameset cols="240, *">
<frame name="leva" src="./framy/levy.html" scrolling="no" frameborder="0" bordercolor="#0B61A4">
<frame name="stredni" src="./framy/stred.html" bordercolor="#0B61A4">
</frameset>
<frame name="paticka" src="./framy/pata.html" scrolling="no" frameborder="0" bordercolor="#0B61A4">
</frameset>
</div>
</html>
hlava.html - je navržen
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Hlvička ramu</title>
<meta name="author" content="Petr Žídek - F080165; petr.zidek@smolkov.cz">
<style type="text/css" media="screen">@import "../../styl/muj_styl_fram.css";</style>
<base target="hlavicka">
</head>
<body>
<!-- BLOK HLAVIČKY -->
<div id="obalka_hlavicky">
<div id="hlavicka">
<div id="telo_hlava">
<h2>WEBOVÁ STRÁNKA VYTVOŘENÁ PRO ZÁPOČET PŘEDMĚTU<br>TVORBA WWW STRÁNEK</h2>
</div>
</div>
</div>
<!-- KONEC BLOKU HLAVIČKY -->
</body>
</html>
levy.html - je navržen
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Hlvička ramu</title>
<meta name="author" content="Petr Žídek - F080165; petr.zidek@smolkov.cz">
<style type="text/css" media="screen">@import "../../styl/muj_styl_fram.css";</style>
<base target="leva">
</head>
<body>
<!-- BLOK MENU -->
<div id="obalka_leva">
<div id="odkazy">
<ul>
<li><span>Menu</span></li>
<li><a href="http://www.seznam.cz" target="_blank">Odkaz na WWW</a></li>
<li><a href="./log_form_txt.html" target="stredni">Načtení do středu</a></li>
<li><a href="./log_form_txt.html" target="leva">Načtení do levého</a></li>
<li><a href="./log_form_txt.html" target="hlavicka">Načtení do hlavičky</a></li>
<li><a href="./formular.html" target="stredni">Formulář</a></li>
<li><a href="../../index.html" target="_top">Úvod</a></li>
</ul>
</div>
</div>
<!-- KONEC BLOKU MENU -->
</body>
</html>
stred.html - je navržen
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Střední ramu</title>
<meta name="author" content="Petr Žídek - F080165; petr.zidek@smolkov.cz">
<style type="text/css" media="screen">@import "../../styl/muj_styl_fram.css";</style>
<base target="stred">
</head>
<body>
<!-- BLOK STŘEDU TĚLA -->
<div id="obalka_stred">
<div id="stred">
<div id="telo_stred">
<p class="autor">Autor: Petr Žídek F080165 - Kombinované studium<br>Háj ve Slezsku 18. 11. 2009</p>
<h2>Tato stránka byla vytvořena pomocí rámů a jejím úkolem bylo:</h2>
<p>Text, který právě čtete.</p>
<div id="nahoru"><a href="#top" target="_self">«Nahoru»</a></div>
</div>
</div>
</div>
<!-- KONEC BLOKU STŘEDU TĚLA -->
</body>
</html>
pata.html - je navržen
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Pata ramu</title>
<meta name="author" content="Petr Žídek - F080165; petr.zidek@smolkov.cz">
<style type="text/css" media="screen">@import "../../styl/muj_styl_fram.css";</style>
<base target="pata">
</head>
<body>
<!-- BLOK AUTORSKÝCH PRÁV -->
<div id="obalka_paticka">
<div id="paticka">
<p><a href="http://bazylek.sweb.cz/">Copyright © 2009 - Petr Žídek, SLU Opava - B1801, Kombinované studium, e-mail: petr.zidek@smolkov.cz</a></p>
</div>
</div>
<!-- BLOK AUTORSKÝCH PRÁV -->
</body>
</html>