MOD NIKU. Jiří Kubica. Ostrava 2011

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

Download "MOD NIKU. Jiří Kubica. Ostrava 2011"

Transkript

1 P STUDIJNÍ OPOR RA DULU IT V PODN MOD DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ NIKU Bronislav Heryán Jiří Kubica Ostrava 2011

2 Název: Autoři: Vydání: Počet stran: Tisk: Vydala: Studijní opora moduluu IT v podniku Programování business aplikací Ing. Bronislav Heryán, Ing. Jiří Kubica první, 2011 Vysoká škola podnikání, a. s. Vysoká škola podnikání, a. s. v Ostravě Michálkovická 1810/ Ostrava Slezská Ostrava Vysoká škola podnikání, a.s. v Ostravě ISBN

3 O OBSAH Úvod... 5 VÝSTUPY Z UČENÍ Technické prostředky internetové komunikace HW, SW Hardware Software Technologie klient server, vybavení obou stran Komunikační protokoly na internetu Aplikační protokoly Nasazení internetové aplikace Klientská část internetové aplikace (X)HTML Popis jazykaa Základní struktura HTML dokumentu Seznam značek tagů CSS Typy vkládání CSS Syntaxe, selektory CSS Omezení CSS JavaScript Serverová část internetové aplikace Nástroje pro tvorbu internetových aplikací Statický a dynamický dokument Editory pro tvorbu internetových aplikací Základy jazyka PHP Vložení PHPP scriptu do jazyka HTML Komentáře Výstup na obrazovku Proměnné Operátory Řídící struktury Databáze MySQL Příkazy v MySQL Databáze v PHP Připojení k databázi... 41

4 4 Optimalizace internetové aplikace Rozdělení optimalizací Online a offline optimalizace Online optimalizace SEO On page faktory Off page faktory Konverze Analytické a auditovací nástroje Google Analytics Google Webmaster Tools MS SEO Toolkit WooRank Další nástroje Nejčastější chyby Zásadní chyby Obsahové chyby SEO chyby Ostatní chyby Použitá literatura a další zdroje... 53

5 Úvod Úvod Vážené studentky, vážení studenti. Internet je dnes nejvíce se dynamicky rozvíjející medium. Jeho přednosti jsou jasně dané rychlost sdílení informací, geografická neomezenost, dosažitelnost a další. Aby dnešní podnikatel uspěl ve své oboru, musí se o internet, jako o zdroj informací a marketingové medium zajímat s maximální péčí. Abyste se v moři informací o technických a technologických aspektech vyznali, připravili jsme pro Vás základní studijní oporu pro dílčí část IT v podniku Programování business aplikací. Věříme, že dané informace budou pro Vás odrazným můstkem pro hloubější prozkoumání této problematiky a pochopení všech souvislostí týkajících se návrhu, tvorby a optimalizace internetových aplikací či prezentací. Vzhledem k tomu, že internet a jeho technologiee se vyvíjí obrovským tempem, berte prosím tento text jako základní osnovu potřebných informací. Aktuální informace k jednotlivým tématům můžete čerpatt z uvedených odkazů na (jak jinak) internetové zdroje ať již se jedná o oficiální prezentace jednotlivých nástrojů či technologií, tak I zajímavé blogy předních osobností či firem zabývajících se internetovým marketingem či optimalizacemi. Závěrem nezbývá než popřát hodně štěstí při absolvování modulu IT v podniku a hlavně hodně zábavy během získáváníí spousty nových a jistě užitečných znalostí. Autoři 5

6 Programování business aplikací VÝSTUPY Z UČENÍ Znalost základního programování internetových prezentací a aplikací Znalost prezentačních technologií v internetu HTML, CSS, JavaScript Základní znalost serverových prostředků databázového serveru MySQL a skriptovacího jazyka PHP Znalost technických a marketingových analýz internetové prezentace Znalost základních optimalizačních metod 6

7 Technické prostředky internetové komunikace 1 Technické prostředky internetové komunikace ÚVOD Kapitola se zaměřuje na prostředky internetové komunikace, to znamená, že budete nejdříve seznámeni se specifiky HW a SW u serverů, dále si přiblížíme technologii klient si server, na které je postaveno fungování veškerých internetových aplikací. Popíšeme také komunikační protokoly na internetu, bez kterých si dnešní svět nedokážeme představit a posledním tématem je nasazení internetové aplikace, kde si popíšeme různé možnosti jejich nasazení. CÍLE KAPITOLY Po prostudování této kapitoly a vypracování úkolů budete UMĚT: vybrat vhodné řešení pro nasazení internetové aplikace zařadit komunikační protokoly mezi aplikační a síťové protokoly Po prostudování této kapitoly a vypracování úkolů ZÍSKÁTE: znalosti z oblasti protokolů na internetu přehled v jednotlivých možnostech nasazení internetových aplikací základní informace o technologii klient server Po prostudování této kapitoly a vypracování úkolů BUDETE SCHOPNI: popsat rozdíl mezi uživatelským PC a serverem komunikovat se serverem pomocí HTTP protokolu skrze telnet 7

