Tvorba www stránek Mít v dnešní době vlastní prezentaci na internetu je dnes velmi rozšířené. Pro firmu jsou vlastní www stránky téměř nutností. Tato prezentace.

Prezentace na téma: "Tvorba www stránek Mít v dnešní době vlastní prezentaci na internetu je dnes velmi rozšířené. Pro firmu jsou vlastní www stránky téměř nutností. Tato prezentace."— Transkript prezentace:

1 Tvorba www stránek Mít v dnešní době vlastní prezentaci na internetu je dnes velmi rozšířené. Pro firmu jsou vlastní www stránky téměř nutností. Tato prezentace si klade za cíl seznámit s možnostmi tvorby www stránek zejména začátečníky z řad studentů i učitelů. Snad tento úkol splní.

2 Principy internetu Internet je postaven na normách (standardech), které popisují způsoby komunikace a neváží se na konkrétní vlastnosti daného operačního systému. hlavním pilířem je jazyk HTML, který slouží k popisu toho, jak bude stránka vypadat odkazy se zapisují ve standardizované podobě pomocí URL přenos stránek ze serveru do počítače uživatele zajišťuje protokol HTTP nahrávání vytvořených stránek na server umožňuje obvykle protokol FTP

3 Jak vytvořit www stránky Naučit se vytvořit www stránky. Můžete se naučit základy jazyka HTML, kterým se tvoří webové stránky. Pak můžete použít i připravené šablony, které naleznete na internetu.šablony Využít aplikace, kterou své stránky snadno a rychle vytvoříte bez dalích znalostí. Zkuste třeba systém e-Stránky.cz nebo WebSnadno.cz. Můžete použít i internetový deníček, blog.e-Stránky.cz WebSnadno.czblog Naučit se pracovat se speciálním programem určeným pro tvorbu stránek. Zde stránky vytváříte vizuálně, podobně jako píšete dokument třeba ve Wordu. Vyzkoušejte volně šiřitelný program NVU nebo zkuste MS FrontPage.NVU Použít export z běžného programu, tj. volbu Soubor - Uložit jako stránku www. Volte ale jen v případě nejvyšší nouze.

4 WWW stránky za pět minut Opravdu tyto možnosti máte. Existují systémy, které fungují podobně jako e-mailová schránka. Pomocí nich snadno vytvoříte stránky, které budou hezké i funkční. Stačí se zaregistrovat a vybrat si z barevných šablon. K registraci potřebujete pouze funkční e-mail. Na vytvořené prázdné stránky dopíšete vlastní texty, vložíte odkazy na jiné stránky, případně nahrajete obrázky. Umístění stránek na internetu neřešíte.Vyzkoušejte některé z následujících: Estranky.cz Websnadno.cz Blog.cz Bloguje.cz

5 HTML a charakteristika HTML je zvláštní formát užívající se zejména na webu. HTML má tu výhodu, že jej můžete číst a upravovat i v obyčejném textovém editoru (např. Poznámkový blok).Většina dnešních programů obsahuje volbu Uložit jako stránku WWW nebo Uložit jako HTML HTML a tisk Dokument nebo stránka ve formátu HTML není určen tisku. HTML je určeno k prohlížení ve speciálních prohlížečích (např. MS Explorer, Mozilla, Opera). Formát HTML je obvykle závislý na zobrazovacích schopnostech počítače (velikost obrazovky, barvy, písma). Pro tisk je určen formát PDF. HTML

6 HTML a jeho využití Formát HTML se užívá zejména na webu. Velmi často je ale použit i pro nápovědy a dokumentace k programům. Formát HTML použijte v případě, kdy chcete, aby daný dokument byl přístupný na různých operačních systémech (Windows, Unix, Apple). HTML a webdesign Koho by zajímal širší popis HTML, může zkusit příručku k (X)HTML. Naučíte se vytvářet webové stránky a aplikace.příručku k (X)HTML.

