Podpora sportovních produktů formou www stránek

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

Download "Podpora sportovních produktů formou www stránek"

Transkript

1 MASARYKOVA UNIVERZITA Fakulta sportovních studií Katedra sportovní medicíny a zdravotní tělesné výchovy Podpora sportovních produktů formou www stránek Bakalářská práce Vedoucí bakalářské práce: PhDr. Jan Cacek Vypracoval: Bárta Pavel 3.roč. APAK-TE3 Brno

2 Prohlašuji, že tuto bakalářskou práci jsem vypracoval samostatně s pomocí pramenů, zdrojů a literatury, které jsou sepsány níže v použité literatuře. Souhlasím s tím, aby byla bakalářská práce použita k vnitřním potřebám školy a ke studijním účelům... 2

3 Obsah Strana Úvod 4 1. Cíl práce 5 2. Metodika práce 6 3. Seznámení se základy internetu a tvorbou www stránek Stručná historie Internetu Obecné prvky internetu Typy a prvky webových stránek Všeobecné zásady při tvorbě stránek Způsoby a nástroje pro tvorbu stránek Použitý postup při tvorbě stránek oddělení atletiky Návod pro manipulaci se stránkami Shrnutí Použitá literatura 27 3

4 ÚVOD Internet, jeden z největších fenoménů dnešních dob. Díky internetu mohou spolu uživatelé komunikovat z různých konců světa, stačí se jen připojit do sítě a najednou je vám vše, co internet nabízí, k dispozici. Neexistují tu žádná omezení, jako například u radia nebo televize, že si můžete naladit jen ty programy, které jsou v té dané oblasti k dispozici, ale právě naopak, po připojení vám leží celý svět u nohou. Stačí se jen správně zorientovat na webových stránkách, což v dnešní době už není vůbec problém, protože na stránky můžete už umístit úplně cokoliv od textu, přes obrázky, videa, zvuky, tabulky, atd. Díky stále se vyvíjejícím technologiím se rychlost a kvalita přenosu dat stále zlepšuje a tak se zvyšují i komunikační možnosti. Například tak lze sledovat televizní vysílání, poslouchat rádio, provádět videokonference a mnoho dalších. Hodně se začínají hrát i hry po síti, a tak se může stát, že se ve hře setkáte s lidmi z úplně jiného kouta země. Na internetu se orientujete pomocí webových stránek, které musí mít nějaký řád. Základní a nejdůležitějších prvky www stránek jsou vzhled, struktura a přehlednost. Pokud nebude nijak zajímavá a navíc nepřehledně uspořádaná, může se stát, že to návštěvníka od prohlížení této stránky odradí. Proto se v dnešní době klade velký důraz na vzhled a strukturu stránek. Vzhled se většinou přizpůsobuje podle toho, komu jsou stránky určeny. Když budu chtít udělat stránky pro děti, budu se snažit stránky zpestřit výraznými barvami, obrázky, aby byly vizuálně poutavé a dynamické. Pro starší návštěvníky zvolíme spíše konzervativnější styl. Co se týče struktury stránek, tak se vždy snažíme stránky zjednodušit, tak aby bylo možné se co nejrychleji dostat k hledanému produktu či výrazu. 4

5 1. Cíl práce Cílem mé práce je vytvořit jednoduché, přehledné a funkční www stránky, které by měli sloužit pro oddělení atletiky k umisťování a zveřejňování dat, informací, produktů, vědeckých prací, grantů, kontaktů, atd. Stránky jsou tvořeny tak, aby je byl schopen ovládat (umisťovat texty, obrázky, soubory,..) i člověk, který se tvorbou webu nezabývá. Proto je níže popsán i postup jak se stránkami pracovat. 5

6 2. Metodika práce Bakalářská práce je tvořena tak, aby seznámila čtenáře se základními prvky při práci a tvorbě s www stránkami. Dále se soustřeďuje nejen na to, jak stránky vytvořit, ale také na to jak s nimi dále pracovat. (upravovat, vkládat texty, pole, obrázky, soubory, atd.) Pro tvorbu www stránek oddělení atletiky budou požity takové prostředky, aby byla právě jejich úprava co nejjednodušší i pro laika, který se v tvorbě nevyzná. Při práci budu využívat několik programovací jazyků (HTML, XHTML, PHP, CCS) a programů (Mozilla Firefox, Adobe Photoshop, Topstyle, Pspad). 6

7 3. Seznámení se základy internetu a tvorbou www stránek 3.1 Stručná historie internetu Vznik internetu Internet vznikl v 60. létech díky snaze americké armády propojit armádní počítače, které byly rozmístěny po celém území USA. Cílem byla bezproblémová komunikace a to i v případě vyřazení části sítě z provozu. Internet se tedy až do poloviny osmdesátých let nijak zvlášť nerozvíjel. Avšak se postupně začal rozšiřovat i do jiných především vládních institucí, ze začátku to byly hlavně university. Internet však byl zatím chápan jen jako nekomerční prostředek a tak byl podporován pouze vládou a armádou, protože podnikatelé zatím netušili jaké obrovské možnosti může poskytnout. Tim Bernes v roce 1989 oživil myšlenku hypertextových dokumentů (dokumenty, které obsahují odkazy na dokumenty na úplně jiném počítači) a umístil je na svoje webové stránky. Díky těmto hypertextovým dokumentům se tento způsob komunikace začal rozšiřovat a dnes je znám jako World Wide Web.[5.] Do komerčního podvědomí se internet začal dostávat díky masivnímu rozšíření osobních počítačů a připojením na internet za účelem komunikace. Tohoto nového média začínají využívat následně i podnikatelé, kteří zde vytvářejí své stránky s reklamami, internetovými obchody a další. Stalo se tak, když National Science Foundation v roce 1992 umožnila připojení právě těmto komerčním subjektům. Od tohoto roku nastává ohromný nárůst připojených počítačů do sítě, o proti roku 1992 kdy je do sítě zapojeno kolem jednoho milionu počítačů, v roce 1995 je to dvacet milionů počítačů a v roce 2000 již přes 300 milionů počítačů. [5.] 7

