Tvorba jednoduchých WWW stránek

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Tvorba jednoduchých WWW stránek"

Transkript

1 Tvorba jednoduchých WWW stránek Daniela Ďuráková VŠB- Technická univerzita Ostrava Katedra informatiky

2 Vznik WWW technologie Vznik- CERN , vedoucí projektu Tim Berners-Lee Cíl- infrastruktura pro sdílení výsledků vědeckých výzkumů Vyvinutá technologie protokol HTTP adresování objektů pomocí URL adres jazykhtml

3 World Wide Web WWW dnes služba počítačové sítě Internet, založena na principech: prezentace informací pomocí grafického rozhraní, uložení informací ve formátu textových dokumentů, čili zdrojové soubory obsahují čistý text(příkazy,...), odkazy na části dokumentů, jiné dokumenty, obrázky, zvukové sekvence, videosekvence ap. nezávislost na platformě při zobrazování(windows, UNIX(Linux), MACOSadalší).

4 World Wide Web Tvorba pomocí speciálního jazyka HyperText Markup Language (HTML), který umožňuje používání odkazů, značkovací jazyk založený na SGML pro popis struktury webových stránek Pro prezentaci dokumentů se používají prohlížeče, které umožňují zobrazit WWW stránku v grafické podobě. Vytvořenédokumentyjsoupřístupné celémusvětu (nainternetu). Anglickéoznačení web charakterizujeprávěpropojenídokumentů pomocí odkazů. Soubory vytvořené pomocí jazyka HTML mají typicky příponu.html, případně.htm.

5 HTTP- Hypertext Transfer Protocol protokol pro přenos stránek mezi webovým serverem a prohlížečem jednoduchý aplikační protokol vystavený nad protokolem TCP několikverzí-http0.9,http1.1,http3.0ažhttp4.01 Průběh vyřízení požadavku 1. Navázání spojení. 2. Zaslání požadavku klientem. 3. Zaslání odpovědi serverem. 4. Uzavření spojení. V případě stránek s mnoha vloženými objekty(obrázky apod.) může být vyřízení požadavku pomalé. Novější verze HTTP umožňují během jednoho spojení vyřídit několik požadavků/odpovědí.

6 URL- Uniform Resource Locator URL je adresa, jednoznačně identifikuje zdroj v rámci Internetu URLsepoužívávrůznýchslužbách:WWW,FTP, ,telnet,... Struktura URL Jednoznačná adresa v rámci internetu identifikuje různé objekty zdroje, aťsejednáowebovéstánky, ovéadresy,soubory,... URL má(většinou) následující tvar: kde význam jednotlivých částí je následující: http znamená typ protokolu, který zajišťuje přenos stránek umístěných na webovém serveru na počítač uživatele. Dnes se používá i protokol https, což je stejný protokol jako http, pouze přenášená data jsou kryptována(zabezpečená).

7 je jedinečné označení(zde jméno) serveru v rámci Internetu, které je tvořeno z částí: www názevserveruvrámcivšb, vsb vrámcičeskédoménydoménavsb(vysokáškolabáňská), cz označení národní či jinak světově registrované domény (v našem případě české) /cz/vitejte/ další část URL je cesta k patřičným dokumentům v adresářovém systému serveru, areal.htm název konkrétního dokumentu. / oddělovače jednotlivých částí adresy.

8 HTML- Hypertext Markup Language značkovací jazyk založený na SGML pro popis struktury web stránek nezávislý na platformě Historie a vývoj HTML HTML Tim Berners-Lee- členění textu do několika logických úrovní, použití několika druhů zvýraznění textu, lze zařadit odkazy a obrázky Screenshotwebbrowseruzroku1993,autorTBL: 24c.gif HTML 2.0 první formální specifikace, návrh standardu(html 2.0), plně vyhovuje normě SGML(ISO 8879 z roku 1986), základní formátování a strukturování dokumentu, obrázky, formuláře.

