Pokročilá tvorba webu

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

Download "Pokročilá tvorba webu"

Transkript

1 Rozšíření výuky informačních technologií na Gymnáziu Pacov Reg. číslo: CZ.1.07/1.1.01/ Pokročilá tvorba webu Výukový materiál Bc. Patrik Jíra Tento projekt je spolufinancován z Evropského sociálního fondu a státního rozpočtu České republiky.

2 Obsah 1 Úvod 1 2 Tvorba statických prezentací Základní pojmy Historie a budoucnost webu Server, doména, webhosting a další základní pojmy Registrace domény Registrace webhostingu Webové CMS XML Syntaxe XML Jmenné prostory HTML, XHTML Historie HTML Koncepce jazyka Struktura dokumentu Druhy značek Zpracování v prohlížečích Editace HTML Cascading Style Sheets CSS Základní charakteristika jazyka Historie Výhody Nevýhody Selektory a pravidla Javascript Základní charakteristika jazyka Historie Webové aplikace Historie Rozhraní Technické aspekty Struktura Programování webových aplikací

3 4 Architektura a marketing internetových projektů SEO - optimalizace pro vyhledávače Co je to SEO Hodnocení stránek vyhledávači Metody SEO Etické a neetické metody SEM - Search engine marketing Co je to SEM Použitelnost Co je použitelnost webových stránek? Výhody dobře použitelného webu Jak se použitelnost ověřuje? Přístupnost Argumenty pro přístupnost Jak udělat web přístupný Informační architektura Role informační architektury na webu Rich Internet Application Úvod do RIA Co je to RIA Historie Současnost Technologie Asynchronní JavaScript a XML (AJAX) Flash Laszlo Flex Windows Presentation Foundation Adobe Apollo

4 1 Úvod Protože dnešní svět je víceméně postavený na informacích, je schopnost prezentace záměru základní podmínkou pro jeho úspěch. Její konkrétní podoba, ať už se bavíme o prezentaci osoby, podnikání, či obecných informací, záleží na finančních možnostech, marketingovém plánu i osobním přístupu marketéra. Nabízet něco světu lze přece mnoha kanály, vyjmenujme tedy například internet, televizní vysílání, tisk. Informační technologie pokročily za posledních cca 15 let tak daleko, že prezentace formou jednoduchých internetových stránek na jedné straně a komplexním portálem na straně druhé, je dnes zdaleka nejlevnější a nejefektivnější cestou pro zviditelnění jakéhokoliv záměru. Pro čtenáře tohoto materiálu může být pak větší konkurenceschopnost díky znalosti internetových technologií a technik klíčová na trhu práce, v akademickém světě, či v životě osobním. Tento materiál si klade za cíl poskytnout stručný přehled běžně používaných technologií tvorby webu, čtenáře uvést do jejich základů a alespoň částečnou formou příkladů či citací podrobnějších zdrojů ukázat také technologie ve spojení s praxí. Webdesign je poměrně obecným pojmem a i v rámci IT rozsáhlým a velice rychle se vyvíjejícím oborem, proto je nutno tento materiál chápat jako široký úvod do komplexní problematiky a jako návod pro další studium spíše než jako všepokrývající skriptum. Materiál je členěn do několika tematických sekcí, každá rozebírá technologie a techniky odlišné a zdánlivě spolu nesouvisející, ovšem v celkovém kontextu tvorby webu jako nadřazeného tématu lze říci, že je nutno mít minimálně slušný pojem o všech rozebíraných tématech. 1

5 2 Tvorba statických prezentací 2.1 Základní pojmy www Historie a budoucnost webu Hypertext, značkovací jazyk V historii vědeckých poznatků a vynálezů by bylo zřejmě možné dohledat více různých myšlenek, které svojí podstatou či některým rysem připomínají dnešní internet coby celosvětové informační médium. Za první dnešnímu webu již blíže podobnou vizi je často označována povídka Murraye Lenistera: A Logic Named Joe z roku V ní se hovoří o navzájem propojených počítačových terminálech, dostupných v každé domácnosti. Základní idea hypertextu pak může být nalezena například v díle Vannevara Bushe: As we may think, kde zařízení zvané Memex slouží k vytváření vazeb mezi dokumenty. Projekt Xanadu Teda Nelsona pak v roce 1965 přináší i pokus o softwarovou implementaci hypertextu. Bohužel nebyl textový editor Xanadu nikdy dokončen. O 4 roky později pak zaměstnanci IBM stvořili GML, který můžeme bez obav označit za příbuzného HTML. Example 1: Generalized Markup Language - Zobecněný značkovací jazyk :book. :body. :h1.toto je nadpis první úrovně :p.toto je odstavec :ol. :li.první položka číslovaného seznamu :li.druhá položka :li.třetí položka :ul. :li.položka vnořeného seznamu :li.další položka :eul. :eol. :p.další odstavec Internet Formálním základem pro tuto síť globálních rozměrů (dnes) byl bezesporu protokol TCP/IP navržený Vintem Cerfem v roce Síť ministerstva obrany USA, zvaná ARPANET, vznikla už v roce 1962 a na Vintův protokol přešla v roce O rok později se od ARPANETu odtrhla vojenská část a zbytek (stále financovaný vládou) zůstal dostupný univerzitám pro výzkumné účely. Během osmdesátých let 2

