Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I CC - BY NC SA3.0. Klínovecká Ostrov

Rozměr: px
Začít zobrazení ze stránky:

Download "Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov"

Transkript

1 Střední průmyslová škola Ostrov Klínovecká Ostrov Tvorba webových stránek Petr Pistulka I CC - BY NC SA3.0

2 Prohlášení Prohlašuji, že jsem svou práci vypracoval samostatně, použil jsem pouze podklady citované v práci a uvedené v přiloženém seznamu a postup při zpracování práce je v souladu se zákonem č. 121/2000 Sb., o právu autorském, o právech souvisejících s právem autorským a o změně některých zákonů (autorský zákon) v platném znění. Žák (zpracovatel) odpovídá za skutečnost, že vypracovaný projekt neobsahuje nepravdivé, neúplné a nesprávné informace. Dále se zavazuje, že projekt neobsahuje žádné nezákonné či pro zveřejnění nevhodné položky. Žák (zpracovatel) prohlašuje, že neporušuje práva třetích osob, zejména žádná práva autorská, obchodní tajemství či utajované know-how, práva k ochranným známkám či jiným předmětům průmyslového vlastnictví a ani práva na ochranu osobnosti nebo obchodní firmy, jakož i ustanovení zákona na ochranu proti nekalé soutěži. Žák (zpracovatel)souhlasí s použitím projektu pro potřeby školy (např. webových stránek a školní knihovny a výuku). Práce podléhá licenci Common Creative (CC): Uveďte autora - Nevyužívejte komerčně - zachovejte licenci CC BY NC - SA3.0. V Ostrově Jméno Příjmení 1

3 Anotace: CZ Účelem této práce bylo vytvořit webové stránky, které budou pro uživatele přívětivé a přehledné za pomocí XHTML a CSS. AJ The purpose of this work was to create a website that will be for the user friendly and easy using XHTML and CSS. 2

4 Obsah Prohlášení... 1 Anotace:... 2 Úvod... 5 Zadání Ročníkové práce:... 5 Témata Ročníkové práce:... 5 Seznámení s tématem Třída :... 5 Můj názor na toto téma:... 5 Věci, kterých jsem se obával:... 5 Seznámení se značkovými jazyky ve kterých byly stránky dělány... 6 Značkovací jazyk :... 6 Seznámení s XHTML:... 6 CSS... 6 První návrhy webových stránek v malování:... 7 Hlavní stránky:... 8 Layout prvních webových stránek:... 9 Layout druhých webových stránek: Menu Fotogalerie Informace o použitých písmech Nastavení Fontů pro první web: Nastavení Fontů pro druhý web: Nadpisy Problémy s kterými jsem se potýkal

5 Další problémy: Závěr:...15 Citace:

6 Úvod Zadání Ročníkové práce: Vytvořte webovou prezentaci v jazyce XHTML s využitím CSS. Navrhněte dva různé stylopisy (dvě grafické varianty) součástí práce je dokumentace Témata Ročníkové práce: Při zadání ročníkové práce nám byla představena čtyři témata na které jsme měli udělat webové stránky. Ta témata byla tato: škola, třída, obor IT, web pro Mgr. Peldovou. Mě bylo přiděleno téma o třídě. Seznámení s tématem Třída : V tomto tématu jde o informovat o základních informacích o naší třídě (kde je naše kmenová třída, kolik nás je ) a představit nás. Můj názor na toto téma: I když jsem si toto téma nezvolil sám, ale bylo mi přiděleno, tak si myslím, že je to jedno z lepších témat. Podle mého názoru jde velice dobře zpracovat. Věci, kterých jsem se obával: Ze začátku jsem se bál možného nedostatku kvalitního fotografického materiálu, ale strach mě v zápětí přešel, protože po prohlédnutí fotek jsem zjistil, že většina je v celkem dobrém stavu. 5