9 HTML návrh standardu Dave Raggett z laboratoří Hawlett-Packard formalizoval HTML+, vytvořil jeho deklaraci DTD(Document Type Declaration) v jazyku SGML(Standard Generalized Markup Language). HTML výrobci prohlížečů přidávají nestandardní rozšíření HTML, konsorcium W3C proto vybírá společnou podmnožinu rozšíření a schvaluje HTML 3.2, lepší formátování dokumentu, podpora tabulek, Java apletů HTML podpora kaskádových stylů, frames(rámy), skripty vložené do stránky, multimediální objekty, rozšířené možnosti tabulek, formulářů, vícejazyčná podpora, podporu HTML 4.0 mají prohlížeče(ie6, NN7, O7, M1.6).

10 HTML opravy drobných chyb ve specifikaci HTML 4.0 HMTL4.01jedefinovánvpodobětříDTD(DocumentTypeDefiniton) v jazyce SGML: StrictDTD elementy, které nejsou ve standardu 4.0 označeny jako nedoporučované, Transitional DTD obsahuje i nedoporučované elementy, včetně starších rozšířených elementů, Frameset DTD je téměř totožná s Transitional, podporuje použití frames. Poznat lze podle uvedeného DTD na prvním řádku zdrojového dokumentu.

11 Verze XHTML X ve zkratce XHTML vzniklo ze slova extensible, což by mělo znamenat rozšíření. Skutečnost je opačná, počet použitelných prvků se snížil. JeproduktempřetvořeníHTML4aXML1. Dnes se používá XHTML ve třech verzích: XHTML 1.0 přechodové(transitional) XHTML 1.0 striktní(strict) XHTML 1.1 XHTML 1.0 strict je oproti trans pracnější, XHTML 1.1 je okleštěno proti HTML o nestandardní prvky.

12 Požadavky pro tvorbu a zpřístupnění WWW stránek Vytvoření vlastních WWW dokumentů znamená zvládnout techniku tvorby a rozumět jednotlivým aspektům, nutných k prezentaci WWW stránek. 1. Editor, který umí pracovat s čistým ASCII textem,(html dokumenty jsou textové soubory). V prostředí operačního systému Windows postačí notepad. 2. Znalost jazyka HTML- schopnost vytvořit zdrojový kód ve formátu HTML. 3. Prohlížeč pro kontrolu a zobrazení vytvořených WWW stránek(nejpoužívanější Microsoft Internet Explorer, Mozilla, Opera, Netscape Navigator). 4. Připojení k síti internet pro zpřístupnění WWW stránek ostatním uživatelům internetu.

13 Doporučení a zásady pro tvorbu WWW stránek Kontrola zdrojového textu prohlížečem(lépe více prohlížečích), opravachyb zapochodu,nežpodopsáníceléhodokumentu, souvislý text členit pomocí nadpisu a obrázků, či jiných prvků pro členění textu, stránku nejprve připravit a pak na ni odkazovat, než vystavovat stránky sinformací,žeseteprvesenanípracuje, stránky by měly obsahovat informace o poslední aktualizaci(některé informace ztrácejí po delším čase smysl- například konání akce před dvěmi lety), pro následnou správu stránek je lépe použít bezpečně zvládnuté prvky HTML.

14 Uložení WWW stránky JakostudentiVŠB-TUOstravamátedvěmožsnoti 1. Přes webové rozhraní školy na adrese v části Správce domovských stránek je možné spravovat své webové konto. 2. Použitím programu pro přenos souborů v heterogenním prostředí. Použijeme program winscp, kde na vyžádání zadáme jméno serveru(homel.vsb.cz), přihlašovací jméno(login name) a heslo. Zkopírujeme náš soubor(vytvořený WWW dokument) do adresáře public html se jménem index.html. V obou případech kontrolujeme, zda přenesená stránka je v prohlížeči správně zobrazena uvedeme v něm patřičnou URL adresu:

15 Syntaxe HTML elementy, tagy atributy znakové entity DTD, DOCTYPE Kontrola syntaxe Kontrola správné syntaxe HTML stránky pomocí specializovaných programů a služeb, nebojemožnépoužítsgmlparser. Validační služby on-line: W3C HTML Validation Service na adrese Dr. Watson na adrese