6 se začaly výzkumů účastnit i velké firmy (např. Hewlett-Packard). A dále koncem osmdesátých let se ministerstvo obrany rozhodlo ARPANET vypnout, jelikož už prý nebyl potřeba. Národní vědecká nadace (rovněž financovaná z vládních zdrojů) mezitím zprovoznila vlastní páteřní síť NSFNET, ta po zrušení ARPANETu převzala jeho úlohu. Během několika let se k NSFNETu připojila spousta menších i velkých sítí - a tak vznikl Internet. Za zmínku jistě stojí ještě datum 30. dubna 1995, kdy byla páteřní síť NSFNETu zprivatizována. Už ty nejstarší podoby ARPANETu uměly skladovat soubory na FTP serverech či odesílat y. Dávno před vznikem webu existovaly i DNS servery a další technologie globálně proslavené až v devadesátých letech. Vývoj webu V roce 1980 Tim Berners Lee, v té době nezávislý vývojář pracující pro European Organization for Nuclear Research (CERN), vyvíjí Enquire, software pro ukládání a provazování dat. Od roku 1984 Tim pracuje znovu v Cernu na způsobu efektivního sdílení (vědeckých) informací. V roce 1989 publikuje článek o svém systému a na konci roku 1990 má pohromadě všechno, od čeho se odpíchl dnešní internet: HyperText Transfer Protocol (HTTP) 0.9, the HyperText Markup Language (HTML), první webový prohlížeč WorldWideWeb, první webový server a také webové stránky, popisující samotný projekt. Růst webu První krůčky internetu realizovaly zejména vědecké organizace, které jej používaly pro sdílení svých informací. Další události lze charakterizovat výčtem příchozích (a často také zase odchozích) technologií: Gopher coby konkurenční protokol pro HTTP, umožňoval zobrazovat odkazy vedoucí ze stránky přímo jako hypertextová menu, data pak přípomínala souborový systém spíše než hromadu HTML souborů. ViolaWWW, Erwise jako první grafické prohlížeče webu běžící pod X-windows rozhraním Unixu. Mosaic jako velmi rychle se rozšiřující grafický prohlížeč zejména díky slušné podpoře multimédií a rychlé reakci autora na bug a new-features reporty uživatelů (to je dnes naprostá samozřejmost pro každou společnost či vývojáře tvořící či nabízející software byť jen zdarma). V roce 1994 pak byla svolána první čistě WWW konference v Cernu a použití webových technologií bylo zproštěno veškerých možných poplatků - v reakci na zpoplatnění jedné z implementací protokolu Gopher. V tom samém roce Tim Berners Lee zakládá W3C - World Wide Web Consortium, které si klade za cíl sdružovat 3

7 rozličné organizace pracující na vývoji webových technologií. W3C se zavazuje, že veškeré standardy, které vyvine, bude možno používat zdarma. Za další dva roky dochází k zřejmé komercializaci webu - uživatelé pochopili, že obousměrná komunikace v rámci celého světa umožní snadno nabízet služby a produkty ohromnému množství potencíálních zákazníků. Roste počet internetových obchodů. Období mezi roky lze označit za dotcom bublinu, kdy se do internetového obchodu bezhlavě vrhá velké množství společností. Po splasknutí bubliny se spousta z nich z internetového obchodu stahuje, ne každá je totiž schopna najít dostatečně funkční obchodní model. Budoucnost webu V tomto okamžiku (rok 2010) se nacházíme v obodobí, které lze označit jako éru Web 2.0. Mezi hlavní znaky tohoto období jmenujme například inteligentní vyhledávací služby, sociální sítě, média dostupné plně online, efektivní výměnu dat (agregace, syndikace), mashupy (využívání více webových služeb najednou díky jejich standardizovaně popsaným a poskytnutým rozhraním). Dalším znakem změny je výměna standardního způsobu pro přístup k internetu. Tím je sice stále osobní počítač, sekundují mu ale různá další zařízení, například tzv. chytré telefony, či herní konzole. Jak už nás minulost dobře naučila, pokračování událostí nelze dost dobře odhadnout dopředu. Letmým pohledem na současné trendy si ale si ale lze udělat alespoň přibližnou představu o budoucích technologiích: Sémantický web je označení pro novou generaci webu. Život uživatele by měla usnadňovat schopnost strojů rozumět informacím, analyzovat je (pomocí umělé inteligence) a vybírat a uzpůsobovat je tak našim potřebám. Inteligentní vyhledávání, sledování informací či automatizace některých úloh zatím prováděných člověkem tak budou najednou realizovatelné. Základní stavební (teoretické modely i již prakticky použitelné technologie) kameny jsou v tento okamžik již dostupné. Ještě nějakou dobu (v řádu let, pravděpodobně) ale vezme správná přeměna dat na webu do sémantických formátů. Nicméně již existují firmy, které se na tomto procesu aktivně podílejí. Virtuální život V posledních letech, zejména v rozvinutějších asijských kulturách, dochází k opravdu silnému rozmachu existence lidí v tzv. virtuálním životě. Lidé si na život pouze hrají ve virtuálním světě, dostupném přes obrazovky monitorů. Protože dost velká masa lidí žijící v takových světech pak poskytuje možnosti pro komerční sféru - téměř v každém světě lze nalézt tunel pro převod peněz či dalších hodnot z virtuální roviny do skutečného světa. Situaci dobře ilustruje obrázek pod textem, shrnující nejznámější představitele takových virtuálních světů. K virtualizaci života ovšem dochází ve obou směrech 4

