Pracovní list byl vytvořen v rámci projektu
"Nová cesta za poznáním", reg. č.
CZ.1.07/1.5.00/34.0034, za finanční podpory Evropského sociálního fondu a rozpočtu ČR.
Uvedená práce (dílo) podléhá licenci Creative Commons
Uveďte autora-Nevyužívejte dílo komerčně-Zachovejte licenci 3.0 Česko
Cvi č ení 9
Pozadí www stránky.
Zpracoval: Ing. Vladimír Solnický
SPŠ stavební, Opava, příspěvková organizace
Popis programu
Pro vytváření www stránek budeme používat program PSPad editor. Je to volně šiřitelný (freeware) univerzální editor pro MS Windows. Aktuální verze programu lze stáhnout z www stránek http://www.pspad.com/cz/ .
Postup cvi č ení
Po spuštění programu zvolíme v menu Soubor volbu Nový… a z dialogu vybereme HTML.
HTML kód cvičení vkládáme do připravené šablony.
- 2 -
Barva pozadí HTML stránky
Barvu pozadí nastavíme jako parametry značky <body>. Kde parametr bgcolor="yellow"
nastaví žlutou barvu pozadí a parametr text="green" zelenou barvu písma.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body bgcolor="yellow" text="green">
<!-- Barva pozadí a textu stránky-->
Text těla stránky je zelený a pozadí stránky je žluté.
</body>
</html>
Před zobrazením výsledku uložíme soubor do adresáře Cvičení 9 pod názvem pozadi.html.
Zobrazení námi vytvořené stránky provedeme tlačítkem v ikonovém menu:
Barvu můžeme nastavit i jako hexadecimální číslo výběrem z pomocného dialogu.
Výběrem z menu Nástroje – Výběr barvy
Nyní nastavíme barvu pomoci výběru barvy z pomocného dialogu pro výběr barev.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body bgcolor="#33CCCC" text="#660099">
<!-- Barva pozadí a textu stránky-->
Text těla stránky a pozadí stránky vyjádřeno hexadecimálně. </body>
</html>
Nastavení pozadí stránky pomoci obrázku.
Pro následující cvičení si zkopírujeme složku Cvičení 9. Odtud použijeme obrázky pozadi1jpg, pozadi2.gif a pozadi3.jpg .
Obrázky budeme postupně používat jako parametr background značky <body> .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body background="pozadi1.jpg" text="#ffccff">
<!-- Obrázek jako pozadí stránky-->
Text těla stránky.
</body>
</html>
- 4 -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body background="pozadi2.gif" text="#ffccff">
<!-- Obrázek jako pozadí stránky-->
Text těla stránky.
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body background="pozadi3.jpg" text="#ffccff">
<!-- Obrázek jako pozadí stránky-->
Text těla stránky.
</body>
</html>