7 Seznámení se značkovými jazyky ve kterých byly stránky dělány Značkovací jazyk : Značkovací jazyk vkládá do textů značky, kterými vysvětluje význam nebo vzhled jeho částí. Mezi známější značkovací jazyky patří například HTML, XHTML. Seznámení s XHTML: Značkovací jazyk XHTML je novější forma značkovacího jazyku HTML ( Hypertext markup Language) a to X na začátku znamená extensible (rozšířený). Oproti HTML je XHTML více omezené. Oproti HTML kde například nepárové tagy nemuseli končit lomítkem (<br>) tak v XHTML musí (<br />. CSS V češtině kaskádové styly a je to jazyk pro popis zobrazení stránek psaných v XHTML a HTML Celkem byly vydány 3 Verze CSS1, CSS2, CSS3 (stále ve vývoji). Jazyk je navržen W3C (standardizační organizace) Obr.1 Logo CSS 6

8 První návrhy webových stránek v malování: Zde bych vám rád ukázal jak jsem začal vymýšlet rozložení webových stránek. Obr.2 Toto byl můj návrh k první stránce nakonec jsem ho celkem drže. Obr.3 Tento návrh jsem použil na druhé webové stránky, ale odebral jsem lištu na doplňky. 7

9 Hlavní stránky: Obr.4 Hlavní stránka první webové stránky 8

10 Obr.5 4 Hlavní stránka druhé webové stránky Layout prvních webových stránek: Pro první webové stránky jsem si vybral jednoduchý tabulkový layout. Který je tvořený hlavičkou, patičkou, polem pro menu a polem pro obsah. Velikost tabulky jsem nastavil na šířku 1200 pixelů a výšku 650 pixelů. Hlavička i patička mají obě výšku 60 pixelů a jsou žluté. Pole pro obsah jsem musel udělat dost velké pro vložené fotografie. Jeho výška je 580 pixelů a jeho šířka je 1200 pixelů. Zvolil jsem kombinaci zelené a žluté barvy, které k sobě ladí celkem dobře. Do pozadí jsem použil stejnou zelenou barvu jako v samotném layoutu. Přemýšlel jsem ještě o jednom poli po druhé straně obsahu pro počítadlo přístupů, ale nakonec se mi to zdálo zbytečné a tak jsem od toho nápadu odstoupil. 9

11 Obr.6 Ukázka finální verze tabulkové verze layoutu s menu Layout druhých webových stránek: U druhých webových stránek jsem měl v plánu udělal je v pro mě složitějším divu, ale to jsem se bohužel přecenil a rozhodl jsem se udělat to, co jsem měl v plánu v tabulce. Na rozdíl od prvního má tento layout jenom hlavičku, patičku a obsahové pole. Menu jsem přesunul do hlavičky. Obsahové pole má výšku 560 pixelů. Zvolil jsem oranžovou barvu, kterou zde má i pozadí. Nenastavil jsem rámeček a tak to vypadá jako by tam obsahové pole bylo vynecháno. Hlavička zde má oprati první webové stránce jiné rozměry než patička a to výšku 120px. Patička zde má výšku 60 pixelů. Obě patička i hlavička mají červenou barvu. Původně jsem zde chtěl použít stejné barvy jako na minulé webové stránce, ale nakonec jsem zvolil tyto, aby stránky nevypadali stejně. Pole pro menu jsem zde vynechal z toho důvodu, aby zde bylo více prostoru pro obsah. 10

12 Obr.7 Layout druhé stránky Menu Jak již řečeno tak je na prvních webových stránkách menu po levé straně a na druhé webové stránce je v hlavičce. Obě jsou tvořeny jednoduše v seznamu. Na následující stránce můžete vidět zdrojový kód: <tr> <th colspan="3" id="hlavicka"> <ul> <li><a href="uvod.html">úvod</a></li> 11

13 <li><a href="trida.html">třída</a></li> <li><a href="obor.html">obor</a></li> <li><a href="rozvrh.html">rozvrh hodin</a></li> <li><a href="fotogalerie.html">fotogalerie</a></li> <li><a href="kontakt.html">kontakt</a></li> </ul></th> </tr> Zde můžete vidět CSS kód: li {float: left; margin-left: 100px; list-style-type: none; background-color: orange;} A nakonec zde je CSS kód toho, když se najede na tlačítko myší: li:hover {background-color:rgb(255,255,0); font-weight: bolder;} Fotogalerie Fotogalerii jsem rozdělil na tři kategorie: třídní fotka, Plešivec a Liberec. Na následující stránce se můžete vidět zdrojový kód: <a href="fototridy.html"><img class= "galerie" src="třída1.jpg" title="třída"></a> 12

14 <a "galerie" href="plesivec1.html"> <img class= "galerie" src="plešivec1.jpg" title="plešivec1"></a> <a href="liberec1.html"><img class= "galerie" src="liberec1.jpg" title="liberec"></a> Zde CSS kód:.galerie{ width: 200px; height: 150px; padding-bottom: 20px;} Obr.8 Zde je samotná galerie. Konkrétně z druhých webových stránek. S fotogalerii jsem v celku spokojen, a doufám že je jednoduchá a lehce ovladatelná. Informace o použitých písmech Nastavení Fontů pro první web: Na první webové stránce jsem použil patkové písmo Times New Roman. Je to jedeno ze základních písem a také jedno z nejpoužívanějších a to je hlavní důvod proč jsem se pro něj rozhodl. 13

15 Nastavení Fontů pro druhý web: Pro druhý web jsem se rozhodl použít patkové písmo Georgia, které je dobré na delší texty a je lépe čitelné. Z vlastní zkušenosti vím že není na všech systémech a tak jsem se rozhodl použít také sekundární font. A jako ten jsem použil Times New Roman a to z důvodu že je to jedno z opravdu nejrozšířenějších písem. Jako na minulé stránce také zde jsem nepoužil žádnou kurzívu jenom ztučnění a podtržení písmu na zdůraznění důležitějších věcí. Nadpisy Nadpisy jsem na obou webech psal klasicky v H1 oproti klasickému textu jsem jim dal také jinou barvu pro odlišení a také jsou podtržené. Problémy s kterými jsem se potýkal Jeden z hlavních problémů: Jeden z největších problémů s kterými jsem se potýkal byl již několikrát zmíněný div, kterými sebral docela dost času. Od menších problémů, kterými je zbytečné se tu zabývat až po větší, které bohužel rozhodli o odstoupení od divu. Ten problém byl menu v hlavičce. Tlačítka se různě rozprostřeli po hlavičce a ani po více pokusech se mi nepovedlo je seřadit. Obr.9 Zde je můžete vidět problém s tlačítky. Další problémy: Další takové menší problémy jsem měl s internetovým prohlížečem Internet Explorer jako například to, že mi dělal rámečky tam kde neměli být. Občas něco špatně načetl, nebo nenačetl vůbec. Doufám že se mi povedlo všech, nebo alespoň většiny těchto problémů povedlo zbavit 14

16 Závěr: Doufám že se mi povedlo vytvořit celkem přehledné stránky, které jsou pro uživatele přívětivé a snadno. Citace: Obr.1 [cit ] URL < 15

17 16

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

HTML Hypertext Markup Language

HTML Hypertext Markup Language HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé

Více

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

KASKÁDOVÉ STYLY - PÍSMO

KASKÁDOVÉ STYLY - PÍSMO KASKÁDOVÉ STYLY - PÍSMO Název školy Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu Kaskádové styly písmo Autor Zdeněk Hrdina Datum

Více

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

TVORBA WEBOVÝCH STRÁNEK

TVORBA WEBOVÝCH STRÁNEK TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou

Více

Výukový materiál KA č.4 Spolupráce se ZŠ

Výukový materiál KA č.4 Spolupráce se ZŠ Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012

Více

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Webová grafika, struktura webu a navigace, použitelnost a přístupnost Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace

Více

WEBsro.cz. Krok za krokem Založení webu. krásné weby pro české podnikatele 1 / 10

WEBsro.cz. Krok za krokem Založení webu. krásné weby pro české podnikatele 1 / 10 Krok za krokem Založení webu Vytvořeno:....2.2008 Klient:... asisio s.r.o. Kontakt:... obchod@websro.cz, www.websro.cz Verze:.... / 0 Krok - Představení Administrační rozhraní je uzpůsobeno tak, aby změny,

Více

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

Více

Integrovaná střední škola Nová Paka. Pokyny pro zpracování ročníkové práce. pro 3. ročník oboru mechanik elektrotechnik¹

Integrovaná střední škola Nová Paka. Pokyny pro zpracování ročníkové práce. pro 3. ročník oboru mechanik elektrotechnik¹ Integrovaná střední škola Nová Paka Pokyny pro zpracování ročníkové práce pro 3. ročník oboru mechanik elektrotechnik¹ ¹ Platné od školního roku 2015/16 1 Organizační pokyny Žáci 3. ročníku v průběhu měsíce

Více

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí

Více

Webová stránka. Matěj Klenka

Webová stránka. Matěj Klenka Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a

Více

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje

Více

Způsob zpracování a pokyny k obsahu a rozsahu maturitní práce

Způsob zpracování a pokyny k obsahu a rozsahu maturitní práce Způsob zpracování a pokyny k obsahu a rozsahu maturitní práce 1 Způsob zpracování práce Práce bude odevzdána ve stanoveném termínu, a to ve dvou formách: a) Dva výtisky ve svázané podobě dle uvážení studenta