8 - prvně lidé žijí ve virtulním světě, druhak náš svět je postupně převáděn do přibližné digitální podoby pomocí technologií jako je např. Google Earth. Mobilní internet Zejména v částech Asie, v Evropě a díky telefonu iphone i v USA je internet pro velkou část obyvatel dostupný v mobilním telefonu. Aplikace využívající GPS navigace mohou nabídnout služby jako je personalizované nabídky, pokud se přiblížíte k nákupnímu centru, navigace automobilu využívající aktuálních či komunitních informací, nebo třeba organizování schůzek se svými přáteli. Ekonomika pozornosti Ekonomika pozornosti je trhem, kde uživatelé obdrží službu zdarma za to, že věnují svoji pozornost nějaké reklamě či obchodní nabídce. Může jít o nákupní servery, vyhledávání, zpravodajství, či další volně nabízené služby. Webové stránky zároveň webovými službami Díky blížícímu se trendu automatizované výměny dat je čím dál tím běžnější, že weby poskytují data nejen ve formátu HTML, ale i ve formě webových služeb, například pomocí standardního rozhraní REST, či přes dobře popsaná API, snadno využitelná pro tvorbu nejrůznějších mashupů (například server poskytující mapové podklady + databáze restaurací). Online média Tento trend je dobře sledovatelný již několik roků. Existuje již mnoho serverů, kde je možné shlédnout či vkládat vlastní multimediální obsah. Tuto uživateli vyhledávanou službu už zaregistrovaly například i televizní společnosti a často velkou porci svého programu nabízejí i v online podobě. Mezinárodní web V několika posledních letech dochází k rozvoji internetu i na zatím nepřílíš poznamenaných kontinentech jako je Asie nebo Afrika. Aktuální údaje tvrdí, že podíl uživatelů mimo USA na anglicky mluvícím internetu rapidně roste. Proto se dá očekávat, že rozložení jazyků se brzy dost promění a angličtina nemusí zůstat jazykem internetu navždy. Personalizace S nástupem chytrých Web 2.0 aplikací přišla tzv. personalizace webu - obsah i forma sdělení je často automatizovaně i přímo uživatelem upravována. Například je možné přízpůsovit si homepage vašeho oblíbeného informačního portálu. V personalizaci je hlavním činitelem Google. Čím více informací o sobě poskytnete, tím přizpůsobenější data a služby se k vám pak dostanou. 5

9 Figure 1: Jednoduchá tabulka ukazující známé představitele virtuálních světů Server, doména, webhosting a další základní pojmy Pro lepší pochopení veškerého dalšího výkladu je nezbytně nutné přesně porozumět základním pojmům webu. Proto uvádím tento text výčtem a vysvětlením několika základních pojmů tak, aby nedošlo k následným nepřesným interpretacím, či dokonce nesprávnému vykládání významů. Internet je globální systém navzájem propojených počítačových sítí. Umožňuje miliardám uživatelů přistoupit k širokému spektru informací a služeb, mezi nimiž je možné jmenovat například www či ovou komunikaci. WWW - World Wide Web je sítí počítačů, které pomocí HTTP protokolu (či několika dalších, HTTP principiálně podobných technologií) poskytují informace ve formě tzv. webových stránek. Takové servery jsou tedy nazývány webové a klientský software, který je umožňuje stahovat do počítače a zobrazovat, se nazývá webový či internetový prohlížeč. Server je počítač, který poskytuje služby či informace dalším počítačům. V kontextu www pak mluvíme o webovém serveru, který poskytuje prohlížečům webové stránky. 6

10 Doména či doménové jméno je názvem, který jednoznačně identifikuje počítač v Internetu. Jeden počítač může obsluhovat více domén, doména ale směruje vždy na jeden počítač. Má nejméně dvě části, například v doméně seznam.cz jsou části seznam a cz. Zprava doleva jsou jednotlivé části domény méně obecné, nalevo jsou pak nejvíce konkrétní názvy, napravo naopak nejvíce obecné. První část zprava bývá nazývána jako top level domain. Prohlížeč je software, používaný k získávání a prohlížení webových stránek. URI je řetězec znaků jednoznačně identifikující dokumenty (zdroje) na internetu. URL je standardizovaný způsob pro adresování webových stránek. URL je poddruhem URI. Protokol je standardizovaný rámec (zpravidla jazyk a komunikační pravidla) pro vzájemnou komunikaci počítačů. HTTP je množina standardizovaných pravidel pro posílání textových dokumentů pomocí internetu. Na jednom konci komunikace je tzv. HTTP klient sofware, na druhém konci pak HTTP server. TCP/IP je sadou protokolů pro spojení mezi dvěma počítači na internetu. TCP zodpovídá za bezchybovou komunikaci, IP za přenos dat pomocí paketů. TCP/IP je považován za hlavní protokol internetu. WAN je počítačová síť, která pokrývá velké geografické vzdálenosti (není lokální). Nejznámějším příkladem WAN sítě je internet. LAN je počítačová síť, která spojuje počítače na malé geografické vzdálenosti (domácí či firemní síť). Webová služba je software provozovaný na webových serverech, které poskytují nějakou službu dalším počítačům, prohlížečům, či jednotlivcům, za použití standardních webových technologií (HTTP protokol) Registrace domény Internetovou doménu, coby jednoznačné jméno (identifikátor) počítače nebo počítačové sítě, je nutno si před použitím zaregistrovat. Registrace probíhá v následujících krocích: výběr volného doménového jména (k registrovaným internetovým doménám se uchovávají podrobné informace o jejich provozovatelích k tomu slouží databáze whois, ze kterých lze tyto informace volně získat) 7