8 Programování business aplikací 1..1 HW, SW Zde se nebudeme zabývat klasickým hardware a software používaným na pracovních stanicích, tyto znalosti předpokládáme, že si již přinášíte z modulu Informační kompetence a zaměříme se na specifika spojené s provozováním internetových aplikací tj. serverů. Proto, pokud Vám termíny jako je základní deska, processor, paměť atd. nic neříkají, doporučuji Vám nejdříve šáhnout po opoře IK a prostudovat kapitolu B Hardware Pokud jste měli někdy možnost nahlédnout do ceníku komponent určených pro server, asi Vás zarazilaa jejich výrazně vyšší cena oproti běžným osobním počítačům. Důvodem je snaha cokoliv co se může pokazit pokud možno zdvojit (duplikovat) a mít tak zálohu v případě selhání určité komponenty a zajistit tím pokud možno nepřetržitý provoz serveru a tím i jeho služeb. S nepřetržitým provozem souvisí i jedna velmi důležitá vlastnost některých komponent a tou je možnost je připojit resp. odpojit (tj. provést jejich výměnu) za plného provozu bez nutnosti server vypnout (např. provést výměnu vadné součástky). Tuto vlastnost nazýváme hot swapping. Běžně se můžeme setkat i s termínem hot plugging, což je označení pro možnost přidání novéhoo hardware a rozšířit tak funkcionalitu současného systému (např. USB zařízení jako jsou externí disky, myši, tiskárny, případně PCMCIA karty v noteboocích). Servery bývají obvykle umístěny ve speciálních místnostech, které nazýváme serverovny někdy též datová centra (Obr. 2.1). Tyto místnosti jsou typické tím, že jsou vybaveny výkonnou klimatizací (pro zajištění optimálních teplot), protipožárním systémem (obvykle na plynné bázi např. FM 200, aby nedošlo k poškození HW), záložním systémem energie UPS společně s dieselovými motorgenerátory (několik sériově zapojených UPS jednotek s bateriovými moduly, pro nezbytně nutnou dobu než naběhnou dieselové motorgenerátory), dvojitou podlahou (v podlaze bývá vedena kompletní kabeláž, mnohdy zde bývá systém kanálů pro rozvod chladného vzduchu od klimatizace) a vzhledem k velké váze HW se můžeme setkat i se zpevněnou podlahou. Dále bychom zde mohly zařadit kamerový systém, bezpečnostní systém dveří, pro zajištění vstupu pouze autorizovaným osobám, nebo pro snížení prašnosti povinnost přezouvání, návleků. OBRÁZEK 2.1 Pohled na typickou serverovnu Zdroj: hardforum.com 8

9 Technické prostředky internetové komunikace Skříně, jež vidíme na obr. 2.1, nazýváme rack skříň. Do těchto racků se montují jednotlivé servery (důvodem je úspora místa, bezpečnost, atd.). Každá takováto skříň obsahuje n pozic, všechny pozice mají pevně dané rozměry pro dosažení univerzálnosti a vzájemné kompatibility jedna pozice v rack skříni se označuje jako 1U (pokud uvidíme tedy např. u serveru označení 2U, jedná se o server zabírající dvě pozice v rack skříni). Tomu všemu je přizpůsoben i case serveru (serverová skříň), který se obvykle provádí v tzv. rack mount provedení. Na obrázku 2.2 si lze všimnout sofistikovaného provedení (uspořádaní) jednotlivých komponent s maximální snahou oproštění se od zbytečných kabelů a nutnosti cokoliv šroubovat. Např. pro zajištění potřebného chlazení uvnitř skříně systém několika samoregulovatelných hot swap větráků (tak aby v případě selhání některého z nich mohly ostatní přebrat jeho úlohu), dva zdroje napájení (opět pro případ poruchy), velké množství hot swap disků (na uvedeném obrázku 2.2). OBRÁZEK 2.2 2U server od Dellu Zdroj: Dell Samotnou kapitolu pak tvoří serverové základní desky (motherboard obr. 2.3), které krom několika záložních prvků (např. zdvojení biosu), jsou optimalizovány především na výkon. Největším jejich rozdílem oproti uživatelským počítačům jsou: počet paměťových slotů (tedy maximální počet paměťových modulů, kterými lze základní deska osadit a s tím souvisí i maximální počet GB RAM), zpravidla jejich počet bývá nejméně 8 (uživatelské počítače mívají 4 a notebooky dokonce jen 2 sloty), ale lze se setkat i s 22 sloty (např. u serveru na obr. 2.2) počet procesorů, v základu mají stejně jako uživatelské počítače patici pouze na jeden procesor, ovšem typicky se setkáváme se dvěma (např. na obr. 2.3 si lze všimnout v levém horním rohu dvou patic na procesory) a více procesory integrovaná grafická karta zatím co u uživatelských počítačů je to známka low na endového řešení (tedy levné řešení určené pro kancelářské práce, nenáročné grafický výkon), u serverů se rozhodně nejedná o levné desky, ale snahaa o 9

10 Programování business aplikací integraci a minimalizaci nezbytně důležitých prvků pro existenci serveru (grafická karta je potřeba pouze pro samotnou instalaci nebo opravu serveru a pro běžný provoz serveru je to v podstatě zbytečná komponenta) obvykle jsou osazeny dvěma integrovanými síťovími kartami obecně méně multimediální (stejně jako zde není potřeba grafický výkon, není potřeba ani kvalitního audio výstupu mnohdy nejsou audio konektory ani v zadu vyvedeny viz. obr. 2.3) OBRÁZEK 2.3 Dvou procesorová základní deska od Intelu Zdroj: Intel Software Software lze dělit z mnoha různých hledisek, obecně jej dělíme na: systémový aplikační další hlediska dělení mohou být např. dle licencí, rozhraní, druhu, účelu, funkčnosti, atd. Pro naše účely si vystačíme s obecným dělením rozšířeným o nadřazenou kategorii serverové a klientské částii tj.: serverr o o klient o o systémový sw aplikační sw systémový sw aplikační sw 1..2 Technologie klient server, vybavení obou stran Mluvíme li o technologii klient server, máme na mysli vztah komunikujících uzlů v síti. Obecně je dělíme na: 10

11 Technické prostředky internetové komunikace klient server peer to peer U technologiee klient server, jsou komunikující uzly striktně rozděleny na klientskou část, která využívá služeb serverů (obvykle je to tedy uživatelská část) a serverovou část, která nabízí své služby ostatním viz. obr Komunikace probíhá tak, že klient pošle požadavek serveru, ten jejj zpracuje a pošle zpět výsledek. OBRÁZEK 2.4 Komunikace klient server Zdroj: pepa.zvonicek.infoo U technologiee peer to peer, probíhá komunikace mezi jednotlivými uzly na stejné úrovni (všechny komunikační uzly jsou si rovny), to znamená, že peer poskytuje služby ostatním a zároveň využívá služeb ostatních (v podstatě je serverem a klientem zároveň, proto se tou to technologií nebudemee speciálně věnovat). Typickou aplikací peer to peer je například sdílení souboru ve Windows nebo torenty atp. OBRÁZEK 2.5 Komunikace peer to peer Zdroj: cs.virginia.eu 11