8 Internet u nás První úspěšné pokusy o připojení se do sítě proběhly v roce 1991 k uzlu v Linci. Oficiální připojení bylo uskutečněno v roce 1992 na ČVUT v Praze. Postupně se internet začal rozšiřovat do ostatních vysokých škol díky dotaci státu. Nejprve byla propojena dvě největší města Praha a Brno. V roce 1993 bylo připojeno již 9 měst. Ze začátku prováděla připojení jediná společnost CESNET, která se díky poptávce z akademické stala komerční, ale postupem času se na českém trhu objevilo mnoho dalších společností a zaplnili tak vzniklou mezeru v trhu. [6.] 8

9 3.2 Obecné prvky internetu Připojení k internetu Začneme úplně od začátku a to samotným připojením se k internetu. Existuje celá řada možností, k nejjednodušším patří rozhodně pevná telefonní linka, kterou má většina z nás doma zavedenou, pak už stačí jen modem a můžeme se připojit. Mezi další možnosti patří kabelová síť, která funguje na podobném principu jako telefonní. Rychlejší varianta kabelové sítě je síť optická, kde jsou data vedeny přes optické vlákno a tím umožňují velice rychlé spojení. Zatím byla řeč jen o sítích propojených kabely, ale internet se šíří i bezdrátově podobně jako televize nebo rádio, jen na jiných frekvencích. Rozlišujeme mezi wifi (pozemním) a satelitním vysíláním. Mnohem více se používá wifi, protože je mnohem dostupnějších. Nevýhodou je, že signál je závislý na přímé viditelnosti a na větší vzdálenosti může být rušen okolními síti. Při dobré viditelnosti lze signál vysílat i do vzdálenosti okolo dvou kilometrů. K připojením tedy potřebujete anténu, wifi kartu a pigtail(kabel vedoucí od antény ke kartě). 1. Jak se na Internetu orientovat K tomu, aby jsme mohli zkoumat obsah internetu potřebujeme nějaký prohlížeč. V současnosti je nejvíce používán Internet Explorer. Díky prohlížeči můžete surfovat po internetu a zobrazovat obsahy stránek. Už to bude delší doba, kdy se na stránkách vyskytoval jen text a obrázky, což k základnímu prohlížení internetu stačilo, ale postupně se prohlížeče museli rozšířit o spoustu funkcí, aby byly schopné přehrát multimediální soubory, plug- iny, dále byli přidáni ový klient, FTP klient a mnoho dalších. Prohlížeče jsou navrhovány, tak aby i člověk, který se poprvé připojí k internetu, byl schopný se na nich zorientovat. Jelikož jsou prohlížeče velmi 9

10 dynamické, můžou si zkušenější uživatelé design svého prohlížeče upravit podle sebe. Například si můžete nakonfigurovat (odebrat/přidat) tlačítka panelu nástrojů. Dále můžete přidávat různé lišty, na které si můžete ukládat adresy svých oblíbených stránek, atd. [1.] 10

11 3.3 Typy a prvky webových stránek Jelikož si dnes na Internet umístit své stránky skoro každý, existuje celá řada typů stránek, na které můžeme během surfování narazit. Mezi nejzákladnější bych zařadil tyto: internetové rozcestníky, osobní stránky, firemní stránky, informační stránky, stránky elektronických obchodů, diskusní stránky a mnoho dalších. Internetové rozcestníky Jsou to stránky, díky kterým můžeme prohledávat internet, když neznáme konkrétní stránku. Stačí zadat hledaný výraz a pak už se jen proklikávat vygenerovanými odkazy. K nejznámějším takovýmto rozcestníků u nás patří Gogole, Seznam, Centrum, Atlas, atd Osobní stránky Díky serverům, které umožňují ukládání webových stránek zdarma, jen za cenu umístění pár reklam, se během posledních pár let rozrostl počet osobních stránek několikanásobně. Je to tak jednoduché, že si osobní stránky zvládne udělat i člověk, který neovládá tvorbu www v programovacích jazycích (http, ccs, php,..). K tvorbě stránek slouží totiž jednoduché editory, díky kterým je vytvoření obyčejných stránek hračka. Úplní lenoši si můžou vybrat a stáhnout z internetu již hotové stránky. Jelikož design a styl je závislý na člověku, který stránky dělá, můžeme se setkat s různorodou kvalitou a někdy nás mohou překvapit i svou originalitou. 11

12 Firemní stránky Kvalita a profesionalita firemních stránek je většinou závislá na velikosti firmy. Pokud se bude jednat o firmu, která neprodává přes internet, budou na stránkách základní informace o firmě, jejich produktech, službách. Stránky elektronických obchodů Pokud se bude jednat o stránky elektronického obchodu, měli být tvořeny tak, aby byli jednoduché a přehledné. Svou nepřehledností by totiž mohli odradit mnoho návštěvníků. Informační stránky Do této kategorie bych zařadil většinu webů, kde je možné cokoliv se dozvědět, jako jsou například různé blogy, zábavné stránky, stránky měst, atd. Diskuzní stránky Stránky, na kterých si je možné popovídat s ostatními lidmi, prodiskutovat všemožné témata, vyjádřit veřejně svůj názor, atd. K tomu slouží různé chaty a fóra. 12