16 Přehled HTML značek(tagů) Struktura Text Bloky Seznamy Odkazy Obrázky Tabulky Rámy Objekty Formuláře

17 Hlavička Skripty a styly(kaskádové)

18 Zásady při používání značek Tagy ve většině případů fungují jako závorky v matematice. použití levého(počátečního) tagu ve tvaru <xxx> vyvolá nutnost použít i pravý(koncový) tag </xxx>, v případě tzv. párového tagu. Nepárový levý tag se používá například při vkládání obrázků. Konkrétní význam elementu je dán použitým tagem identifikátorem elementu. Text mezi počátečním a koncovým tagem daného typu tvoří tělo elementu. Identifikátory elementů mohou být psány malými i velkými písmeny. Zápisy ve tvaru <TITLE>, <TiTlE>, <title> i <title> prohlížeč chápe a interpretuje stejně. POZOR! Na začátku tagu nesmí být mezera! Například < title> je špatně! Tagy, které prohlížeč nezná, ignoruje, přičemž nemusí hlásit žádnou chybu. Poznámka:VeWindowsjemožnéznak < napsat(přizapnutéčeskéklávesnici)stiskemklávespravýalt + <,obdobněprolevouzávorku >.

19 Základní struktura HTML stránky HTML dokument HEAD Moje první HTML stránka BODY H1 Nadpis první úrovně P Prvníodstavecobsahuje... P Druhýodstavecpopisuje.... P Posledníodstavec...

20 Základní struktura HTML dokumentu Na předchozím obrázku byl vykreslen tento zdrojový kód: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title>moje první HTML stránka</title> </head> <body> <H1>Nadpis první úrovně</h1> <P>První odstavec obsahuje...</p> <P>V druhém odstavci se popisuje...</p> </body> </html> Formátovací značky tagy, zajistí textu význam, který je interpretován použitým prohlížečem. Význam je ovlivněn použitím konkrétní množiny tagů dle DTD.

21 Vliv DTD na vzhled HTML stránky <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>ukázka práce s DTD</title> <style type="text/css"> body { background-color: silver; } div { margin: auto 50px; width: 300px; border: 10px solid red; background-color: black; color: yellow; } </style> </head>

22 <body> <div>ukázka práce s DTD</div> </body> </html> Jak uvedená ukázka vypadá po interpretaci prohlížeče lze najít na adrese

23 Obsah deklarace typu dokumentu Prostřednictvím deklarace!doctype se odvoláváme na DTD(Deklarace typu dokumentu) v dokumentech HTML(XML, XHTML). Tvar dodržuje ustálené pořadí s následujícím významem: <!DOCTYPE html za mezerou je značka dokumentu, malá písmena jsou vyžadována uxhtml PUBLIC veřejná deklarace typu dokumentu jako je HTML, XHTML, WML, NewsML, MathML "-//W3C//DTD HTML 4.01 Transitional//EN" jaký standard je použit, zde přechodový, jazykem DTD je angličtina.

24 Čeština nebo cestina? Problém diakritiky na HTML stránkách. Každý znak(písmeno, číslice,...) je reprezentován jako číslo od 0 do 255(jeden bajt), angličtina používá 128 znaků, tzv. ASCII. Pozice 128 až do 255 jsou vyhrazeny pro diakritizované znaky jiných jazyků(např.kódlatin-1-pročeštinu,použitelnéjenproáaí). Pro správnou interpretaci českých znaků je proto nutné v části <head> uvést patřičné kódování češtiny. Kódováním rozumíme přiřazení diakritizovanýchznakůnapozicích128až255. Kódování češtiny má několik variant Nesprávné uvedení či vynechání parametru charset může vést k chybné interpretaci českých znaků. Jaký je výběr? V jakých případech volíme danou variantu?