12 Programování business aplikací 1..3 Komunikační protokoly na internetu Komunikační protokoly přímo souvisejí se sedmi vrstvým referenčním modelem ISO OSI (norma ISO 7498). SCHÉMA 2.1 Referenční model ISO OSI 7. aplikační http, pop3, smtt Uživatelská část 6. prezentační OS 5. relační 4. transportní 3. síťová SSL, NetBIOS UDP, TCP,... IPv4, IPv6,.. Ovladače 2. spojová 1. fyzická Zdroj: autor Popisem jednotlivých vrstev se zde nebudeme zabývat, ale jak už vyplývá ze schématu 2. 1 komunikační protokoly můžeme rozdělit tedy dle toho, zda spadají do uživatelské části, nebo části operačního systému tj: síťové aplikační Aplikační protokoly Existuje nepřeberné množství aplikačních protokolů, mezi protokoly můžeme zařadit například: poštovní pop3, imap, smtp webové http, https souborové ftp, sftp, tftp pro přenos audia a videa rtp, rtcp, mms, SIP, H.323 nejpoužívanější aplikační 12

13 Technické prostředky internetové komunikace Nejdůležitějším protokolem pro internetové aplikace je http (hypertext transfer protocol) protokol, který se používá pro přenos hypertextový ých dokumentů ve formátu HTML. V současnosti je používán pro přenos libovolných informací a pomocí rozšíření MIME je tak možno přenést libovolný typ souboru. Protokol funguje na principu dotaz odpověď. Klient (např. prohlížeč) naváže ze serverem spojení, poté zašle požadavek na webový server a ten mu na jeho požadavek zašle odpověď a spojení je poté ukončeno. Jedná se tak o bezestavovou komunikaci, resp. protokol http je bezestavový. Komunikace probíhá v textové podobě (tedy pouze za pomocí tisknutelných znaků) a protoo je komunikace čitelná i běžným uživatelem (viz. příklad 2.1). Protokol http používá pro komunikaci několik dotazovacích metod, nepoužívanější jsou: GET požadavek na uvedený objekt (např. webovou stránku), požadavek může obsahovat parametry velikost je omezena na 512B POST odesílá uživatelská data na server (používá se např. pro odeslání dat z formuláře na server) může obsahovat velké množství dat (velikost je omezena nastavením samotného webového serveru) PUT nahraje data na server DELETE smaže data ze serveru PŘÍKLAD 2.1 Pro lepší představu si vyzkoušíme simulaci webového klienta pomocí telnetu a jednotlivé příkazy budeme zadávat ručně, čímž si vyzkoušíme, jak probíhá komunikace mezi klientem a serverem za pomocí protokolu http Nasazení internetové aplikace Vývojový diagram pro nasazení. Pokud chcemee provozovat internetové aplikace, máme samosebou několikk možností. Webhosting Serverr housing Dedikované servery Managed servery Virtuální servery 13

14 Programování business aplikací KONTROLNÍ OTÁZKY Vyjmenujte alespoň tři způsoby nasazení internetové aplikace. Jaké protokoly se používají u poštovních serverů? Jaký je rozdíl mezi technologií klient server a peer to peer? K čemu slouží hot swapping u serverů? STUDIJNÍ LITERATURA 1. Rosebrok, E., Filson, E. Linux, Apache, MySQL a PHP. GRADA Publishing : Praha ISBN PHP Group Stránky projektu PHP [online] [cit ]. Dostupné z: <http://cz.php.net>. 3. Apache software foundation HTTP Server project [online] [cit ]. Dostupné z: <http://httpd.apache.org>. 14

15 Klientská část internetové aplikace 2 Klientská část internetové aplikace ÚVOD Klientská část internetové aplikace nebo prezentace zajišťuje kvalitní distribuci zpracovaných dat směremm ke koncovému uživateli. Jelikož platí staré pravidlo, že obal prodává, je nutné se vždy zaměřit také na design a uživatelské rozhraní dané aplikace či prezentace tak, aby veškerá aktivita, která byla investována do vývoje samotného jádra systému nepřišla vniveč. CÍLE KAPITOLY Po prostudování této kapitoly a vypracování úkolů budete UMĚT: jak a k čemu se používá JavaScript, Flash a další doplňkové technologie Po prostudování této kapitoly a vypracování úkolů ZÍSKÁTE: základní přehled o formátování pomocí CSS Po prostudování této kapitoly a vypracování úkolů BUDETE SCHOPNI: se orientovat v základních HTML tazích 15

16 Programování business aplikací 2..1 (X)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ů na Internetu. Wikipedia Takto zní jedna z definic, co to jazyk HTML je. V našem kontextu tvorby business aplikací se zaměřenímm na tvorbu a optimalizaci internetových prezentací k dostačující definice, že jazyk HTML nám vytváří a formátuje nejdůležitější část prezentace tedy obsah Popis jazyka Jazyk HTML je charakterizován množinou značek (tzv. tagů) a jejich atributů definovaných pro du verzi. Mezi značky se uzavírají části textu dokumentu a tím se určuje význam (sémantika) obsaženého textu. Názvy jednotlivých značek se uzavírají mezi ostré závorky < a >. Část dokumentu tvořená otevírací značkou, nějakým obsahem a odpovídající ukončovací značkou tvoří tzv. element (prvek) dokumentu. Například <strong> je otevírací značka pro zvýraznění textu a <strong>červená Karkulka</strong> je element obsahující zvýrazněný text. Součástí obsahu elementu mohou být další vnořené elementy. Atributy jsou doplňující informace, které upřesňují vlastnosti elementu. Značky jsou obvykle párové, přičemž koncové značka je shodná se značkou počáteční, jen má před názvem znak lomítko. PŘÍKLAD 3. Ukázka párového tagu odstavec <div> Nejaky text </div> PŘÍKLAD 3. Ukázka nepárového tagu vodorovná čára a zalomen9 odstavce <hr /> <br /> PŘÍKLAD 3. Ukázka párového tagu s parametry odkaz zřeného do jiného tagu <div> Naše škola má zkratku <a href= title= Vysoká škola podnikání a.s.. >VŠP</a>. 16