13 3.4 Všeobecné zásady při tvorbě stránek Jedním z nejdůležitějších faktorů před samotnou tvorbou www je navrhnutí struktury, tak aby se dostal návštěvník přímo k hledaným informacím. Volba barevného sladění už většinou záleží na vaší představivosti. Dobré je také si předem načrtnout pár návrhů v počítači nebo na papír, abychom měli určitou předlohu, podle které postupovat. V levé části obrazovky většinou umisťujeme menu s odkazy, uprostřed textové pole a název stránek vkládáme nahoru. Písmo volíme takové, aby si text byli schopni zobrazit všichni návštěvníci. Dále klademe důraz na rychlost načítaní, proto na stránky neumisťujeme velké množství obrázků nebo jiných souborů vysoké kvality, protože ne každý má rychlé připojení a velké množství dat může načtení webu velice zpomalit.[2.] Dalším důležitým prvkem je výběr domény. Její název by měl souviset s obsahem stránek a nejvíce tak ulehčit jejich vyhledávání. Pokud budou stránky zaměřeny pouze na občany ČR, je dobré zvolit doménu.cz. Pro mezinárodní využití se spíše přikloníme k doménám typu.com,.net,.info, atd. Domény mohou být až několikařádové. Nejčastěji se používají domény dvouřádové např. seznam.cz. Tudiž.cz je doména prvního řádu a seznam doména druhého řádu. Často se objevují i domény třetího řádu a to hlavně u větších organizací například is.muni.cz nebo u poskytovatelů webu zdarma, kdy vám přibude do adresy také třetí řád např. seznam.wz.cz. [2.] 13

14 3.5 Způsoby a nástroje pro tvorbu stránek Způsobů jak si vytvořit vlastní stránky existuje celá řada. V našem případě jsme použili jazyk HTML a CCS, jsou to jedny z nejzákladnějších jazyků pro tvorbu webu. HTML je základní prvek při tvorbě všech www stránek. Každý, kdo chce tvořit web by měl ovládat alespoň jeho základy. Samozřejmě existují i různé editory, do kterých píšete jen text, vkládáte tabulky a měníte barvu pozadí, ale i zde je dobré znát něco z HTML pro dodatečné upravení. Pokud se ale spokojíte s jednoduchými stránkami a nechce se vám pouštět do základů HTML jsou pro vás tyto editory jasná volba. Mezi nejznámější editory patří Microsoft FrontPage, Microsoft Office. K jejich používání nepotřebujete žádné znalosti programování, protože je určen co nejširší veřejnosti. To znamená, že program při tvorbě stránky za vás vytváří potřebný HTML kód. Téhle metodě se říká WYSIWYG ( What You See Is What You Get, v překladu Co vidíš, to dostaneš ). Nevýhodami jsou vyšší nároky na výkonnost počítače a také se může stát, že editor občas vytváří kód ne zrovna tak, jak byste si přáli. Ale zpátky k programovacím jazykům, jak jsem již uvedl, základem všech webových stránek je HTML, který je nejpoužívanější a nejrozšířenější po celém světě. Tento jazyk je však jen jakousi základní strukturou stránky a proto bývá doplňován o další programovací jazyky, které stránku činní více dynamickou, graficky zajímavější a lépe přehlednou. Mezi ně patří například CCS, PHP, JavaSript, atd. 14

15 Základní charakteristika použitých programovacích jazyků: HTML Hypertext Markup Language v překladu hypertextový značkovací jazyk. Ještě nedávno neměl jazyk HTML svou vlastní standardní definici. To vedlo k tomu, že jazyk se vyvíjel odlišně a to způsobovalo zmatek mezi uživateli. Proto se musel jazyk standardizovat a původní verze byla přejmenována na verzi 1.0. V HTML jsou dokumenty definovány tak, aby je bylo možné zobrazit v jakémkoliv prohlížeči a proto se HTML soustřeďuje na strukturu dokumentu a ne na vzhled, takže se může stát, že se vám stránky v různých prohlížečích zobrazí poněkud odlišně. [1.] Když se zaměříme na první dvě slova z názvu, zjistíme k čemu tento jazyk vlastně. Jak již naznačuje první slovo hypertext, HTML nám umožňuje hypertextové odkazy na další stránky, dokumenty, atd. Dalším slovem je markup, jde o značkování, které pouze popisuje dokument a vytváří jeho strukturu. Pomocí techto značek (tagů) například oddělujeme nadpis od textu, rozhodujeme kde začíná a končí odstavec, vkládáme do dokumentu obrázky, tabulky, atd. Výhody HTML Jak sem již uvedl HTML lze prohlížet ve všech webových prohlížečích. Také nezáleží na tom, jaký operační systém používáte. Díky jeho jednoduchosti a rozšířenosti je jeho podpora opravdu kvalitní. Další jeho výhodou je, že není nijak složitý a jeho základy si zvládne osvojit skoro každý. 15

16 Nevýhody HTML 1. Jelikož je HTML zaměřen hlavně na strukturu, není jisté, jak bude stránka nakonec zobrazena. 2. HTML kvůli své standardizaci neumožňuje vytváření vlastních značek, což autory malinko svazuje. <html> <head> <title> </title> </head> <body> <h1> Oddělení atletiky </h1> <p>odstavec s <b>tučným textem</b>, s <i>kurzivou</i>. <span style="color: red;">červený text.</span></p> <h2>fakulta sportovních studií</h2> <p>odstavec s <i><b>tučnou kurzivou. </b></i><br> Další řadek.</p> </body> </html> Obr. 1: Ukázka zdrojového kódu HTML Obr. 2: Výsledné zobrazení v prohlížeči 16

17 CCS Cascading style sheets tabulky kaskádových stylů. Tento jazyk se zaměřuje na způsob zobrazení stránek tvořených v jazycích HTML, XHTML, XML. Poskytuje velké množství způsobů úpravy formátování a grafického vzhledu stránek. Jedna z hlavních výhod CCS je, že odděluje vzhled dokumentu od jeho struktury a obsahu. Hlavním rozdílem mezi HTML a CCS je tedy to, že když tvořím v HTML musím vzhled u každého objektu samostatně nastavovat. U CCS si vytvořím soubor stylu, který připojím k HTML dokumentu, a pomocí kterého měním styl v celém dokumentu naráz. To znamená, že si v něm předdefinuji vzhled nadpisů, písma, atd. Tento soubor bývá jednotný pro celý web a proto, když chcete změnit styl písma nemusíte hledat a přepisovat všechny potřebné značky ale stačí změnit styl v našem souboru. Nevýhodou, že CCS není podporován staršími prohlížeči, ale situace se postupně zlepšuje, takže v budoucnu by zobrazení CCS nemělo dělat problémy žádnému aktualizovanému prohlížeči. h1 { margin: 5px font-size: 12pt } p { text-align: center; line-height: 10pt; } -vzhled nadpisu první úrovně -okraj šířky 5 pixelů -velikost fontu 12 bodů -styl odstavce -text centrovat -výška řádku 10bodů Obr. 3: Příklad stylu CCS 17