11 objednání domény a platba registrátorovi či resellerovi domény (zatímco právo registrovat doménu má v ČR jen několik společností, reselleru neboli zprostředkovatelů prodeje je u nás daleko více) za registraci a vyhrazení domény po určené období pouze pro vás nasměrování domény na fyzický server, obvykle webhostingový server (úpravou DNS záznamů na správné hodnoty, nejčastěji IP adresy či doménová jména cílových serverů) Registrace webhostingu Webhosting je pronájem prostoru pro webové stránky na cizím serveru. Pronajímatel serveru bývá označován jako poskytovatel webhostingu (webového prostoru). Webhosting je pouze samotné umístění stránek na serveru poskytovatele. Aby se uživatelé internetu ke stránkám dostali, je potřeba mít zaregistrovánu doménu (viz výše)- Ceny za webhosting se pohybují od pár Kč až po několik tisíc Kč za měsíc. Existuje i bezplatná varianta, tzv. freehosting. Freehosting obvykle nezahrnuje žádné záruky ohledně funkčnosti, má omezenou technickou podporu. Hlavní nevýhodou webhostingu je to, že jeden server poskytovatele sdílí často stovky či dokonce tisíce webhostingových zákazníků. Můžete se tedy stát, že v případě poruchy či přetížení jednoho webu jsou významně ovlivněny či dokonce znefunkčněny i všechny ostatní na stejném serveru. Výhodou je naopak nízká cena zákazník webhostingu zaplatí pouze zlomek toho, kolik by ho stál provoz vlastního serveru. Registrace webhostingu probíhá v následujících krocích: výběr vhodného poskytovatele - roli hraje cena, spolehlivost, technologie (na jedné straně skriptovací jazyky např. PHP, ASP, JSP, Ruby, či přímo typ webového serveru Apache, IIS, na druhé straně databáze - např. MySQL, PostgreSQL, Firebird, atd.) objednání služby a platba poskytovateli zprovoznění projektu na hostingu - často bývá nastavení serverových technologií trochu odlišné od vývojové prostředí na vašem počítači, proto je třeba věnovat této fázi zvýšenou pozornost a dostatek času. 8

12 Figure 2: Forpsi.com - jeden z nejznámějších registrátorů domén v ČR Figure 3: Ceskyhosting.cz - jeden z nejznámějších poskytovatelů webhostingu v ČR 9

13 2.2 Webové CMS Webové CMS (dále také WCMS) je speciálním poddruhem CMS (Content Management System redakční systém umožňující správu obsahu internetové prezentace), který je implementován jako jedna webová aplikace, obsluhující velké množství prezentací, jejich správců a zejména návštěvníků. Webové CMS umožňuje správcům vytvářet a editovat obsah prezentace bez větší znalosti internetových technologií, jako je HTML, CSS, a podobně. Obsahem je míněn nejen text označkovaný pomocí HTML, ale také například multimédia (fotogalerie, videa), metadata, nebo dynamické objekty (guestbooky, diskuse, kontaktní formuláře, atd.). Administrace probíhá nejčastějí přímo ve webovém prohlížeči, některé komplexnější Webové CMS ale může vyžadovat použití vlastního tlustého klienta. Mezi obvyklé vlastnosti webových cms můžeme řadit zejména tyto: Šablonovací systém dovoluje buď použít už v systému integrované, nebo dokonce vytvořit vlastní sady HTML a CSS pravidel (šablony), pomocí kterých je možné pak vzhled celé prezentace změnit najednou Snadno editovatelný obsah je obvykle zajištěn přítomností WYSIWYG editoru pro běžného uživatele internetu není velký rozdíl v použití MS WORDu a takovéhoto editoru, ve kterém jsou změny okamžitě vidět tak, jak budou zobrazeny po publikaci i na webu Moduly, rozšíření, add-ony, pluginy, a jistě mnoho dalších termínů pro ten samý princip: základní funkčnost systému může být rozšířena pomocí (obvykle pouze v rámci placené varianty služby) balíčků nových funkcí Automatické aktualizace systému: díky nim systém dokáže reagovat na změny ve webových standardech nebo například objevené bezpečnostní díry. Oprávnění uživatelů lze často řídit na více úrovních, nejen omezit přístup uživatele do jednotlivých sekcí, podstránek, ale také například umožnit publikaci obsahu až poté, co jej další uživatel schválí Časem řízená publikace: publikace (archivace, odstranění, atd.) dokumentů v předem určený okamžik Vícejazyčnost: možnost přiřadit k obsahu i jeho jazykové mutace Syndikace obsahu je v WCMS často vyřešena například generováním datových kanálů RSS či Atom, či automatickými ovými uporozněními návštěvníkům na změny a aktualizace Mezi světově nejpoužívanější Webové CMS můžeme zařadit například Google Sites, Weebly v zahraničí, u nás pak jako nejzajímavější služby tohoto typu jmenujme Webnode či Estránky. Webnode lze považovat za velmi povedené Webové CMS, zdařile v sobě kombinuje uživatelskou příjemnost a zároveň velkou škálu funkčnosti. 10

14 Namátkou několik screenshotů z vstupu do administrace, správy prezentace, editace hlavní stránky a jedné z nadstandardních služeb - převedení webové prezentace na vlastní doménu: 11

15 Figure 4: Webnode.cz správa projektů Figure 5: Webnode.cz editace hlavní stránky 12

16 Figure 6: Webnode.cz administrace projektu 13

17 Figure 7: Webnode.cz převedení projektu na vlastní doménu 14

18 2.3 XML XML (extensible Markup Language) je: podmnožinou SGML (Standard Generalized Markup Language) jednoduchý značkovací jazyk framework umožňující definovat strukturované datové formáty nejčastější formát pro výměnu dat. Jednoduše řečeno je XML množina pravidel pro tvorbu strukturovaných dokumentů. Je nezávislé na platformě i jazyce, rozšiřitelné a snadno strojově zpracovatelné. Z těchto důvodů je velká část dat na Internetu uložena právě ve formě XML dokumentů. Pro snažší manipulaci s XML bylo vyvinuto mnoho podpůrných jazyků: XLink (adresování dokumentů), XPath (adresování částí dokumentů), XPointer (založeno na XPath, s přidanou hodnotou adresovat řetězce, uzly, rozsahy), XSLT (pro transformaci XML na jiné druhy dokumentů), XML Schema (pro definici struktury dokumentů) Syntaxe XML XML dokumenty jsou ukládány jako textové soubory. Text obsahuje značky (počáteční tagy, koncové tagy, prázdné tagy, entity, znakové reference, komentáře, CDATA sekce, DTD, procesní informace, XML deklarace, textové deklarace, mezery) a znaky. Základní termín je element, označený počátečním a koncovým tagem. Elementy obsahují další elementy. Každý element může obsahovat atributy. Elementy a atributy mají pevnou syntaxi, která je: <element_name attribute="value">content</element_name> Objekt <element name> se nazývá počáteční tag elementu element name, objekt </element name> se nazývá koncový tag elementu element name. Všechny znaky a elementy mezi počátečním a koncovým tagem jsou nazývány obsahem elementu. Obsah může být jakákoliv kombinace elementů a znaků. Atributy jsou uloženy v počátečním tagu. Example 2: Následující úryvek XML sděluje informaci, že František Kop hraje v hudební skupině JAR. Element je nazván <František_Kop Genre="Jazz"> <Instrument>Saxophone</Instrument> <Group>JAR</Group> </František_Kop> 15