17 Klientská část internetové aplikace </div> Základní struktura HTML dokumentu Pro zjednodušení si představme jednu internetovou stránku jako běžný dokument. Každý dokument je složen ze záhlaví, obsahu dokumentu (těla) a zápatí. Obdobně je to u dokumentu HTML tedy jedné internetové stránky. Každá z těchto stránek by měla obsahovat sekci <head> tedy definici dokumentu a sekci <body> tělo dokumentu (zápatí pouze ukončuje tělo a celý dokument HTML). Obecně má dokument v jazyku HTML má předepsu tuto strukturu: Deklarace DTD je uvedena direktivou <!DOCTYPE. 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í textt dokumentu. Vymezujee 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. OBRÁZEK 3. Ukázka komplexního kódu XHTML Zdroj: vsp.cz 17

18 Programování business aplikací Seznam značek tagů Uvádíme seznam základních značek (X)HTML. Jedná se o celkový seznam tagů, avšak dnes již některé nejsou doporučovány z hlediska optimalizace e, jiné naopak slouží pouze k formátování, které by ale mělo být nahrazeno kaskádovým i styly, které jsou popsány v následující kapitoly. Tag Význam Párový <! >!doctype a abbr acronym address applet area b base basefont bgsound big blink blockquote body br button poznámka specifikace DTD odkaz, hyperlink, záložka ustálený výraz zkratka adresa Java aplet oblast v klikací mapě tučné písmo základ odkazů základní font zvuk na pozadí zvětšení písma blikání písma citace, odsazení tělo stránky + definice pozadí řádkový zlom tlačítko ne ne ne ne ne 18

19 Klientská část internetové aplikace caption center cite code col colgroup ddd del dfn dir div dl dt em embed fieldset font form frame frameset h1 h2 h3 hlavička tabulky vycentrování citace výpis kódu ovlivnění sloupce tabulky skupina sloupců tabulky definice termínu smazaný obsah nověě použitý termín zvláštní druh seznamu Oddíl seznam definic definovaný termín zvýraznění (kurzíva) objekt s plužinouu skupina polí písmo formulář Rám skupina rámů nadpis 1. úrovně nadpis 2 úrovně nadpis 3. úrovně ne ne asi ne 19

20 Programování business aplikací h4 h5 h6 head hr html i iframe img input ins kbd label layer legend li link map marquee menu meta multicol nobr nadpis 4. úrovně nadpis 5. úrovně nadpis 6. úrovně hlavička stránky vodorovná čára začátek HTML dokumentu kurzíva vložený rám obrázek vstupní pole přidaný text vstup z klávesnice popis pole hladina, vrstva popis pole položka seznamu nezobrazovaný odkaz klikací mapa běžící text typ seznamu informace o dokumentu sloupcová úpravaa nezalamovat obsah ne ne ne nepovinně ne 20

21 Klientská část internetové aplikace noembed noframes noscript object ol optgroup option p param pre q s samp script select small spacer span strike strong style sub sup alternativa k embed alternativa rámů alternativa ke skriptu objekt číslovaný seznam skupina voleb Volba odstavec parametry objektu předformátovaný text citace přeškrtnutý text ukázka výstupu skript, program výběrové pole zmenšení textu prázdné místo úsek textu přeškrtnutý text zvýraznění (tučně) zápis CSS stylu dolní index horní index ne nepovinně ne ne 21

22 Programování business aplikací table tbody td textarea tfoot th thead title tr tt u ul var tabulka tělo tabulky buňka tabulky velké vstupní pole patička tabulky hlavičková buňka tabulky hlavička tabulky titulek stránky řádek tabulky teletype podtržení textu odrážkový seznam formátování proměnné nepovinně nepovinně nepovinně 2..2 CSS V předešlé kapitole jsme si ukázali, jakým způsobem distribuujeme text, neboli obsah internetové prezentace. Jak již bylo zmíněno v úvodu kapitoly, je třeba se zaměřit také na vzhled prezentace či aplikace a její uživatelské rozhraní. Základní rozmístění prvkůů obstaráme pomocí použití jednotlivých tagů jazyka (X)HTML. Ale co v případě, že potřebujeme provést složitější formátování? V této chvíli musíme použít jiný jazyk CSS tzv. kaskádové styly. Zmíněné základní formátování lze využívat v kombinaci s kaskádovýmí styly, avšak toto je staré využití a v dnešní době se nedpoporučuje (jde např. o použití tagů <i> pro kurzívu). Co si pod zmíněným formátováním představit? Jedná se např. o font písma, typografii písma, barvu, zarovnání, ohraničení, odsazení, okraje, pozicování apod Typy vkládání CSS Formátování pomocí kaskádových stylů můžete provádět třemi různými způsoby: 222

