Multimediale Webprogrammierung. Bilder als Content von Webseiten. Bilder in Webseiten. Bildformate. Bilder in Webseiten

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

Download "Multimediale Webprogrammierung. Bilder als Content von Webseiten. Bilder in Webseiten. Bildformate. Bilder in Webseiten 15.06.2015."

Transkript

1 Multimediale Webprogrammierung / /2 als Content von Webseiten Alle Webseiten, (etwa ) Top 1000, in Webseiten im Kontext von Webseiten werden im allgemeinen immer noch so betrachtet, dass die Pixelanzahl proportional zu den Abmaßen des Bildes bei der Darstellung auf einem gegebenen Bildschirm ist. Der Umkehrschluss der Übertragung dieses Prinzips auf das Verhältnis zwischen Pixelanzahl und Abmaßen von Bildschirmen stimmt aber nicht mehr. Es gibt bereits kleine Bildschirme hoher Auflösung / /4 in Webseiten Damit wird es schwieriger, allein vom Standpunkt der Pixeldichte / Auflösung her die richtigen Bildversionen gleichen Datentyps den richtigen Bildschirmen zuzuordnen. Auch der Ansatz One-Size-Fits-All ist nicht korrekt. Bildformate JPEG Familie von Standards verlustbehafteter oder verlustfreier Bildkompressionsalgorithmen, intern EXIF oder JFIF. Unterstützt keine Transparenzen oder Animationen. GIF Verlustfreie Kompression, jedoch geringe Farbauflösung (8 Bit Farbtiefe), Transparenzen, Speicherung interlaced und Farbpaletten möglich. Animationen möglich / /6 1

2 Bildformate PNG Verlustfreie Kompression, blockbasierte Kodierung, jedoch geringe Farbauflösung (8 Bit Farbtiefe), Farbpaletten möglich. RGB-Kanäle und zusätzlicher Alpha-Kanal für Transparenzen. Animationen nicht möglich. WEBP Verlustbehaftete und verlustfreie Kompression, blockbasierte Kodierung, geringe Farbauflösung (8 Bit Farbtiefe), Entropiekodierung, Bildformate SVG Vektorgrafikformat, komprimiert oder im Quelltext, Einschluss von Bitmap-Grafiken der Formate JPEG, GIF, PNG möglich. Browserunterstützung? Vorkommen? Top 1000, / /8 Eigenschaften Unterstützung Juni 2015 JPEG 2000, JPEG-XR, Animated PNG fast nirgends unterstützt / /10 in HTML und CSS Hier nur die einfachen Verfahren: <img scr= cat.jpg alt= Katze >.main {background-image: url( pattern.jpg ); }.main:after {content: url( pattern.jpg ); } (analog: before) Die Einbindung als base64-kodierter String mit MIME-Typ-Angabe ist möglich. Die Pixeldichte von Bildschirmen Die Größe PPI ist das Analogon zur Größe DPI in der Druckereiindustrie. Ab 240 PPI spricht man von High Density, ab 287 PPI soll ein durchschnittlicher Mensch die Einzelpixel im Bild nicht mehr sehen können (modulo Sehschärfe und Geräteabstand) / /12 2

3 e iphone 1. Generation iphone4 Retina LG G3 Samsung Galaxy S5 LTE-A G906S 163 PPI 326 PPI 534 PPI 577 PPI Um nun nicht sinnlos klein dargestellt zu bekommen, wurden verschiedene Pixel-Maße eingeführt Physische Pixel Tatsächliche Ausmaße eines Objektes auf einem Display in Pixeln (Breite mal Höhe). Logische Pixel Konstanter, für die interne Kalkulation verwendeter Wert, auch dips (device-independent pixels) oder CSS-Pixel genannt. Bei unterschiedlichen Zoom-Leveln einer Webseite werden immer die CSS-Pixel-Werte angegeben / /14 Viewport Für Desktops ist der sichtbare Bereich im Browserfenster gleich dem Bereich für Layout- Berechnungen. Bei Smartphones, Tablets etc. hat man das geändert: Visual Viewport sichtbarer Bereich Layout Viewport Bereich für Layout- Berechnungen (auch teilweise unsichtbar) /15 e festgelegter Layout Viewports: Webbrowser Android Webkit Opera Internet Explorer Mobile Safari Standard ist somit, den Layout Viewport zu rendern und das Ergebnis in den Visual Viewport hineinzuzoomen (meist zu verkleinern). Windows Phone 7 Standard Layout Viewport 800 px 850 px 974 px 980 px 1024 px /16 Im Ergebnis sieht man die gesamte Webseite auf dem Display des Smartphones, Tablets etc., Gerätedisplaybreite ist gleich Webseitenbreite. Um vor dem Rendern den Standard Layout Viewport zu überschreiben und den Visual Viewport mit dem Layout Viewport gleichzusetzen, gibt es zwei alternative Anweisungen: <meta name= viewport content= width-devicewidth, initial-scale=1 {width : device-width; zoom : 100%;} Methoden, Parameter viewport: / /18 3