7 Příkazy jazyka HTML Příkazy jazyka tvoří tzv. tagy. Tag je značka, podle které se počítač řídí. Určuje, jakým způsobem bude stránka upravena. Tagy se v dokumentu uzavírají do znaků <>, kde konec tagu. Např. pokyn pro tučné písmo je, pro vložení obrázku. Špatně zadaný tag prohlížeč ignoruje, nehlásí žádnou chybu. Tagy můžeme rozdělit na párové a nepárové (samostatné). Lze je psát velkými i malými písmeny.

8 Struktura HTML dokumentu Každý HTML dokument má určitou strukturu. Tvoří ho hlavička dokumentu (head) a jeho tělo (body). Kostra dokumentu: Název dokumentu vlastní obsah www stránky

9 Kód HTML dokumentu Jak lvové bijem o mříže Jan Neruda- Jak lvové bijem o mříže Jak lvové bijem o mříže, jak lvové v kleci jatí, my bychom vzhůru k nebesům, a jsme zde Zemí spjatí. Nám zdá se, z hvězd že vane hlas: "Nuž pojďte, páni, blíže, jen trochu blíže, hrdobci, jimž hrouda nohy víže!"

10 Vzhled HTML dokumentu

11

12

13

14 webnadno

15 Blog Blog (weblog) je webový zápisník, obsahuje periodicky řazené články. Blog umožňuje řadit záznamy do různých kategorií a automaticky vytváří archivy podle let a měsíců. Jak vytvořit blog Blogy jsou oblíbené proto, že je snadné je spravovat a tak má každý možnost vytvářet své vlastní webové stránky. Blogy se vytvářejí pomocí buď webových administrací nebo existují jako program, který si stáhnete na disk a v něm pak píšete své články. Nástroje k tvorbě blogu Blog.czBlog.cz - Blogovací systém: adidasadidas Easy PadEasy Pad - Program na tvoření blogu : pizzeriepizzerie WordPressWordPress - Program na tvoření blogu: postřehypostřehy Blogger.com Blogger.com - Blogovací systém

16 NVU Nvu je kvalitní WYSIWYG editor na vytváření a správu webových stránek, který je založen na Editoru z balíku Mozilla Suite. Mezi hlavní přednosti se řadí snadné ovládání a kvalita vytvářených webových stránek. Mozilla Suite Nedílnou součásti Nvu je Správce stránek, který vám umožní snadno spravovat vytvářené webové stránky a ty následně nahrávat přímo na web prostřednictvím protokolu FTP. Program lze získat zcela zdarma. Více informací

17 NVU

18

19 Výběr barev K volbě barev písma i pozadí na stránkách uvedeme základní doporučení: Méně je někdy více. Hlavní zásada je čitelnost. Doporučuje se používat barevná schémata, která tvoří skupiny sladěných barev. Pro inspiraci nabízíme generátor barevných schémat

20 Fiktivní firmy 1.LUXUS, s.r.o. - maloobchod s motorovými vozidly a jejich příslušenstvímLUXUS, s.r.o. 2.JETTEL, s.r.o. - maloobchod s telekomunikační technikouJETTEL, s.r.o. 3.Klapeto, s.r.o. - specializovaný maloobchod - prodej obuviKlapeto, s.r.o. 4.Bohem Tour, s.r.o - cestovní kancelářBohem Tour, s.r.o 5.Fanny, s.r.o. - výroba a prodej nábytkuFanny, s.r.o. 6.Knihkupectí Sova, s.r.o. - prodej knih a CDKnihkupectí Sova, s.r.o. 7.Sollbanka, a.s. - banka pro fiktivní firmy 8.Alfa-sport, s.r.o. - prodej sportovních potřeb 9.Duha, s.r.o. - prodej hraček a sportovních potřeb Veletrhu fiktivních firem konaného v Brně dne 12.6.2007 se účastnily následující firmy

21 Závěrem Doufám, že se vaše první webová stránka podařila. Pokud se chcete dozvědět více věnujte se samostudiu, knižních i elektronických příruček je na trhu mnoho přihlaste se do kurzu zaměřeného na tuto problematiku takový kurz nabízí i naše škola, o podrobnosti si napište.napište Příjemné webové brouzdání, nápaditou propagaci firmy a hodně spokojených zákazníků přeje všem fiktivním firmám i jejich skutečným učitelům autorka prezentace M.Ševečková