18 PHP Jelikož jsem při sestavování stránek využil i něco málo z jazyka PHP, uvedu jeho stručnou charakteristiku. PHP slouží ke snadnému programování na straně serveru a k uživateli je již odeslán běžný XHTML kód. Ovšem ne všechny servery tento skriptovací jazyk podporují a proto se musíme předem informovat o tom, co server podporuj, než na něj stránky umístíme. PHP nám udělá z našich statický stránek dynamické, dále umí získávat data z odeslaný formulářů, dynamicky generovat obsah stránek, spolupracovat s databázemi, atd. Obr. 4: Ukázka PHP kódu 18

19 Charakteristika použitých nástrojů: Adobe photoshop Kvalitní a profesionální grafický editor vhodný pro laiky i odborníky na práci s grafikou. Adobe Photoshop je ideální program pro tvorbu webové grafiky, neboť dokáže pracovat s obrázkem a exportovat ho do HTML. Obsahuje velké množství funkcí například práci s fotografiemi, filtry pro speciální, efekty, korekci barev řezy obrázků, atd [8.] Mozilla Firefox Mozilla Firefox je velmi jednoduchý a oblíbený prohlížeč. Umožňuje prohlížení více stránek v jednom okně, blokování vyskakujících oken, lišty nástrojů si můžete přizpůsobit dle svých představ, prohlížeč také obsahuje mnoho dalších nastavitelných vzhledů. Výborně řešený je i integrovaný download manažer, který stahuje vše na pozadí a vám je přístupný seznam probíhajících i minulých stahování.[9.] Pspad Velmi užitečný textový editor, který je určený hlavně pro prácí s programovacími jazyky. Neobsahuje velkou řadu funkcí, ale je soustředěn spíše na jednoduchost, rychlost a přehlednost. Program podporuje přes více než 30 prostředí (PHP, HTML, XML, ASP, SQL,..), ve kterých značně ulehčuje práci. Instalace programu je také velmi snadná, stačí si ho jen zkopírovat na disk. [9.] 19

20 Topstyle Program určený pro tvorbu CCS. Pomáhá k tvorbě takového kódu, aby se správně zobrazoval ve všech předefinovaných prohlížečích. V uživatelském rozhraní se snadno zorientujete, jelikož je velmi podobné ostatním editorům pro tvorbu www stránek. [9.] 20

21 3.6 Použitý postup při tvorbě stránek oddělení atletiky Při tvorbě jsem stál před důležitou otázkou, zda tvořit internetové stránky úplně od začátku anebo využít již existující návrh internetových stránek. Bylo potřebné zvážit veškerá pro a proti u obou dvou variant. Mezi klady tvorby vlastních internetových stránek od základu rozhodně patří možnost tvorby internetových stránek přesně dle mých požadavků, chuti a grafiky. Na druhou stranu, dle mého názoru, tato varianta je vhodná pouze pro člověka, který má již s tvorbou internetových stránek rozsáhlé zkušenosti a dokáže jeho od základu napsané internetové stránky optimalizovat a zefektivnit. Navrhnout a vytvořit jednoduché stránky není nic těžkého, potíž ovšem nastává v okamžiku, kdy chceme vytvořit intuitivní, rozsáhlejší a složitější internetové stránky s množstvím přehledně setříděných informaci. Člověk pak musí řešit potíže s kompatibilitou mezi jednotlivými prohlížeči ( Mozilla Firefox, Netscape, Internet Explorer, Safari a mnoho dalších). Tvorba takovýchto rozsáhlejších a svým způsobem i rozmanitějších internetových stránek už vyžaduje zkušenosti a rozsáhlé znalosti problematiky optimalizace a podpory jednotlivých již zmíněných prohlížečů. Proto jsem se rozhodl využit již stávajícího open source návrhu s úpravou dle mých požadavků. Samozřejmě bylo potřeba tento již vytvořený návrh značně upravit, protože původní návrh počítal pouze s pár stránkami informaci. Bylo nutné vymyslet rozsah a strukturu internetových stránek oddělení atletiky. Původně jsem také počítal s implementaci jednoduchého administračního rozhraní, které by usnadňovalo přidáváni a editaci textu. Po promyšlení jsem bohužel od tohoto návrhu musel odstoupit z důvodů nedostatečného programového vybavení na hostingu, kde budou umístěny tyto stránky. Rozhodně ale počítám se k tomuto "problému" v průběhu několika málo měsíců dále vrátit a snažit se o implementaci. Samotná úprava internetových stránek oddělení atletiky spočívala ve vytvoření logické struktury tak, aby veškeré odkazy na vnořené stránky dávaly smysl, dále vytvoření jednotlivých tlačítek v postranním menu, úpravou textu, vytvoření grafiky a další drobné věci. Byla také nutná úprava stávajícího souboru s kaskádovými styly css tak, aby vyhovovaly mým potřebám. 21