4 /AppleApplications/Reference /SafariWebContent/UsingtheViewport/UsingtheViewport.html / /20 Bild: 320 x 356 Pixel, Bild = ganze Webseite, sonst nichts / /22 Testseite von Peter-Paul Koch Eine sehr gute Testseite für Browser gibt es unter Dort kann man über zwei Links die Weite des Viewports setzen bzw. im Standardmodus die natürliche Weite (DPR) des Viewports abfragen. [2015] Der meta-tag wurde von Apples Safari-Browser etwa 2008 eingeführt. Es gibt einen CSS-Entwurf des W3C CSS Device Adaption ( editors draft). Weitere Infos unter Vernünftiges Aussehen erzielt man nun mit Responsive Design und seinen Methoden / /24 4

5 Device Pixel Ratio (DPR) Displays unter 200 PPI haben DPR=1 Displays zwischen 200 und 300 PPI haben DPR=2 Displays mit mehr als 300 PPI: DPR = (PPI /150) abgerundet Neuere Algorithmen zur Bestimmung der Darstellungsgröße von n bauen auf der Größe DPR auf Media Queries zum Hochladen eines bestimmten Bildes bei mindestens DPR=2 bzw. mindestens only screen and (-webkit-min-device-pixelratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi),.btn {background-image: So kann vor dem Hochladen eines Bildes entschieden werden, welches Bild es sein soll. (96dpi = 1dppx, Fallback) / /26 Media Queries Diese Media Queries könnten dann mit dem Einsatz des Elementes <picture> kombiniert werden, bei Durchsetzung dieses HTML5-Syntax-Vorschlags. <figure> <picture> <source media="(min-resolution: 4dppx)" <source media="(min-resolution: 2dppx)" <img src="small.jpg" alt="the president giving an award."> </picture> <figcaption></figcaption> </figure> zur Wahl je nach DPR Das WHATWG hat folgende Syntax vorgeschlagen, um minimalistisch eine Auswahllösung zu schaffen: <img src="/uploads/100-marie-lloyd.jpg" srcset="/uploads/150-marie-lloyd.jpg 1.5x, /uploads/200-marie-lloyd.jpg 2x" alt="" width="100" height="150"> / /28 Media Queries Links zu den Originalquellen zu <picture> und zu weiteren adaptierbaren Quelltextideen zum Aufruf von n in Kombination mit Media Queries siehe Vorlesung 5 gegen Ende. Caniuse Picture -content.html#the-picture-element HTML Living Standard - Last Updated 24 April 2015 Juni / /30 5

6 Responsive Images Es ist nun eine Lösung gesucht worden, die allein für einen einziges img-element schon funktioniert und wesentlich flexibler reagiert. Vorstellungen Was weiß der Entwickler und was weiß der Browser? Wie kann der Entwickler dem Browser möglichst einfach sein Wissen mitteilen? WHATWG, HTML Standard Embedded Content, / /32 1 <img sizes="100vw" srcset="wolf-400.jpg 400w, wolf-800.jpg 800w, wolf-1600.jpg 1600w" src="wolf-400.jpg" alt="the rad wolf"> 100vw Anweisung immer 100% des Viewports zu füllen XXXw gibt die maximale Breite in CSS-Pixeln an, bis zu der das entsprechende Bild zu laden ist. 1 Wenn der Bildschirm des Nutzers 320 CSS-Pixel groß ist, dann müsste die Spezifikation wolf- 400.jpg 1.25x, wolf-800.jpg 2.5x, wolf jpg 5x lauten. Wenn der Bildschirm des Nutzers 1200 CSS-Pixel breit ist, dann müsste die Spezifikation wolf- 400.jpg 0.33x, wolf-800.jpg 0.67x, wolf jpg 1.33x sein. Der Browser des Nutzers kann die korrekte Wahl des zu ladenden Bildes treffen / /34 2 Mit Responsive Design werden drei Layouts definiert: schmaler Viewport eine Spalte, mittlerer Viewport zwei Spalten, breiter Viewport drei Spalten. Breakpoints: 30em und 50em. <img sizes="(max-width: 30em) 100vw, (max-width: 50em) 50vw, calc(33vw - 100px)" srcset="swing-200.jpg 200w, swing-400.jpg 400w, swing-800.jpg 800w, swing-1600.jpg 1600w" src="swing-400.jpg" alt="kettlebell Swing"> /35 2 Wenn die Viewport-Breite 29em ist, dann wird die Bedingung (max-width: 30em) erfüllt und 100vw wird benutzt. Das Bildmaß für die Wahl der Bilddatei ist dann 29em. Wenn die Viewport-Breite 32em ist, dann wird die Bedingung (max-width: 30em) nicht erfüllt, jedoch die Bedingung (max-width: 50em). Der Wert 50vw wird benutzt. Das Bildmaß für die Wahl der Bilddatei ist dann 16em (die Hälfte der Viewport-Breite). Im zweiten Fall werden die schmaler! /36 6

7 Caniuse srcset sizes Juni 2015 Gutes Studienmaterial Sehr gutes Tutorial: ( ), ( ), (Spitze!) Demos und e: / /38 Maßnahmen zur Ladezeitreduktion Nach den Testergebnissen von E. Schlag sind folgende Maßnahmen zur Ladezeitreduktion in Bezug auf das Laden von n effektiv, seine website genommen: Maßnahme Verbesserung Caching (client- und serverseitig) 42-82% Infinite Scroll 40-62% Lazy Loading 36-58% w-deskriptor 32% WebPüber picture 19-26% Maßnahmen zur Datenreduktion Nach den Testergebnissen von E. Schlag sind folgende Maßnahmen zur Datenreduktion in Bezug auf das Laden von n effektiv, seine website genommen: Maßnahme Verbesserung Caching (client- und serverseitig) % Lazy Loading 63-80% w-deskriptor 23-53% Inline-SVG 9% User-Agent-Sniffing / srcset allein ohne Wirkung / /40 Quellen Enrico Schlag, Entwicklung einer mobilen Webseite unter Betrachtung gesonderter Anforderungen an im Kontext mobiler Endgeräte und hochauflösender Displays, Masterarbeit, HTWK Leipzig, F IMN, Mai Vielen Dank für Ihre Aufmerksamkeit bis demnächst. Framework Adaptive Images, minimalistisch, effektiv: weitere Tipps und Links zu Bibliotheken bzw. Frameworks Quellenangaben auf den Folien / /42 7

Die Sache mit den Bildern

Die Sache mit den Bildern Die Sache mit den Bildern S Grafiken im mobilen Webdesign S S Contao NRW Day 2014 S 1 Janosch Oltmanns seit 2011 bei DMA Interaction Developer Desktop & Mobile Buchautor: Web-Apps erstellen mit CMS-Daten

Mehr

Responsive Webdesign

Responsive Webdesign ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte

Mehr

Responsive Webdesign

Responsive Webdesign Responsive Webdesign Anlass sind 2 Probleme: 1. Darstellung der HU-Homepage auf mobilen Geräten ist nicht optimal (Überprüfung der Anzeige mit Strg+Shift+M oder Simulatoren www.responsinator.com) 2. Summe

Mehr

Responsive Web Design

Responsive Web Design Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI

Mehr

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136 Wiederholung float+clear Grundlagen Webgestaltung Seite 136 float und clear clear kann für mehrspaltige Layouts verwenden werden. Jedoch kann das auch zu ungewollten Effekten führen. Angenommen eine Webseite

Mehr

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen Kleines Bild große Wirkung Stand Mai 2015 Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de

Mehr

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen Kleines Bild große Wirkung Stand April 2016 Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de

Mehr

Responsive Web Design Graceful Degradation and Progressive Enhancement

Responsive Web Design Graceful Degradation and Progressive Enhancement Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an

Mehr

Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski 18.02.2014

Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski 18.02.2014 IHK-Arbeitskreis Software Prof. Dr. Manfred Wojciechowski 18.02.2014 Aufbau Vorstellung Responsive Webdesign Motivation Technologien Frameworks 2 Vorstellung Zur Person 1991 1996: Studium Informatik an

Mehr

(Kurs B2 Grundlagen der Bildbearbeitung)

(Kurs B2 Grundlagen der Bildbearbeitung) Workshop Teil *Bildbearbeitung* (Kurs B2 Grundlagen der Bildbearbeitung) Grundeinstellungen am Computer Bildverwaltung, Bildbeschaffung Grafikformate mit vielen Übungen 11.02.2015-1 - Zum Geleit 11.02.2015-2

Mehr

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,

Mehr

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite

Mehr

Interface-Optimierung bei mobilen Endgeräten

Interface-Optimierung bei mobilen Endgeräten Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.

Mehr

Einführung Responsive Webdesign

Einführung Responsive Webdesign Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout

Mehr

Einfügen von Bildern innerhalb eines Beitrages

Einfügen von Bildern innerhalb eines Beitrages Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de

Mehr

DATENFORMATE IM INTERNET

DATENFORMATE IM INTERNET DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV

Mehr

Grafikformate 1 Grafikformate 2 Grafikformate 3 Grafikformate 4 Grafikformate 5 Grafikformate 2 Lösungen: 1. Bild mit Hilfe eines Rasters von Punkten beschreiben Bitmap-Grafik 2. Bild in geometrische Objekte

Mehr

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic Einleitung Graphic Interchange Format Joint Photographic Expert Group Portable Network Graphic scalabel Vector Graphic Fazit Übungsaufgabe Speichern Einleitung Das Web ist eines der wichtigsten Medien

Mehr

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Mit der zunehmenden Nutzung des Internets über mobile Endgeräte wie Smartphones und Tablet-PCs steigt die Notwendigkeit, den Internetauftritt

Mehr

EDV-Anwendungen im Archivwesen II

EDV-Anwendungen im Archivwesen II EDV-Anwendungen im Archivwesen II 070472 UE WS08/09 Digitale Formate (Beispiele) Überblick Kurzer Überblick über derzeit übliche Formate Bild Ton Video Archivierungsformate Ist Komprimierung immer zu vermeiden?

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

Das Favicon. Kleines Bild große Wirkung. Tipps und Tricks rund um Ihr Marketing, Grafik und Design

Das Favicon. Kleines Bild große Wirkung. Tipps und Tricks rund um Ihr Marketing, Grafik und Design Kleines Bild große Wirkung Tipps und Tricks rund um Ihr Marketing, Grafik und Design Kleines Bild große Wirkung Langner Beratung GmbH Metzgerstraße 59 72764 Reutlingen 0 71 21 / 79 80 60-0 www.langner-beratung.de

Mehr

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb Die Komprimierung: Die Abkürzung JPG (oder auch JPEG) steht für "Joint Photographic Experts Group". Dieses Bildformat ist nach der Expertengruppe, die es erfunden hat, benannt. Die Komprimierung empfiehlt

Mehr

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten Bildbearbeitung Bilder und Grafiken müssen für den Druck oder den Bildschirm unterschiedlich aufbereitet werden. Entscheidend ist dabei der Speicherbedarf und davon abhängig die Bildqualität. Ein Bild

Mehr

Service Coding Crash Course

Service Coding Crash Course Service Coding Crash Course Willkommen! noch 2 wilde Tage! Bisher: Aufbau von Models, scaffolding, Formulare Formatierung, Assets einbinden, Layout, Navigation Ziel heute: Mobile Browser, JavaScript APIs

Mehr

Süddeutsche Zeitung als digitale Ausgabe

Süddeutsche Zeitung als digitale Ausgabe Süddeutsche Zeitung als digitale Ausgabe Technische Spezifikationen für SZ-App- Anzeigen, Stand: 27.03.2015 Inhaltsübersicht 1. Einleitung und Anlieferungstermine S. 1 2. Anzeigen 2.1. Bildanzeigen statisch

Mehr

SCREENDESIGN. www.typophonics.de. Eine Einführung in die Bereiche des Screendesigns

SCREENDESIGN. www.typophonics.de. Eine Einführung in die Bereiche des Screendesigns SCREENDESIGN www. Eine Einführung in die Bereiche des Screendesigns Inhalt Print versus Digital Begrifflichkeiten Auflösung Viewport Layout Responsive Design Textintegration Bildintegration Navigation

Mehr

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas Liferay 6.2 Ein modernes Open Source Portal System forwerts solutions GmbH, Gabriele Maas Open Source IT-Dienstleister Liferay 6.2 Was ist neu? Liferay 6.2 Startseite Folie: 3 forwerts solutions GmbH 9.

Mehr

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert

Mehr

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8 Inhaltsverzeichnis Florence Maurice Mobile Webseiten Strategien, Techniken, Dos und Don'ts für Webentwickler ISBN (Buch): 978-3-446-43118-8 ISBN (E-Book): 978-3-446-43279-6 Weitere Informationen oder Bestellungen

Mehr

responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1

responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1 responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1 perspektiven bruno giordano. // giordano.ch online.ch Oktober 31, 2012 2 giordano.ch Oktober 31, 2012 3 www.leo.org giordano.ch Oktober 31, 2012

Mehr

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG Think Mobile Effiziente Entwicklungsstrategien im GIS Kai Hoffmann, BTC AG Mobile Endgeräte Was ist zu beachten? In dieser Betrachtung Smartphone Tablet Unterschiedliche Hardwareausstattung Bildschirmgröße

Mehr

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression Digitale Bildverarbeitung Bildkompression Einleitung Datenmenge für ein unkomprimiertes Bild Verwendungszweck des Bildes Bild soll weiterverarbeitet werden Bild soll archiviert werden Bild soll per E-Mail

Mehr

Stefan Bauer. Trends im mobilen Business

Stefan Bauer. Trends im mobilen Business Stefan Bauer Trends im mobilen Business Stefan Bauer Jahrgang 1969, verheiratet, 2 Kinder Diplom-Informatiker TU München Seit 1996 in Online Branche Seit 1999 selbständig Inhaber und Vorstand Dozent und

Mehr

c t HTML 5 App Werbemittelanforderung

c t HTML 5 App Werbemittelanforderung c t HTML 5 App Werbemittelanforderung Preise und Spezifikationen Werbeform Platzierung Preis Print/App-Kombi Opening Page Opening Page Print/App-Kombi Marktanzeigen (Fullscreen, ½, ¼ Screen) Innerhalb

Mehr

Viele Bilder auf der FA-Homepage

Viele Bilder auf der FA-Homepage Viele Bilder auf der FA-Homepage Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als von einer im Internet

Mehr

Digital Imaging Einführung

Digital Imaging Einführung Tutorium Digital Imaging Einführung 7./14. Juli 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Bilder bestehen aus Pixeln Die Maße eines Bildes bestimmen sich aus Breite x Höhe in Pixeln (Auflösung)

Mehr

Responsive Webdesign. Vortrag von Jens Kretschmann im Heinz Nixdorf Museums Forum

Responsive Webdesign. Vortrag von Jens Kretschmann im Heinz Nixdorf Museums Forum Responsive Webdesign Vortrag von Jens Kretschmann im Heinz Nixdorf Museums Forum Paderborn, 28.05.2013 Design ist nicht nur wie etwas aussieht oder sich anfühlt. Design ist wie es funktioniert. Steve Jobs

Mehr

AdOps Technische Spezifikationen

AdOps Technische Spezifikationen AdOps Technische Spezifikationen HTML5-Werbemittel (Desktop) Bei der Verwendung von Redirects müssen diese Spezifikationen nicht beachtet werden. Physische Anlieferung von HTML5-Werbemitteln + Trackings.

Mehr

Spezifikationen Dein SPIEGEL digital

Spezifikationen Dein SPIEGEL digital Spezifikationen Dein SPIEGEL digital 1. Tablets (ipad, Android 7 /Kindle Fire, Android 10 ) 1.1. Allgemeines 1.2. Statische Anzeigen 1.3. Statische Anzeigen mit Video 1.4. Interaktive Anzeigen 1.5. Tracking

Mehr

TM1 mobile intelligence

TM1 mobile intelligence TM1 mobile intelligence TM1mobile ist eine hochportable, mobile Plattform State of the Art, realisiert als Mobile BI-Plug-In für IBM Cognos TM1 und konzipiert als Framework für die Realisierung anspruchsvoller

Mehr

JPEG-Format GIF-Format PNG-Format

JPEG-Format GIF-Format PNG-Format Bauinformatik I: Bildbearbeitung -Pixelbilder- 07 VL B S.1 Thema: Bildbearbeitung -Pixelbilder- Datei-Formate "Die Bilderwelt teilt sich in zwei Lager": Pixel- und Vektorgrafik. Vektor-Formate Vektorgrafiken

Mehr

Auflösung von Displays und Pixelbildern. Unterlagen für den Workshop Designing Interactions in XS Stand März 2012

Auflösung von Displays und Pixelbildern. Unterlagen für den Workshop Designing Interactions in XS Stand März 2012 Unterlagen für den Workshop Designing Interactions in XS Stand März 2012 Nutzungsumfeld und -situationen Kategorisierung von Geräten Eingabe für mobile Geräte Displaytechnologien Auflösung von Displays

Mehr

Schnellanleitung: Bilder für das Internet optimieren

Schnellanleitung: Bilder für das Internet optimieren Inhaltsverzeichnis Inhaltsverzeichnis... 1 Schnellanleitung: Bilder für das Internet optimieren... 1 Bilder für das Internet optimieren... 2 Auflösung bei Grafiken für Printmedien... 2 Auflösung bei Grafiken

Mehr

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Graphiken und Bilder. Grundlagen

Graphiken und Bilder. Grundlagen Graphiken und Bilder Grundlagen Bilder und Graphiken Graphiken lassen sich auf geometrische Grundformen reduzieren Bilder sind vor allem photorealistische Abbildungen Datenformate für Bilder und Graphiken

Mehr

Responsive Design & ecommerce

Responsive Design & ecommerce Responsive Design & ecommerce Kassel, 15.02.2014 web n sale GmbH Jan Philipp Peter Was bisher geschah Was bisher geschah oder: Die mobile Evolution früher : - Lokale Nutzung - Zuhause oder im Büro - Wenige

Mehr

Neue Funktionen in Virthos 3.2

Neue Funktionen in Virthos 3.2 Neue Funktionen in Virthos 3.2 Stand: 03.02.2012 Neue Funktionen in Virthos 3.2 Automatische Bildskalierung Automatische Bildskalierung Der vtmedia-platzhalter erlaubt ab der Virthos-Version 3.2 einen

Mehr

SPEZIFIKATIONEN GOLDBACH MOBILE NETWORK CLASSIC UND CREATIVE ADS. März 2016 Isabella Bauer

SPEZIFIKATIONEN GOLDBACH MOBILE NETWORK CLASSIC UND CREATIVE ADS. März 2016 Isabella Bauer SPEZIFIKATIONEN CLASSIC UND CREATIVE ADS März 2016 Isabella Bauer CLASSIC ADS Werbeform Abmessung (Pixel) Dateiformat Max. Dateigröße Mobile Content Ad 6:1 300x50 oder 320x50 jpeg, png, gif, HTML5 40 kb

Mehr

Kennen, können, beherrschen lernen was gebraucht wird

Kennen, können, beherrschen lernen was gebraucht wird Inhaltsverzeichnis Inhaltsverzeichnis... 1 Einbinden von Grafiken... 2 Grafiken in den Text einbinden... 2 Grafikverweise... 2 Verweise auf Bilder in Unterverzeichnissen... 2 Verweise auf Bilder im darüber

Mehr

Die i-tüpfelchen: Favicons

Die i-tüpfelchen: Favicons Schenken Sie Ihrer URL ein eigenes Icon Sie werden lernen: Wo werden Favicons überall angezeigt? Wie kommen Favicons in die Adressleiste? So erstellen Sie Favicons auf Windows und Mac Ein Favicon für unsere

Mehr

Mobile Technische Spezifikationen

Mobile Technische Spezifikationen Mobile Technische Spezifikationen Inhalt 1. Allgemeine Hinweise Folie 2 2. Mobile Banner Folie 4 3. Mobile Medium Rectangle Folie 9 4. Prestitial Folie 10 5. Sponsoring (Logointegration + Logo Flip) Folie

Mehr

Flexibles HTML. christian.cueni@bfh.ch

Flexibles HTML. christian.cueni@bfh.ch Flexibles HTML christian.cueni@bfh.ch Inhalt Desktop & Mobile Strategien Responsive Design HTML5 Feature Detektion mit Modernizr Desktop & Mobile Strategien Wie bringe ich mobile Nutzer zum (UI) optimierten

Mehr

V by WBR1/BFH-TI 2011 by MOU2/BFH-TI

V by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und

Mehr

Histogramm Mit dem Histogramm zu besseren Bildern?!

Histogramm Mit dem Histogramm zu besseren Bildern?! Seite 1 Mit dem zu besseren Bildern?! Eine Einführung in die funktion von Digitalkameras - 13. Eppsteiner Fototage - Seite 2 - Begriffserklärung - Ein (Säulendiagramm) ist die grafische Darstellung der

Mehr

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1

SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der

Mehr

Gliederung. Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks.

Gliederung. Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks. Gliederung Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks. Präsentationsplattform Vorstellung der Präsentationsplattform Setzkasten. 1 / 14 Responsive

Mehr

Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank

Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank Nachfolgend finden Sie für Ihre Klausurvorbereitungen die stichpunktartige, themenorientierte Zusammenfassung des Kurses.

Mehr

1 Medien einbinden Definition der Medientypen Options-Argumente Ein Bild einbinden... 7

1 Medien einbinden Definition der Medientypen Options-Argumente Ein Bild einbinden... 7 Medien einbinden Inhalt 1 Medien einbinden... 3 2 Definition der Medientypen... 4 3 Options-Argumente... 5 4 Ein Bild einbinden... 7 4.1 Bild einbinden mittels Medien-Icon... 7 4.2 Bild einbinden mittels

Mehr

Google Kriterien für die Bewertung mobil optimierter Webseiten

Google Kriterien für die Bewertung mobil optimierter Webseiten Google Kriterien für die Bewertung mobil optimierter Webseiten Google Kriterien für die Bewertung mobil optimierter Webseiten Am 21. April hat Google damit begonnen ein neues Algorithmus Update auszurollen

Mehr

DocuWare Mobile ProductInfo 1

DocuWare Mobile ProductInfo 1 DocuWare Mobile ProductInfo Dokumenten-Management mobil Mit DocuWare Mobile greifen Sie direkt von Ihrem Smartphone oder Tablet auf ein DocuWare-Archiv zu. Sie können Dokumente laden, auf dem Bildschirm

Mehr

Weil das Internet der Zukunft mobil ist 15. BVMW pecha kucha Nacht 12. Mai 2015

Weil das Internet der Zukunft mobil ist 15. BVMW pecha kucha Nacht 12. Mai 2015 RESPONSIVE WEBDESIGN Weil das Internet der Zukunft mobil ist 15. BVMW pecha kucha Nacht 12. Mai 2015 2000 2007 Apple iphone 2010 Apple ipad 2015 Smartphone Zombies 50% der Deutschen nutzten 2014 ein Smartphone

Mehr

HTML img ==============

HTML img ============== HTML img ============== HTML img fügt ein Bild oder Grafik in HTML-Seiten ein. Nur zwei Attribute werden gebraucht: src, der Pfad zum Bild und alt, ein alternativer Text für Browser ohne Bilddarstellung.

Mehr

E-Mail Editor Vorlagen Programmier-Richtlinien

E-Mail Editor Vorlagen Programmier-Richtlinien E-Mail Editor Vorlagen Programmier-Richtlinien 1 Inhaltsverzeichnis 1. Einleitung... 3 2. Code erstellen für Vorlagen... 4 3. Code für mobile Vorlagen (Responsive Design)... 5 4. Editor Klassen (Tags)

Mehr

MS Internet-Explorer 7. Peter G. Poloczek M5543

MS Internet-Explorer 7. Peter G. Poloczek M5543 MS Internet-Explorer 7 Peter G. Poloczek M5543 IE7 - Benutzeroberfläche Die Benutzeroberfläche scheint sich bereits am neuem Windows-Vista Vista- Look zu orientieren. Sie zeichnet sich aber durch eine

Mehr

Die eigene Website. Zusatzkapitel CSS mobile Geräte & Ausdruck

Die eigene Website. Zusatzkapitel CSS mobile Geräte & Ausdruck Die eigene Website Zusatzkapitel CSS mobile Geräte & Ausdruck Im Folgenden finden Sie einige Zusatztipps zu Kapitel 6 des Buchs Die eigene Website. Mehr Infos zum Buch auf der Website zum Buch. CSS für

Mehr

Digitale Bilddateien

Digitale Bilddateien ARBEITSBLATT 1 Digitale Bilddateien Gängige Bildformate und deren Speicherbedarf Unkomprimierte Bilddateien Öffnen Sie in Photopaint die Datei beauty.tga! Beauty.tga ein virtueller Männertraum, generiert

Mehr

Werbung am Smartphone Reichweiten, mobile Seiten, Apps und Werbemöglichkeiten

Werbung am Smartphone Reichweiten, mobile Seiten, Apps und Werbemöglichkeiten Werbung am Smartphone Reichweiten, mobile Seiten, Apps und Werbemöglichkeiten Die Mobilen Reichweiten Web App (mobil.) und Native App (Smartphone APP) Mobile Geräte werden immer häufiger zum First-Screen,

Mehr

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Responsive WebDesign Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Moderne Web-Konzepte punkten mit einer ansprechenden Visualisierung, professionellen Fotos und informativen

Mehr

Druck für Unternehmen leicht gemacht

Druck für Unternehmen leicht gemacht Druck für Unternehmen leicht gemacht Wenn User wissen, wie man eine E-Mail versendet oder eine Webseite aufruft, dann können sie auch mit EveryonePrint drucken EveryonePrint ist die perfekte Lösung für

Mehr

19. Mai 2015 L A TEX. Grafiken. Prof. Dr. Alexander Braun // Wissenschaftliche Texte mit LaTeX // WS 2014/15

19. Mai 2015 L A TEX. Grafiken. Prof. Dr. Alexander Braun // Wissenschaftliche Texte mit LaTeX // WS 2014/15 L A TEX Grafiken Raster- und Vektorgrafiken Eine Rastergrafik setzt ein Bild aus vielen Bildpunkten (engl. picture cell = pixel) zusammen. Eine Vektorgrafik setzt ein Bild aus vielen geometrischen Elementen

Mehr

Bilder und Grafiken für das WEB optimieren

Bilder und Grafiken für das WEB optimieren Bilder und Grafiken für das WEB optimieren Einführung Häufig werden für die Homepage gescannte Vorlagen oder Bilder von der Digitalkamera verwendet. Diese müssen zum Veröffentlichen im Web zuerst optimiert

Mehr

Erste Schritte in NVU

Erste Schritte in NVU NVU (http://www.nvu-composer.de/) ist ein leicht zu bedienender HTML-Editor. Nach dem Start von NVU sieht der Bildschirm wie folgt aus: Lasse dich von dieser Anzeige nicht irritieren, es ist alles halb

Mehr

Grafikformate 2

Grafikformate 2 Grafikformate 1 Grafikformate 2 Grafikformate 3 Grafikformate 4 Grafikformate 5 Grafikformate 2 Lösungen: 1. Bild mit Hilfe eines Rasters von Punkten beschreiben 2. Bild in geometrische Objekte unterteilen

Mehr

Bildbearbeitung: Grafikformate II und Farbmodelle

Bildbearbeitung: Grafikformate II und Farbmodelle Michael Gieding Bildbearbeitung: Grafikformate II und Farbmodelle Folien zur gleichnamigen Lehrveranstaltung PH-Heidelberg, Sommersemester 2004 Wiederholung Folie 1: Speicherplatzberechnungen Grafikformate

Mehr

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation

Mehr

Erweiterungen Gantry Framework -

Erweiterungen Gantry Framework - Gantry Framework Gantry Framework ist eine Art Tabelle (Grid), in der man in den Zellen die jeweiligen Beiträge und sonstigen Bereiche positionieren kann. Gantry Framework downloaden Über Google nach Gantry

Mehr

Anleitung nv charts App

Anleitung nv charts App Anleitung nv charts App Inhaltsverzeichnis Anleitung nv charts App...1 Wie bekomme ich die App?...1 Welche Geräte sind zu von uns Getestet:...2 Wie Starte ich die App...2 Karten Herunterladen...3 Wo bekomme

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

WEBSEITEN ENTWICKELN MIT ASP.NET jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm

Mehr

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages

Mehr

WORKSHOP für das Programm XnView

WORKSHOP für das Programm XnView WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen

Mehr

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Anfang März 2011 hat Facebook das Erstellen von sogenannten iframe-tabs als individuelle Gestaltungsmöglichkeit von Fanseiten

Mehr

Deutsche Golf Liga. Mediadaten 2013. Gültig ab Juli 2013. deutsche golf online GmbH

Deutsche Golf Liga. Mediadaten 2013. Gültig ab Juli 2013. deutsche golf online GmbH Deutsche Golf Liga Mediadaten 2013 Gültig ab Juli 2013. Deutsche Golf Liga Auf dem Weg zur Vision Gold. Fakten und Hintergründe. Die Einführung der Bundesliga in jeder Sportart zeigte bisher, hier stecken

Mehr

DIGITALISIERUNG VON BILDERN. Ivana

DIGITALISIERUNG VON BILDERN. Ivana DIGITALISIERUNG VON BILDERN Ivana WAS IST DIGITALISIERUNG? Begriff aus dem Lateinischen Überprüfung analoger Größen diskrete Werte Produkt = Digitalisat Analoge Speicherung von Informationen auf digitalen

Mehr

WERBEMITTELANFORDERUNG

WERBEMITTELANFORDERUNG c t HTML5-APP WERBEMITTELANFORDERUNG PREISE UND SPEZIFIKATIONEN Werbeform Platzierung Preis Innerhalb der c t 4.000,00 Print/App-Kombi Innerhalb der c t 3.200,00 Opening Page 1. Seite nach dem Titelblatt,

Mehr

SHS Swiss Innovation Tour ITB 2014. Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks

SHS Swiss Innovation Tour ITB 2014. Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks SHS Swiss Innovation Tour ITB 2014 Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks Responsive Webdesign Ein Web für Alle Die Geschichte des Mobile Web Android Galaxy ipad WAP 1997

Mehr

Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Namics. Johannes Waibel. Senior Consultant.

Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Namics. Johannes Waibel. Senior Consultant. Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Johannes Waibel. Senior Consultant. 1 Optimale Auslieferung der CMS-Inhalte für mobile Endgeräte. http://www.flickr.com/photos/rkottonau/571288490/

Mehr

Responsive Webdesign mit HTML5 & CSS 3

Responsive Webdesign mit HTML5 & CSS 3 Responsive Webdesign mit HTML5 & CSS 3 3-tägiges Intensiv-Seminar: Responsive Webdesign Beschreibung Der überwältigende Erfolg von Smartphones und Tablets stellt Webdesigner/innen vor ganz neue Herausforderungen:

Mehr

Einbinden von iframes in eine Facebook Fan Page

Einbinden von iframes in eine Facebook Fan Page Eine kostenlose Ergänzung zum Buch: Facebook Fan Pages von Boris Pfeiffer 2011, Smiling Cat Publishing GmbH Einbinden von iframes in eine Facebook Fan Page Facebook hat mit der Einführung der neuen Fan

Mehr

ONLINE PREISLISTE MEDIADATEN 2016

ONLINE PREISLISTE MEDIADATEN 2016 ONLINE PREISLISTE MEDIADATEN 2016 www.mittelbayerische.de die neuen Onlineangebote Gültig ab 1. Januar 2016 WIllkOmmen In der digitalen Welt des mittelbayerischen VerlageS. Seite 2 umfassende & aktuelle

Mehr

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016 Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es

Mehr

Bilder für LaTeX mit GIMP. Hartmut Noack <zettberlin@linuxuse.de> Frank Hofmann <frank.hofmann@efho.de>

Bilder für LaTeX mit GIMP. Hartmut Noack <zettberlin@linuxuse.de> Frank Hofmann <frank.hofmann@efho.de> Bilder für LaTeX mit GIMP Hartmut Noack Frank Hofmann 1 Grundlagen LaTeX ist ein ausgereiftes Textsatzsystem. Es erstellt Dokumente aus einfachen Textdateien.

Mehr

E-Learning Interactive Internet-Lösungen. Wo steckt Sharky? Wissensspiel. Bilder zuordnen. Auch für kleine Screen geeignet GAME: SPIELTYP: LERNZIEL:

E-Learning Interactive Internet-Lösungen. Wo steckt Sharky? Wissensspiel. Bilder zuordnen. Auch für kleine Screen geeignet GAME: SPIELTYP: LERNZIEL: E-Learning Interactive Internet-Lösungen Auch für kleine Screen geeignet GAME: Wo steckt Sharky? SPIELTYP: Wissensspiel LERNZIEL: Bilder zuordnen 2 Ordnen Sie schnell den Ort zu Bilderrätsel Die entscheidende

Mehr

Digitale Bildverarbeitung (DBV)

Digitale Bildverarbeitung (DBV) Digitale Bildverarbeitung (DBV) Prof. Dr. Ing. Heinz Jürgen Przybilla Labor für Photogrammetrie Email: heinz juergen.przybilla@hs bochum.de Tel. 0234 32 10517 Sprechstunde: Montags 13 14 Uhr und nach Vereinbarung

Mehr

Grafikformate und ihre Anwendung

Grafikformate und ihre Anwendung Grafikformate und ihre Anwendung Einführung 2 Bitmap vs. Vektororientiert 2 Einführung 2 Aufbau 3 Bitmaps (pixelorientierte Darstellung) 3 Vektorgrafiken 3 Vergleich 3 Vektorgrafiken 5 Typen 5 eps Encapsulated

Mehr

HTML5 Sonderwerbeformen First Mover gesucht

HTML5 Sonderwerbeformen First Mover gesucht HTML5 Sonderwerbeformen First Mover gesucht Inhaltsverzeichnis HTML5 Die Zukunft der Online-Werbung First Mover gesucht HTML5 Sonderwerbeformen Weitere HTML5 Werbemöglichkeiten im Portfolio Kontakt 2 HTML5

Mehr

Mobiler Ratgeber. TILL.DE Google Partner Academy

Mobiler Ratgeber. TILL.DE Google Partner Academy Mobiler Ratgeber TILL.DE Google Partner Academy Warum mobil sein? Eine Webseite, die mobil nicht gut zu erreichen ist, ist mit einem geschlossenen Geschäft gleichzusetzen! Warum mobil sein? Darüber informieren

Mehr

Die Kurse sind online zu bearbeiten, ein Download auf Ihren Rechner ist nicht möglich.

Die Kurse sind online zu bearbeiten, ein Download auf Ihren Rechner ist nicht möglich. Hilfe zur Bearbeitung und Navigation Technische Anforderungen Die Kurse sind online zu bearbeiten, ein Download auf Ihren Rechner ist nicht möglich. Um unsere Kurse anschauen und bearbeiten zu können,

Mehr