!!Via!AUREA,!s.r.o.!

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

Download "!!Via!AUREA,!s.r.o.!"

Transkript

1 ViaAUREA,s.r.o. Lidická48,60200Brno IČ: DIČ:CZ Posledníaktualizace: tel.:

2 1 SPECIFIKACE%HTML%KREATIVY%...%3 1.1 COJEHTMLBANNER DEFINICEPROKLIKU Příklad+pro+klasický+HTML+banner Příklad+pro+banner+vytvořený+pomocí+Swiffy Přiklad+pro+banner+vytvořený+pomocí+Google+Web+Designer TESTIMPLEMENTACEPROKLIKU FORMÁTBANNERU DATOVÁVELIKOSTBANNERU SPECIFIKACE%FLASH%KREATIVY%...% KÓDPROACTIONSCRIPT KÓDPROACTIONSCRIPT IMPORT%KREATIVY%DO%SYSTÉMU%ADVANTAGE%PŘES%URL%...% SPECIFIKACEKREATIVY Jednoduchá+flash+kreativa Obrázková+kreativa Složitější+HTML+banner Práce+s+CSS+styly Formuláře Nestahování+datových+souborů+do+systému+adVantage Ověření+funkčnosti+kreativy /16% %

3 1% Specifikace%HTML%kreativy% Tento text popisuje způsob výroby HTML kreativy, tak aby při jejím vložení do reklamního systémuadvantage,bylakorektnězobrazenaakorektněsepočítalastatistikaprokliků. 1.1% Co%je%HTML%banner% PokudsevývojemHTMLprezentací,stránekabannerůzabýváte,taktutokapitolurovnou přeskočte. Tento odstavec reaguje na akutní opuštění Flash technologie z důvodů ukončení podpory vprohlížečíchchrome. Pokud přecházíte z technologie Flash, pravděpodobně velmi těžko budete hledat podobný nástroj,nakterýjstevsoučasnédobězvyklý.pomůžemevámsealespoňtrochuzorientovat v postupech tvorby HTML bannerů. Prvně doporučujeme pročíst dokument SPIRU širšímměřítku. VsoučasnédoběsedákHTMLbannerudopracovatněkolikazpůsoby: Tvorba% banneru% přímo% v% HTML% (CSS,% JavaScript) je určeno pro kodéry/webdesignery/programátory. Banner se z pohledu tvorby neliší od klasické HTMLstránky,jedinénacojenutnémyslet,jevelikostvýslednéplochy,kdesebanner budezobrazovat. Tvorba%banneru%v% SW%nástroji cílemtěchtoprogramůjeposkytnoutuživatelsky přívětivéprostředíprotvorbubannerů.preferencejednotlivýchnástrojůjenavás: /16% %

