Štěpán Bechynský. 2 Kompatibilita DOCTYPE META Tag – Hlavička protokolu HTTP – X-UA-Compatible: IE=7 3.

Slides:



Advertisements
Podobné prezentace
PLAYBOY Kalendar 2007.
Advertisements

Web Michal Žůrek Jak se na něj dívám já..
Produkce odpadů 2002 – 2007 obce ORP Šumperk
2 3 Lokalita Pod Javornic kou silnicí 4 směr Solnice směr Javornice směr Vamberk CENTRUM 10min. směr Častolovice.
Vlastní skript může být umístěn: v hlavičce stránky v těle stránky
Technologie pro publikování na webu 1 Ing. Jiří Štěpánek.
Tvorba WWW stránek ÚVOD
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
Exchange 2013 – Autodiscover - přehled
*Zdroj: Průzkum spotřebitelů Komise EU, ukazatel GfK. Ekonomická očekávání v Evropě Březen.
Rozšíření systému pro zátěžové testy o SOAP a agenty Zbyněk Pyšný.
Mgr. Vlastislav Kučera přednáška č. 2.  Struktura stránky  hlavička  meta tagy  titulek stránky  připojení stylů,...  CSS.
Jak se stát miláčkem vyhledávačů
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
SEO pro novou firmu Bartošová Lenka 3MA
Spektra zatížení Milan Růžička 1 Dynamická pevnost a životnost
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Práce s textem Jan Martinovič Fakulta elektrotechniky a informatiky
SEMANTICKÝ WEB. Semantický Web WWW – Tim Berners-Lee, CERN, univerzum propojených HTML stránek, prostor hyperlinkovaných dokumentů – Informace jsou zobrazeny.
Programujeme Google Gadgets Miroslav Slavík Copyright © Gug.cz, 2007 Gug.cz.
Školení zaměstnanců web + intranet v Praze.
Tomáš Pijáček, PIJ006.  CSS – Cascading Style Sheets  Jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML, XML  Oddělení vzhledu.
Práce s Xml ● Základní moduly pro práci s XML: – Xml.dom – Document Object Model API – Xml.dom.minidom ● Základní objekt je Dokument – stromová struktura.
Násobíme . 4 = = . 4 = = . 4 = = . 2 = 9 .
Základy informatiky Internet Ing. Roman Danel, Ph.D. Institut ekonomiky a systémů řízení Hornicko – geologická fakulta.
Uživatelé, Role, Schémata
Adobe Dreamweaver CS4 Ing. Martin Dosedla.
Vizualizace projektu větrného parku Stříbro porovnání variant 13 VTE a menšího parku.
Dělení se zbytkem 3 MODERNÍ A KONKURENCESCHOPNÁ ŠKOLA
ZOHO OFFICE Vypracovala: Iva Ptáčková, A11B0605P 1.
Projekt PŘEDPOVĚĎ POČASÍ. projekt PŘEDPOVĚĎ POČASÍ.
Projekt PŘEDPOVĚĎ POČASÍ. projekt PŘEDPOVĚĎ POČASÍ.
KASKÁDOVÉ STYLY 4.
pit – CAD 2011 Nové funkce a rozšíření Strana: 1www.pitsoftware.cz /