23 Klientská část internetové aplikace 1. Přímo v HTML kódu pomocí parametru style. Tento způsob ale není vhodným, jelikož nám uměle zvětšuje neobsahovou část prezentace a vyhledávači je penalizován. Jedná se o tzv. inline styly. 2. Druhým způsobem je nadefinování celého formátování v hlavičce pomocí tagů <style></style>. Tento format take není vhodný, protože stejně jako předešlý způsob zvětšuje neobsahovou cast kódu. 3. Třetím a nejběžněji používaným způsobem je definice kaskádových stylů v externím souboru. css a jeho připojení pomocí jednoho tagu v záhlaví. 4. text</div> PŘÍKLAD 3. <style> div {color:green} </style> Ukázka definice inline stylu v záhlaví PŘÍKLAD 3. Ukázka připojení externího stylu v záhlaví <link rel="stylesheet" media=" "screen" type=" text/css" href="http://www. vsp.cz/css/screen.css" /> Výhodou definice stylu v záhlaví je možnost specifikace zařízení. V uvedeném případě se jedná o kaskádové styly pro zobrazní, lze definovat ale také kaskádové styly pro tisk nebo mobilní zařízení Syntaxe, selektory CSS Důležitou vlastností, která je shodná pro všechny typy vkládání stylů, je možnost definice více parametrů např. barva zelená a zarovnání doprava: PŘÍKLAD 3. <div text</div> PŘÍKLAD 3. Ukázka inline stylu <div style= text-color:green >Můj Ukázka inline stylu style= text-color:green;text-align:right >Můj Dalším zjednodušením práce s kaskádovými styly jsou tzv. selektory, které lze kombinovat mezi sebou: body Tyto deklarace budou platit pro všechny výskyty elementu body. body p Tyto deklaracee budou platit pro všechny elementy p, které se nachází v elementu body, v jakékoliv hloubce. 23

24 Programování business aplikací body>div Tyto deklarace budou platit pro všechny elementy div, které jsou dětmi elementu body. To znamená, že pokud bychom měli element div, který se nachází v <body><blockquote><div> >, tyto deklarace by pro něj neplatily, protože tento div není přímým potomkem elementu body..trida Tyto deklarace budou platit pro všechny elementy, které mají v HTML nastavenou třídu trida. To se provádí pomocí HTML atributu class. #id Tyto deklarace budou platit pro všechny elementy, které mají v HTML nastavený identifikátor id. To se provádí pomocí HTML atributu id. sel1, sel2, sel3 Selektory můžeme seskupovat pomocí čárek. Následujícíí deklarace pak budou platit pro všechny selektory. OBRÁZEK 3. Ukázka komplexního kódu CSS Zdroj: vsp.cz Omezení CSS CSS selektory neposkytují přístup k rodičovským prvkům, jako to umožňují sofistikovanější jazyky jako například XPath. Nemůžete například nastylovat jen ty odstavce, které obsahují odkaz. Horizontální kontrola prvků na stránce je intutivní a jednoduchá, naopak vertikální stylování už působí problém. Například na obyčejné vertikální centrování obsahu se musí používat poměrně složité kombinace a hacky, které ještě nemusí být dopředně kompatibilní.[ 18] CSS neposkytuje možnost pro symbolický zápis proměnné nebo konstanty, všechny hodnoty musí být vepsány přímo v kódu. Například pokud se na vícero místech používá stejná barva, nemůže se použít symbolický zápis barva= red; a poté už jen psát proměnnou barva, všude se musí uvádět přímo hodnota red. 24

25 Klientská část internetové aplikace CSS neumí počítat výrazy, prohlížečee například neporozumí výrazu margin left: 10% 3em + 4px;. Webdesigner si to vše musí spočítat sám. CSS2 nenabízí žádnou možnost pro tvorbu kulatých rámečků nebo jiných kulatých objektů. Pracuje pouze s obdélníky. CSS2 nenabízí žádnou možnost, jak jednomu elementu přiřadit více obrázků na pozadí JavaScript JavaScript je multiplatformní, objektově orientovaný skriptovací jazyk, který se používá jako interpretovaný programovací jazyk pro internetové prezentace a aplikace. Jsou jím obvykle ovládány různé interaktivní prvky uživatelského rozhraní (tlačítka, validace formulářů, animace, grafické efekty s obrázky a jiné). Jak bylo zmíněno, jedná se o samostatný jazyk, který je provozovaný na straně klienta a vykonává určité funkce. Jelikož náplní tohoto dílčího modulu není výuka samotného programování, odkážeme zájemce o bližsí informace na nepřeberné množství odkazů ať již na základy samotného jazyka, tak i na zjednodušené využívání již připravených knihoven funkcí (např. pro fotogalerie, formuláře apod.) Ukázka jednoduchéhoo kódu pro vyvolání interaktivní PŘÍKLAD 3. hlášky <form> <input type="button" onclick= "alert('opravdu chcete kliknout?') )" value="varovani"> </form> KONTROLNÍ OTÁZKY Jaký je rozdíl mezi (X)HTML a CSS? Jaký má vliv technologie Flash na optimalizaci? 25

26 Programování business aplikací 3 Serverová část internetové aplikace ÚVOD V této kapitole se seznámíme s vývojem internetových aplikací a to v nejpoužívanějšímím anejoblíběnějším spojením skriptovacího jazyka PHP ve spojení s databází MySQL. Pamatujte, že tato kapitola je pouze úvodem do dané problematiky a pokud vás toto téma osloví, doporučuji sáhnout po některé z knih uvedených na konci této kapitoly. CÍLE KAPITOLY Po prostudování této kapitolya vypracování úkolůů budete UMĚT: ovládat základy jazyka PHP vytvářet a zpracovávat formuláře sestavovat SQL dotazy pro výběr dat Po prostudování této kapitolya vypracování úkolůů ZÍSKÁTE: znalosti jak tvořit dynamické stránky pro internet přehled o možnostech programování aplikací na internetu nutné znalosti pro práci s relačními databázemi Po prostudování této kapitolya vypracování úkolůů BUDETE SCHOPNI: vytvářet jednoduché interaktivní webové aplikace navrhovat, vytvářet a upravovat jednoduché databáze pracovat s databází MySQL 26