19 následovník, potomek, pokud je obsažen v jiném elementu předek, pokud obsahuje nějaké elementy dítě, pokud je přímým potomkem nějakého elementu rodič, pokud má nějaké děti sourozenec jiného elementu, pokud mají oba stejného rodiče. Remark 1: Element, který je prvním elementem dokumentu, se nazývá kořenovým elementem. Kořen je jediný element, který nemá sourozence ani rodiče. Velmi důležitou vlastností XML je jeho modularita. To znamená, že konkrétní jména elementů, zanoření, jména atributy, či datové typy, mohou být specifikovány vně XML dokumentu pomocí jazyků Document Type Definition (DTD), či XML Schema. Definition 1: O dokumentu řekneme, že je well-formed 1, pokud: obsahuje právě jeden kořenový element jsou všechny tagy správně zanořeny - každý tag je zakončen na stejné úrovni jako byl započat jsou všechny tagy zakončeny (vyjímkou jsou tagy se speciální syntaxí) jsou všechny hodnoty atributů uvozeny a zakončeny uvozovkami Definition 2: O dokumentu řekneme, že je validní, pokud splňuje definici dokumentu vytvořenou pomocí DTD, nebo XML Schema Jmenné prostory Pokud se v dokumentu používá více knihoven (DTD či XML Schema specifikací), je zde určitá pravděpodobnost konfliktu mezi stejně nazvanými elementy s obdobným, či dokonce různým významem. Řešení nabízí koncept jmenných prostorů, kde každý element i atribut musí být identifikován pomocí jeho URI. Elementy a atributy jsou pak zapisováný ve speciálním formátu s prefixem a dvojtečkou. Tento prefix je jednoznačně přiřazen k URI v deklaraci jmenných prostorů na začátku dokumentu. Pokud je tedy možnost konfliktů, prefixová forma zápisu umožní rozlišit elemnty či atributy z rozdílných specifikací. Example 3: Atribut xmlns určuje jmenný prostor všech zanořených elementů/atributů (jmenné prostory pro xhtml, mathml). Atribut xmlns:xlink přiřazuje prefix xlink k URI <?xml version="1.0"> <html xmlns="http://www.w3.org/1999/xhtml" 1 Ve skutečnosti je více podmínek pro správně strukturovaný dokument, ale tyto 4 jsou nejdůležitější. 16

20 xmlns:xlink="http://www.w3.org/1999/xlink"> <head> <title>dokument, který používá tři rozdílné jmenné prostory</t </head> <body> <h1>mathml</h1> <math xmlns="http://www.w3.org/1998/math/mathml"> <mrow> <mo>(</mo> <mi>x</mi> <mo>+</mo> <mi>y</mi> <mo>)</mo> </mrow> </math> <p xlink:type="simple" xlink:href="http://www.w3.org/math">více o MathML</p> </body> </html> 2.4 HTML, XHTML HTML (HyperText Markup Language) je: značkovací (nikoliv programovací) jazyk pro hypertext aplikací SGML (Standard Generalized Markup Language). jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu Historie HTML V roce 1989 spolupracovali Tim Berners-Lee a Robert Caillau na propojeném informačním systému pro CERN, výzkumné centrum fyziky poblíž Ženevy ve Švýcarsku. V té době se pro tvorbu dokumentů obvykle používaly jazyky TeX, PostScript a také SGML. Berners-Lee si uvědomoval, že potřebují něco jednoduššího a v roce 1990 byl tedy navržen jazyk HTML a protokol pro jeho přenos v počítačové síti HTTP (HyperText Transfer Protocol přenosový protokol hypertextu). Zároveň také Tim Berners-Lee napsal první webový prohlížeč, který nazval WorldWideWeb. V dalších letech následoval rychlý rozvoj webu, takže bylo nutné pro HTML definovat standardy. Verze 0.9 Byla vydána zhruba v roce Nepodporuje grafický režim (verze, kterou vytvořil 17

21 Tim Berners-Lee). Verze 2.0 Zachycuje stav jazyka v polovině roku Standard vydala roku 1995 komunita IETF (Internet Engineering Task Force). Je to první verze, která odpovídá syntaxi SGML. Přidává k původní specifikaci interaktivní formuláře a podporu grafiky. Verze 3.2 Byla vydána 14. ledna 1997 a zachycuje stav jazyka v roce Připravovaná verze HTML 3.0 nebyla nikdy přijata jako standard, protože byla příliš složitá a žádná firma nebyla schopna naprogramovat její podporu. Standard už vydalo W3C, stejně jako následující verze. Přidává k jazyku tabulky, zarovnávání textu a stylové elementy pro ovlivňování vzhledu. Verze 4.0 Byla vydána 18. prosince Do specifikace jazyka přibyly nové prvky pro tvorbu tabulek, formulářů a nově byly standardizovány rámy (frames). Tato verze se snaží dosáhnout původního účelu prvky by měly vyznačovat význam (sémantiku) jednotlivých částí dokumentu, vzhled má být ovlivňován připojovanými styly. Některé prezentační elementy byly zavrženy. Verze 4.01 Byla vydána 24. prosince Tato verze opravuje některé chyby verze předchozí. Podle původního předpokladu se mělo jednat o poslední verzi, po které by se přešlo na XHTML. Verze 5 7. března 2007 byla založena nová pracovní skupina HTML, jejíž cílem je vývoj nové verze HTML. V květnu 2007 bylo odhlasováno, že základem nové specifikace se stanou Web Applications 1.0 a Web Forms 2.0 ze specifikace WHATWG. Jako název nové specifikace bylo odhlasováno HTML 5. Specifikace by měla být hotova v letech (odkdy ji začnou vývojáři webových aplikací používat), ukončení vývoje specifikace po vyřešení problémů a opravení všech chyb se odhaduje až na rok 2022) Koncepce jazyka HTML umožňuje tvorbu strukturovaných dokumentů, obsahuje značky pro tvorbu: sémantiky textu, tedy nadpisů, odstavců, seznamů, odkazů, citací, a dalších obrázků a multimediálních objektů interaktivních formulářů HTML dokument je tvořen HTML elementy (tagů). Ke každému dokumentu je možné připojit soubory se skripty (Javascript) či kaskádovými styly (CSS). 18