4 Konverze%Flash%banneru%na%HTML existujeněkoliknástrojů,kterédokážíflash banner zkonvertovat na HTML banner. Mezi nimi je i nástroj od Google Swiffy Každopádně využijetehli kterýkoliv způsob, musí% kreativa% splňovat% požadavky% uvedené% v%dalších%kapitolách. 1.2% Definice%prokliku% HTMLbannermusíumětvzítadresuproklikuzparametruclickthru,kterýjeuloženvURL banneru.adresaproklikumusíbýtpoužitanavšechodkazech,kterévbanneruexistují. ReklamnísystémadVantagepodporujesituaci,kdyseclickthruadresapředřadípředexistující odkazvbanneru.tímmůžebýtdocílenofunkčnosti,žepřiproklikudojdekpřesměrovánína tento odkaz a zároveň započítání prokliku v reklamním systému. Operátorům reklamního systémulzetedypředatcílovéurldvěmazpůsoby.prvním,doposudstandardním,vrámci zasílaných podkladů nebo druhou alternativou přímo v banneru. Vámi realizovanou formu prosím sdělte spolu se zasílanými podklady, operátor reklamního systému musí podporu odkazůvbannerupovolit. Dalšíparametr,kterýjenutnéimplementovatjeclickTarget,kterýmseřídícíl(target)odkazu. Přenesení adresy z clickthru a parametru clicktarget do banneru lze docílit pomocí JavaScriptu. V následujících ukázkách naleznete příklady zpracování parametrů HTML bannerů,můžetesevnichinspirovat % Příklad%pro%klasický%HTML%banner% Jedná se o banner vytvářený přímo v HTML, u kterého jsou všechny odkazy realizovány pomocí tagu <a> (pokud je v banneru proklik realizován pomocí JavasScriptu, je nutné clickthruzajistitprogramově). Následující kód umístěte těsně před uzavírací značku </body>. Kód zajistí zpracování zpracováníparametruclickthruaclicktarget+vevšechodkazech<a>vbanneru.kexistujícím odkazůmjeclickthrupředřazen,takželzevyužítuloženýchodkazůvbanneru. <script type="text/javascript"> function geturlvar(name){ if (typeof geturlvar.params == 'undefined' geturlvar.params.length == 0) { geturlvar.params = []; 4/16% %

5 1).split('&'); var hash, hashes = window.location.href.slice(window.location.href.indexof('?') + for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); geturlvar.params.push(hash[0]); geturlvar.params[hash[0]] = hash[1]; return typeof(geturlvar.params[name]) == 'undefined'? '' : geturlvar.params[name]; function getclickthru(encode){return (typeof(encode) == 'undefined' encode)? decodeuricomponent(geturlvar('clickthru')) : geturlvar('clickthru'); function getclicktarget(){return geturlvar('clicktarget'); var anchors = document.getelementsbytagname('a'); for (var i = 0; i < anchors.length; i++) { </script> anchors[i].href = getclickthru() + encodeuricomponent(anchors[i].href); anchors[i].target = getclicktarget(); Verze pro bezpečné kopírování Správnoufunkciotestujtepodlenávoduvkapitole1.3Testimplementaceprokliku % Příklad%pro%banner%vytvořený%pomocí%Swiffy% BannervytvořenýpomocíkonvertoruSwiffyzFlashedoHTML. PremisousprávnéfunkčnosticlickthrujezajištěníjehofunkcionalityvezdrojovéSWFsouboru, viz kapitola 2 Specifikace Flash kreativy. Konvertovaný banner lze bez úprav nasadit do reklamníhosystému. Správnoufunkciotestujtepodlenávoduvkapitole1.3Testimplementaceprokliku % Přiklad%pro%banner%vytvořený%pomocí%Google%Web%Designer% Vpohledu Codeview vložtehnednazačátekzařádeks<head...následujícískript <script type="text/javascript"> function geturlvar(name){ if (typeof geturlvar.params == 'undefined' geturlvar.params.length == 0) { geturlvar.params = []; var hash, hashes = window.location.href.slice(window.location.href.indexof('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); geturlvar.params.push(hash[0]); 5/16% %

6 geturlvar.params[hash[0]] = hash[1]; return typeof(geturlvar.params[name]) == 'undefined'? '' : geturlvar.params[name]; function getclickthru(encode){return (typeof(encode) == 'undefined' encode)? decodeuricomponent(geturlvar('clickthru')) : geturlvar('clickthru'); function getclicktarget(){return geturlvar('clicktarget'); </script> Verze pro bezpečné kopírování: PřidatdobannerukomponentuTapArea 6/16% %

7 Přidat událost na proklik TapArea: Events " + " gwdhtaparea1 " Tap Area " Touch/Click " Custom "Add custom action " název funkce exit a do pole dát následujícíkód. var url=" // doplnit URL kam směruje banner if (getclicktarget() == '_top'){ window.top.location.href = getclickthru() + url; else{ window.open(getclickthru() + url, getclicktarget()); Verze pro bezpečné kopírování: Správnoufunkciotestujtepodlenávoduvkapitole1.3Testimplementaceprokliku. 7/16% %

8 1.3% %Test%implementace%prokliku% BezohledunazpůsobvýrobyHTMLkreativyjepostupověřenífunkčnostivždystejný,stačí připravenýbannerotevřítvprohlížečiazaadresupřidattentokód:?clickthru=http%3a%2f%2fwww.advantage.as%2fimclickthru.php%3fim%3dy2xpy2t0ahj1o2 h0dha6ly93d3cuywr2yw50ywdllmfzl2nsawnrdghyds5odg1s%253b%26redirurl%3d&clickta rget=_blank Verze pro bezpečné kopírování: Poproklikunabannerpřejdetenamezistránku,kteráindikujesprávné zpracování, pokud následněbudetepřesměrovánínacílovouadresu,jeimplementaceclickthrukorektní. 1.4% Formát%banneru% ReklamnísystémpřijímádvatypyformátůHTMLbannerů jednosouborový%html%banner jedensamostatnýhtmlsouborspříponou.html. ZIP%archív,vekterémjevkořenovémadresářisoubor%index.htmlapřípadnědalší připojenésoubory(obrázky,javascripty,css,atd.)aadresáře.archivnesmíobsahovat žádnédalšísoubory,kterénejsouprozobrazenídůležité. 8/16% %

9 1.5% Datová%velikost%banneru% Základní datová velikost banneru se počítá vzhledem k ZIP archivu (u jednosouborového bannerujenutnévyzkoušet).bannernesmístahovatzexterníchzdrojůžádnédalšísoubory vč.fontů,scriptůatd.,kroměpovolenýchvýjimek: JavaScriptové knihovny nástrojů pro tvorbu HTML bannerů nepočítají% se% do% výsledné%velikosti o SwiffyHhttps:// o EdgeHhttps://animate.adobe.com/runtime/5.0.1/edge min.js o dalšíjenutnékonzultovatsoperátorysystému Vždysemusíjednatooficiální%zdroj%výrobcedanéhosoftwareaknihovnamusíbýt načítánazhttps%protokolu. Celková datová velikost vztažená k ZIP formátu nesmí% přesáhnout% 75kB pro standardní formáty. 9/16% %

10 2% Specifikace%Flash%kreativy% Flash kreativa nesmí obsahovat napevno vložený URL odkaz cílové stránky, ale musí ho přijímatzparametru.tentoparametrsejmenujeclickthru,aveflashijehomožnéintegrovat následujícímpostupem. 2.1% Kód%pro%Action%Script%2% Natlačítko,kterépokliknutípřesměrujeuživatelenacílovéstránky,jenutnédefinovatakci geturl()stěmitoparametry: on (release) { if ( _root.clickthru && _root.clicktag ) { _root.clickthru = _root.clicktag; if ( _root.clicktarget ) { _root.clicktarget = "_top"; else if (Key.isDown(Key.SHIFT)) { _root.clicktarget = "_blank"; geturl( _root.clickthru, _root.clicktarget); ProotestovánísprávnéhochováníjemožnévložitFlashdoHTMLstránkyvnásledujícímtvaru: banner.swf?clickthru=http%3a%2f%2fwww.viaaurea.cz a zkusit proklik na stránku uvedenou v parametru (URL v parametru clickthru musí být zakódován). 2.2% Kód%pro%Action%Script%3% ActionScript3sezásadněodlišujeodpředchozíhopříkladukódu.Kódseumisťujenaprvní polenačasovéose,odtohotookamžikumusíbýtdostupnátakéinstanceobjektutypubutton pro navázání prokliku. Instance tlačítka má název AdbuttonJmeno. Parametry clickthru a clicktargetjsoustejnéjakovpředchozímpříkladu. Konkrétníkódproklikujenásledující: 10/16% %

11 var clickt:object = root.loaderinfo.parameters; if (clickt.clickthru == undefined && clickt.clicktag) { clickt.clickthru = clickt.clicktag; if (clickt.clickthru == undefined && clickt.clicktag) { clickt.clickthru= clickt.clicktag; if (clickt.clicktarget == undefined ) { clickt.clicktarget = "_top"; AdbuttonJmeno.addEventListener( MouseEvent.CLICK, function(e:mouseevent):void { navigatetourl(new URLRequest(clickT.clickthru), clickt.clicktarget); ); OtestovánífunkčnostijestejnéjakouAS2(URLvparametruclickthrumusíbýtzakódován). banner.swf?clickthru=http%3a%2f%2fwww.viaaurea.cz 11/16% %

12 3% Import%kreativy%do%systému%adVantage%přes% URL% SystémadVantageumožňujeimportbannerupřeszadanéURL(tzn.inzerentmístokreativy pošleodkaznakreativu,kterouumístínaveřejnědostupnýserver).importmůžebýtproveden jednorázově nebo pravidelně v 15 minutových intervalech, což umožňuje flexibilní úpravy kreativy(aktuálnínabídky,lasthminuteatd.).vzhledemktomu,ževšechnydatovésoubory jsoustaženynaserveryreklamníhosystému,nedocházíkzátěžiklientskýchserverů.stažení datových souborů lze potlačit příznakem #av_no_download podrobnosti jsou uvedeny vpodkapitole3.1.6hnestahovánídatovýchsouborůdosystémuadvantage. Princip importu je založen na vystavení kreativy na internetu v podobě jednoduché HTML stránkynaklientskémserveru.obsluzereklamníhosystémupakstačíjensdělittutoadresu, odkudsisystémkreativunačte. 3.1% Specifikace%kreativy% Kreativa musí být uložena do HTML stránky včetně hlavičky, ve které je specifikováno kódování.dosystémuseimportujevše,cojeobsaženovtagu<body>.všechny%odkazy,% na% které% má% kreativa% mířit,% a% všechny% zdroje% obrázků% (flashů)% musí% být% uvedeny% absolutně,tzn.včetně přesiframe,protojenutné,abykaždýodkazvestránceměldefinovanýtarget%na%_top % Jednoduchá%flash%kreativa% Pro flash kreativu je nutné, aby splňovala požadavky, které jsou uvedené v kapitole 0 % % <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>flash Banner</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> </head> <body> 12/16% %

13 <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" 6,0,40,0" width="120" height="600"> <param name="movie" value=" <param name="quality" value="high"> <param name="loop" value="true"> <param name="menu" value="false"> <param name="wmode" value="opaque"> <param name="allowscriptaccess" value="always"> <embed src=" quality="high" pluginspage=" type="application/x-shockwave-flash" width="120" height="600" loop="true" menu="false" wmode="opaque" allowscriptaccess="always"></embed> </object> </body> </html> Systémumožňujespecifikovatalternativníbannerkflashbanneru,kterýsepoužijevpřípadě, žeklientnemánainstalovanýflashplayervesvémprohlížeči.alternativníbannermůžemít podobujakoukázkavkapitole3.1.2obrázkovákreativa % Obrázková%kreativa% VelmipodobnělzevytvářetHTML/obrázkovýbanner <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>html Banner</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> </head> <body> <a href=" target="_top"> <img src=" border="0" width="120" height="600" alt="banner na nejlepší zboží v ČR" /> </a> </body> </html> 13/16% %

14 3.1.3% Složitější%HTML%banner% ImportovanákreativamůžeobsahovativíceobrázkunebosložitějšíHTMLstrukturu. <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>html Banner</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> </head> <body> <div style="width:120px;height:600px; text-align: center;" > <img src=" width= 120" height= 80 > <a target="_top" href=" SGH-X530 Blue modrý <br> <img src=" border=0 width="75" height="75" alt="samsung SGH-X530 Blue modrý"> </a> <br> <div style="weight: bold;"> Cena: 3990 Kč </div> <br> <a target="_top" href=" N70<br> <img src=" border=0 width="75" height="75" alt="nokia N70"> </a> <br> <div style="weight: bold;"> Cena: 3990 Kč </div> </div> <img src=" style="margin-top: 29px;width:120px;"> </body> </html> 3.1.4% Práce%s%CSS%styly% Importovaná kreativa může obsahovat definici stylů, ale pouze v HTML struktuře, ne z externíhozdroje.jsoupodporoványkonstrukce<style>astyle=""vtazíchhtml. 14/16% %

15 3.1.5% Formuláře% Systém umožňuje importovat kreativu, která obsahuje formuláře, resp. tag <FORM>. Do kreativylzeformulářezakomponovatdvěmazpůsoby,jedenjejednodušší,aleneumožňujeu kreativysledovatstatistikukliků,druhýjesložitější,aleumípočítatkliky. H bez%statistiky%kliků doactionvložtecílovoustránku(absolutnícestou) H se%statistikou%kliků%hodobsluhyreklamníhosystémuobdržítedvaidentifikátoryaid alid.doactionsevložíurlreklamníhosystémuacílovéurlsevložídoskrytého pole.výslednýkódpakmůževypadatnásledovně(použijtehodnotyzaslanéobsluhou) <form action=" method="get" target="_blank"> <input type="hidden" name="aid" value="82"> <input type="hidden" name="lid" value="93"> <input type="hidden" name="redirurl" value=" </form> V případě použití formulářů, test kreativy viz kap hlásí upozornění, že import nezpracovalněkteréodkazy.jednáseoodkazyaction,popř.redirurl,cožjevpořádkůalze totohlášeníignorovat % Nestahování%datových%souborů%do%systému%adVantage% Datovésoubory(obrázky,flash,CSSpozadí)mohouobsahovatpříznak,žesesouborbude vždynačítatzexterníhozdroje např.zdrojovéurlimportovanékreativy.označenítohoto příznakuje#av_no_download.napříkladjednoduchýobrázkovýbannerbyvypadal: <imgsrc= > Vpřípaděflashbannerujezápisapoužitíobdobné.Jenjepotřebazadatpříznakdovšech URL jakembed/src,takparam/value. 15/16% %

16 <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" 6,0,40,0" width="120" height="600"> <param name="movie" value=" _download"> <param name="quality" value="high"> <param name="loop" value="true"> <param name="menu" value="false"> <param name="wmode" value="opaque"> <param name="allowscriptaccess" value="always"> <embed src=" ownload" quality="high" pluginspage=" type="application/x-shockwave-flash" width="120" height="600" loop="true" menu="false" wmode="opaque" allowscriptaccess="always"></embed> </object> V URL by měl být příznak #av_no_download uváděn až na konci. Za prvé to nenaruší správnosturladresyatakésepříznaklehcedohledávezdrojovémkódu % Ověření%funkčnosti%kreativy% Kreativu,kterousipřejeteimportovatdoreklamníhosystémujevhodnéotestovat.Naveřejně přístupnou adresu vystavte kreativu, proveďte vizuální kontrolu a otestujte, jestli všechny odkazymířínasprávnécílovéstránkyalzejeprokliknout. Dalším krokem kontroly je test importu kreativy na stránce kde se provede simulace importu do systému (do formulářového pole vložte URL, kde je kreativa/banner umístěn). Pokudsystémnereportuježádnouchybu,bannerjevizuálněvpořádkuavšechnyprokliky míří na cílové stránky, je kreativa, odkaz, připraven k odeslání operátorům reklamního systému. 16/16% %

Specifikace reklamních formátů HTML 5 pro nasazení do ibillboard Ad Server Verze 2/2015

Specifikace reklamních formátů HTML 5 pro nasazení do ibillboard Ad Server Verze 2/2015 Specifikace reklamních formátů HTML 5 pro nasazení do ibillboard Ad Server Verze 2/2015 Stránka 1 z 5 Datová velikost HTML 5 bannerů Záleží na formátu banneru. Dle specifikace SPIR, má každý formát banneru

Více

Pravidla a technické parametry reklam

Pravidla a technické parametry reklam Pravidla a technické parametry reklam Pravidla pro tvorbu banneru - reklama nesmí být agresivní, ve smyslu chvění a blikání o za agresivní banner je považována kreativa, která ve velmi krátkém časovém

Více

ČSFD.cz - technická specifikace reklamních formátů

ČSFD.cz - technická specifikace reklamních formátů 1. Bannery 1. banner musí být ve formátu jpg, png, gif (sekce 1.2), HTML5 (sekce 1.3), swf, swc (sekce 1.3) nebo jako externí script, který banner vykreslí (sekce 1.4) 2. rozměry bannerů musí být následující

Více

ČSFD.cz - technická specifikace reklamních formátů

ČSFD.cz - technická specifikace reklamních formátů 1. Bannery 1. banner musí být ve formátu jpg, png, gif (sekce 1.2), HTML5 (sekce 1.3), swf, swc (sekce 1.3) nebo jako externí skript, který banner vykreslí (sekce 1.4) 2. rozměry bannerů musí být následující

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

ČSFD.cz - technická specifikace reklamních formátů

ČSFD.cz - technická specifikace reklamních formátů 1. Bannery 1. banner musí být ve formátu jpg, png, gif (sekce 1.2), HTML5 (sekce 1.3), swf, swc (sekce 1.3) nebo jako externí script, který banner vykreslí (sekce 1.4) 2. rozměry bannerů musí být následující

Více

Podklad pro tvorbu ilayer typu

Podklad pro tvorbu ilayer typu 1 Podklad pro tvorbu ilayer typu poslední úprava 11.2011 Obsah Ilayer v SWF jednosouborové a dvousouborové 1 Kódování ilayeru 2 Kódy v dvousouborovém layeru 3 1. STARTER SWF SOUBOR 3 2. LAYER SWF SOUBOR

Více

BURDA DIGITAL SPECIFIKACE REKLAMNÍCH FORMÁTŮ

BURDA DIGITAL SPECIFIKACE REKLAMNÍCH FORMÁTŮ BURDA DIGITAL SPECIFIKACE REKLAMNÍCH FORMÁTŮ BANNEROVÁ REKLAMA Název Rozměr Formát Velikost Poznámka Šířka webu (2) x Megaboard 45 kb Šířka viz specifikace k jednotlivým webům (2) 120 px Leaderboard 745

Více

Internet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz

Internet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz Internet cvičení ZS 2009/10, Cvičení 3.,8.12.2009 Tomáš Pop DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz CHARLES UNIVERSITY PRAGUE Faculty of Mathematics and Physics Java Script obecně Moc

Více

Ceník a pravidla pro výrobu bannerů

Ceník a pravidla pro výrobu bannerů Ceník a pravidla pro výrobu bannerů Aktualizováno 1. 1. 2018 2 Souhrn pravidel PRAVIDLA, JEJICHŽ DODRŽENÍ JE ZÁKLADNÍM PŘEDPOKLADEM KE SCHVÁLENÍ A NASAZENÍ BANNERŮ PROSTŘEDNICTVÍM REKLAMNÍHO SYSTÉMU. Banner

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Dědičnost objektů BI-JSC Evropský sociální fond

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

Formuláře. Internetové publikování. Formuláře - příklad

Formuláře. Internetové publikování. Formuláře - příklad Formuláře Internetové publikování Formuláře - příklad 1 Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře

Více

Název Live prez Sear enta Maps

Název Live prez Sear enta Maps Vladimír Jarotek Název Live Search prezentace Maps Nadpis Obsah 1. Co je to Live Search Maps 2. API 3. Závěr 4. Literatura Nadpis 1 Co je to a co nabízí Live Search Maps Jedná se o projekt (službu) prohledávání

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

Specifikace standardních reklamních formátů na serverech idnes.cz a Lidovky.cz

Specifikace standardních reklamních formátů na serverech idnes.cz a Lidovky.cz Specifikace standardních reklamních formátů na serverech idnes.cz a Lidovky.cz Obsah Obecná pravidla pro výrobu bannerů 2 Pravidla pro použití externích kódů 3 Rozměry a datové velikosti standardních formátů

Více

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce

Více

České vysoké učení technické v Praze Fakulta elektrotechnická. Remote Flash Usability testing

České vysoké učení technické v Praze Fakulta elektrotechnická. Remote Flash Usability testing České vysoké učení technické v Praze Fakulta elektrotechnická Semestrální práce z předmětu Návrh uživatelského rozhraní Remote Flash Usability testing Autor: Email: skrivl1@fel.cvut.cz Datum: 28.5.2006

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

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Skriptovani browseru BI-JSC Evropský sociální

Více

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné

Více

Ajax - úvod. Klíčové pojmy: Ajax, skriptování na straně klienta a serveru, objekt XMLHttpRequest, DOM model.

Ajax - úvod. Klíčové pojmy: Ajax, skriptování na straně klienta a serveru, objekt XMLHttpRequest, DOM model. Ajax - úvod Kapitola má seznámit se základy technologie Ajax, připomene základy JavaScriptu a seznámí s vytvořením objektu XMLHttpRequest. Obsahuje některé jednoduché příklady. Klíčové pojmy: Ajax, skriptování

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Syntaxe 1. část BI-JSC Evropský sociální fond

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

GIS integrované využití 6 sem podtitul nebo stručně obsah. OpenLayers

GIS integrované využití 6 sem podtitul nebo stručně obsah. OpenLayers OpenLayers strana 2 Co je to OpenLayers? l Open-Source projekt l JavaScriptová Knihovna l Jednoduché řešení pro vložení dynamické interaktivní mapy do webové stránky strana 3 HTML Stránka

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Anonymní funkce BI-JSC Evropský sociální fond

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

Printris. Hra Printris je psána pomocí příkazů Javascriptu a standardních příkazů HTML.

Printris. Hra Printris je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Printris Hra Printris je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra je založena ne principu Tetrisu. Úkolem hráče je umístit tři stejné tiskárny vodorovně nebo svisle do jedné řady.

Více

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s

Více

Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra

Více

NSWI096 - INTERNET. Úvod do HTML

NSWI096 - INTERNET. Úvod do HTML NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup

Více

Technické specifikace a pravidla pro tvorbu bannerů

Technické specifikace a pravidla pro tvorbu bannerů Technické specifikace a pravidla pro tvorbu bannerů Obecná pravidla... 1 Pravidla pro všechny typy bannerů... 1 Pravidla pro použití externích kódů... 2 Technické specifikace kreativ... 2 Způsob definice

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

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

Kreativy, obsahující některé z níže uvedených prvků, není povoleno v systému ibillboard RTB zobrazovat :

Kreativy, obsahující některé z níže uvedených prvků, není povoleno v systému ibillboard RTB zobrazovat : ibillboard podmínky využití reklamních Kreativ Obsah ibillboard podmínky využití reklamních Kreativ... 1 Nepovolené kreativy:... 2 Předschválení je povinné pro:... 2 Formáty bannerů... 3 Technické specifikace...

Více

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

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová (X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před

Více

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

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

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Funkce podrobněji BI-JSC Evropský sociální fond

Více

Formuláře. Internetové publikování

Formuláře. Internetové publikování Formuláře Internetové publikování Formuláře - příklad Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře

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

Podpora nových webových technologií HTML5 a CSS3 v aktuálních verzích prohlížečů

Podpora nových webových technologií HTML5 a CSS3 v aktuálních verzích prohlížečů Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Podpora nových webových technologií HTML5 a CSS3 v aktuálních verzích prohlížečů PaedDr. Petr Pexa, Ph.D. 9. dubna 2014

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

Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s

Více

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor

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

Zpráva webmastera klubu pro členskou schůzi 2015. Radek Šíp, 7/2014 9/2015

Zpráva webmastera klubu pro členskou schůzi 2015. Radek Šíp, 7/2014 9/2015 Zpráva webmastera klubu pro členskou schůzi 2015 Radek Šíp, 7/2014 9/2015 Náklady na provoz Hosting klubovýchstránek U webhostingové společnosti Web4U Cena za rok 2.208Kč, tj. 184Kč měsíčně Údržba (provoz)

Více

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

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

Více

K práci budeme využívat souborového manažeru Unreal Commander alespoň si ho procvičíme

K práci budeme využívat souborového manažeru Unreal Commander alespoň si ho procvičíme PHP je programovací jazyk, který pracuje na straně serveru. S PHP můžete ukládat a měnit data webových stránek. PHP původně znamená Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami

Více

Úvod do tvorby internetových aplikací

Úvod do tvorby internetových aplikací CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Události (events) BI-JSC Evropský sociální fond

Více

Úvod do aplikací internetu a přehled možností při tvorbě webu

Úvod do aplikací internetu a přehled možností při tvorbě webu CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Operátory a příkazy BI-JSC Evropský sociální fond

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

www.helpmark.cz Tomáš Herout

www.helpmark.cz Tomáš Herout 4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi

Více

JavaScript 101. "Trocha života do statických stránek"

JavaScript 101. Trocha života do statických stránek JavaScript 101 "Trocha života do statických stránek" Nacionále: JavaScript 101 Vznik: Netscape, 1995 Původně Mocha, později LiveScript, nakonec z marketingových důvodů přejmenován na JavaScript JavaScript

Více

Content Security Policy

Content Security Policy Content Security Policy Nový přístup v boji proti XSS 2011.cCuMiNn. Cross Site Scripting (XSS) XSS je všudypřítomné výskyt cca v 80% webových aplikací Webový browser nevidí rozdíl mezi legitimním skriptem

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

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

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE

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

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

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

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

Tlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot.

Tlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot. CATCHER Hra Catcher je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Úkolem hráče je rozeznat volný a placený software. Objekty s názvem a logem software se nepravidelně objevují a pohybují

Více

Ceník vložené reklamy a technická specifikace inzerce v katalogu nových a ojetých vozidel CarPress

Ceník vložené reklamy a technická specifikace inzerce v katalogu nových a ojetých vozidel CarPress Ceník vložené reklamy a technická specifikace inzerce v katalogu nových a ojetých vozidel CarPress MIMOŘÁDNÉ NABÍDKY:!!! CarPress + SPORT 5 (tento komplet se slevou 50%, více na straně 4)!!! AKCE -50%

Více

Tvorba webových stránek

Tvorba webových stránek Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových

Více

OBECNÉ PODMÍNKY PRO REKLAMNÍ BANNERY

OBECNÉ PODMÍNKY PRO REKLAMNÍ BANNERY 1 OBECNÉ PODMÍNKY PRO REKLAMNÍ BANNERY Následující obecná pravidla mají za cíl zjednodušit celý proces schválení a nasazení formátů do reklamního systému. Případné výjimky a řešení speciálních reklamních

Více

HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag>

HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag> HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) text HTML HyperText Markup Language HTML první verze 1991 Značkovací jazyk

Více

NSWI096 - INTERNET JavaScript

NSWI096 - INTERNET JavaScript NSWI096 - INTERNET JavaScript Mgr. Petr Lasák JAVASCRIPT JAK SE DNES POUŽÍVÁ Skriptovací (interpretovaný) jazyk Umožňuje interaktivitu Použití: Dialogy Kontrola dat ve formulářích Změny v (X)HTML dokumentu

Více

Bottle -- příklad. Databáze. Testovací data. id Jedinečný identifikátor řádku: Bude typu INT s AUTO_INCREMENT a nastavíme ho jako primární klíč

Bottle -- příklad. Databáze. Testovací data. id Jedinečný identifikátor řádku: Bude typu INT s AUTO_INCREMENT a nastavíme ho jako primární klíč Bottle -- příklad V tomto příkladu se pokusíme vytvořit malou aplikaci umožňující psát jednoduché poznámky. Databáze Nejprve je třeba vytvořit v databázovém serveru uživatele (pokud už není vytvořen) a

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Skriptování dokumentu BI-JSC Evropský sociální

Více

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866

Více

Ceník on-line regionální inzerce 5plus2

Ceník on-line regionální inzerce 5plus2 Ceník on-line regionální inzerce 5plus2 platný od 1. 1. 2014 Co přinášíme? > Objektivní on-line zpravodajství s vysokou regionální návštěvností. Zprávy z domova i zahraničí, informace z kultury, cestování,

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

Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka

Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným

Více

Co je ireceptář.cz. ireceptář.cz přináší užitečné informace pro zájemce o témata: Rubriky

Co je ireceptář.cz. ireceptář.cz přináší užitečné informace pro zájemce o témata: Rubriky Prezentace Co je ireceptář.cz ireceptář.cz je aktuálně druhým nejčtenějším internetovým hobby portálem v České republice. Navazuje na dlouholetou tradici nejprodávanějšího tištěného hobby časopisu Receptář.

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

HTML stránka vložení obrázku

HTML stránka vložení obrázku HTML stránka vložení obrázku Tematická oblast Datum vytvoření 2013 Ročník 2 Stručný obsah Způsob využití Autor Kód Tvorba WWW stránky v HTML Použití HTML značek k vložení obrázku do www stránky Studenti

Více

X36WWW. Vícevrstvá architektura webové aplikace Martin Klíma. Tvorba Webu 2 1

X36WWW. Vícevrstvá architektura webové aplikace Martin Klíma. Tvorba Webu 2 1 X36WWW Vícevrstvá architektura webové aplikace Martin Klíma 1 Architktura MVC M = Model V = View C = Controller Model reprezentuje aplikační logiku View reprezentuje prezentační logiku C reprezentuje logiku,

Více

podpora@srovname.cz Měření konverzí na SROVNAME.CZ návod k nasazení

podpora@srovname.cz Měření konverzí na SROVNAME.CZ návod k nasazení Měření konverzí na SROVNAME.CZ návod k nasazení 1 Níže uvedený postup popisuje nasazení kódu pro službu měření konverzí na Srovname.cz. V případě jakýchkoli dotazů či problémů s implementací nás kontaktujte

Více

Programování v jazyce JavaScript

Programování v jazyce JavaScript Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Skriptování dokumentu - DOM 2 BI-JSC Evropský

Více

Specifikace standardních reklamních formátů na serverech idnes.cz a Lidovky.cz

Specifikace standardních reklamních formátů na serverech idnes.cz a Lidovky.cz Obsah Obecná pravidla pro výrobu bannerů 2 Pravidla pro použití externích kódů 3 Rozměry a datové velikosti standardních formátů 4 FLASH banner 5 RollOut banner (ilayer) 6 StickyAd / PopUp (OverLayer)

Více

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0 TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ Verze 1.0 Obsah První formát Leaderboard... 2 Druhý formát Skycraper... 3 Třetí formát PR článek... 5 Čtvrtý formát Leaderboard ilayer... 6 Leaderboard...

Více

Základy HTML, URL, HTTP, druhy skriptování, formuláře

Základy HTML, URL, HTTP, druhy skriptování, formuláře Základy HTML, URL, HTTP, druhy skriptování, formuláře Skriptování na straně klienta a serveru Skriptování na straně klienta se provádí pomocí programovacího jazyka JavaScript, který je vkládán do HTML

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

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

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

Úvod do tvorby internetových stránek v jazyce HTML

Úvod do tvorby internetových stránek v jazyce HTML Úvod do tvorby internetových stránek v jazyce HTML Dostupné z Metodického portálu www.rvp.cz, ISSN: 1802-4785, financovaného z ESF a státního rozpočtu ČR. Provozováno Výzkumným ústavem pedagogickým v Praze.

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

Popis vizuálního interface UDEMK, nového typu úřední desky. Hlavička úřední desky

Popis vizuálního interface UDEMK, nového typu úřední desky. Hlavička úřední desky Popis vizuálního interface UDEMK, nového typu úřední desky Hlavička úřední desky Každá z úředních desek bude obsahovat informace o jménu obce, její adresy, IČ, telefonu, emailu a bankovním spojení. Informace

Více

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Dosedla Martin HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové)

Více

12. Základy HTML a formuláře v HTML

12. Základy HTML a formuláře v HTML 12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura

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

Grafika na webu. Lukáš Bařinka barinkl@fit.cvut.cz

Grafika na webu. Lukáš Bařinka barinkl@fit.cvut.cz 4 TVEZE WXYHMNR LS TVSKVEQY -RJSVQEXMOE NI TSHTSVSZ RE TVSNIOXIQ RERGSZERÀQ ^ )ZVSTWO LS WSGM PR LS JSRHY E VS^TSÐXY LPEZR LS QÞWXE 4VEL] 4VELE )9 -RZIWXYNIQI HS ZE% FYHSYGRSWXM Web a MultiMédia Lukáš

Více

POTENZA - NOVÝ PORTÁL PRO AFFILIATE PARTNERY. Vítáme vás v průvodci nového rozhraní affiliate sítě Potenza

POTENZA - NOVÝ PORTÁL PRO AFFILIATE PARTNERY. Vítáme vás v průvodci nového rozhraní affiliate sítě Potenza POTENZA - NOVÝ PORTÁL PRO AFFILIATE PARTNERY Vítáme vás v průvodci nového rozhraní affiliate sítě Potenza 1 Obsah 1. Přehled Systému... 3 1.1 Hlavní stránka (Dashboard)... 3 1.2 Kampaně (Offers)... 4 Bod

Více

eretail.cz MANUÁL PRO PARTNERY

eretail.cz MANUÁL PRO PARTNERY eretail.cz MANUÁL PRO PARTNERY Základní příručka pro partnery v síti eretail.cz Obsah dokumentu: 1. Jak umístit reklamní prvek na web 2. Měření výkonu - přehledy, reporty, statistiky 3. Propojení přes

Více

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění

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