Pozadí www stránky Cvičení 9

Transkript

Pozadí www stránky Cvičení 9
Cvičení 9
Pozadí www stránky.
Zpracoval: Ing. Vladimír Solnický
SPŠ stavební, Opava, příspěvková organizace
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
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.
-1-
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
-2-
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>
-3-
<!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>
-4-

Podobné dokumenty

Úpravy obrázků programem IrfanView Cvičení 1

Úpravy obrázků programem IrfanView Cvičení 1 Zpracoval: Ing. Vladimír Solnický SPŠ stavební, Opava, příspěvková organizace

Více

Online hry - Jak na Internet

Online hry - Jak na Internet 9. Věděli byste, jak se projevuje závislost na počítačových hrách? 10. Může mít závislost na počítačových hrách nějaké fyzické dopady? Jaké? ÚKOLY A) Uspořádejte v rámci třídy anketu o nejoblíbeněj...

Více