22 2.4.3 Struktura dokumentu Deklarace DTD je povinná až ve verzi 4.01, je uvedena direktivou!doc- TYPE. Kořenový element element html (značky <html> a </html>) reprezentuje celý dokument. Kořenový element je povinný, ale otevírací a ukončovací značka samotná povinná není (pokud tyto značky nebudou v těle dokumentu uvedeny, prohlížeč si je sám doplní podle kontextu). Hlavička elementu obsahuje metadata, která se vztahují k celému dokumentu. Definují např. název dokumentu, jazyk, kódování, klíčová slova, popis, použitý styl zobrazení. Hlavička je uzavřena mezi značky <head> a </head>. Element head je opět povinný, ale jeho otevírací a koncová značka povinná není, prohlížeč ji sám doplní podle kontextu. Tělo dokumentu obsahuje vlastní text dokumentu. Vymezuje se značkami <body> a </body>. Element body je povinný, ale jeho otevírací a koncová značka povinná není, prohlížeč ji sám doplní podle kontextu Druhy značek Značky lze z hlediska významu rozdělit na tři základní skupiny: Strukturální značky rozvrhují strukturu dokumentu, příkladem jsou odstavce (<p>), nadpisy (<h1>, <h2>). Dodávají dokumentu formu. Popisné (sémantické) značky popisují povahu obsahu elementu, příkladem je nadpis (<title>) nebo adresa (<address>). Současný trend je orientován právě na sémantické značky, které usnadňují automatizované zpracovávání dokumentů a vyhledávání informací v záplavě dokumentů na webu. Vyvrcholením této snahy je v současné době jazyk XML. Stylistické značky určují vzhled elementu při zobrazení, typickým příkladem je značka pro tučné písmo (<b>). Od tohoto druhu značek se postupně upouští, trendem je používání kaskádových stylů, které vzhled popisují odděleně od obsahu dokumentu. Mezi důvody pro neužívání těchto značek patří především to, že tyto značky jsou orientovány na prohlížení na obrazovce počítače, příliš se však nepočítá s používáním dokumentu jiným způsobem alternativní prohlížeče pro postižené (čtečky pro slepce), v mobilních zařízeních a podobně. Kaskádové styly umožňují definovat rozdílné zobrazení pro různá zařízení. Example 4: Příklad HTML dokumentu ve verzi 4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> 19

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

14. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce

14. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce 4. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce PHP. HyperText Markup Language Z Wikipedie, otevřené encyklopedie

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

Š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

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

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

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

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

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

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

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

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

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

APLIKACE XML PRO INTERNET

APLIKACE XML PRO INTERNET APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je

Více

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS

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

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

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

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

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

(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

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

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

Internetové publikování

Internetové publikování Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Osnova předmp» Úvod - principy fungování

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

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

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

Systém elektronického rádce v životních situacích portálu www.senorady.cz

Systém elektronického rádce v životních situacích portálu www.senorady.cz Systém elektronického rádce v životních situacích portálu www.senorady.cz Obec Senorady Miroslav Patočka 2006 Obsah: 1. Úvodní informace 1.1 Informace pro uživatele 1.1.1 Přístupnost HTML, PDA, WAP, XML

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

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

Jazyky pro popis dat

Jazyky pro popis dat Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel

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

Mgr. Vlastislav Kučera lekce č. 2

Mgr. Vlastislav Kučera lekce č. 2 Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se

Více

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

Mgr. Vlastislav Kučera přednáška č. 2 Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS

Více

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače) CSS SEO Search Engine Optimization (optimalizace pro vyhledávače) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Marek Čechák. Financováno z ESF a státního rozpočtu ČR. Název školy

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

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura

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

Úvod do informačních služeb Internetu

Úvod do informačních služeb Internetu Úvod do informačních služeb Internetu Rozdělení počítačových sítí Počítačové sítě se obecně rozdělují do základních typů podle toho, na jak velkém území spojují počítače a jaké spojovací prostředky k tomu

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

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

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

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek Co je to webová aplikace? příklady virtuální obchodní dům intranetový IS podniku vyhledávací služby aplikace jako každá jiná přístupná

Více

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template

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

Metody tvorby ontologií a sémantický web. Martin Malčík, Rostislav Miarka

Metody tvorby ontologií a sémantický web. Martin Malčík, Rostislav Miarka Metody tvorby ontologií a sémantický web Martin Malčík, Rostislav Miarka Obsah Reprezentace znalostí Ontologie a sémantický web Tvorba ontologií Hierarchie znalostí (D.R.Tobin) Data jakékoliv znakové řetězce

Více