27 Serverová částt internetové aplikace 3..1 Nástroje pro tvorbu internetových aplikací Text subkapitoly Statický a dynamický dokument U internetových aplikací rozlišujeme základní dva typy dokumentů statický dynamický Statický dokument se vyznačuje tím, že je jeho vzhled neměnný a uživatel si nemůže editovat jeho obsah pro jakoukoliv změnu v obsahuje, je odkázán na vývojáře. Statické dokumenty se používají předevím pro vytvoření vyzitek, prezentací firem, které chtějí být viděni na internetu, ale zároveň nehodlají investovat hodně prostředků na realizaci webových portalů. Opakem jsou pak dynamické dokumenty, odkterých očekáváme, že budou reagovat na uživatelské podměty. Výsledný vzhled je pak generován až za běhu aplikace. Dynamické dokumenty se dále dělí podle toho, kde probíhá jejich interpretace dynamický dokument na straně klienta dynamický dokement na strane server Mluvíme li o dynamických dokumentech na straně klienta, máme na mysli to, že jejich vytvoření, respektive modifikaci zajišťuje nejčastěji prohlížežž (klient). Jejich úkolem je zajištění interaktivity s uživatelem (např. změna obrázku při přejetí kurzorem, zareagovat na kliknutí tlačítka, kontrola dat ve formulářích nebo otevření, opuštění okna prohlížeče). Funguje to tak, že spolu s HTML stránkou je prohlížeči odeslán i programový kód (nejčastěji využívaný je JavaScript), který je ve vhodnou dobu na klientském počítači spuštěn. Největší jejich nevýhodou je závyslost na konkrétním prohlížeči (ruzné prohlížeče mohou podporovat např. pouze částečnou implementaci, nebo mohou obsahovat chyby atp.). Dynamické dokumenty na straně serveru jsou specifické tím, že jsou zpracovávány (interpretovány, spuštěny) na vzdáleném serveru. Z tohoto důvodu jejich výsledek nelze zobrazit v prohlížeči přímo (jako u HTML) ale potřebují pro svůj běch webový server (např. apache, IIS), který bude podporovat zvolený jazyk. Mezi jejich výhody patří nízká závislost na prohlížeči, schopnost řešitt složité a rozsáhlé úlohy (využívají výkon a prostor hostitelského serveru). Veškeré požadavky a data se přenášejí přes síťové spojení (protokol TCP). Mezi omezení (které jsou dány samotnou architekturou) patří neschopnost reagovat na uživatelské události vniklé u klienta (pohyb myši, stisk klávesy, atp.) toto však řeší dynamické dokumenty na straně klienta. Nejpoužívanější jazyky na straně serveru jsou PHP, ASP, CGI, ruby, java. Obrázek 4.1 přibližuje princip zpracování dokumentů na straně serveru konkrétně u jazykaa PHP. OBRÁZEK 4.1 Princip dynamických dokumentů na straně serveru 27

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

SYLABUS IT V. Jiří Kubica. Ostrava 2011

SYLABUS IT V. Jiří Kubica. Ostrava 2011 P MODULU SYLABUS IT V DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ PODNIKU Bronislav Heryán Jiří Kubica Ostrava 20 : Autoři: Vydání: Počet stran: Tisk: Vydala: Sylabus modulu IT v podniku Programování business

Více

Obsah. Stručná historie World Wide Webu 7

Obsah. Stručná historie World Wide Webu 7 KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu

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

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

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

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

Více

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

Maturitní otázky z předmětu PROGRAMOVÁNÍ

Maturitní otázky z předmětu PROGRAMOVÁNÍ Wichterlovo gymnázium, Ostrava-Poruba, příspěvková organizace Maturitní otázky z předmětu PROGRAMOVÁNÍ 1. Algoritmus a jeho vlastnosti algoritmus a jeho vlastnosti, formy zápisu algoritmu ověřování správnosti

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

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

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

Maturitní témata Školní rok: 2015/2016

Maturitní témata Školní rok: 2015/2016 Maturitní témata Školní rok: 2015/2016 Ředitel školy: Předmětová komise: Předseda předmětové komise: Předmět: PhDr. Karel Goš Informatika a výpočetní technika Mgr. Ivan Studnička Informatika a výpočetní

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

PRŮVODCE STUDIEM PRO PREZENČNÍ FORMU STUDIA MODULU IT V PODNIKU DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ

PRŮVODCE STUDIEM PRO PREZENČNÍ FORMU STUDIA MODULU IT V PODNIKU DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ PRŮVODCE STUDIEM PRO PREZENČNÍ FORMU STUDIA MODULU IT V PODNIKU DÍLČÍÍ ČÁSTT PROGRAMOVÁNÍ BUSINESS APLIKACÍ Bronislav Heryán Jiří Kubica Ostrava 2011 Název: Autoři: Vydání: Počet stran: Tisk: Vydala: IT

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

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

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

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Tvorba

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

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

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

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

SADA VY_32_INOVACE_PP1

SADA VY_32_INOVACE_PP1 SADA VY_32_INOVACE_PP1 Přehled anotačních tabulek k dvaceti výukovým materiálům vytvořených Ing. Janem Prašivkou. Kontakt na tvůrce těchto DUM: prasivka@szesro.cz Úvod do informatiky VY_32_INOVACE_PP1.PRA.01

Více

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 KAPITOLA 1 Co budeme potřebovat 11 Co knihovna jquery nabízí 11 Editor zdrojového kódu 12 Webový server 12 Software pro ladění

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

BALISTICKÝ MĚŘICÍ SYSTÉM

BALISTICKÝ MĚŘICÍ SYSTÉM BALISTICKÝ MĚŘICÍ SYSTÉM UŽIVATELSKÁ PŘÍRUČKA Verze 2.3 2007 OBSAH 1. ÚVOD... 5 2. HLAVNÍ OKNO... 6 3. MENU... 7 3.1 Soubor... 7 3.2 Měření...11 3.3 Zařízení...16 3.4 Graf...17 3.5 Pohled...17 1. ÚVOD

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