25 ASCII češtinabezháčkůačárek,tj.hackyacarkyjsouodstraneny ISO (ISO Latin 2) mezinárodní kódovací norma pro jazyky střední Evropy, standard na Unixu a na Linuxu, u Microsoftu označován Středoevropské jazyky (ISO) CP1250(Windows-1250) základní kódování u firmy Microsoft, platforma Windows, označován Středoevropské jazyky, vzniklo z ISO , chybí plná kompatibilita MAC(Macintosh) standard užívaný na počítačích Apple Macintosh CP852(PC Latin 2) původní český a slovenský DOS

26 KEYBCS2(Kamenici) kód bratří Kamenických, textový režimu MS-DOS KOI8-CS(KOI-8 CS) kdysi standard pro státy střední a východní Evropy Unicode, UTF-8 užití pro všechny světové jazyky, mezinárodní kódování znaků založené na tabulce 256 používaných znaků Rozdíly kódování- nejlépe zjistit v kódovacích tabulkách a ověřit na problematickýchznacíchš,ž,ť,š,ž,ť.

27 Jak docílit požadovaného kódování? Máme několik možností, jak daný problém řešit: Užijeme automatické meta nastavení <meta http-equiv="content-type" content="text/html; charset=iso "> kde je atribut charset vyplněn podle našeho užívaného kódování, vytvoříme stránku několikrát, pokaždé v jiném kódování, a čtenář si sám vybere kódování, použijeme serverové programy na překódování(saczech nebo Mod- Czech), píšemebezhackuacarek(čilivascii),cožmůžebýtšpatněčitelné.

28 Použití odkazů přenos mezi servery Odkazy, pomocí kterých jsou propojeny různé soubory, mohou být zapsány dvěmi odlišnými způsoby. Pomocí relativního odkazu a absolutního odkazu. Vlastní související stránky by měly používat relativní odkazy z důvodu přenositelnosti na jiný server. Odkazy na cizí zdroje a stránky by naopak měly být absolutní, aby byla zajištěna jejich funkčnost právě v případě jejich přenesení na jiný server. Tvar relativního odkazu se od absolutního liší neuvedením jména serveru stačí pouze jméno dokumentu, případně uvedení patřičného adresáře ze stromové struktury adresářů na disku, kde jsou dokumenty umístěny.

29 Například: Absolutní odkaz na dokument " a odpovídající relativní odkaz "projekt.html" Pokudjesouborumístěnoúroveňvýš,stačídoodkazupřidatznakpro cestu na vyšší úroveň adresáře. "../projekt.html"

30 Editory 1. Strukturní editor přímá úprava výsledného kódu, nutná znalost jazyka HTML, užívají profesionální tvůrci dynamických a jinak specifických stránek, z důvodu kontroly nad vytvářeným kódem, text file Notepad, HomeSite, UltraEdit, české EasyPad a PSPad. 2. Wysiwyg editor zobrazuje při psaní přímo vzhled stránky v prohlížeči, automatické generování kódu,(kód při ukládání i trochu mění!!!) pohodlné zpracování, neukazují to, co pak prohlížeč opravdu zobrazí Microsoft FrontPage, Dreamweaver, Adobe GoLive, Mozilla Editor.

31 Proč XHTML Nástupce HTML využívá výhod XML a HTML. Přísná, ale jednoduchá pravidla vedou ke snadnému automatizovanému zpracování. Všechny aplikace XML mají stejný základ syntaktických pravidel. (Podpora univerzálních programů a knihoven funkcí pro každou novou aplikaci XML.) Vyšší srozumitelnost pro počítače by měla vést k lepšímu zpracování u vyhledávačů, katalogů stránek a dalších automatizovaných služeb. Připravenost na ukončení podpory HTML.

32 Rozdíly XHTML oproti HTML Striktně se vyžadují první dva body: Všechny atributy mají hodnoty v uvozovkách zákaz křížení tagů tagy a atributy jsou pouze malými písmeny nepárové tagy končí lomítkem párové tagy jsou párové povinně všechny atributy musí mít hodnotu interní javascript a styly se zapisují jiným způsobem dokument má mít XML prolog. dokument požaduje správný doctype.

