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
Zpracoval: Ing. Vladimír Solnický
SPŠ stavební, Opava, příspěvková organizace
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...