Více

Zá klady HTML. Tag HTML Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a

Více

Stránka se dá otevřít dvěma způsoby

Stránka se dá otevřít dvěma způsoby Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá

Více

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení

Více

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

ROČNÍKOVÁ PRÁCE. Střední průmyslová škola Ostrov. Webové stránky na téma Město, ve kterém žiji. Třída I2 Tadeáš Seemann

ROČNÍKOVÁ PRÁCE. Střední průmyslová škola Ostrov. Webové stránky na téma Město, ve kterém žiji. Třída I2 Tadeáš Seemann Střední průmyslová škola Ostrov ROČNÍKOVÁ PRÁCE Webové stránky na téma Město, ve kterém žiji. Studijní obor Informační technologie Třída I2 Tadeáš Seemann Školní rok 2015/2016 Jméno a příjmení autora Prohlášení

Více

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Návrh stránek 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...

Více

O CSS podrobněji. Box model Document flow Layout

O CSS podrobněji. Box model Document flow Layout O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

Mgr. Stěpan Stěpanov, 2013

Mgr. Stěpan Stěpanov, 2013 Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Úvod. Zpracoval: Petr Lasák HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají

Více

Dokumentace k projektu

Dokumentace k projektu Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1.

Více

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

Webové stránky. 19. Úprava šablony HTML. Datum vytvoření: 1. 3. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 19. Úprava šablony HTML. Datum vytvoření: 1. 3. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 19. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 1. 3. 2013 Webové Strana: 1/11 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Střední průmyslová škola Ostrov ROČNÍKOVÁ PRÁCE. Webové stránky na téma škola. Třída. Školní rok 2014/2015 Daniel Snášel

