PROGRAMOVÁNÍ INTERNETOVÝCH APLIKACÍ
|
|
|
- Ivana Kolářová
- před 8 lety
- Počet zobrazení:
Transkript
1 PROGRAMOVÁNÍ INTERNETOVÝCH APLIKACÍ Základy a principy WWW INTERNET (=VZÁJEMNĚ PROPOJENÉ SÍTĚ) - Hlavní principy:» Heterogenita» Znovupoužitelnost» Škálovatelnost» Důraz na otevřené standardy (standardy jsou ověřené několika nezávislými implementacemi) HYPERTEXT - Problém: hodně informací a způsob jejich prohledávání je primitivní - Řešení: použít asociace blízké lidskému myšlení a paměti - Nelineární organizace textu - Uzly (informace, koncepty) a jejich vztahy (propojení, odkazy) - Hypertextové systémy:» GUI, aktivní odkazy, tvorba dokumentů» Standardní mechanismy vyhledávání» Databáze ZNAČKOVACÍ JAZYKY - Potřeba vyhledávat, zpracovávat, vyměňovat a sdílet dokumenty efektivně FYZICKÉ VYZNAČOVÁNÍ (PROCEDURÁLNÍ) - Značky definují formát zobrazení - Ztrácíme informaci o struktuře textu - Problémy: změna prezentace, konverze do jiného systému vyznačování - Technologicky závislé, proprietární - Např.: RTF: \pard\plain \s1\sb240\b\f5 text LOGICKÉ VYZNAČOVÁNÍ (od 1960) - Značky popisují strukturu informace - Umožňuje efektivní zpracování, přesné, nezávislé na technologii - Např.: DocBook: <book> <title> Název knihy </title> SGML (STRUCTURED GENERALISED MARKUP LANGUAGE) XML - Meta-jazyk pro defimování logických vyznačovacích jazyků - Struktura dokumentu (elementy) je vyjádřena pomocí značek (nikoli tagů!) - Značky jsou definovány v Document Type Definition (DTD) - Př.: elektronické rukopisy, LinuxDoc, DocBook, HTML, XML - Meta-jazyk pro definování logických značkovacích jazyků - Struktura dokumentu (elementy) je vyjádřena pomocí značek (angl. tags) - Terminologie, produktivita, znovupoužitelnost, flexibilita - Cíle:» Generování, zpracování, transformace» Podpora různých aplikací, Internet» Není požadována stručnost zápisu
2 World Wide Web (WWW) - Svět informací dostupných po síti - Globální, snadno se používá, přístupný - Umožňuje další vývoj, je poměrně efektivní - Má klient-server architekturu - Decentralizace, heterogenita, hypertextové odkazy ARCHITEKTURA WEBU HTML - URI (Uniformn Resource Identifier)» Celosvětově unikátní adresa - URL (Uniformn Resource Locator)» Speciální případ URI, obsahuje přístupový mechanismus - MIME (Multipurpose Internet Mail Extensions» Označuje formát obsahu» Př.: image/png, application/msword, text/plain - Jazyk popisující strukturu dokumentu - SGML/XML Aplikace - HTML HTML kodifikace aktuálního stavu jazyka, všechny základní elementy - HTML pokus o silný standard, matematické vyznačování, nepoužívané - HTML nové elementy: table, div, font, map, applet - HTML přenositelnost, přístupnost, nové elementy style, frame, obejct, script - HTML Značky jsou case insensitive (nezáleží na velikosti) - Možno vynechat uzavírací značky - Atributy i bez uvozovek a s minimalizací - Ne-SGML data obvykle stačí komentáře - Renderování = volná interpretace, tolerance XHTML - Zjednodušení DTD - Snažší strojové zpracování, výměna dat - Lepší modularita a rozšířitelnost jazyka - XHTML , HTML 4.01 jako XML aplikace, čistě logické vyznačování - XHTML , modularizace XHTML XHTML 2 bez prezentačních prvků, obecnější textové vyznačování - Značky jsou case sensitive (povoleny pouze malá písmena) - Uzavírací značky povinně (i u nepárových tagů <br />) - Atributy mají povinně uvozovky, žádná minimalizace - Ne-XML data = povinně CDATA sekce, lépe v externích souborech - Renderování = striktní chování STRICT - Pouze logické vyznačování TRANSITIONAL - Deprecated element - Kompatibilní se starými prohlížeči
3 HTML DOKUMENT - Preambule» SGML (tj. též HTML) implicitní» XML (tj. také XHTML) povinná (<?xml version="1.0" encoding="utf-8"?>) - Deklarace» <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Označuje gramatiku a je povinná kvůli interpretaci dokumentu - Záhlaví (<head></head>)» Meta-informace o dokumentu» Nezobrazuje se» TITLE titulek» META meta-informace (autor, keywords, description, vyhledávače, )» LINK odkazy na úrovni dokumentů (next, prev, contents, index, copyright, stylesheet, )» STYLE (type, media)» SCRIPT, NOSCRIPT (type, src) - Tělo (<body></body>)» Obsah dokumentu» Obsahové elementy Blokové zalamují odstavec, bloky, tabulky, formuláře, v HTML5 lze nově i element A Textové uvnitř blokových frázové x prezentační Generické kontejnery (DIV, SPAN), vazba na CSS Obecné atributy všechny elementy mají id, class, style, title, land, dir ZÁKLADNÍ BLOKOVÉ ELEMENTY - Odstavec p - Nadpisy h1 až h6 - Odrážky, číslování ul/ol li, dl dt dd - Citace blockquote, atribut cite= URI - Předformátovaný text pre - Odřádkování br ZÁKLADNÍ TEXTOVÉ ELEMENTY!! Pozor v HTML5 má spoustu těchto elementů jiný sémantický význam!! - Důraz em, zesílení strong - Podtržení, škrtuní ins, del - Tučné, kurzíva, podtržení b, i, u - Indexy - sub, sup - Monospaced text tt - Další cite, abbr, q, code HYPERMEDIÁLNÍ ELEMENTY - Odkaz a (name, href, title) - Obrázek img (src, title, alt) - Klikací mapy - map, area - Další object, applet, param GENERICKÉ KONTEJNERY - div, span id, class, style
4 FORMULÁŘOVÉ ELEMENTY - form metod, action, enctype - input (nepárový) name, type, value, size, maxlength, checked» type: text, hidden, password (HTML5: tel, , date,.) - select name, multiple» optgroup (vnořený tag)» option selected, value (vnořený tag) - textarea rows, cols, name - label for (odkazuje na atribut id) - fieldset» legend TABULKY - table, caption» width, border - tr (řádek), th (zvýrazněná buňka), td (buňka)» colspan, rowspan» align, valign (nepoužívat!!) - thead, tfoot, tbody (kontejnery řádků) - col, colgroup (stylování sloupců) RÁMCE:!!NIKDY NEPOUŽÍVAT!! STRUKTUROVÁNÍ OBSAHU - HTML 3 bez CSS = vyznačit tak, aby se co nejlépe zobrazilo» Tabulkový layout - HTML 4/XHTML s CSS = vyznačit tak, aby se co nejlépe vyhledávalo» Důležitý obsah napřed, title, h1/h2 - HTML5 ještě větší důraz na sémantiku, nové značky (SECTION, HEADER, FOOTER,...) PŘÍSTUPNOST - Bezbariérovost - Extrémně handicapovanými návštěvníky jsou vyhledávací roboti - Zásady:» Validovat» Používat informační strukturování» Title, hierarchie nadpisů, oddělená navigace, linearizace tabulek» Čitelný a srozumitelný text» Členit text» Zpřístupnit formuláře (používat atribut tabindex, případně accesskey) MOŽNOSTI HTML PRO PŘÍSTUPNOST - Elementy» H1-h6, p, div» Em, strong, q, cite» Fieldset, legend, optgroup, label» Th, thead, tfoot, caption - Atributy» obecně -ttitle, lang, accesskey» input, select, textarea title, tabindex» img alt, title
5 Kaskádové styly (CSS) - oddělení obsahu (HTML) od prezentace/formátování (CSS) - CSS zejména HTML - CSS typy zařízení, generování obsahu, podpora XML - CSS 2.1 drobné opravy, sladění s realitou - CSS 3 modularizace, stránkování ZÁKLADNÍ PRINCIPY - Deklarativní, nestrukturovaná jazyk - Terminologie DTP - Stylesheet se skládá z pravidel» Selektor: co se bude formátovat» Deklarace: jak se to bude formátovat (vlastnost + hodnota) - Další části:» At-pravidla dovolují použití určitého stylu na cíl, který není v XHTML definovatelný, nebo představují výkonné příkazy začínají následovaným @page "styl.css")» Deklarace!important nejsilnější pravidlo již nezáleží na kaskádě toto vždy vyhraje» Komentáře /* comment */ PŘIPOJENÍ CSS K HTML - Pomocí elementu LINK <link rel= stylesheet type="text/css" href="./ cool.css"></link> v HEAD - Deklarací url( v jiném souboru css - Interním stylem» V <HEAD> stránky <style type = "text/css"> </style>» Atributem u elementu <p style="color: red"> (!má vysokou prioritu) SELEKTORY - Elementy: p, h1, ul, li (i kontextově, tj. ul li ul li pro odrážku 2. stupně) - Třídy (všechny elementy třídy) a Identifikátory (jeden element) (.class, #id) - Pseudotřídy efekty nedosažitelné přes HTML strukturu a:hover, input:focus, p:first-line» P:first-child, P:lang(en), P:before, P:after - Kombinace selektorů (př. p.zahlavi EM {}) - Třídy není možné vnořovat, ale je možné je kombinovat (NE: p.zahlavi.obsah) DĚDĚNÍ VLASTNOSTÍ - Většina vlastností definovaných pro daný uzel HTMl stromu se dědí na jeho potomky - Relativní rozměry vůči zděděné hodnotě - Nedědí se: background, bg image, margin, border, POSTUP KASKÁDY - Najdu všechny hodnoty vlastnosti (také zděděné a defaultní) -!important dopředu - seřadím podle autor > čtenář > prohlížeč - style= > #ID >.class > kontextový selektor > typový selektor - poslední deklarovaná hodnota platí
6 Navigace a přístupnost LAYOUT STRÁNKY - Rozložení stránky - Hlavním účelem je orientace, navigace (kde jsem, co je tu, kde najdu to, co hledám) NAVIGACE - Cílený postup za účelem dosažení místa nebo cíle - Dobrá navigace = opakovaná návštěvnost - Dodržovat konvence (logo, odkazy, menu, ) - Klíčová hlediska:» Jednoduše rozpoznat a naučit se» Konzistentnost (co pracovalo dříve pracuje pořád)» Interaktivita, zpětná reakce» Poskytování dalších možností (zkratky)» Odpovídá účelu stránek TITULNÍ STRANA - Proč bych měl být tady a ne někde jinde - Představení navigačních stylů, upoutávky v obsahu, vyhledávání, reklama - NE: úvodní obrazovky (intra), přeplnění OBSAHOVÉ STRÁNKY - Obsah je důležitý - Informace o poslední změně, autorovi, POUŽITELNOST - Prvky použitelnosti:» Klikatelné odkazy (vypadá to jako odkaz měl by to být odkaz)» Srozumitelné uspořádání, jasný text» Přehledné dialogy, formuláře» Vyhledávání» Varianty pro cílová zařízení/prostředí» Použitelnost a RIA (rich internet applications drag&drop, kontextová nápověda ) PŘÍSTUPNOST - Textové alternativy k netextovým informacím - Nepoužívat pouze barvy ke sdělování indormace - Změny obsahu a zobrazení dělat jen na vyžádání uživatele (reload, pop-up, flash) - Navigace je jasná a logická (název stránky, menu, odkazy, zdroje označeny [pdf]) - Text je srozumitelný, krátký, tématický, strukturovaný (nadpisy, zvýrazňování) - Přístupnost a RIA (jak zajistit drag&drop pomocí klávesnice?) SEARCH ENGINE OPTIMIZATION (SEO) - Maximalizace zisku & návštěvnosti - Předmětem je zviditelnit web tak, aby jej našlo co nejvíce dobře zacílených zákazníků za přijatelné náklady - PPC, bannery, ing, přirozené výsledky, zpěné odkazy, silná značka, affiliate, offline reklama - Použitelnost, přesvědčivost, konkurenceschopnost, důvěryhodnost, přístupnost, grfika, značka - On-page faktory:
7 » Obsah, klíčová slova, URL, title, nadpisy, meta description - Off-page faktory:» Registrace v katalozích, odkazy z jiných webů, PageRank TECHNICKÉ PŘEKÁŽKY INDEXACE - Duplicitní obsah (stejný obsah na různých URI [URL]) - Menu přes Javascript (tohle už Googlebot umí) - PDF, Word (tohle Googlebot umí taky) - Flash (tohle je téměř mrtvý) HyperText Transfer Protocol - Účel: přenos hypertextových/hypermediálních dokumentů, přenos dat od klienta, SOAP, WebDAV - Bezstavovost - Aplikační vrstva předpokládá spolehlivý přenos - Textový protokol, nejčastěji port 80 a 443 pro HTTPS MECHANISMUS HTTP - Klient posílá požadavek» Jaký chce objekt» Hlavičky» Tělo s daty - Server posílá odpověď» Stav» Hlavičky» Tělo s daty POŽADAVEK <method> <URI> <version> <header>* <body> - Metoda = požadovaná akce» GET, HEAD, POST, PUT, DELETE, OPTIONS, TRACE - URI» Absolutní bez hostname - Verze» HTTP/1.0, HTTP/1.1 - Hlavička (podle MIME standardu)» Host, From, User-agent, Referer, Accept-Language, Accept-Charset, If-Modified-Since, Authorization, Content-Type (POST), Content-Length (POST) ODPOVĚĎ <version> <code> <description> <header>* <body> - Stavové kódy» 100 Continue» 200 OK, 204 No content» 301 Moved permanently, 302 Moved temporary» 401 Unauthorized, 403 Forbidden, 404 Not found» 500 Internal error, 501 Not implemented - Hlavička» Server, WWW-Authenticate, Location» Content-Type (default: application/octet-stream)» Content-Length, Content-Encoding. Last-modified, Expires, Pragma
8 HTTP AUTENTIKACE - Účel: přístup ke chráněnému obsahu (realm) - Základní autentikace (basic) (heslo je plaintext)» WWW-Authenticate: Basic realm = "name"» Authorization: Basic base64(login:passwd) - Digest autentukace (heslo jako MD5 hash)» WWW-Authenticate: Digest realm = "name" Domain = "URI" nonce=<unique string> opaque = <string> stale = True/False algorithm=md5 token» Authorize: Digest username ="name" request-digest=<rddata> COOKIES - Způsob uchovávání informací na klientu - Hlavní použití:» Správa relací» Sledování uživatelů» Personalizace stránek NASTAVENÍ COOKIE V HTTP - Hlavička odpovědi: Set-Cookie: name=value - ;EXPIRES=dateValue ;DOMAIN = domainname ;PATH=pathName ;SECURE - Expires: DOW, DD-Mon-YY HH:MM:SS GMT - Domain: jména DNS, pro které je cookie platné - Path: podprostor URI - Secure: poslat cookie pouze přes bezpečný kanál POSÍLÁNÍ COOKIE Z KLIENTA - Cookie: name=value, name2=value2 - Klient pošle všechna cookie, která» Jsou určena pro doménu požadovaného serveru» Mají cestu, která souhladí s URI požadavku» Maximálně 4 KB (to je limit HTTP hlavičky) - Mazání cookie» Pošle se prázdná hodnota» Pošle se již prošlá doba vypršení ZABEZPEČENÍ PŘENOSU - Nativní šifrování není dostupné - SSL (Secure Socket Layer) (HTTPS na portu 443) - TLS (Transport Layer Security) - Asymetrická šifra klíče, Symetrická šifra pro komunikaci WEBDAV (Web Document Authoring and Versioning) (přehled) - Rozšíření HTTP/1.1 - Mění WWW v zapisovatelné médium WEB SERVERY - Účelem je implementace HTTP - Přidané služby
9 SLUŽBY POSKYTOVANÉ SERVEREM - Jádro» HTTP protokol, virtuální servery» Load balancing, throttling, clustery» Rozšiřující API» Administrativní rozhraní - Statické dokumenty - Provoz aplikací» Interpretace HTML embedded scriptování (PHP, ASP, JSP)» Kontejner pro webové aplikace (ASP, Servlety) SERVER-SIDE TECHNOLOGIE PRO WEBOVÉ APLIKACE - Cíl» Dynamické generování webového obsahu» Integrace legacy aplikací - Prostředky» Externí aplikace napojená na web server» Aplikační server, který řeší i webový přístup» Webový kontejner, který umožňuje aplikační komunikaci» Embedded skriptování EXTERNÍ APLIKACE - Server spouští samostatný spustitelný soubor - CGI (Common Gateway Interface)» Kompilované nebo interpretované jazyky» Identifikováno a spuštěno serverem na základě URI» Flexibilita, integrace legacy aplikací» Netransparentní, run-time náklady, nebezpečný - Mod_perl» Interpret perl vestavěny v Apache serveru» Snižuje režijní náklady (spawn, šifrovací cache) SKRIPTY ZABUDOVANÉ DO HTML - Server obsahuje interpretovaní engine - Skripty jsou součástí stránek - Skripty ani data nejsou perzistentní - Nedají se škálovat, komplikovaně se integrují, ale rychle se vyvíjí
10 SERVLETY - Externí web-aware kompilované aplikace - Objekty jsou mezi požadavky perzistentní - Nízké režijní náklady, vysoká výkon, vstup aplikace - Větší run-time náklady, vývojový čas COMMON GATEWAY INTERFACE - Klient posílá data přes GET nebo POST - Server spouští CGI a vrací jeho stdout - Požadavek» QUERY_STRING, REQUEST_METHOD» CONTENT_TYPE, CONTENT_LENGTH» HTTP_* (např.: HTTP_ACCEPT) - Informace o serveru» SERVER SOFTWARE, SERVER_NAME, SERVER_PORT» PATH_INFO» SCRIPT_NAME - Informace klienta» REMOTE_HOST, REMOTE_ADDR» HTTP_USER_AGENT SKRIPTY ZABUDOVANÉ DO HTML - PHP (PHP: Hypertext Preprocessor)» Malý footprint, rychlé, integrace db» Open source» Špatně škálovatelné, nehomogenní - JSP (JavaServer Pages)» Tomcat,..» Podpora, přenositelnost, integrace ostatních J2EE služeb - ASP (Active Server Pages)» Výkon, intefrace BackOffice» Jeden výrobce (Microsodt), platformová nestabilita - Oracle, Sybase» Zabudované jazyky PL/SQL» Pevná integrace databázového enginu SERVER-SIDE INCLUDES - Útržky HTML kódu vkládané serverem při posílání dokumentu - Použití» Vytvoření standardního designu stránky» Vkládaní opakovanách částí HTML» Vkládání samostatně editovaného obsahu
11 SOUVISEJÍCÍ TECHNOLOGIE - Jmenné služby (LDAP, JNDI) - Zabezpečení, autentikace (GS API, JAAS) - Persistence, přístup k datové vrstvě (JDBC, EJB, Hibernate) - Transakce (JTA) - Práci s XML (SAX, JAXP) ARCHITEKTURY APLIKACÍ - Vždy klient-server (tlustý x tenký) - Nativní klient (logika v klientu, data na serveru) - Applet (omezení přístupu na hostitele) TŘÍVRSTVÁ ARCHITEKTURA - Tenký klient renderuje GUI - Aplikační server business logika, vazba na legacy, podpora GUI - Datový server obvykle RDBMS Mixovaný model tlustý klient někde, tenký jinde WEBOVÉ SLUŽBY - přímá komunikace mezi aplikačními vrstvami - RPC: aplikace přistupující k jiné aplikaci» WSDL: popis rozhraní aplikace» SOAP: protokol pro přenos vzdáleného volání přes HTTP» UDDI: registr dostupných rozhraní - REST: webové aplikace/služby s plain http a čístými URL Základní pojmy - Kontejner prostředí pro běh servletů (např. Apache Tomcat) - Servlet Třída Javy, která umí obsloužit http požadavek - JavaServer Page (JSP) Java jako zapouzdřený skriptovací jazyk Pracovní cyklus servletu - Vytvoření, kompilace kód servletu + podpůrný kód + deployment descriptor - Packaging vytvoření war souboru - Nasazení, konfigurace vložení do kontejneru, informování kontejneru, konfigurace, dojde i instanciování a inicializaci servletu kontejnerem - Čekání + obsluha požadavků kontejner odchytí http požadavek, určí, který servlet jej zpracuje, spustí jeho obslužnou metodu, servlet obdrží data a generuje odpověď - Ukončení kontejner spustí finalizační metodu servletu Pomocné třídy a rozhraní - ServletContext a ServletConfig - ServletOutputStream - HttpSession - Cookie - ServletException, IOException
12 Obsluha požadavku - Obslužné metody doget a dopost - Zavolány kontejnerem podle HTTP metody - Kroky při obsluze požadavku» Určit, zdaje HTTP metoda implementována» Získat vstupní parametry/data požadavku» Nastavit content-type odpovědi» Generovat data odpovědí» Zapsat odpověď do proudu» Nastavit chybový kód Vytváření odpovědí - Rozhraní ServletResponse a HttpServletResponse - Výstupní proudy ServletOutputStream (pro binární data), PrintWriter (pro text) - Nastavení stavového kódu (senderror(int code)) - Nastavení hlaviček setcontenttype(string type), setheader(string name, String value) - Generování HTML - Pozdní hlavičky» Bufferování je defaultně vypnuto» iscommitted() + resetbuffer()» setbuffersize(int size) pro poslání chybového kódu nebo hlavičky až po těle Složky servletové aplikace - Servlety - JSP a HTML stránky - Popis aplikace deployment descriptor Kontext servletu - Kontext = webová aplikace (0-1 v kontejneru) - Dovoluje servletu komunikovat s kontejnerem - Definovaný adresářem, v němž je servlet nasazen a deployment deskcriptorem - Přístup: přes rozhraní ServletContext nebo přes metodu getservletcontext() Inicializace servletu - Při natažení instanciaci kontejnerem - Typické akce» Načíst konfigurační data» Otevřít spojení (k databázi), připojit se ke zdrojům» Inicializovat lokální data - Metoda = init(), konec = destroy() - Konfigurační parametry se nastaví v deployment descriptoru - Přístup přes ServletConfig Interface - Servlet musí znát typy/třídy datových položek
13 Předávání hodnot v aplikaci - Komunikace mezi servlety» Přes objekty v různých vrstvách aplikace» Různé rozsahy platnosti předávaných dat - Obecné rozhraní, obecný mechanismus» Atributy objektů, get/set metody Enum getattributesnames(); getattribute, setattribute, removeattribute Rozsahy platnosti - Objekty reprezentující rozsahy» Aktuální servlet» Požadavek (request)» Session» Aplikace (context) - HttpSession HttpServletRequest.getSession(); - ServletContext GenericServlet.getServletContext(); Sessions, správa relací - Primitivní metody:» Skryté prvky formuláře» Parametry UR» Cookies - Objekt relace (rozhraní HttpSession)» Reprezentuje relace, obsahuje její data» Získaný přes metody HttpServletReques Odkazování na zdroje - Zdroj = jiný servlet, jakýkoliv jiný obsah/objekt - Nepřímý odkaz» Pošleme redirect klientovi» Přeneseme stavové informace pomocí URL - Přímý odkaz» Rozhraním ServletRequest a ServletContext přes RequestDispatchet Thread Safe servlety - Servlety jsou vícevláknové - Používat synchronized metody a bloky - Implementovat rozhraní SingleThreadModel (! Neřeší sdílené zdroje) Filtry - Článek zpracovávání požadavku» Nevytváří, jen transformuje» Autentikace, logování, komprese» Filtry spojeny do řetězu - Rozhraní s.filter» Metoda dofilter()» Inicializace, ukončení
14 Listenery - Reakce na události v aplikaci - Návrhový vzor Listener nebo Observer - Úrovně událostí (Xxx = )» Aplikace (ServletContext), relace (HttpSession, HttpSessionAttribute), požadavek( ServletRequest) - Metody posluchače» ContextInitialized(ServletContextEvent sce)» requestdestroyed(servletrequestevent rre)» attributeadded(httpsessionbindingevent se) - Metody události - obvykle vrací objekt dané úrovně Logování - Možno psát na stdout, stderr (do konzole) - Perzistentní hlášení = do logu» Přes kontext serveru» S pomocí logovacích knihoven» nohup.out (bash?)
Server-side technologie pro webové aplikace
Server-side technologie pro webové aplikace PIA 2011/2012 Téma 6 Copyright 2006 Přemysl Brada, Západočeská univerzita Server-side scriptování Cíl dynamické generování webového obsahu/rozhraní integrace
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
HTTP: Hyper Text Transfer Protocol
HTTP: Hyper Text Transfer Protocol PIA 2011/2012 Téma 5 Copyright 2005 Přemysl Brada, Západočeská univerzita HTTP Účel přenos hypertextových / hypermediálních dokumentů přenos požadovaných dat od klienta
HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita
HTML PIA 2012/2013 Téma 1 P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita HyperText Markup Language... a document structuring language hypertext SGML/XML aplikace http://www.w3.org/markup/ 2 Verze:
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ý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
Základy HTML (2. přednáška)
Základy HTML (2. přednáška) WWW World Wide Web Sestává ze tří stavebních bloků Síť informačních zdrojů Universal Resource Identifier jednotný způsob jak adresovat zdroje, (URL) protokoly pro přístup ke
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é
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é
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
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
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,
Protokol HTTP 4IZ228 tvorba webových stránek a aplikací
4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2006/11/23 15:11:51 $ Obsah Úvod... 3 Co je to HTTP... 4 Základní model protokolu... 5 Struktura požadavku v HTTP 1.0 a
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
TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu,
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
Úvod do Web Services
Úvod do Web Services Základy webových služeb a jejich implementace na platformě OS/2 Jarda Kačer jarda@kacer.biz Český Warpstock 2008 Brno, 20.-21.9.2008 Co je to webová služba? Část business logiky přístupná
Ú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
Počítačové sítě II. 18. World Wide Web, HTTP Miroslav Spousta, 2006 <qiq@ucw.cz>, http://www.ucw.cz/~qiq/vsfs/
Počítačové sítě II 18. World Wide Web, HTTP Miroslav Spousta, 2006 , http://www.ucw.cz/~qiq/vsfs/ 1 Historie WWW World Wide Web v současnosti nejrozšířenější a nejpoužívanější služba Internetu
Java technologie pro webové aplikace
Java technologie pro webové aplikace PIA 2012/2013 Téma 6 Copyright 2012 Brada & Rohlík, Západočeská univerzita Základní pojmy Java Enterprise Edition enterprise část Java technologie; aktuálně Java EE
(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
Instalace a konfigurace web serveru. WA1 Martin Klíma
Instalace a konfigurace web serveru WA1 Martin Klíma Instalace a konfigurace Apache 1. Instalace stáhnout z http://httpd.apache.org/ nebo nějaký balíček předkonfigurovaného apache, např. WinLamp http://sourceforge.net/projects/winlamp/
Obsah přednášky. Představení webu ASP.NET frameworky Relační databáze Objektově-relační mapování Entity framework
Web Jaroslav Nečas Obsah přednášky Představení webu ASP.NET frameworky Relační databáze Objektově-relační mapování Entity framework Co to je web HTTP protokol bezstavový GET POST HEAD Cookies Session HTTPS
<link> - definuje vztah k jiným XHTML dokumentům, typicky
Návrh a tvorba WWW stránek 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
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
Ú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
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
10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)
10. SEO Obsah meta, konkrétní elementy v html kódu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Obsah stránek Meta data Meta Title Meta Description Meta Keywords Zdrojový kód Odkazy Vyhledávací roboty Přesměrování
1. Distribuce Javy. 2. Vlastnosti J2EE aplikace. 3. Fyzická architektura J2EE aplikace. Distribuce Javy se liší podle jejího zamýšleného použití:
Architektura webové aplikace, funkce jednotlivých vrstev, životní cyklus standardizovaných komponent Java EE, Servlety, JSP, frameworky, návrhové vzory 1. Distribuce Javy Distribuce Javy se liší podle
Jazyky pro popis dat
Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel
Internet 2 css, skriptování, dynamické prvky
Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní
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
rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek
rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek Co je to webová aplikace? příklady virtuální obchodní dům intranetový IS podniku vyhledávací služby aplikace jako každá jiná přístupná
X33EJA Enterprise Java
X33EJA Enterprise Java Petr Šlechta Sun Microsystems petr.slechta@sun.com Petr Aubrecht CA (Computer Associates) petr.aubrecht@ca.com X33EJA (2+2) Cvičení Formou samostatné práce na projektu témata budou
+420 271 752 042 info@h1.cz www.h1.cz
SEO Optimalizace pro vyhledávače Jan Tichý +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline reklama
Obsah. Předmluva Kapitola 1 Úvod 1. Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4. Kapitola 2 Přehled jazyka HTML 5
Předmluva xi Kapitola 1 Úvod 1 Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4 Část I: HTML Kapitola 2 Přehled jazyka HTML 5 Struktura dokumentů HTML 10 Syntaxe jazyka HTML 10 Obsluha událostí
Návrh a tvorba WWW stránek 1/8. Formuláře
Návrh a tvorba WWW stránek 1/8 Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v XHTML method metoda, kterou
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
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í
Technologie Java Enterprise Edition. Přemek Brada, KIV ZČU 8.6.2011
Technologie Java Enterprise Edition Přemek Brada, KIV ZČU 8.6.2011 Přehled tématu Motivace a úvod Infrastruktura pro velké Java aplikace (Java základní přehled) Části třívrstvé struktury servlety, JSP
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
Webové služby. Martin Sochor
Webové služby Martin Sochor Webové služby způsob komunikace dvou aplikací přes Web binární zprávy (CORBA) blokovány proxy servery a firewally masivní využití XML protokol SOAP + jazyk pro popis služeb
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í,
SEO Optimalizace pro vyhledávače
Jan Tichý E-mail: tichy@h1.cz Twitter: @jantichy +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline
Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace
Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace Úvod strana 2 Vyučující Ing. Jiří Lýsek, Ph.D. Ing. Oldřich Faldík https://akela.mendelu.cz/~lysek/ https://akela.mendelu.cz/~xfaldik/wa/
Počítačové sítě II 17. WWW, HTTP. Miroslav Spousta, 2005
Počítačové sítě II 17. WWW, HTTP Miroslav Spousta, 2005 1 Historie WWW World Wide Web v současnosti nejrozšířenější a nejpoužívanější služba Internetu nebylo tomu tak vždy (Gopher,...) vyvinut v roce 1989
Základy webových aplikací ZWA Přednáška č. 2 HTML. Martin Klíma
Základy webových aplikací ZWA Přednáška č. 2 HTML Martin Klíma Architektura Webové Aplikace Architektura web aplikace požadavek HTTP Tenký klient (HTML) odpověď Server Architektura web aplikace: statický
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
Semináˇr Java X J2EE Semináˇr Java X p.1/23
Seminář Java X J2EE Seminář Java X p.1/23 J2EE Složitost obchodních aplikací robusní, distribuované, spolehlivé aplikace s transakcemi na straně serveru, klientské aplikace co nejjednodušší Snaha : Návrh,
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
Úvod do jazyka HTML (Hypertext Markup Language)
Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ Kurs vytváření
HTTP protokol. HTTP protokol - úvod. Zpracoval : Petr Novotný novotny0@students.zcu.cz
HTTP protokol Zpracoval : Petr Novotný novotny0@students.zcu.cz HTTP protokol - úvod zkratka z Hyper-Text Transfer Protocol možnost přenášet jakákoliv data (soubor, obrázek, výsledek dotazu) obvykle provozován
1 Webový server, instalace PHP a MySQL 13
Úvod 11 1 Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského
Hypertext Transfer Protocol (HTTP/1.1 RFC 2616) Počítačové sítě Pavel Šinták
Hypertext Transfer Protocol (HTTP/1.1 RFC 2616) Počítačové sítě Pavel Šinták 25.4.2005 Obsah Úvod Vrstvy podle TCP/IP Požadavek / Odpověď Metody požadavku Hlavičky Kódy odpovědi Ukázka 25.4.2005 Pavel
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.
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
Internet Information Services (IIS) 6.0
Internet Information Services (IIS) 6.0 V operačním systému Windows Server 2003 je obsažena i služba IIS v 6.0. Služba IIS poskytuje jak www server tak i některé další služby (FTP, NNTP,...). Jedná se
Úvod. Petr Aubrecht (CA) Martin Ptáček (Wincor Nixdorf) Je 10 typů lidí: ti, kteří znají binární kód, a ti, kteří ne.
Úvod Petr Aubrecht (CA) Martin Ptáček (Wincor Nixdorf) Je 10 typů lidí: ti, kteří znají binární kód, a ti, kteří ne. Organizace předmětu Materiály k předmětu -Web stránky: http://cw.felk.cvut.cz/doku.php/courses/x33eja/start
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.
Základy a principy World Wide Web-u
Základy a principy World Wide Web-u PIA 2012/2013 Přemysl Brada Ondřej Rohlík Copyright 2006 Přemysl Brada, Západočeská univerzita Co se dozvíte Myšlenky a technologie v pozadí webu Hypertext klíčové vlastnosti
HTTP protokol. Zpracoval : Petr Novotný
HTTP protokol Zpracoval : Petr Novotný novotny0@students.zcu.cz HTTP protokol - úvod zkratka z Hyper-Text Transfer Protocol možnost přenášet jakákoliv data (soubor, obrázek, výsledek dotazu) obvykle provozován
XHTML 1. Formuláře. Element form. <form>... </form>
XHTML 1 Formuláře Činnost: - zadávání informací do elektronického obchodu; - odesílání jména a dalších informací pro on-line službu; - nákup letenek a cestovních služeb; - nákup dalšího zboží a služeb,
Tvorba informačních systémů
Tvorba informačních systémů Michal Krátký 1, Miroslav Beneš 1 1 Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2005/2006 c 2006 Michal Krátký, Miroslav Beneš Tvorba informačních
Ú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.
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ý
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
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl
Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl Internet celosvětová síť spojení jednotlivých síťí pomocí uzlů (síť
VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA
Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)
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í
Návrh stránek 4IZ228 tvorba webových stránek a aplikací
4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...
Tvorba informačních systémů
Tvorba informačních systémů Michal Krátký, Miroslav Beneš 1 Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2006/2007 c 2006-2007 Michal Krátký, Miroslav Beneš Tvorba
1. Webové služby. K čemu slouží? 2. RPC Web Service. 3. SOA Web Service. 4. RESTful Web services
13. Webové služby. K čemu slouží? Popis a vyhledávání služeb. Co je a k čemu slouží orchestrace a choreografie služeb. Technologie pro implementaci služeb 1. Webové služby. K čemu slouží? Definice WS -
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
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
APLIKACE XML PRO INTERNET
APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je
Formuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!
Formuláře Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí! HTML formuláře: Formuláře Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve
Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML
Čtvrtek 11. dubna Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje
Kaskádové styly (CSS)
Kaskádové styly (CSS) Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar ČERBA Západočeská univerzita v Plzni Vznik dokumentu: 20.11.2007 Poslední aktualizace: 5.11.2009 Cascading Style Sheets
Š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
INFORMAČNÍ SYSTÉMY NA WEBU
INFORMAČNÍ SYSTÉMY NA WEBU Webový informační systém je systém navržený pro provoz v podmínkách Internetu/intranetu, tzn. přístup na takový systém je realizován přes internetový prohlížeč. Použití internetového
Mgr. Vlastislav Kučera Struktura stránky, hlavička,
Mgr. Vlastislav Kučera Struktura stránky, hlavička, Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to
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ů
1. Webový server, instalace PHP a MySQL 13
Úvod 11 1. Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského
BI-AWD. Administrace Webového a Databázového serveru Virtualizace HTTP serveru
BI-AWD Administrace Webového a Databázového serveru Virtualizace HTTP serveru Příprava studijního programu Informatika je podporována projektem financovaným z Evropského sociálního fondu a rozpočtu hlavního
Základy WWW publikování
Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz
RESTful API TAMZ 1. Cvičení 11
RESTful API TAMZ 1 Cvičení 11 REST Architektura rozhraní navržená pro distribuované prostředí Pojem REST byl představen v roce 2000 v disertační práci Roye Fieldinga, zkratka z Representional State Transfer
Principy fungování WWW serverů a browserů. Internetové publikování
Principy fungování WWW serverů a browserů Internetové publikování Historie WWW 50. léta Douglas Engelbert provázané dokumenty 1980 Ted Nelson projekt Xanadu 1989 CERN Ženeva - Tim Berners-Lee Program pro
Michal Krátký, Miroslav Beneš
Tvorba informačních systémů 1/20 Tvorba informačních systémů Michal Krátký, Miroslav Beneš Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2008/2009 Tvorba informačních
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é
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,
MODERNÍ WEB SNADNO A RYCHLE
SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ
Technologie Java. Jaroslav Žáček jaroslav.zacek@osu.cz http://www1.osu.cz/~zacek/
Technologie Java Jaroslav Žáček jaroslav.zacek@osu.cz http://www1.osu.cz/~zacek/ Trocha historie Java vznikla v roce 1995 jak minimalistický programovací jazyk (211 tříd). Syntaxe vycházela z C/C++. V
Formáty WWW zdrojů. Mgr. Filip Vojtášek. vojtasek@ikaros.cz. http://webarchiv.nkp.cz
Formáty WWW zdrojů Mgr. Filip Vojtášek vojtasek@ikaros.cz Formáty: obecný pohled! Způsob uspořádání dat do sekvence pomocí binární soustavy " bit stream (logický formát)! Způsob vnější prezentace datového
DUM 14 téma: Interakce s uživatelem
DUM 14 téma: Interakce s uživatelem ze sady: 2 tematický okruh sady: Tvorba statických www stránek s použitím CSS ze šablony: 08 Internet určeno pro: 3. ročník vzdělávací obor: 18-20-M/01 Informační technologie
Tvorba informačních systémů
Tvorba informačních systémů Michal Krátký, Miroslav Beneš Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2005/2006 c 2006-2007 Michal Krátký, Miroslav Beneš Tvorba informačních
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
Tvorba informačních systémů
Tvorba informačních systémů Michal Krátký, Miroslav Beneš Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2007/2008 c 2005-2008 Michal Krátký, Miroslav Beneš Tvorba informačních
Požadavky pro výběrová řízení TerraBus ESB/G2x
Dokument: Převod dat TerraBus ESB/G2x Požadavky pro výběrová řízení TerraBus ESB/G2x Obsah 1. Účel dokumentu... 2 2. Použité termíny a zkratky... 2 3. Požadavky... 3 Účel dokumentu Účelem tohoto dokumentu
Michal Krátký, Miroslav Beneš
Tvorba informačních systémů 1/43 Tvorba informačních systémů Michal Krátký, Miroslav Beneš Katedra informatiky VŠB Technická univerzita Ostrava Tvorba informačních systémů, 2008/2009 Tvorba informačních