Obsah. Rozdíly mezi systémy Joomla 1.0 a 1.5...15 Systém Joomla coby jednička online komunity...16 Shrnutí...16

Obsah. Rozdíly mezi systémy Joomla 1.0 a 1.5...15 Systém Joomla coby jednička online komunity...16 Shrnutí...16 Obsah Kapitola 1 Seznámení se systémem Joomla!................................. 9 Přehled systémů pro správu obsahu....................................................10 Použití systému pro správu obsahu.....................................................11

Více

Úvod do informatiky 5)

Úvod do informatiky 5) PŘEHLED PŘEDNÁŠKY Internet Protokol a služba Jmenná služba (DNS) URL adresa Elektronická pošta Přenos souborů (FTP) World Wide Web (WWW) Téměř zapomenuté služby 1 INTERNET 2 PROTOKOL A SLUŽBA Protokol

Více

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie

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

WWW a HTML. Základní pojmy. Ivo Peterka

WWW a HTML. Základní pojmy. Ivo Peterka WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní

Více

Publikování map na webu - WMS

Publikování map na webu - WMS Semestrální práce z předmětu Kartografická polygrafie a reprografie Publikování map na webu - WMS Autor: Ondřej Dohnal, Martina Černohorská Editor: Filip Dvořáček Praha, duben 2010 Katedra mapování a kartografie

Více

+420 271 752 042 info@h1.cz www.h1.cz

+420 271 752 042 info@h1.cz www.h1.cz SEO Optimalizace pro vyhledávače Jan Tichý +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline reklama

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

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

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

Nabídka internetového obchodu

Nabídka internetového obchodu Nabídka internetového obchodu Odběratel Dodavatel Martin Daneš Martin Hůlek Tel.: 775 974321 E-mail: hulek.martin@gmail.com 1 Popis Řešení internetového obchodu nabízí beztabulkové řešení layoutu. Budete

Více

DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA

DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA DOKUMENTACE REDAKČNÍHO SYSTÉMU PINYA Obsah Obsah... 4 Pinya CMS... 5 Přihlášení do systému... 6 Položky v menu administrace... 7 Uživatelé... 8 Správa uživatelů... 8 Nový uživatel... 9 Role... 10 Vytvoření

Více

Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE.

Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou SEO ANALÝZU WEBOVÉ PREZENTACE. Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE." 1. Provedeme kontrolu webové stránky a SEO analýzu 2. Zjistíme,

Více

Po ukončení tohoto kurzu budete schopni:

Po ukončení tohoto kurzu budete schopni: PRÁCE S INTERNETEM A KOMUNIKACE Hana Rohrová, Roman Rohr Cíle kurzu Po ukončení tohoto kurzu budete schopni: porozumět základním pojmům spojeným s používáním Internetu, dodržovat bezpečnostní opatření

Více

Internet - základní pojmy

Internet - základní pojmy Název školy: Střední odborná škola stavební Karlovy Vary Sabinovo náměstí 16, 360 09 Karlovy Vary Autor: Ing. Hana Šmídová Název materiálu: VY_32_INOVACE_07_INTERNET_P2 Číslo projektu: CZ 1.07/1.5.00/34.1077

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

Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9.

Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9. Jazyk XSL - rychlá transformace dokumentů 9. prosince 2010 Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí stylů Formátování dokumentu pomocí XSL FO Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí

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

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

InternetovéTechnologie

InternetovéTechnologie 3 InternetovéTechnologie internetové aplikace, Web x.0, RIA, Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky Internetové aplikace - Aplikace, které ke svému provozu využívají prostředí internetu, a to

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

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

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

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13 Obsah Úvodem 9 1. Úvod do Ajaxu 11 Jak Ajax funguje? 13 Popis 13 Ukázky 13 Jaké jsou možnosti tvorby interaktivních webových aplikací? 15 Co je třeba znát? 16 Jak fungují technologie Ajaxu 16 Jak funguje

Více

24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML.

24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML. 24. XML Úvod Značkovací jazyk XML (extensible Markup Language) vznikl ze staršího a obecnějšího jazyku SGML (Standard Generalized Markup Language). XML byl vyvinut konsorciem W3C, aby poskytl standardní

Více

Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE.

Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou SEO ANALÝZU WEBOVÉ PREZENTACE. Pro úspěšné zvýšení návštěvnosti a dosažení předních pozic ve vyhledávačích provedeme nejdříve jednoduchou "SEO ANALÝZU WEBOVÉ PREZENTACE." 1. Provedeme kontrolu webové stránky a SEO analýzu 2. Zjistíme,

Více

DATA ARTICLE. AiP Beroun s.r.o.

DATA ARTICLE. AiP Beroun s.r.o. DATA ARTICLE AiP Beroun s.r.o. OBSAH 1 Úvod... 1 2 Vlastnosti Data Article... 1 2.1 Požadavky koncových uživatelů... 1 2.2 Požadavky na zajištění bezpečnosti a důvěryhodnosti obsahu... 1 3 Implementace

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

Využití informačních technologií v cestovním ruchu P1

Využití informačních technologií v cestovním ruchu P1 Využití informačních technologií v cestovním ruchu P1 Pavel Petr Petr.USII@upce.cz 1 Obsah kurzu Princip vyhledávání Definování vyhledávacích požadavků Vyhledávací nástroje Zdroje informací Nástroje pro

Více

TAOX Konfigurátor potisku seznam funkcí