Projekt PŘEDPOVĚĎ POČASÍ. Předpověď počasí na
Online prodeje jako součást multikanálového přístupu v praxi
Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá.
Projekt PŘEDPOVĚĎ POČASÍ. projekt PŘEDPOVĚĎ POČASÍ.
EDITOR BY: SPRESS 15. ledna ledna ledna 2015.
Tento Digitální učební materiál vznikl díky finanční podpoře EU- OP Vzdělávání pro konkurenceschopnost. Není – li uvedeno jinak, je tento materiál zpracován.
Návrh a tvorba WWW Přednáška 1
Jaroslav Šnajberk, Přemek Brada
Aplikace VT v hospodářské praxi internetové technologie Ing. Roman Danel, Ph.D. VŠB – TU Ostrava.
Setkání účastníků neformálního konsorcia Praha
Windows Presentation Foundation 2D grafika. 2D tvary Elementy UI stromu Stejné jako jiné ovládací prvky a elementy Mohou mít k sobě připojeny události,
1 © Mediaresearch, a.s., 2008 NetMonitor a AdMonitoring Výsledky za říjen 2008.
HRAJEME SI S ČÍSLY ODČÍTÁNÍ V OBORU DO 20 VY_32_INOVACE_19 Vypracovala: Klumparová Zuzana ZŠ a MŠ OLŠOVEC, přísp. org.
TNPW1 Cvičení
1 Zpráva o výsledcích finančních kontrol ve veřejné správě za rok 2006 – za Liberecký kraj a jím zřízené příspěvkové organizace.
DTD DTD (Document Type Definition) je jinými slovy návod pro prohlížeč zpracovávající dokument. DTD (Document Type Definition) je jinými slovy návod pro.
Dílna Caché II. CSP pro pokročilé Tomáš Vaverka. Zdroje HTML Tag Reference v sekci Reference Material v dokumentaci Caché HTML Tag Reference v sekci Reference.
Dodržujeme webové standardy Štěpán Bechynský Developer Evangelist Microsoft
Web 2.0 Štěpán Bechynský Microsoft. Web 2.0 aplikace.
Copyright (C) 1999 VEMA počítače a projektování, spol. s r.o.1 Lucián Piller Intranet HR.
AJAX nejmodernější webová technologie… seminář pro učitele ZŠ a SŠ Mgr. Marek Osuchowski Ostravská univerzita © 2011.
Návrh a tvorba WWW Přednáška 12 JavaScript III.. Výjimky v JavaScriptu Výjimky jsou způsob jak řešit neočekávané nebo výjimečné situace ke kterým dochází.
Copyright (C) 2000 Vema, a. s.1 V3 klient Michal Máčel Provozní integrace G2, HR/Win a internetu.
Partner SBSC evening university , Čestlice.
Ing. Jan Mittner Zend_Feed 2. XmlWriter 3. SimpleXml 4. sitemap 2.
Internet Explorer 8 Štěpán Bechynský Developer Evangelist Microsoft s.r.o.
Windows 7 & Internet Explorer 8 vývoj aplikací a kompatibilita Štěpán Bechynský, Ondřej Štrba Developer Evangelists
JavaScript úvod. Jazyky webového vývojáře Dynamická stránka  aktivně mění svůj obsah v reakci na činnost uživatele  zpracování na straně serveru (PHP,
XML a datový standard Zdeněk Jirkovec Softwarové Aplikace a systémy.
Úvod do JavaScriptu - DOM
Internetové publikování Dynamické HTML
TNPW1 JavaScript Ing. Jiří Štěpánek.
Úvod do JavaScriptu - DOM
Algoritmizace a datové struktury (14ASD)
Transkript prezentace:

Štěpán Bechynský

2

Kompatibilita DOCTYPE META Tag – Hlavička protokolu HTTP – X-UA-Compatible: IE=7 3

Vestavěné nástroje pro vývojáře Zobrazení stromu dokumentu CSS Javascript – Debug – Call stack 4

CSS 2.1 Generated Content – Counters Outline Display Tables – Printing 5

CSS 3.0 Vertical Text Vendor Extensions – -ms-* – Implementace „draft“ vlastností CSS 3.0 – crosoft-css-vendor-extensions.aspx crosoft-css-vendor-extensions.aspx 6

Data URI RFC 2397 Base64 Max. 32 kB IMG, OBJECT 7

Selectors API „Dotazovací“ jazyk – querySelector – querySelectorAll 8

Změny v implementaci DOM MetodaIE 7IE 8 removeAttribute(name)case-sensitivecase-insensitive setAttribute(name,value)nešlo vytvořit některé atributylze vytvořit libovolný atribut getAttribute(name) case-insensitive vrací vlastnost (objekt) nebo atribut (string) case-sensitive vrací pouze atribut (string) getAttributeNode(name) pro některé atributy chybně vrácený objekt (Attr) vrací objekt (Attr) pro všechny definované atributy getElementById(id) case-insensitive vrací element s odpovídajícím ID nebo name case-sensitive pracuje pouze s ID 9

Novinky v implementaci DOM MetodaVlastník hasAttribute(attrName)Element ownerElement()Attr contentDocument()frame, iframe, object 10

AJAX W3C HTML 5.0 – AJAX Navigation DOM Storage Connectivity events Ochrana před nežádoucím kódem XMLHTTPRequest Enhancements Cross-domain Request (XDR) Cross-document Messaging (XDM) 11

AJAX Navigation Podpora historie, vpřed, zpět pro AJAX aplikace Nastavení vlastnosti window.location.hash Událost hashChanged – 12

DOM Storage Úložiště na klientovi – Max. 10 MB – Subdoména může přistupovat k datům nadřazené domény 13

Connectivity events Informuje aplikaci o stavu připojení Work Offline příkaz vyvolá událost jen na Windows Vista Vlastnost window.navigator.onLine Události online, offline – 14

Ochrana před nežádoucím kódem JSON – – Globální objekt – Metody JSON.stringify JSON.parse window.toStaticHTML(bstrHTML) – Odstraní z fragmentu HTML veškerý výkonný kód 15

XMLHTTPRequest Enhancements Vlastnost timeout Událost timeout – xmlHttp.ontimeout = …; 16

Cross-domain Request (XDR) 17

Cross-domain Request (XDR) 18

Cross-domain Request (XDR) Nastavení hlaviček protokolu HTTP – Request : XDomainRequest: 1 – Response : XDomainRequestAllowed: 1 Objekt XDomainRequest() Stejná funkcionalita jako XMLHttpRequest() 19

Cross-domain Request (XDR) Objekt XDomainRequest požaduje data ze zóny: Stránka se nachází v zóně: LokálníIntranet Důvěryhodné (Intranet) Důvěryhodné (Internet) Internet Omezený přístup Lokální Intranet Důvěryhodné (Intranet) Důvěryhodné (Internet) Internet Omezený přístup 20

Cross-document Messaging (XDM) Posílání zpráv mezi hlavním dokumentem a iframe Událost message – document.attachEvent('onmessage', …); document.getElementById(…).cont entWindow.postMessage(…); 21

Webslices Vychází z mikroformátu hAtom Obdoba RSS Feed – odběr části webové stránky … 22

Accelerators Rozšiřuje možnosti práce s obsahem stránky Popis pomocí XML Registrace – window.external.AddService('…'); 23

Search Suggestions Rozšíření Opensearch – Odpověď ve formátu JSON nebo XML 24

Odkazy Rediness Toolkit – explorer/beta/readiness/developers.aspx explorer/beta/readiness/developers.aspx CSS Compatibility and Internet Explorer –