22 Myslel jsem také na to, zda někdy v budoucnu bude potřeba stávající stránky upravit. Proto jsem internetové stránky rozdělil podle sekci (hlavička, menu, tělo, patička) na hlavičkové souboru *.inc a pomocí skriptovacího jazyka PHP jednotlivé hlavičkové soubory spojuji. Tato struktura není nutná pro jednoduché internetové stránky které obsahuji 2-3 vnořené stránky. Pro rozsáhlejší internetové stránky, které jsem dostal za úkol vytvořit je tato struktura již více než vhodná, řekl bych možná ze i nutná. Vysvětlení je jednoduché. Neměnný obsah internetových stránek je umístěn pouze v jednom souboru (např. menu.inc) a díky tomu není nutné při případné editaci měnit x stránek, ale stačí editovat pouze tento jeden soubor. Například,, pokud se rozhodneme, že chceme vytvořit/smazat v menu navíc jedno tlačítko. U standardních internetových stránek tvořených pouze čistými *.html stránkami by bylo nutné editovat každý jednotlivý *.html soubor a přidávat/mazat požadované tlačítko v každém jednotlivém *.html souboru. Což v případě rozsáhlejších internetových stránek může činit až několik desítek *.html souboru. V našem případě, je nutné při přidáni/smazáni tlačítka v menu editovat pouze jeden soubor (menu.inc). Tato změna se projeví ve všech stránkách, které využívají tento hlavičkový soubor. Je to velmi šikovné a hlavně tento způsob přináší velké zpřehlednění do struktury internetových stránek. Struktura, kterou jsem pomocí skriptovacího jazyka PHP vytvořil je velmi jednoduchá. Uvedu příklady některých stránek. aktuality.php <?php require ('hlavicka.inc');?> <?php require ('menu.inc');?> <?php require ('m_aktuality.inc');?> <?php require ('zpravicky.inc');?> <?php require ('paticka.inc');?> studium.php <?php require ('hlavicka.inc');?> 22

23 <?php require ('menu.inc');?> <?php require ('m_studium.inc');?> <?php require ('zpravicky.inc');?> <?php require ('paticka.inc');?> Jak je patrné z uvedených příkladů, jednotlivé stránky se liší pouze v obsahu třetího řádku. Tento třetí řádek obsahuje odkaz na hlavičkový soubor, v kterém je umístěný obsah každé stránky. 23

24 3.7 Návod pro manipulaci se stránkami Návod by měl sloužit k tomu, aby se stránkami dokázal pracovat i člověk, který se nepodílel na jejich tvorbě. Rozhodl jsem se tento postup znázornit grafickou formou pro lepší přehlednost. Příklad ukazuje jak upravit jednotlivé soubory na našich stránkách. Na prvním obrázku vidíme příklad výsledku po úpravě a na druhém snímku je zobrazeno, jak se potřebné úpravy provádějí, například vkládání textu, obrázku, atd. Obr. 5: Výsledek po úpravě 24

25 Obr. 6: Příklad vkládání objektů 25

26 4. Shrnutí Bakalářskou prací chci seznámit čtenáře se základními prvky internetu a jednoduchou tvorbou www stránek. Zaměřuji se zde především na to, jak by měli být jednoduché www stránky řešeny. Důraz je kladen na jednoduchost, přehlednost a pěkný grafický vzhled. V neposlední řadě práce obsahuje postup jak se stránkami pracovat, měnit je a vkládat do nich vlastní texty a obrázky. Jsou zde popsány všechny potřebné prostředky, takže se touto prací může inspirovat každý, kdo by si chtěl podobné stránky vytvořit. Vytvořené stránky by měli fungovat jako oficiální stránky oddělení atletiky a tak sloužit pedagogům k zveřejňování svých vědeckých prací, produktů, grantů. Studentům by měli umožňovat pohodlnější získávání informací, materiálů, kontaktů, atd. Stránky se nacházejí na adrese 4. Summary In my bachelor's study, I would like to introduce the kind reader to the basics of creating simple web pages. I focus primarily on the solution of such pages, with the emphasis on simplicity, transparency and nice graphical design. Last, but not least my work includes tutorial how to create web pages, how to insert own texts and pictures. There are number of resources described within, so anyone could make simple web pages. The pages should act as an official web of athletics department and as such, serve teachers and students alike. Teachers should be able to publish results of their scientific work, products, or grants, while students should benefit from ability to easily find relevant information, materials, contacts, etc. The web pages are located at 26

27 5. Použitá literatura 1. BROŽA, P., Tvorba www stránek pro úplné začátečníky, Brno: Computer Press, STAUFFER, Todd., Tvorba webových stránek, [z anglického originálu přložil Libor Jelínek]. Praha: Softpress, MILDA, M. HTML pro začátečníky, České Budějovice: Kopp, VORÁČEK, K., FrontPage 2002 tvorba dokonalých www stránek, Praha: Grada publishing, SCHMULLER, J., AcitveX Tvorba dokonalých WWW stránek Kompletní průvodce, Praha: Grada publishing,

Š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

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

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

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita Aktivní webové stránky Úvod: - statické webové stránky: pevně vytvořený kód HTML uložený na serveru, ke kterému se přistupuje obvykle pomocí protokolu HTTP (HTTPS - zabezpečený). Je možno používat i různé

Více

Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku

Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250

Více

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KLÍČOVÉ POJMY Internet World Wide Web FTP, fulltext e-mail, IP adresa webový prohlížeč a vyhledávač CÍLE KAPITOLY Pochopit, co je Internet

Více

DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě

DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné

Více

Webové stránky. 1. Publikování na internetu. Datum vytvoření: 4. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 1. Publikování na internetu. Datum vytvoření: 4. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 1. Publikování na internetu Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 4. 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

(X)HTML a CSS. VOŠ a SŠT Česká Třebová