TAOX Konfigurátor potisku seznam funkcí TAOX Konfigurátor potisku seznam funkcí Úvod Celý systém se dělí na několik částí. A to jak z pohledu uživatele (zákazníka), tak z pohledu administrátora. Konfigurátor aplikace na tvorbu potisku (dělí

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

Internetové služby isenzor

Internetové služby isenzor Internetové služby isenzor Aktuální snímek z webové kamery nebo aktuální teplota umístěná na vašich stránkách představují překvapivě účinný a neotřelý způsob, jak na vaše stránky přilákat nové a zejména

Více

O nás. To vše a mnohem více Vám je schopna nabídnout již základní verze publikačního systému bravaweb.

O nás. To vše a mnohem více Vám je schopna nabídnout již základní verze publikačního systému bravaweb. O nás Internetová prezentace je často první vizitkou Vaší společnosti, se kterou se setkává potenciální zákazník či případný obchodní partner. Kvalitní prezentaci nestačí však pouze vytvořit. Prezentace

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

MATURITNÍ OTÁZKY ELEKTROTECHNIKA - POČÍTAČOVÉ SYSTÉMY 2003/2004 PROGRAMOVÉ VYBAVENÍ POČÍTAČŮ

MATURITNÍ OTÁZKY ELEKTROTECHNIKA - POČÍTAČOVÉ SYSTÉMY 2003/2004 PROGRAMOVÉ VYBAVENÍ POČÍTAČŮ MATURITNÍ OTÁZKY ELEKTROTECHNIKA - POČÍTAČOVÉ SYSTÉMY 2003/2004 PROGRAMOVÉ VYBAVENÍ POČÍTAČŮ 1) PROGRAM, ZDROJOVÝ KÓD, PŘEKLAD PROGRAMU 3 2) HISTORIE TVORBY PROGRAMŮ 3 3) SYNTAXE A SÉMANTIKA 3 4) SPECIFIKACE

Více

SEO (optimalizace pro vyhledavače)

SEO (optimalizace pro vyhledavače) SEO (optimalizace pro vyhledavače) Lektor: Jiří Eder Obsah videosemináře Co je to SEO? Slovníček pojmů První internetové dokumenty Principy fungování Co se posuzuje Jak se vyhnout největším chybám SEO

Více

Dobrý SHOP Popis produktu a jeho rozšíření

Dobrý SHOP Popis produktu a jeho rozšíření Dobrý SHOP Popis produktu a jeho rozšíření 501M012.N01 11/11/2011 www.dlaex.cz info@dlaex.cz OBSAH 1 Úvod...3 2 Účel produktu...3 3 Vlastnosti produktu...3 3.1 Koncepce...3 3.2 Základní y...3 3.3 Doplňkové

Více

Dobrý CMS Popis produktu a jeho rozšíření

Dobrý CMS Popis produktu a jeho rozšíření Dobrý CMS Popis produktu a jeho rozšíření 503M012.N01 11/09/2012 www.dlaex.cz info@dlaex.cz OBSAH 1 Úvod...3 2 Účel produktu...3 3 Vlastnosti produktu...3 3.1 Koncepce...3 3.2 Základní y...3 3.3 Doplňkové

Více

První kapitola úvod do problematiky

První kapitola úvod do problematiky První kapitola úvod do problematiky Co je to Flex Adobe Flex je ActionSript (AS) framework pro tvorbu Rich Internet Aplications (RIA), tedy knihovna AS tříd pro Flash. Flex používáme k vytvoření SWF souboru

Více

PHP framework Nette. Kapitola 1. 1.1 Úvod. 1.2 Architektura Nette

PHP framework Nette. Kapitola 1. 1.1 Úvod. 1.2 Architektura Nette Kapitola 1 PHP framework Nette 1.1 Úvod Zkratka PHP (z anglického PHP: Hypertext Preprocessor) označuje populární skriptovací jazyk primárně navržený pro vývoj webových aplikací. Jeho oblíbenost vyplývá

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

MBI - technologická realizace modelu

MBI - technologická realizace modelu MBI - technologická realizace modelu 22.1.2015 MBI, Management byznys informatiky Snímek 1 Agenda Technická realizace portálu MBI. Cíle a principy technického řešení. 1.Obsah portálu - objekty v hierarchiích,

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

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

TOP Katalog online řešení a služby pro podnikatele

TOP Katalog online řešení a služby pro podnikatele TOP Katalog online řešení a služby pro podnikatele Předmětem tohoto dokumentu je stručná charakteristika mezinárodních internetových multimediálních projektů poskytující moderní obchodní, propagační a

Více

Identifikátor materiálu: ICT-3-55

Identifikátor materiálu: ICT-3-55 Identifikátor materiálu: ICT-3-55 Předmět Téma sady Téma materiálu Informační a komunikační technologie Počítačové sítě, Internet Funkce a přehled internetových prohlížečů Autor Ing. Bohuslav Nepovím Anotace

Více

PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB

PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB ÚTVAR ROZVOJE HLAVNÍHO MĚSTA PRAHY PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB Ústav rozvoje hlavního města Prahy publikuje prostřednictvím ArcGIS Serveru mnohé webové mapové služby (v souřadnicovém

Více

Vstupní požadavky, doporučení a metodické pokyny

Vstupní požadavky, doporučení a metodické pokyny Název modulu: Základy PHP Označení: C9 Stručná charakteristika modulu Modul je orientován na tvorbu dynamických stánek aktualizovaných podle kontextu volání. Jazyk PHP umožňuje velmi jednoduchým způsobem

Více

Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk!

Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk! Mějte dobrý web. Oslovte více lidí. Generujte vyšší zisk! Nabídka zpracování kvalitní webové prezentace za rozumnou cenu. Dobrý den, nabízíme Vám veškeré služby spojené jak s jednorázovým zřízením nové

Více

Tovek Server. Tovek Server nabízí následující základní a servisní funkce: Bezpečnost Statistiky Locale

Tovek Server. Tovek Server nabízí následující základní a servisní funkce: Bezpečnost Statistiky Locale je serverová aplikace určená pro efektivní zpracování velkého objemu sdílených nestrukturovaných dat. Umožňuje automaticky indexovat data z různých informačních zdrojů, intuitivně vyhledávat informace,

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