PHP tutoriál (základy PHP snadno a rychle)

PHP tutoriál (základy PHP snadno a rychle) PHP tutoriál (základy PHP snadno a rychle) Druhá, vylepšená offline verze. Připravil Štěpán Mátl, http://khamos.wz.cz Chceš se naučit základy PHP? V tom případě si prostuduj tento rychlý průvodce. Nejdříve

Více

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ Střední průmyslová škola a Střední odborné učiliště, Trutnov, Školní 101, tel.: +420 499 813 071, fax: +420 499 814 729, e-mail: skola@spssoutu.cz, URL: http://www.spssoutu.cz Osnova kurzu OBSLUHA PC ZÁKLADNÍ

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

Nový způsob práce s průběžnou klasifikací lze nastavit pouze tehdy, je-li průběžná klasifikace v evidenčním pololetí a školním roce prázdná.

Nový způsob práce s průběžnou klasifikací lze nastavit pouze tehdy, je-li průběžná klasifikace v evidenčním pololetí a školním roce prázdná. Průběžná klasifikace Nová verze modulu Klasifikace žáků přináší novinky především v práci s průběžnou klasifikací. Pro zadání průběžné klasifikace ve třídě doposud existovaly 3 funkce Průběžná klasifikace,

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

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

(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

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

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

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

Práce se styly 1. Styl

Práce se styly 1. Styl Práce se styly 1. Styl Styl se používá, pokud chceme, aby dokument měl jednotný vzhled odstavců. Můžeme si nadefinovat styly pro různé úrovně nadpisů, jednotlivé popisy, charakteristiky a další odstavce.

Více

Profilová část maturitní zkoušky 2013/2014

Profilová část maturitní zkoušky 2013/2014 Střední průmyslová škola, Přerov, Havlíčkova 2 751 52 Přerov Profilová část maturitní zkoušky 2013/2014 TEMATICKÉ OKRUHY A HODNOTÍCÍ KRITÉRIA Studijní obor: 78-42-M/01 Technické lyceum Předmět: TECHNIKA

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

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

ANOTACE vytvořených/inovovaných materiálů

ANOTACE vytvořených/inovovaných materiálů ANOTACE vytvořených/inovovaných materiálů Číslo projektu Číslo a název šablony klíčové aktivity Tematická oblast Formát Druh učebního materiálu Druh interaktivity CZ.1.07/1.5.00/34.0722 III/2 Inovace a

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

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

Reliance 3 design OBSAH

Reliance 3 design OBSAH Reliance 3 design Obsah OBSAH 1. První kroky... 3 1.1 Úvod... 3 1.2 Založení nového projektu... 4 1.3 Tvorba projektu... 6 1.3.1 Správce stanic definice stanic, proměnných, stavových hlášení a komunikačních

Více

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

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

Více

Práce s administračním systémem internetových stránek Podaných rukou

Práce s administračním systémem internetových stránek Podaných rukou Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní

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

Základy HTML. Autor: Palito

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

Více

Platební systém XPAY [www.xpay.cz]

Platební systém XPAY [www.xpay.cz] Platební systém XPAY [www.xpay.cz] implementace přenosu informace o doručení SMS verze 166 / 1.3.2012 1 Obsah 1 Implementace platebního systému 3 1.1 Nároky platebního systému na klienta 3 1.2 Komunikace

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

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

Počítačové sítě. Počítačová síť. VYT Počítačové sítě

Počítačové sítě. Počítačová síť. VYT Počítačové sítě Počítačové sítě Počítačová síť Je soubor technických prostředků, které umožňují spojení mezi počítači a výměnu informací prostřednictvím tohoto spojení. Postupný rozvoj během druhé poloviny 20. století.

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

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

Střední odborná škola a Střední odborné učiliště, Hořovice Kód DUM : VY_32_INOVACE_DYN.1.18 Název materiálu: Anotace Autor Jazyk Očekávaný výstup 18 PHP- Základy práce s databází PHP - MySQL DUM naučí žáky postupu při vytvoření, připojení databáze a vytvoření

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

7. SEO Nástroje pro analýzu úspěšnosti. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

7. SEO Nástroje pro analýzu úspěšnosti. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 7. SEO Nástroje pro analýzu úspěšnosti Web pro kodéry (Petr Kosnar, ČVUT, Obsah Terminologie Fáze SEO Strategie SEO Key Performance Indicator Analýza klíčových slov AdWords Google Analytics Google Webmaster

Více

Postupy práce se šablonami IS MPP

Postupy práce se šablonami IS MPP Postupy práce se šablonami IS MPP Modul plánování a přezkoumávání, verze 1.20 vypracovala společnost ASD Software, s.r.o. dokument ze dne 27. 3. 2013, verze 1.01 Postupy práce se šablonami IS MPP Modul

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

7. Aplikační vrstva. Aplikační vrstva. Počítačové sítě I. 1 (5) KST/IPS1. Studijní cíl. Představíme si funkci aplikační vrstvy a jednotlivé protokoly.

7. Aplikační vrstva. Aplikační vrstva. Počítačové sítě I. 1 (5) KST/IPS1. Studijní cíl. Představíme si funkci aplikační vrstvy a jednotlivé protokoly. 7. Aplikační vrstva Studijní cíl Představíme si funkci aplikační vrstvy a jednotlivé protokoly. Doba nutná k nastudování 2 hodiny Aplikační vrstva Účelem aplikační vrstvy je poskytnout aplikačním procesům

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

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

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

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie Škola Střední odborná škola a Střední odborné učiliště, Hustopeče, Masarykovo nám. 1 Autor Ing. Jiří Tinka Číslo projektu CZ.1.07/1.5.00/34.0394 Číslo DUM VY_32_INOVACE_18_ICT_08.08a Název Tvorba webu

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

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

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

ŠKODA Portal Platform

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

Více

PALSTAT s.r.o. systémy řízení jakosti PALSTAT CAQ verze. 3.00.01.09 Kontakty 08/2010. 1 Obsah

PALSTAT s.r.o. systémy řízení jakosti PALSTAT CAQ verze. 3.00.01.09 Kontakty 08/2010. 1 Obsah 1 Obsah 1 Obsah... 1 2 Úvod a spouštění SW Palstat CAQ... 2 2.1.1 Návaznost na další SW moduly Palstat CAQ... 2 2.2 Přihlášení do programu... 2 2.2.1 Stanovení přístupu a práv uživatele... 2 2.2.2 Spuštění

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

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

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

Microsoft Word základní

Microsoft Word základní Časový rozsah: 2 dny (8:30-14:00) Cena: 2400 Kč + DPH Microsoft Word základní Tvorba kratších dokumentů se zaměřením na korespondenci. Základy tvorby a formátování písma a odstavců. Vkládání tabulek a

Více

M E T O D I K A W I K I

M E T O D I K A W I K I M E T O D I K A W I K I STŘEDNÍ ŠKOLY INFORMATIKY A SPOJŮ, BRNO, ČICHNOVA 23 NÁPOVĚDA OBSAH Webové stránky Střední školy informatiky a spojů, Brno, Čichnova 23... 3 Moje stránka... 6 Přihlášení... 6 Po

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

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

24-2-2 PROMĚNNÉ, KONSTANTY A DATOVÉ TYPY TEORIE DATUM VYTVOŘENÍ: 23.7.2013 KLÍČOVÁ AKTIVITA: 02 PROGRAMOVÁNÍ 2. ROČNÍK (PRG2) HODINOVÁ DOTACE: 1

24-2-2 PROMĚNNÉ, KONSTANTY A DATOVÉ TYPY TEORIE DATUM VYTVOŘENÍ: 23.7.2013 KLÍČOVÁ AKTIVITA: 02 PROGRAMOVÁNÍ 2. ROČNÍK (PRG2) HODINOVÁ DOTACE: 1 24-2-2 PROMĚNNÉ, KONSTANTY A DATOVÉ TYPY TEORIE AUTOR DOKUMENTU: MGR. MARTINA SUKOVÁ DATUM VYTVOŘENÍ: 23.7.2013 KLÍČOVÁ AKTIVITA: 02 UČIVO: STUDIJNÍ OBOR: PROGRAMOVÁNÍ 2. ROČNÍK (PRG2) INFORMAČNÍ TECHNOLOGIE

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

IE1 jazyk HTML a kaskádové styly

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

Více

8.2 Používání a tvorba databází

8.2 Používání a tvorba databází 8.2 Používání a tvorba databází Slide 1 8.2.1 Základní pojmy z oblasti relačních databází Slide 2 Databáze ~ Evidence lidí peněz věcí... výběry, výpisy, početní úkony Slide 3 Pojmy tabulka, pole, záznam

Více

Stručný obsah. Úvod 15. KAPITOLA 1 První kroky v systému Windows 8 19. KAPITOLA 2 Hlavní panel a jeho možnosti 41. KAPITOLA 3 Soubory a složky 51

Stručný obsah. Úvod 15. KAPITOLA 1 První kroky v systému Windows 8 19. KAPITOLA 2 Hlavní panel a jeho možnosti 41. KAPITOLA 3 Soubory a složky 51 Stručný obsah Úvod 15 KAPITOLA 1 První kroky v systému Windows 8 19 KAPITOLA 2 Hlavní panel a jeho možnosti 41 KAPITOLA 3 Soubory a složky 51 KAPITOLA 4 Práce se schránkou 85 KAPITOLA 5 Osobní přizpůsobení

Více

Dnešní téma. Oblasti standardizace v ICT. Oblasti standardizace v ICT. Oblasti standardizace v ICT

Dnešní téma. Oblasti standardizace v ICT. Oblasti standardizace v ICT. Oblasti standardizace v ICT Dnešní téma Oblasti standardizace v ICT Případové studie standardizace v ICT: 1) Znakové sady 2) Jazyk 1. technická infrastruktura transfer a komunikace informací, přístup k informacím, sdílení zdrojů