(X)HTML a CSS. VOŠ a SŠT Česká Třebová (X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová STRUKTURA WEBU Webová prezentace (anglicky website) je několik webových stránek provázaných hypertextovými odkazy. Tomu, které stránky web obsahuje

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

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

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

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace Obsah HLEDEJCENY.mobi Mezi Vodami 1952/9 e-mail: info@hledejceny.cz HLEDEJCENY.mobi... 1 Mobilní verze e-shopu... 1 Důvody instalace... 1 Výhody... 2 Co je k mobilní verzi potřeba... 2 Objednávka služby...

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

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Web Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém

Více

Registrační číslo projektu: Škola adresa:

Registrační číslo projektu: Škola adresa: 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

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

DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída:

DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída: DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP Maturitní projekt Vypracoval: Denis Ptáček Třída: 4B Rok: 2014/2015 Obsah 1. Použité nástroje... 3 1.1 NetBeans

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

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především

Více

Kapitola 1 První kroky v tvorbě miniaplikací 11

Kapitola 1 První kroky v tvorbě miniaplikací 11 Obsah Úvodem 9 Komu je kniha určena 9 Kapitola 1 První kroky v tvorbě miniaplikací 11 Co je to Postranní panel systému Windows a jak funguje 12 Co je potřeba vědět před programováním miniaplikací 16 Vaše

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

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT

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

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

Internet 2 css, skriptování, dynamické prvky

Internet 2 css, skriptování, dynamické prvky Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní

Více

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací Školení Wordpress Nainstalované pluginy: WPML Multilingual CMS Adminize Capability Manager Contact Form 7 Wordpress Download Monitor Google Analytics for WordPress Simple Google Sitemap XML Seznámení s

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

Ukázka knihy z internetového knihkupectví www.kosmas.cz Ukázka knihy z internetového knihkupectví www.kosmas.cz k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 8 2 1 U k á z k a k n i h y

Více

Redakční systém Joomla. Prokop Zelený

Redakční systém Joomla. Prokop Zelený Redakční systém Joomla Prokop Zelený 1 Co jsou to red. systémy? Redakční systémy (anglicky Content Management System - CMS) jsou webové aplikace používané pro snadnou správu obsahu stránek. Hlavním cílem

Více

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý Uživatelský manuál Aplikace GraphViewer Vytvořil: Viktor Dlouhý Obsah 1. Obecně... 3 2. Co aplikace umí... 3 3. Struktura aplikace... 4 4. Mobilní verze aplikace... 5 5. Vytvoření projektu... 6 6. Části

Více

Uspořádání klient-server. Standardy pro Web

Uspořádání klient-server. Standardy pro Web Návrh a tvorba WWW stránek 1/11 Uspořádání klient-server klient na straně uživatele (browser, prohlížeč) server program obsluhující požadavky uživatele Standardy pro Web HTTP Hypertext Transfer Protocol

Více

Malý průvodce Internetem

Malý průvodce Internetem Malý průvodce Internetem Úvod Toto povídání by mělo sloužit jako užitečný zdroj informací pro ty, co o Internetu zatím mnoho neví nebo o něm jen slyšeli a neví, co si pod tím slovem představit. Klade si

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,

Více

Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky

Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Fungování internetu je celosvětový systém navzájem propojených počítačových sítí ve kterých

Více

Internet 1. ÚVOD. Příklad stránky WWW v prostředí Internet Exploreru vidíte na obr.:

Internet 1. ÚVOD. Příklad stránky WWW v prostředí Internet Exploreru vidíte na obr.: Internet 1. ÚVOD Windows XP integrují internetový prohlížeč Internet Explorer, využívají jeho některé vlastnosti zejména při zobrazování informací. Pokud jste na síť připojeni, můžete s ním pracovat 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

Obsahy kurzů MS Office

Obsahy kurzů MS Office Obsahy kurzů MS Office V současné době probíhají kurzy MS Office 2010 s následující osnovou: 1. Základy práce na PC, MS Office - praktické užití Kurz je určen pro všechny, kteří mají s prací na PC minimální

Více

1.2 Operační systémy, aplikace

1.2 Operační systémy, aplikace Informační a komunikační technologie 1.2 Operační systémy, aplikace Studijní obor: Sociální činnost Ročník: 1 Programy (Software - SW) V informatice se takto označují všechny samospustitelné soubory které

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

Programy pro psaní textů. textové editory, textové procesory

Programy pro psaní textů. textové editory, textové procesory Programy pro psaní textů textové editory, textové procesory Terminologie Pojmy textový editor a textový procesor se často nerozlišují, proto nejdříve trocha teorie. Textový editor: program, který používáme

Více

Olga Rudikova 2. ročník APIN

Olga Rudikova 2. ročník APIN Olga Rudikova 2. ročník APIN Redakční (publikační) systém neboli CMS - content management system (systém pro správu obsahu) je software zajišťující správu dokumentů, nejčastěji webového obsahu. (webová

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

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

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-214. Internetový prohlížeč

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-214. Internetový prohlížeč Čí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

1.13 ACCESS popis programu

1.13 ACCESS popis programu Název školy Číslo projektu Autor Název šablony Název DUMu Tematická oblast Předmět Druh učebního materiálu Anotace Vybavení, pomůcky Střední průmyslová škola strojnická Vsetín CZ.1.07/1.5.00/34.0483 Ing.

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

Maturitní projekt do IVT Pavel Doleček

Maturitní projekt do IVT Pavel Doleček Maturitní projekt do IVT Pavel Doleček CO FILMBOOK JE Filmbook je uzavřená webová aplikace pro celkovou správu informací a dat souvisejících se sledováním filmů. Primárně je zaměřen na uchovávání a spravování

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

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

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice INOVACE PŘEDMĚTŮ ICT MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Zpracoval: Jaroslav Kotlán srpen 2009s Úvod Modul Programování

Více

CMSSS manuál k použití http://www.mezulanik.cz

CMSSS manuál k použití http://www.mezulanik.cz CMSSS manuál k použití http://www.mezulanik.cz CMSSS je redakční systém napsaný v jazycích PHP a MySQL. Vše je navrženo tak, aby weby postavené na tomto systému mohli spravovat i nezkušení uživatelé. Největší

Více

12. Virtuální sítě (VLAN) VLAN. Počítačové sítě I. 1 (7) KST/IPS1. Studijní cíl. Základní seznámení se sítěmi VLAN. Doba nutná k nastudování

12. Virtuální sítě (VLAN) VLAN. Počítačové sítě I. 1 (7) KST/IPS1. Studijní cíl. Základní seznámení se sítěmi VLAN. Doba nutná k nastudování 12. Virtuální sítě (VLAN) Studijní cíl Základní seznámení se sítěmi VLAN. Doba nutná k nastudování 1 hodina VLAN Virtuální síť bývá definována jako logický segment LAN, který spojuje koncové uzly, které

Více

Název: On-line tvorba webu Anotace:

Název: On-line tvorba 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

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

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

Produkční plán. Tvorba internetových stránek

Produkční plán. Tvorba internetových stránek Produkční plán Tvorba internetových stránek Marek Žáček - Zac0057 Systémové inženýrství a informatika Ostrava 2014 Obsah OBSAH 1 ÚVOD 2 NÁZEV WEBU 3 ZÁMĚR A CÍLE 3 CÍLOVÉ PUBLIKUM 3 VZOR NÁVŠTĚVNOSTI 3

Více

Informační systém pro e-learning manuál

Informační systém pro e-learning manuál Informační systém pro e-learning manuál Verze 1.00 Úvod Tento dokument popisuje způsob práce s informačním systémem pro elektronické vzdělávání. Systém je určený pro vytvoření elektronického kurzu a jeho

Více

Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl

Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl Internet celosvětová síť spojení jednotlivých síťí pomocí uzlů (síť

Více

Tvorba internetových aplikací s využitím framework jquery

Tvorba internetových aplikací s využitím framework jquery Tvorba internetových aplikací s využitím framework jquery Autor Michal Oktábec Vedoucí práce PaedDr. Petr Pexa Školní rok: 2009-10 Abstrakt Tato práce se zabývá využití frameworku jquery pro vytváření

Více

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)

Více

Na vod k nastavenı e-mailu

Na vod k nastavenı e-mailu Na vod k nastavenı e-mailu 1. Návod k nastavení e-mailových schránek na serveru stribrny.net. Do e-mailových schránek lze přistupovat přes webové rozhraní Webmail nebo přes poštovního klienta. Návod popisuje

Více

Nahrání webu na internet

Nahrání webu na internet Nahrání webu na internet Meta tagy Podstránky webu máme hotové, ale v jejich hlavičkách nám chybí poslední věc. Až bude web online, všimnou si ho internetové vyhledávače a jeho podstránky si tzv. zaindexují.

Více

VÝUKOVÝ MATERIÁL. Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 Číslo projektu

VÝUKOVÝ MATERIÁL. Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632 Číslo projektu VÝUKOVÝ MATERIÁL Identifikační údaje školy Vyšší odborná škola a Střední škola, Varnsdorf, příspěvková organizace Bratislavská 2166, 407 47 Varnsdorf, IČO: 18383874 www.vosassvdf.cz, tel. +420412372632

Více

Jak vyhledávat. Vyhledávače KAPITOLA 3

Jak vyhledávat. Vyhledávače KAPITOLA 3 KAPITOLA 3 Jak vyhledávat Už víme, jak zacházet s programem Microsoft Internet Explorer, a můžeme se pustit do surfování. Ostatně, stejně jsme to při seznamování s funkcemi programu chtíce nechtíce dělali.

Více

MS Word 2007 Šablony programu MS Word

MS Word 2007 Šablony programu MS Word MS Word 2007 Šablony programu MS Word Obsah kapitoly V této kapitole se seznámíme s: Možností využití šablon při vytváření nových dokumentů Vytvářením vlastních šablon Studijní cíle Po absolvování této

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

WR Reality. Web Revolution. Uživatelský manuál administračního rozhraní

WR Reality. Web Revolution. Uživatelský manuál administračního rozhraní WR Reality Web Revolution Uživatelský manuál administračního rozhraní Web Revolution s. r. o. 2010 WR Reality Administrace uživatelský manuál Praktický průvodce administrací webové aplikace WR Reality

Více

SRSW4IT Inventarizační SW. Prezentace aplikace. Vedoucí DP: ing. Lukáš Macura Autor: Bc. Petr Mrůzek

SRSW4IT Inventarizační SW. Prezentace aplikace. Vedoucí DP: ing. Lukáš Macura Autor: Bc. Petr Mrůzek Prezentace aplikace Vedoucí DP: ing. Lukáš Macura Autor: Bc. Petr Mrůzek Osnova Úvod Programovací jazyk - PHP Etapy vývoje Funkce aplikace Co SW umí Na čem se pracuje Vize do budoucna Úvod Úvod Inspirováno

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

EndNote Web. Stručné informace THOMSON SCIENTIFIC

EndNote Web. Stručné informace THOMSON SCIENTIFIC THOMSON SCIENTIFIC EndNote Web Stručné informace Web je webový nástroj navržený tak, aby poskytoval studentům a výzkumníkům pomoc při psaní výzkumných prací. Databáze ISI Web of Knowledge a nástroje EndNote

Více

DoplněkCite While You Write pro aplikaci Microsoft Word

DoplněkCite While You Write pro aplikaci Microsoft Word DoplněkCite While You Write pro aplikaci Microsoft Word Díky doplňku Cite While You Write pro nástroj EndNote Web máte možnost reference a formátované citace či bibliografie při psaní vaší práce v aplikaci

Více

PRODUKTY. Tovek Tools

PRODUKTY. Tovek Tools jsou desktopovou aplikací určenou k vyhledávání informací, tvorbě různých typů analýz a vytváření přehledů a rešerší. Jsou vhodné pro práci i s velkým objemem textových dat z různorodých informačních zdrojů.

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

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

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

================================================================================ ===== 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

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

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

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

MS PowerPoint 2003. Začínáme pracovat s prezentací. Prostředí MS PowerPoint

MS PowerPoint 2003. Začínáme pracovat s prezentací. Prostředí MS PowerPoint MS PowerPoint 2003 Prostředí MS PowerPoint Práce s aplikací PowerPoint je co do navigace podobná práci v textovém editoru nabídky / menu jsou totožně řazeny jako např. u Word a obsahují obdobné možnosti.

Více

Prezentace navrhované struktury internetových stránek

Prezentace navrhované struktury internetových stránek Prezentace navrhované struktury internetových stránek Petr SUNEGA petr.sunega@soc.cas.cz Telefon: 221 183 225 http://seb.soc.cas.cz Oddělení ekonomické sociologie, tým socioekonomie bydlení Cíle prezentace

Více

Uživatelská příručka

Uživatelská příručka Uživatelská příručka 1 Obsah 1 Obsah... 2 2 Uživatelská příručka... 3 2.1 Správce aplikace... 3 Menu správce aplikace... 4 Správa uživatelských účtů... 4 2.2 Ředitel turnaje... 4 Menu ředitele turnaje...

Více

7. Enterprise Search Pokročilé funkce vyhledávání v rámci firemních datových zdrojů

7. Enterprise Search Pokročilé funkce vyhledávání v rámci firemních datových zdrojů 7. Enterprise Search Pokročilé funkce vyhledávání v rámci firemních datových zdrojů Verze dokumentu: 1.0 Autor: Jan Lávička, Microsoft Časová náročnost: 30 40 minut 1 Cvičení 1: Vyhledávání informací v

Více

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Obsah Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Kapitola 1 Než se pustíme do práce 15 Internet, web, WWW co to vlastně je? 15 Jak se tvoří internetové stránky 16

Více

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT

Více

Na vybraném serveru vytvoříme MySQL databázi. Soubory scratch.jpa, kickstart.php a en-gb.kickstart.ini nahrajeme na vybraný server.

Na vybraném serveru vytvoříme MySQL databázi. Soubory scratch.jpa, kickstart.php a en-gb.kickstart.ini nahrajeme na vybraný server. 1 Práce se systémem Tento dokument popíše způsob instalace a základy práce se systémem Joomla!, ve kterém je učebnice jazyka Scratch vytvořena. Podrobný návod k systému Joomla! je popsán v dokumentaci

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

Ukázka knihy z internetového knihkupectví www.kosmas.cz Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 5 8 4 U k á z k a k n i h

Více

Základní práce v souborovém manažeru

Základní práce v souborovém manažeru Základní práce v souborovém manažeru 18-20-M/01 Informační technologie Základní pojmy a prostředky pro programování webových stránek Zvládnutí nástrojů typických pro programování webových aplikací Základní

Více

Richtext editory. Filip Dvořák

Richtext editory. Filip Dvořák Richtext editory Filip Dvořák Průběh referátu Popis problému Přehled přístupů k řešení Od jednoduššího ke složitějšímu Zajímavé implementace FCKEditor Výhody, integrace, aktualizace, bezpečnost Zdroje

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

M4 PDF rozšíření. Modul pro PrestaShop. http://www.presta-addons.com

M4 PDF rozšíření. Modul pro PrestaShop. http://www.presta-addons.com M4 PDF rozšíření Modul pro PrestaShop http://www.presta-addons.com Obsah Úvod... 2 Vlastnosti... 2 Jak modul funguje... 2 Zdroje dat... 3 Šablony... 4 A. Označení šablon... 4 B. Funkce Smarty... 5 C. Definice

Více

Uživatel počítačové sítě

Uživatel počítačové sítě Uživatel počítačové sítě Intenzivní kurz CBA Daniel Klimeš, Ivo Šnábl Program kurzu Úterý 8.3.2005 15.00 18.00 Teoretická část Středa 9.3.2005 15.00 19.00 Praktická práce s počítačem Úterý 15.3.2005 15.00

Více

Manuál k systému RS4S. verze 1.2

Manuál k systému RS4S. verze 1.2 Manuál k systému RS4S verze 1.2 1. Úvod Redakční systém RS4S slouží ke správě vaších webových stránek, bez nutnosti znalosti jakéhokoliv programovacího jazyku. Sami můžete provádět změny v dokumentech,

Více

SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE

SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE Středoškolská technika 2011 Setkání a prezentace prací středoškolských studentů na ČVUT SEO OPTIMALIZACE PRO VYHLEDÁVAČE JEDNODUŠE Adama Kořenek Úvod Střední průmyslová škola elektrotechnická V Úžlabině

Více

Systém JSR představuje kompletní řešení pro webové stránky malého a středního rozsahu.

Systém JSR představuje kompletní řešení pro webové stránky malého a středního rozsahu. Redakční systém JSR Systém pro správu obsahu webových stránek Řešení pro soukromé i firemní webové stránky Systém JSR představuje kompletní řešení pro webové stránky malého a středního rozsahu. Je plně

Více

X10 Uživatelský manuál na webové rozhraní (ver0.9)

X10 Uživatelský manuál na webové rozhraní (ver0.9) X10 Uživatelský manuál na webové rozhraní (ver0.9) UPOZORNĚNÍ: Prosím přesvěčte se, že k použití webového rozhraní máte na Vašem X10 nainstalovaný upgrade R1644 nebo vyšší. 1. Jak provést nastavení k možnosti

Více

VY_32_INOVACE_INF3_18. Textové formáty PDF, TXT, RTF, HTML, ODT

VY_32_INOVACE_INF3_18. Textové formáty PDF, TXT, RTF, HTML, ODT VY_32_INOVACE_INF3_18 Textové formáty PDF, TXT, RTF, HTML, ODT Standardem pro textové soubory jsou následující formáty: Rich Text Format (.rtf), Hypertext Markup Language (.html,.htm) Portable Document

Více

aneb velice zjednodušené vysvětlení základních funkcí a možností systému Vypracoval: Tomáš Dluhoš E-mail: tomas.d@centrum.cz

aneb velice zjednodušené vysvětlení základních funkcí a možností systému Vypracoval: Tomáš Dluhoš E-mail: tomas.d@centrum.cz aneb velice zjednodušené vysvětlení základních funkcí a možností systému Vypracoval: Tomáš Dluhoš E-mail: tomas.d@centrum.cz Operační systém Windows - první operační systém Windows byl představen v roce

Více