Html5 Rich Media. Video Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js.

Slides:



Advertisements
Liknande presentationer
WCAG 2.0 som ett konkret verktyg i arbetet med komplexa tekniker Andreas Cederbom.
Advertisements

Ringa video- samtal med datorn
Digital presentation AUDI Storlek 160 x 140 x 5 mm. Egen design och tryck på fram och baksidan.
Strukturerad dokumentation och XML
Datavalidering med JavaScript
II130V Konstruktion av webbsidor Välkommen till föreläsning 3 September 2007.
XHTML.
MANGE_MANIAC Ämne A Ämne B Viktig information Länkar till dina favoritplatser Skriv ett välkomstmeddelande här. Det kan vara ett långt meddelande eller.
FTP, HTTP, HTML, XML och XHTML
Göran Husman Office 365 MVP / HumanData AB
Tom Ahola.   Ändamålet för sajten? Göra promo för nya skivor, berätta nyheter inom bandet, presentera turnédatum,
Varför grammatik? Vad är ordklasser?
Bilder och responsive webb Andreas Cederbom
ASP.NET MVC MVC historik ● Traditionellt arkitekturmönster som ansetts särskilt lämpligt i webbapplikationer ● Separation of concerns & loose.
Internet och upphovsrätt
Sidor, kategorier, inlägg och responsiv webb
Case Tobias Martin.
DCV Idéskiss Design Jag tror att jag ska ha en mörk och stilren design på mitt DCV. Det ska finnas dynamisk funktionalitet där designen byts utan att sidan.
HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas.
Programmeringteknik Webbdelen. HTML H yper T ext M arkup L anguage Märker upp sidans innehåll så att webbläsaren kan avgöra hur innehållet ska visas.
Viet Tran.  Syfte och mål  Forskningsfrågor  Metod  Resultat  Slutsats  Vad kunde ha gjorts annorlunda?
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
Webbteknik lektion 4 Det handlar mer om stilmallar Per K, 2012.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Introföreläsning CS Om publiceringssystem, lektion ett.
Creating an Adobe Presentation Rapidly create Flash-based presentations and eLearning courses from PowerPoint Set Preferences Add or Edit Audio Add multimedia.
Responsive design i praktiken Johan Kling
W EBMASTER DAG 8 HT08 Mahmud Al Hakim
Mahmud Al Hakim Webmaster DAG 9 VT09 Mahmud Al Hakim
What´s app? - länkar Appar som deltagarna pratar om Iphoneappar
Marie Lindberg är debutant i stora mått både i Melodifestivalen och offentligheten som artist. Marie är lärare till yrket och undervisar förstaklassare.
Sidan Meningen göra en hemsida för företaget Zoohelsinki. P.g.a. Materialets brist så enkel sida som möjligt Fick ide från vertaaverkkoja och nikebetterworld.
Anpassade inläggstyper för att hantera site- eller temaspecifikt innehåll Posttyper som finns i WordPress som standard är bl.a. inlägg, sidor och bilagor.
Andreas Cederbom Valideringstjänster.
Arbeta med Arbortext Övningsuppgift DITA (PM01) 2 – KIT
CSS del 3 Kvarnbrinkx Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
Vad är en bra webbplats? KANO Förtroendeingivande Effektiv Användbar Tillgänglig Ändamålsenlig Snabb och responsive Sökoptimerad Lättdelad Åtkomlig.
Exempelbaserade specifikationer med SpecFlow
Integrera mp3 i hotpotatoes.  Se hur test-övningen kommer att se ut: N1_Audio_01.htm
XHTML och något om CSS Produktion för tryckta Webbutveckling Kvarnbrink
XHTML & CSS Introduktion Erik Nahkala
Dreamweaver fortsättning DAG 2 VT09 Mahmud Al Hakim
© Björn Lindell, Datapedagogiskt Forum, SLU Hur kommer jag i gång med att göra web-sidor? Länkar “on line” på URL:
Rikare webb med AJAX, Microsoft Silverlight, WPF och Expression Studio Robert Folkesson
Lektion 1 Webbplatsens layout Mahmud Al Hakim Dreamweaver 8 fortsättningskurs 1 Copyright, Mahmud.
Modul 6 Använda Internet för arbete och lärande. Inlärningsmål  6.1 Identifiera metoder för att få åtkomst till Internet.  6.2 Använda webbläsare för.
Dreamweaver fortsättning DAG 1 VT09 Mahmud Al Hakim
1 Synchronized Multimedia Integration Language DSV Peter Mozelius Resurssnålt och plattformsoberoende.
Klimatsmart Argumentation.
1 2I1073 Föreläsning 1 KTH-MI Peter Mozelius XHTML, stilmallar och Javascript.
CSS del 1 Kvarnbrink I början… Bakgrunden var det enda man kunde byta färg på Allt var satt i Times Texten flödade över hela webbläsarfönstrets.
Copyright, Mahmud Al Hakim, Lektion 3 Ramar, Navigeringsfält, Lager Mahmud Al Hakim
CSS del 3 Samuel Kvarnbrink Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
Lektionsmaterial Inför ert deltagande i Energikicken 2015.
CSS del 3 Kvarnbrink* Färdiga layouter Yaml builder Dreamweavers mallar Free css templates.
Välkommen till Sommarkollo Expression Studio, verktyg för designers Juli 2007 Robert Folkesson Developer Evangelist Microsoft Johan Lindfors.
Adobe Presenter En kort genomgång av hur man skapar en interaktiv film till dina PowerPoints.
Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.
VISNINGSVERKTYGET POWERPOINT i office 365
SeniorNet Södermalm Microsoft OneDrive
Video med tips för arbetssökning
Marcus Grindange, COO Abe Zachariah, Backend-utvecklare
CSS del 3 Samuel Kvarnbrink
CSS del 1 Kvarnbrink
Appen CLIPS Filmremsa (Medel)
Hur man använder Video med e-post och Prospektrapporten
IT Fördjupning Jon Wide
CSS del 1 Samuel Kvarnbrink
Filmremsa (Medel)   Så här spelar du upp effekterna i den här bilden:
Presentationens avskrift:

Html5 Rich Media

Video Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js

VideoFormat

Hur implenterar man den Not supported! Valfria Egenskaper

AutoSpela Bredd & Hög loop loop="loop“ Förhandsbild poster="whale.png"

Videons controls tag innehåller Play Pause Seeking Volume Fullscreen toggle Captions/Subtitles (when available) Audio track (when available)

JS Du kan använda Javascript att göra annan layout och ha mera egenskaper i din video

Var används Flera sidor har redan använder video taggen Ex. P.g.a Ipad stöd Exempelsida

Audio Layout ändringar med css och js Helt ny Element i html Ersätter FlashAudio Lätt att använda

Audioformat och stöd

Hur implenterar man den

Audio JS

Var används Samma ställen som videon Ipad ShowCase