Střední průmyslová škola Ostrov ROČNÍKOVÁ PRÁCE. Webové stránky na téma škola. Třída. Školní rok 2014/2015 Daniel Snášel Střední průmyslová škola Ostrov ROČNÍKOVÁ PRÁCE Webové stránky na téma škola Studijní obor Informační technologie Třída I2 Školní rok 2014/2015 Daniel Snášel Prohlášení autora Prohlašuji, že jsem tuto

Více

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení

Více

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017. Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou

Více

MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA

MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA Studijní obor: 18-20-M/01 Informační technologie Třída: I4.A Školní rok: 2012/2013 Autor: Lukáš Zuzaňák Prohlášení autora: Prohlašuji, že jsem tuto práci

Více

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

Tvorba internetových stránek

Tvorba internetových stránek Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Středa 9:00-10:00h http://tvorba-is.wz.cz/ Samostatný úkol Zvolili jste si doménu a zjistili její cenu? Nalezli jste svůj freehosting?

Více

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

Více

RSS : 1.1-1.2-1.3-2.1-2.2 - RSS

RSS : 1.1-1.2-1.3-2.1-2.2 - RSS OBSAH : RSS V XML 1.Základy RSS v XML 1.1 - teorie tvorby a průprava k tvorbě 1.2 - základy RSS v XML 1.3 - připojení RSS kanálu k webu 2.Složitější funkce RSS 2.1 - ikonky k článkům (v lepších prohlížečích

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická

Více

Základy WWW publikování

Základy WWW publikování Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz

Více

Administrace webu Postup při práci

Administrace webu Postup při práci Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované.

Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované. Pokyny pro vypracování maturitní práce pro školní rok 2014/2015 Při vypracování práce se řiďte následujícími pokyny. Charakteristika jednotlivých částí práce 1. Titulní strana (nečísluje se stránka ani

Více

Inovace výuky prostřednictvím šablon pro SŠ

Inovace výuky prostřednictvím šablon pro SŠ Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748

Více

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221 PowerPoint 2010 Kurz 2, 3 CZ.1.07/2.2.00/28.0221 Jak by měla vypadat prezentace v PowerPointu Typy na správnou prezentaci Základním prvkem prezentace je text kontrola opakujících se slov v prezentaci Texty

Více

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1. Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam

Více

12. Základy HTML a formuláře v HTML

12. Základy HTML a formuláře v HTML 12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura

Více

Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34.

Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34. Úvod do CSS Tematický okruh (ŠVP) CSS1 Vysvětlení úlohy CSS při programování www stránek Úvod do CSS VY_32_INOVACE_01_02_01 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací

Více

Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:

Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku: Co je HTML HTML HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu

Více

Naše Město Web design

Naše Město Web design Česká zemědělská univerzita v Praze Provozně ekonomická fakulta Katedra informačních technologií Naše Město Web design Cvičení: 10. 1. 2012, 16 hod. Pracovní skupina Jitka Sedláčková Nina Tůmová ... 1

Více

Pokyny pro vypracování maturitního projektu

Pokyny pro vypracování maturitního projektu Pokyny pro vypracování maturitního projektu Prostudujte si prosím pečlivě následující pokyny k vypracování maturitního projektu. Maturitní projekt musí obsahovat: 1. Titulní strana (nečísluje se) Obsahuje:

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,

Více

Střední odborná škola a Střední odborné učiliště, Hořovice

Střední odborná škola a Střední odborné učiliště, Hořovice Kód DUM : VY_32_INOVACE_DYN.1.07 Název materiálu: Anotace Autor Jazyk Očekávaný výstup 07 Vytvoření šablony webové stránky pro výuku PHP DUM dává žákům k dispozici jednotnou výukovou šablonu pro psaní

Více

Optimalizace pro vyhledavače a přístupnost webu

Optimalizace pro vyhledavače a přístupnost webu Optimalizace pro vyhledavače a přístupnost webu Autor Jan Rückl Vedoucí práce Paeddr. Petr Pexa Školní rok: 2008-09 Abstrakt Tato práce se zabývá tvorbou internetové prezentace a vhodným využitím některých

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

Individuální projekt z předmětu webových stránek 2012/2013 - Anketa

Individuální projekt z předmětu webových stránek 2012/2013 - Anketa Individuální projekt z předmětu webových stránek 2012/2013 - Anketa Daniel Beznoskov, 2 IT A Skupina 1 Úvod Prohlášení o autorství Prohlašuji, že jsem individuální projekt z předmětu webových stránek na

Více

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX Vypracoval: Jan Živný, Obce na webu, s.r.o. V Brně dne XXXXXXXX 1 Cíl hodnocení Tato zpráva je zpracována za účelem zhodnocení přístupnosti

Více

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014 Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat

Více

Gymnázium a Střední odborná škola Moravské Budějovice. Pravidla pro tvorbu seminárních a maturitních prací

Gymnázium a Střední odborná škola Moravské Budějovice. Pravidla pro tvorbu seminárních a maturitních prací Gymnázium a Střední odborná škola Moravské Budějovice Pravidla pro tvorbu seminárních a maturitních prací Obsah 1. Rychlý přehled... 3 1.1. Vzhled stránky:... 3 1.2. Formát nadpisů:... 3 1.3. Formát odstavcového

Více

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr

Více

Nástrojová lišta v editačním poli

Nástrojová lišta v editačním poli Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou

Více

Výukový materiál vytvořen v rámci projektu EU peníze školám. "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585

Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585 Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585 Škola: Adresa: Autor: Gymnázium, Jablonec nad Nisou, U Balvanu 16, příspěvková organizace

Více

ABSOLVENTSKÉ PRÁCE ŽÁKŮ 9. ROČNÍKŮ - METODIKA

ABSOLVENTSKÉ PRÁCE ŽÁKŮ 9. ROČNÍKŮ - METODIKA ABSOLVENTSKÉ PRÁCE ŽÁKŮ 9. ROČNÍKŮ - METODIKA Absolventská práce (AP) je jednou z forem, jíž škola ověřuje některé dovednosti, schopnosti a znalosti žáka končícího základní vzdělávání. Cílem práce je nejen

Více

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o. NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace.

Více

STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE

STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE WEBOWÉ STRÁNKY TŘÍD KAMIL POPELKA ZÁVĚREČNÁ MATURITNÍ PRÁCE BRNO 2011 Prohlášení Prohlašuji, že maturitní práce je mým původním autorským dílem, které

Více

ŠKODA Portal Platform

ŠKODA Portal Platform ŠKODA Portal Platform Struktura LESS stylů Jan Obrátil Účel dokumentu Účelem tohoto dokumentu je vysvětlit strukturu stylů v Portálové Platformě tak, aby bylo možné je správně použít a rozšířit je pro

Více

================================================================================ =====

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

Více

Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Radek Havlík [ÚLOHA 32 ODKAZY A TEXTY]

Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Radek Havlík [ÚLOHA 32 ODKAZY A TEXTY] Aplikované úlohy Solid Edge SPŠSE a VOŠ Liberec Radek Havlík [ÚLOHA 32 ODKAZY A TEXTY] 1 CÍL KAPITOLY Cílem této kapitoly je naučit se tvořit odkazy ke strojním součástem, plochám, dílům, sestavám, a práci

Více

BRIEF & KONCEPCE / ETAPA O.

BRIEF & KONCEPCE / ETAPA O. ÚVOD Každá prezentace je aktuální v momentě svého spuštění. Po nějaké době začne, alespoň v nějakém ohledu, stárnout. Obsahově, vizuálně či technologicky. Vždy se až nějakou dobu po svém spuštění ukáže,

Více

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz 6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování,

Více

Název: Design webu Anotace:

Název: Design webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

Prezentace. 7. PowerPoint nástroje I. Vytvořil: Tomáš Fabián Vytvořeno dne: 8. 1. 2013. www.isspolygr.cz. Prezentace

Prezentace. 7. PowerPoint nástroje I. Vytvořil: Tomáš Fabián Vytvořeno dne: 8. 1. 2013. www.isspolygr.cz. Prezentace 7. PowerPoint nástroje I. www.isspolygr.cz Vytvořil: Tomáš Fabián Vytvořeno dne: 8. 1. 2013 Strana: 1/15 Škola Ročník 4. ročník (SOŠ, SOU) Název projektu Interaktivní metody zdokonalující proces edukace

Více

Tvorba webu. Úvod a základní principy. Martin Urza

Tvorba webu. Úvod a základní principy. Martin Urza Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto

Více

Výukový materiál zpracovaný v rámci projektu

Výukový materiál zpracovaný v rámci projektu Výukový materiál zpracovaný v rámci projektu Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace

Více

Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3

Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3 Název: VY_32_INOVACE_PG4102 Základní HTML značky Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s nejdůležitějšími

Více

CZ.1.07/1.5.00/34.0527

CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-210

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-210 Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu Autor Jazyk Téma sady didaktických materiálů Téma didaktického materiálu Vyučovací předmět Cílová skupina (ročník) Úroveň

Více

Příloha č. 1 k Vyhláška rektora č. 01/2011 o bakalářských pracích

Příloha č. 1 k Vyhláška rektora č. 01/2011 o bakalářských pracích Příloha č. 1 k Vyhláška rektora č. 01/2011 o bakalářských pracích Struktura písemné práce Z formálního hlediska by bakalářská práce měla splňovat požadavky kladené na psaní odborných publikací, tzn. přehlednost,

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

Výukový materiál. Bankovní spojení: KB Česká Třebová, č.ú. 42129-611/0100, IČO: 70882380

Výukový materiál. Bankovní spojení: KB Česká Třebová, č.ú. 42129-611/0100, IČO: 70882380 Základní škola Česká Třebová, Habrmanova ulice Habrmanova 1500, Česká Třebová, 560 02, tel.: 465534626, fax: 465 534 632, mail : slavik@zs-habrmanova.cz Bankovní spojení: KB Česká Třebová, č.ú. 42129-611/0100,

Více

Administrace webových stránek

Administrace webových stránek Administrace webových stránek Obsah Kontakt technické podpory... 2 Přihlášení... 2 Změna textového obsahu... 3 Nahrávání/mazání obrázků... 5 Vložení obrázku do textu... 6 Nastavení pozice obrázku vůči

Více

Zpracoval Ing. Ladislav Škraňka, Brno, březen 2012

Zpracoval Ing. Ladislav Škraňka, Brno, březen 2012 Zpracoval Ing. Ladislav Škraňka, Brno, březen 2012 Možná struktura prezentace Základní vizuální efekty Postupy zpracování obsahu Didaktické principy Práce s textem Snímek pouze s textem Práce s obrázky

Více

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého

Více

Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP

Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové

Více

Textové editory. Ing. Luděk Richter

Textové editory. Ing. Luděk Richter Textové editory Ing. Luděk Richter Střední škola, Havířov-Šumbark, Sýkorova 1/613, příspěvková organizace Tento výukový materiál byl zpracován v rámci akce EU peníze středním školám - OP VK 1.5. Výuková

Více

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení Tématická oblast: dědičnost, kaskáda CSS a média Stylové předpisy pro různé typy zobrazovacích zařízení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ( Ing. Petr Měrka). VY_32_INOVACE_185

Více

Kaskádové styly základy grafiky

Kaskádové styly základy grafiky 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod

Více

Microsoft Office SharePoint Server 2007

Microsoft Office SharePoint Server 2007 Microsoft Office SharePoint Server 2007 Příručka pro uživatele Úvod do HTML a CSS Verze 1.1 Stav k 7.4. 2009 Středisko komunikačních a informačních systému Univerzita obrany Brno 2009 2008 Středisko komunikačních

Více