Více

VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM

VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM 1. Historie a vývoj VT. Dnešní parametry PC. Von Neumannovo schéma. a. historie a vznik počítačů b. využití počítačů

Více

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

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

Více

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

webmarketin Základní moduly aplikace

webmarketin Základní moduly aplikace webmarketin Aplikace webmarketing je komplexní online nástroj určený pro podporu a řízení marketingu a CRM ve společnosti. Její součástí jsou webové ankety, SMS kampaně nebo newslettery, které lze spravovat

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

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

Textové editory. Ing. Luděk Richter

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

Více

DATABÁZE MS ACCESS 2010

DATABÁZE MS ACCESS 2010 DATABÁZE MS ACCESS 2010 KAPITOLA 5 PRAKTICKÁ ČÁST TABULKY POPIS PROSTŘEDÍ Spuštění MS Access nadefinovat název databáze a cestu k uložení databáze POPIS PROSTŘEDÍ Nahoře záložky: Soubor (k uložení souboru,

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

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

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

Více

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

IE1 jazyk HTML a kaskádové styly

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

Více

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

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

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

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

Střední odborná škola a Střední odborné učiliště, Hořovice Kód DUM : VY_32_INOVACE_DYN.1.19 Název materiálu: 19 PHP- Základy práce s databází PHP 2. část MySQL (Aplikace knihovna) Anotace Autor Jazyk Očekávaný výstup DUM je žákům průvodcem vytvoření databáze knih

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

Formátování diplomové práce (Office 2007,2010)

Formátování diplomové práce (Office 2007,2010) Formátování diplomové práce (Office 2007,2010) Formátování textu Formát textu je jeden z faktorů, který ovlivní celkový dojem a funkčnost dokumentu. Mnoho začátečníků se zpočátku nechává unést možnostmi

Více