Číslo projektu CZ.1.07/1.5.00/34.0499
Název školy Soukromá střední odborná škola Frýdek-Místek, s.r.o.
Název Materiálu VY_32_INOVACE_66_IVT_HTML_16_nase_www
Autor Ing. Pavel BOHANES
Tematický okruh IVT_HTML
Ročník 4 Forma denní, 5 Forma dálková Datum tvorby listopad ’12
Anotace Text slouží k výuce a samostudiu, celek tvoří základy z tvorby www stránek se základy HTML a CSS obsahuje také cvičení, pro práci, úpravu www stránek, textu, tabulek. Společná kontrola činností je prováděná pomoci dataprojektoru nebo na PC.
Zdroje Ilustrace, pokud není uvedeno jinak, jsou screeny
obrazovky a jejich úprava, archiv autora a kliparty
MSOFFICE.
Úkol: IVT_HTML_16_nase_www (2 body):
Otevřete soubor rozdelovnik.html a upravíme hlavičku naší www stránky, co se týče nadpisu v naší hlavičce a hlavičky samotné. Vložíme obrázek do naší hlavičky a přidáme nadpis, aby hlavička byla kompletní.
V rozcestnik.html upravíme sekci div pro hlavičku, co se týče nadpisu na následující kód,
<div id="hlavicka">
<h1>Vítejte s naším zvěrokruh<h1>
</div>
Tohle je vlastně jediná úprava v této stránce a zbytek provedeme v CSS souboru zverokruh.css abychom to mohli klidně aplikovat znovu na všechny naše stránky jen pomoci kaskádového stylu. Úprava kaskádového stylu není také složitá, opravíme pouze jeden řádek na takovýto kód, background:url("../OBRAZKY/havicka.png");
#hlavicka { width:800px;
height:100px;
background:url("../OBRAZKY/havicka.png");
}
kde backround říká, že budeme pracovat s pozadím a vzhledem k tomu, že jsme v sekci div hlavička, znamená to, že budeme měnit pouze pozadí celé hlavičky a url říká, kde najde to, co chceme aplikovat v našem pozadí.
Nadpis H1 jsme upravili podle následujícího kódu
h1 {
color:aqua;
text-align:center;
font-size:20pt;
font-family:Verdana;
}