33 Působení stránek na čtenáře grafický design- první uživatelův dojem, ohled na široký okruh lidí struktura stránek, navigace na stránkách syntakticky správný HTML kód- méně práce pro prohlížeč vhodné metainformace- méně práce pro vyhledávací roboty Jednotlivé prvky je vhodné uvážlivě vyvážit, každý dle svého citu.

34 Obsah versus forma Ideálem, ke kterému se chceme přiblížit, je vyváženost obsahu a formy.(internet a HTML jazyk) původně byly určeny jako médium zprostředkující obsah. Formátování stránek- nese sebou chyby v zobrazování v prohlížečích různého typu, každý prohlížeč interpretuje jinak V případě, že rychlost natahování stránky je nízká, může být způsobeno mnoha obrázky, textem s mnoha definicemi fontů, velikostí a barev písma. Čitelnost písma volba- individuální patkové-písmocuriernenívhodné bezpatkové- Arial, Helvetica, Verdana

35 Pozadí pro dlouhé texty patková písma s rozdílnou tloušťkou tahů(takzvaný serif, například Times New Roman). font nezadávat- prohlížeč použije defaultní font zvýrazněnípříp.oživení-použitíobrázkučibarvynapozadíje nevhodné, velký obrázek se dlouho natahuje nečitelnépísmo-dbátnakontrastbarev Jednotný vzhled stránek autor určuje styl- měl by se dodržet jednotný styl pro všechny stránky jednotná úprava nenutí uživatele učit se na každé stránce jiné ovládání a rozmístění prvků rychlejší natažení(sdílené soubory s formátovacími prvky) rozlišuje daný web od ostatních stránek protvůrcejeisnažšípráce(jednouprovšechnystránky)

36 Nevhodné!!! Nadpisy z obrázků dlouho se natahují vyhledávací roboti nejsou schopni nadpis přečíst při příštím natahování stránek se opakuje pomalost(není-li obr uložen) Flashové prvky ne všichni uživatelé mají flash nemusí se zobrazit psychologické bariéry

37 Problémy dnešního webu informační zahlcení nutnost lepšího vyhledávání nestandardní rozšíření HTML jednotlivými výrobci prohlížečů Řešení problému? XML- extensible Markup Language pomocí DTD můžeme vytvářet nové jazyky založené na XML vhodně zvolené elementy přidají dokumentu informační hodnotu a usnadní prohledávání Webu XML má striktnější syntaxi než HTML(neukončené tagy, ohraničení atributů uvozovkami apod.)? snazší implementace

38 CMS Content Management System Systémy pro správu obsahu umožňují uživatelům bez znalosti web technologie publikovat různé texty i obrazový materiál. Uživatel s nimi pracuje přes webové rozhraní, které je určeno pro správu obsahu, manipulaci zajišťují běžné webové prohlížeče. Hlavní funkce poskytované redakčními systémy vytváření, editace a vlastní publikování textových dokumentů na webu tvorba pomocí WYSIWYG editoru- generovaný HTML kódovšem bývá větší než při ruční tvorbě správa obrazového materiálu, vytváření interních i veřejných galerií možnost statistiky pomocí funkcí k tomu určených správa diskusních fór správa souborů podpora funkcí na uživatelské a administrátorské úrovni.

39 CMS Content Management System Hlavní představitelé Wiki PHP-Nuke(česká verze United-Nuke) MAMBO CMS Plone

40 Reference jm.vse.cz/html/hatmatilka/titul.html satrapa/www/ msdn.microsoft.com/ie/ developer.netscape.com

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

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

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

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

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

Š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

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

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

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

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

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

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

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

(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

(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

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

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

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

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

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

Více

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

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

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

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

Dokumenty umístěné na počítačových serverech jsou adresovány pomocí URL (Uniform Resource Locator).

Dokumenty umístěné na počítačových serverech jsou adresovány pomocí URL (Uniform Resource Locator). Koncepce webu Základní pojmy Internet a jeho služby Internet je celosvětový systém navzájem propojených počítačových sítí. Počítače mezi sebou komunikují pomocí rodiny protokolů TCP/IP. Internet poskytuje

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

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

22. Tvorba webových stránek

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

Více

Tvorba webových stránek

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

Více

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

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

Tvorba webových stránek

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

Více

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

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

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

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

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

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

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

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. Internetové publikování

(X)HTML. Internetové publikování (X)HTML Internetové publikování 1 Prohlížeč Obsluhuje přenos a interpretuje obsah Hlavní prohlížeče Microsoft Internet Explorer Firefox Opera Safari WWW stránka WWW stránka dokument (soubor) s informacemi

Více

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

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

Více

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

Základy XML struktura dokumentu (včetně testových otázek)

Základy XML struktura dokumentu (včetně testových otázek) Základy XML struktura dokumentu (včetně testových otázek) Otakar Čerba Oddělení geomatiky Katedra matematiky Fakulta aplikovaných věd Západočeská univerzita v Plzni Přednáška z předmětu Počítačová kartografie

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

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

Principy fungování WWW serverů a browserů. Internetové publikování

Principy fungování WWW serverů a browserů. Internetové publikování Principy fungování WWW serverů a browserů Internetové publikování Historie WWW 50. léta Douglas Engelbert provázané dokumenty 1980 Ted Nelson projekt Xanadu 1989 CERN Ženeva - Tim Berners-Lee Program pro

Více

Webová stránka. Matěj Klenka

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

Více

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

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

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

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Webové aplikace Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Harmonogram Dopolední blok 9:00 12:30 Ing. Dostal Úvod, XHTML + CSS Ing. Brada,

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

XML terminologie a charakteristiky. Roman Malo

XML terminologie a charakteristiky. Roman Malo XML terminologie a charakteristiky Roman Malo XML extensible Markup Language (rozšiřitelný značkovací jazyk) Verze 1.0, 1.1 http://www.w3.org/xml Rozdíly v podpoře různých znakových sad a práci s řídícími

Více

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

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

Více

Značkovací jazyky a spol. HTML/XHTML XML JSON YAML Markdown, Texy!

Značkovací jazyky a spol. HTML/XHTML XML JSON YAML Markdown, Texy! Značkovací jazyky a spol. HTML/XHTML XML JSON YAML Markdown, Texy! Značkovací jazyky Angl. termín "MARKUP" ("vyznačování") Smyslem je přidat do textu metainformace: formátovací sémantické Výsledek je prostý

Více

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní

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

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

WEBOVÉ STRÁNKY www.krestanskevanoce.cz

WEBOVÉ STRÁNKY www.krestanskevanoce.cz WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

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

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

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

XHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek

XHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek XHTML 1 Jazyk HTML značkovací jazyk, speciálně vyvinutý pro popis Internetových dokumentů. HTML umožňuje popis: struktury dokumentu; obsahu dokumentu; způsobu zobrazení obsahu prohlížečem na displeji.

Více

Internet a tvorba WWW stránek

Internet a tvorba WWW stránek Internet a tvorba WWW stránek HTML hypertextový značkovací jazyk (HyperText Markup Language) označuje (značkuje) části dokumentu. Určuje např. která část textu se má zobrazit jako nadpis, který kus textu

Více

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

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

Více

X L M L v v Of O f f i f ce 2 0 2 0 0 7 XML OBECNĚ VBA pro Excel Petr Blaha XML v MS Office Michal Theodor

X L M L v v Of O f f i f ce 2 0 2 0 0 7 XML OBECNĚ VBA pro Excel Petr Blaha XML v MS Office Michal Theodor Osnova XML v Office 2007 Michal Theodor XML obecně Co to je XML Příklad XML dokumentu Využití Office Open XML Struktura dokumentu MS Office 2007 Úprava dokumentu MS Office 2007 pomocí XML Přizpůsobení

Více

Učební osnovy pracovní

Učební osnovy pracovní ZV Základní vzdělávání 1 týdně, povinný Informace v historii Žák: seznámí se s historií informací pozná vznik a vývoj počítačů - pojem informace - vznik a vývoj počítačů Komunikace Anglický jazyk Angličtina

Více

Univerzita Jana Evangelisty Purkyně Fakulta životního prostředí. Tvorba WWW stránek. Petr Novák

Univerzita Jana Evangelisty Purkyně Fakulta životního prostředí. Tvorba WWW stránek. Petr Novák Univerzita Jana Evangelisty Purkyně Fakulta životního prostředí Tvorba WWW stránek Petr Novák Ústí nad Labem 2014 Název: Autor: Tvorba WWW stránek Mgr. Ing. Petr Novák Vědecký redaktor: Ing. Jan Popelka,

Více

Jazyky XHTML, DHTML, CSS a WML

Jazyky XHTML, DHTML, CSS a WML Dodatky Petr Pexa 2007 pepe@pf.jcu.cz 1. Upravená kapitola 5.1 Vývojové verze jazyka XHTML Modularizace XHTML Modularizace je proces zařazení jednotlivých elementů do fiktivních modulů podle jejich funkce

Více

Internet. globální komunikační a informační médium decentrálně založená struktura bez centrálního řízení a kontroly využívání struktury zdarma

Internet. globální komunikační a informační médium decentrálně založená struktura bez centrálního řízení a kontroly využívání struktury zdarma Síť sítí - síť typu WAN celosvětový společný přístup od počítačů a sítí globální rozšíření - stamilióny přímých či nepřímých uživatelů přes 1 mil. serverů s více než 50 mil. WWW stránek globální komunikační

Více

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se

Více

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

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

Více

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl

Více

Specifikace rozhraní. Oznamovací povinnost podle zákona č. 307/2013 Sb., ve znění pozdějších předpisů. Martin Falc, SW architekt.

Specifikace rozhraní. Oznamovací povinnost podle zákona č. 307/2013 Sb., ve znění pozdějších předpisů. Martin Falc, SW architekt. C E R T I C O N www.certicon.cz V Á C L A V S K Á 1 2 1 2 0 0 0 P R A H A 2 Specifikace rozhraní Oznamovací povinnost podle zákona č. 307/2013 Sb., ve znění pozdějších předpisů Martin Falc, SW architekt

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

Ú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

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage 1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou

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

Jak vytva r et webove stra nky pomocı XHTML a CSS.

Jak vytva r et webove stra nky pomocı XHTML a CSS. Jak vytva r et webove stra nky pomocı XHTML a CSS. K vytváření webových stránek se používají různé editory. Z pohledu tvůrce je nejednodušší způsob jak napsat stránku použít např. editor MS-Word a soubor

Více

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM Manuál pro administrátory Verze 1.0 2012 AutoCont CZ a.s. Veškerá práva vyhrazena. Tento

Více

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

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

Více

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

Internet, intranet a síťové protokoly

Internet, intranet a síťové protokoly Internet? 13.2.1992 Internet, intranet a síťové protokoly Slavnostní připojení Československa k Internetu Internet? Internet je prostředkem a ne cílem Důležitost skladu se snižuje; začala fáze net ekonomiky

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

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

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

Více

WebExpress. Web v rukou zákazníka. Modulární publikační systém. WebExpress je ideálním řešením pro. každou moderní organizaci, která

WebExpress. Web v rukou zákazníka. Modulární publikační systém. WebExpress je ideálním řešením pro. každou moderní organizaci, která WebExpress Snadná správa - Systém WebExpress umožňuje kdykoli Web v rukou zákazníka aktualizovat obsah stránek přímo z prostředí webového prohlížeče. K jeho používání postačí běžné uživatelské znalosti

Více

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

Internetové technologie, cvičení č. 5

Internetové technologie, cvičení č. 5 Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a

Více

Nová struktura souborů a složek

Nová struktura souborů a složek Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky

Více

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 1 VY 32 INOVACE 0101 0301

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 1 VY 32 INOVACE 0101 0301 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 1 VY 32 INOVACE 0101 0301 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

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

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

Více

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

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

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

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

PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce. 2005 Jan Chlumský

PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce. 2005 Jan Chlumský PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce 2005 Jan Chlumský PB Vyšší odborná škola a Střední škola managementu, s.r.o. Nad Rokoskou 111/7, Praha 8 Obor: Aplikace výpočetní

Více