responsive-web giordano.ch Oktober 31,

Save this PDF as:
 WORD  PNG  TXT  JPG

Größe: px
Ab Seite anzeigen:

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

Transkript

1 responsive-web giordano.ch Oktober 31,

2 perspektiven bruno giordano. // giordano.ch online.ch Oktober 31,

3 giordano.ch Oktober 31,

4 giordano.ch Oktober 31,

5 der Trend immer mehr mobile Geräte am Markt bereits Ende 2013 bis zu 50% Benutzer mit mobilen Geräten giordano.ch Oktober 31,

6 die Folgen der Bildschirm wir immer kleiner Websites, welche für den normalen PC- Bildschirm konzipiert wurden, eignen sich nicht mehr das Informationsverhalten ändert sich: wer nicht gleich findet, was er sucht, klickt weiter giordano.ch Oktober 31,

7 die Konsequenzen neue Websites ohne responsive-web sind bereits nach einem Jahr veraltet spezifische Skins für spezifische Anwendungen (z.b. Katalog für ipad) neue Navigationskonzepte und Suchabfrage- Methoden giordano.ch Oktober 31,

8 die Konsequenzen traditionelle Strukturen und Navigationskonzepte sind veraltet Teaser-Kommunikation: kleine Informationsbausteine in Form von Bild und Kurztext selektive und semantische Informationsaufbereitung und Navigation giordano.ch Oktober 31,

9 was bedeutet dies für cms / pim / shop? responsive-web verlangt eine konzeptionelle Neuausrichtung für die Erarbeitung, Aufbereitung und Erfassung der Inhalte nicht jede bestehende Website eignet sich inhaltlich für responsive-web giordano.ch Oktober 31,

10 was bedeutet dies für cms / pim / shop? bestehende Designs können mittels Anpassung des css gut auf responsive-web umgebaut werden neue Projekte: neue Navigationskonzepte Verwendung fertiger HTML-Templates neue Module für selektive Information giordano.ch Oktober 31,

11 responsiv-web grid. // giordano.ch Oktober 31,

12 pc bildschirm traditionelles grid. // Navigation giordano.ch Oktober 31,

13 i-pad bildschirm traditionelles grid. // Navigation giordano.ch Oktober 31,

14 smartphone bildschirm traditionelles grid. // Navigation giordano.ch Oktober 31,

15 pc bildschirm responsive-web grid. // Informations-Teaser giordano.ch Oktober 31,

16 i-pad bildschirm responsive-web grid. // Informations- Teaser giordano.ch Oktober 31,

17 smartphone bildschirm responsive-web grid. // 1 Informations-Teaser 2 3 giordano.ch Oktober 31,

18 smartphone bildschirm responsive-web grid. // Navigation 1 Navigation 2 Navigation 3 Navigation 4 Navigation 5 Navigation 6 Ebene 2 Ebene 3 Ebene 4 Navigation 7 Navigation 8 Menü giordano.ch Oktober 31,

19 demo und technische information andré glanzmann. // giordano.ch online.ch Oktober 31,

20 Design weg von festen Schriftgrößen weg von festen Layout-Grids Media Queries zur Identifizierung Identifizierung giordano.ch Oktober 31,

21 Grundlagen CSS3 / HTML5 im wesentlichen css3 mit Media Queries giordano.ch Oktober 31,

22 Crossbrowser-Kompatibililtät älteren Browsern css3 beibringen älteren Browsern html5 beibringen Plugin s Modernizr und html5shim giordano.ch Oktober 31,

23 Mediaqueries width / height device-width / device-height aspect-ratio / device-aspect-ratio color-index / color orientation resolution scan grid giordano.ch Oktober 31,

24 DNN Beispiel screen and (max-width: 480px){.dnnpem-header{margin-bottom:5%;} screen and (min-width:768px) and (max-width:2560px){.dnnpem-header{margin-bottom:0} } giordano.ch Oktober 31,

25 DNN Beispiel Oder <link rel="stylesheet" type="text/css" media="all and (maxdevice-width: 480px)" href="css/smartphones.css" /> giordano.ch Oktober 31,

26 DNN Beispiel Projekt 1 (in Arbeit) Projekt 2 (in Arbeit) marketingch.contento.ch marketingch.contento.ch giordano.ch Oktober 31,

27 vielen dank für ihre aufmerksamkeit. // giordano.ch ag sonnengartenstrasse st.gallen giordano.ch online.ch Oktober 31,

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 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

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

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

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

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

Entwicklung von MOBILEN Webanwendungen

Entwicklung von MOBILEN Webanwendungen Vorlesungsreihe Entwicklung webbasierter Anwendungen Entwicklung von MOBILEN Webanwendungen Prof. Dr.-Ing. Thomas Wiedemann email: wiedem@informatik.htw-dresden.de HOCHSCHULE FÜR TECHNIK UND WIRTSCHAFT

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

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

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

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

NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016

NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016 NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016 2015 Software AG. All rights reserved. For internal use only RESPONSIVE WEB ANWENDUNGEN MIT NJX ÜBERSICHT Live

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

KILL PHOTOSHOP. Gestaltung im Browser mit Contao

KILL PHOTOSHOP. Gestaltung im Browser mit Contao KILL PHOTOSHOP Gestaltung im Browser mit Contao DENNIS ERDMANN Kiel, Schleswig-Holstein" Geschäftsführer bei SOLADES" Steuermann bei Erdmann & Freunde" Contao-Nutzer seit 2008 RÜCKBLICK Warum ist Photoshop

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

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

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten

Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten Informationen, Zahlen und Beispiele über Responsive Webdesign von artundweise GmbH Dirk Beckmann dirk.beckmann@artundweise.de

Mehr

VIDERICONCEPT REFERENZ BERICHT

VIDERICONCEPT REFERENZ BERICHT VIDERICONCEPT REFERENZ BERICHT BAUUNTERNEHMEN DIRK KAGE GMBH Redesign Webseite 2013-2014 Bauunternehmen Dirk Kage GmbH - Moin, moin! Das Unternehmen Im Überblick Kunde: Bauunternehmen Dirk Kage GmbH Branche:

Mehr

Online Marketing & Trends

Online Marketing & Trends Online Marketing & Trends Mobile communication Es entsteht ein neuer Massenmarkt Internetnutzer insgesamt: 51,78 Mio. Smartphonebesitzer 2011 insgesamt: 23 Mio. Gesamtbevölkerung: 70,51 Mio. Basis: 112.450

Mehr

Responsive Webdesign mit CSS3 & LESS

Responsive Webdesign mit CSS3 & LESS Frank L. Schad Responsive Webdesign mit CSS3 & LESS Art.-Nr. 126a047fc1ff Version 1.1.0 vom 15.4.2015 Autorisiertes Curriculum für das Webmasters Europe Ausbildungs- und Zertifizierungsprogramm 2015 by

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen Online-Publishing mit HTML und CSS für Einsteigerinnen Dipl. Math. Eva Dyllong, Universität Duisburg Dipl. Math. Maria Oelinger, spirito GmbH IF MYT 07 2002 CSS-Einführung Vorschau CSS Was ist das? Einbinden

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

Verwalten Sie Ihre Homepage von überall zu jeder Zeit! Angebote und Informationen auf www.simpleweb.ch.

Verwalten Sie Ihre Homepage von überall zu jeder Zeit! Angebote und Informationen auf www.simpleweb.ch. Verwalten Sie Ihre Homepage von überall zu jeder Zeit! Angebote und Informationen auf www.simpleweb.ch. simpleweb.ch CMS Das simpleweb.ch CMS ist ein Verwaltungssoftware für Ihre Homepage. Der Begriff

Mehr

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10

Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10 CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...

Mehr

Whitepaper Responsive Design

Whitepaper Responsive Design 76% Smartphone-Besitzer surfen täglich 69% Tablet-Besitzer surfen täglich 74% der Schweizer nutzen das Internet mobil Das mobile Internet ist mittlerweile fest in den Alltag der Schweizer integriert: 76

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

WSM go! Einblicke und Ausblicke zur Weiterentwicklung von OpenText Web Site Management Henning Scheibner. Usergroup 2014-09-29

WSM go! Einblicke und Ausblicke zur Weiterentwicklung von OpenText Web Site Management Henning Scheibner. Usergroup 2014-09-29 WSM go! Einblicke und Ausblicke zur Weiterentwicklung von OpenText Web Site Management Henning Scheibner Usergroup 2014-09-29 Agenda WSM in Bewegung - Neues in WSM 11.2 Neues aktuell in der Entwicklung

Mehr

Referenzen Frontend Typo3

Referenzen Frontend Typo3 Referenzen Typo3 und Frontend Stand: Mai 2015 Diese Referenzliste beschreibt die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze. Die Webseite ist seit Mai 2015 online. Sie ist mit Typo3 erstellt.

Mehr

Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG. www.agentbase.

Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG. www.agentbase. Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG www.agentbase.de 1 Agenda Grundlagen Modernisierung Möglichkeiten mit Domino

Mehr

Die neue Template-Technologie in der Version 5 Rainer Hartlep

Die neue Template-Technologie in der Version 5 Rainer Hartlep Die neue Template-Technologie in der Version 5 Rainer Hartlep Wo sind Barrieren bei der Internet-Nutzung? - Mensch: Sehkraft, Hörvermögen Rot-Grün-Sehschwäche: 9% der Männer, 0,8% der Frauen - Browser:

Mehr

Internet und Social Media für den Verein erfolgreich einsetzen. Veranstaltungsreihe "unser Verein" vom 17. 11.2014 gemeinnützige Projekte

Internet und Social Media für den Verein erfolgreich einsetzen. Veranstaltungsreihe unser Verein vom 17. 11.2014 gemeinnützige Projekte Internet und Social Media für den Verein erfolgreich einsetzen 1 Warum diese Veranstaltung: Wer wird sind: Wir stellen fest: Was wir wollen: Kommunikation und Vernetzung von gemeinnützigen Organisationen

Mehr

Modernes Webdesign mit CSS

Modernes Webdesign mit CSS Heiko Stiegert Modernes Webdesign mit CSS Schritt für Schritt zur perfekten Website Galileo Press Inhalt rt TEIL I Grundlagen 1 Einleitung 1.1 Was ist Webdesign? 1.1.1 Accessibility 15 1.1.2 Usability

Mehr

wvib Marke-ng- Tag 2014

wvib Marke-ng- Tag 2014 wvib Marke-ng- Tag 2014 Alles im Griff Corporate Informa-on bei OEo Ganter Axel Weber, OEo Ganter GmbH & Co. KG, Furtwangen Oliver SchmiE, re- lounge GmbH, Freiburg eber OEo Ganter GmbH & Co. KG - Furtwangen!

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

Das Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de

Das Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de Das Open Source CMS Gregor Walter gw@madgeniuses.net info@i-working.de Übersicht Einführung und Geschichte von TYPO3 TYPO3 Features Für Webdesigner Für Redakteure TYPO3 Live - am Beispiel fiwm.de Seite

Mehr

VIDERICONCEPT REFERENZ BERICHT

VIDERICONCEPT REFERENZ BERICHT VIDERICONCEPT REFERENZ BERICHT AVATHERM GMBH Redesign CI + Website 2013 AVATHERM - Der Spezialist für isolierte Transportbehälter im Familienbetrieb Das Unternehmen Im Überblick Kunde: AVATHERM GmbH Branche:

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

Erstellen eines HTML-Templates mit externer CSS-Datei

Erstellen eines HTML-Templates mit externer CSS-Datei Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden

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

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013 Wann ist der Einsatz von SharePoint als CMS sinnvoll? How we did it: Realisierung einer Website mit SharePoint 2013 SharePoint Community, 12. Februar 2014 Alexander Däppen, Claudio Coray & Tobias Adam

Mehr

Arzt-Auskunft Termin Free / Easy / Profi Dokumentation: 1.0 Erstellt durch: Stiftung Gesundheit Datum:

Arzt-Auskunft Termin Free / Easy / Profi Dokumentation: 1.0 Erstellt durch: Stiftung Gesundheit Datum: Arzt-Auskunft Termin Free / Easy / Profi Dokumentation: 1.0 Erstellt durch: Stiftung Gesundheit Datum: 26.05.2016 Einbindung von Arzt-Auskunft Termin in Ihre Website Seite 1 von 14 Inhaltsverzeichnis Einbindung

Mehr

Webshop Booster bh 1/2016

Webshop Booster bh 1/2016 Schulungsteil Webshop Booster bh 1/2016 Integration von Content im WebShop Neue Schnittstellen und Funktionen > Accarda, MailChimp, Auto Suggest Einbindungen von Widgets 1 Integration von Content in Concerto

Mehr

Best Practices für HTML & CSS. Johannes Eschrig

Best Practices für HTML & CSS. Johannes Eschrig Best Practices für HTML & CSS. Johannes Eschrig Gliederung. 2 1. Best Practices i. Standards ii. Standardfreundlichkeit iii. Grundlegende Regeln 2. Best Practices für HTML i. class & id ii. HTML & CSS

Mehr

ANWENDUNGSSOFTWARE CSS

ANWENDUNGSSOFTWARE CSS ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,

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

SMARTE WEB-TECHNOLOGIE FÜR HMIS DER GENERATION 4.0

SMARTE WEB-TECHNOLOGIE FÜR HMIS DER GENERATION 4.0 SMARTE WEB-TECHNOLOGIE FÜR HMIS DER GENERATION 4.0 PORTABEL INDIVIDUELL EFFIZIENT www.smart-hmi.de WebIQ Features List Das Framework WebIQ ist die ganzheitliche Lösung für die Erstellung von HMIs der Generation

Mehr

Allgemeine Technologien II Sommersemester Mai 2011 CSS

Allgemeine Technologien II Sommersemester Mai 2011 CSS Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden

Mehr

Praktikables Online-Marketing

Praktikables Online-Marketing Der Grundstein für Ihren Online-Erfolg 4. Südbrandenburger ebusiness-tag ebusiness-lotse Südbrandenburg Cottbus den 24.09.2015 Einst lebten wir auf dem Land dann in Städten und von jetzt an im Netz. Mark

Mehr

Digital Publishing auf Basis von PDF

Digital Publishing auf Basis von PDF Ein Vortrag im Rahmen der Vorlesung Vertiefung PostScript und PDF im Bachelor-Studiengang Druck- und Medientechnologie an der Bergischen Universität Wuppertal 27. Januar 2012 Struktur Einführung Was ist

Mehr

Marketing im Internet

Marketing im Internet Existenzgründung Marketing im Internet Seien Sie von Anfang an gut aufgestellt. Einst lebten wir auf dem Land, dann in Städten und von jetzt an im Netz. Mark Zuckerberg im Film. The social Network. Projekt:

Mehr

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände... CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...

Mehr

Selbst ist die Frau / der Mann: eine eigene Homepage erstellen!

Selbst ist die Frau / der Mann: eine eigene Homepage erstellen! Selbst ist die Frau / der Mann: eine eigene Homepage erstellen! Selbst ist die Frau / der Mann: eine eigene Homepage erstellen! "FIT IM NETZ Eine Vortragsreihe der Stadtbibliothek Ludwigsburg Agenda Warum

Mehr

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19 Inhalt Über die Autoren... 5 1. Wie komme ich zu meinem eigenen Wunschdesign?... 13 1.1 Warum ein Content Management System?... 14 1.2 Wie finde ich den Einstieg?... 14 2. Die Anatomie eines web to date-projekts:

Mehr

Gestaltung der barrierefreien Website. DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com

Gestaltung der barrierefreien Website. DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com Gestaltung der barrierefreien Website DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com Inhalte: Überblick Wie wird s gemacht? Was bringt es?

Mehr

Einführung zu Twitter Bootstrap

Einführung zu Twitter Bootstrap Einführung zu Twitter Bootstrap & Nutzung in Contao 3.1 Eine Präsentation von Johannes Pichler (webpixels) & Klaus Gansberger (webplus) Agenda Was ist Twitter Bootstrap Was kann Twitter Bootstrap Wie nutze

Mehr

Architekturen mobiler Multi Plattform Apps

Architekturen mobiler Multi Plattform Apps Architekturen mobiler Multi Plattform Apps Wolfgang Maison & Felix Willnecker 06. Dezember 2011 1 Warum Multi- Plattform- Architekturen? Markt. Apps für Smartphones gehören zum Standardinventar jeder guten

Mehr

Magento Theme-Design. professionelle Themes für Ihren Shop Y%ADDISON-WESLEY. Entwerfen Sie Schritt für Schritt. Richard Carter

Magento Theme-Design. professionelle Themes für Ihren Shop Y%ADDISON-WESLEY. Entwerfen Sie Schritt für Schritt. Richard Carter Richard Carter Magento Theme-Design Entwerfen Sie Schritt für Schritt professionelle Themes für Ihren Shop Y%ADDISON-WESLEY An imprint of Pearson Education München Boston San Francisco Harlow, England

Mehr

Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG

Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG 05.07.2012 Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG Agenda 01 Einführung 02 Architektur 03 Lösungen 04 Zusammenfassung 2 2 Agenda 01 Einführung 02

Mehr

epub Von epub bis Flash HTML5 Flash XML xhtml Apps IDML ebook Kindle 16. September 2011 Swiss Publishing Week

epub Von epub bis Flash HTML5 Flash XML xhtml Apps IDML ebook Kindle 16. September 2011 Swiss Publishing Week IDML epub ebook Kindle HTML5 XML xhtml Flash Apps Von epub bis Flash 16. September 2011 Swiss Publishing Week Kontakt: Folien: gregor.fellenz@publishingx.de http://www.publishingx.de/dokumente Digitale

Mehr

WinCC V7.3 SE "KNOW_HOW_TRANSFER" Demo Projekt. Frei verwendbar / Siemens AG 2015. Alle Rechte vorbehalten.

WinCC V7.3 SE KNOW_HOW_TRANSFER Demo Projekt. Frei verwendbar / Siemens AG 2015. Alle Rechte vorbehalten. WinCC V7.3 SE "KNOW_HOW_TRANSFER" Demo Projekt wincc.de Inhaltsverzeichnis Übersicht àbeschreibung Vorbereitung àvoraussetzungen der Simulationen Anwendung àerläuterung des Start Bildschirms àgenerelle

Mehr

Ihr IT-Dienstleister aus Bonn

Ihr IT-Dienstleister aus Bonn Ihr IT-Dienstleister aus Bonn Wer wir sind Sie sind auf der Suche nach einem Partner, der Sie bei der technischen Umsetzung Ihrer Online-Projekte zuverlässig und kompetent unterstützt? Wer wir sind Die

Mehr

AEM als Digital Hub für Marketing und E-Commerce. Sebastian Immer Senior Sales Consultant Markus Tressl Senior Principal Consultant. Namics.

AEM als Digital Hub für Marketing und E-Commerce. Sebastian Immer Senior Sales Consultant Markus Tressl Senior Principal Consultant. Namics. AEM als Digital Hub für Marketing und E-Commerce. Sebastian Immer Senior Sales Consultant Markus Tressl Senior Principal Consultant Namics. Agenda. Namics vorgestellt. Adobe Experience Manager als Digital

Mehr

Designtrends - Heute & Morgen. Benjamin Rancourt

Designtrends - Heute & Morgen. Benjamin Rancourt Designtrends - Heute & Morgen Benjamin Rancourt Titelmasterformat durch Klicken bearbeiten Inhalt 1. Responsive Webdesign Evolution einer Revolution 2. One-Page-Design, Parallax-Scrolling, Mashup-Interfaces

Mehr

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital

Mehr

» Die perfekte Präsentation «Corporate Websites und Apps

» Die perfekte Präsentation «Corporate Websites und Apps » Die perfekte Präsentation «Corporate Websites und Apps » Uneingeschränkte Flexibilität «1 Anpassungsfähig Dank Responsive Design passen sich unsere Websites der Displaygröße des jeweiligen Endgerätes

Mehr

Referenz Frontend: Responsive Webdesign

Referenz Frontend: Responsive Webdesign Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite

Mehr

Mobile Umfragen Responsive Design (Smartphone & Tablet)

Mobile Umfragen Responsive Design (Smartphone & Tablet) Mobile Umfragen Responsive Design ( & Tablet) Umfragen und Umfragedesign für mobile Endgräte mit der Umfragesoftware von easyfeedback. Inhaltsübersicht Account anlegen... 3 Mobile Umfragen (Responsive

Mehr

» Die perfekte Präsentation «Corporate Websites und Apps

» Die perfekte Präsentation «Corporate Websites und Apps » Die perfekte Präsentation «Corporate Websites und Apps » Alles aus einer Hand «Qualität made in Piesteritz mit diesem Slogan wirbt SKW Piesteritz, der größte Harnstoff- und Ammoniakproduzent in Deutschland.

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

das neue newsportal der schweiz Einreichung IAB Digital Marketing Award 2014 - Zürich, Oktober 2014

das neue newsportal der schweiz Einreichung IAB Digital Marketing Award 2014 - Zürich, Oktober 2014 das neue newsportal der schweiz Einreichung IAB Digital Marketing Award 2014 - Zürich, Oktober 2014 Was kann watson? Ein Online-Projekt ist nie fertig! Wir entwickeln uns ständig weiter, experimentieren

Mehr

Mobile Lernstrategien mit Moodle

Mobile Lernstrategien mit Moodle Mobile Lernstrategien mit Moodle Tobias Hauser Thomas Kraehe Arrabiata Solutions GmbH Arrabiata Solutions GmbH 1 UNSER HINTERGRUND Arrabiata Solutions GmbH Full Service E-Learning Agentur 8 Jahre Moodle

Mehr

Crashkurs HTML und CSS

Crashkurs HTML und CSS Crashkurs HTML und CSS HTML und CSS Hinweis: Dieser Crashkurs liefert einen Überblick und Kriterien für die sachgerechte Verwendung von HTML und CSS. Zum Lernen, Nachschlagen und Ausprobieren verweise

Mehr

Webseiten werden mobil Planung geht vor

Webseiten werden mobil Planung geht vor Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices

Mehr

Burogutēma ブログのテーマ Wordpress-Theme mit Responisve Webdesign

Burogutēma ブログのテーマ Wordpress-Theme mit Responisve Webdesign Arbeits und Projektdokumentation Burogutēma ブログのテーマ WordpressTheme mit Responisve Webdesign Arbeits und Projektdokumentation LV 66288 Wintersemester 2012/2013 Informationsdesign, 8. Semester christian.hartmann@hdmstuttgart.de

Mehr

Wie sieht es aus? Sind Sie bereit für den Sprung in die mobile Welt?

Wie sieht es aus? Sind Sie bereit für den Sprung in die mobile Welt? 1 Einstieg in die mobile Webprogrammierung Responsive Webdesign Schneidig, aufregend, faszinierend und so beliebt... aber bin ich auf diesen Schritt auch vorbereitet? Wie sieht es aus? Sind Sie bereit

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

Herzlich Willkommen! Individuelle Benutzeroberfläche mit HTML gestalten. Referent: DI (FH) Jochen Ratzesberger Lenzing Technik GmbH

Herzlich Willkommen! Individuelle Benutzeroberfläche mit HTML gestalten. Referent: DI (FH) Jochen Ratzesberger Lenzing Technik GmbH Herzlich Willkommen! Individuelle Benutzeroberfläche mit HTML gestalten Referent: DI (FH) Jochen Ratzesberger Lenzing Technik GmbH Lenzing Technik GmbH Fachbereich Robotik Wir bieten ein umfassendes Dienstleistungspaket

Mehr

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

Multimediale Webprogrammierung. Bilder als Content von Webseiten. Bilder in Webseiten. Bildformate. Bilder in Webseiten 15.06.2015. Multimediale Webprogrammierung 03.06.2015/1 03.06.2015/2 http://www.allwebdesigninfo.com/10-helpful-tools-for-responsive-web-design.html als Content von Webseiten Alle Webseiten, 15.05.2015 (etwa 484.000)

Mehr

Navigation für Internetpräsenzen

Navigation für Internetpräsenzen Navigation für Internetpräsenzen Gestern und heute 2016 Navigieren in Internetseiten Das Wort Navigation wird den meisten bekannt sein und fast jeder kann eine Verknüpfung aus seinem alltäglichen Leben

Mehr

Internet-Trends 2013 Wohin geht die Reise?

Internet-Trends 2013 Wohin geht die Reise? Internet-Trends Wohin geht die Reise? Ein Blick in die Kristallkugel Uwe Stache Internet-Partner der Wirtschaft 1 Es passt... Ihr Business Unser Beitrag 2 was zusammen gehört! Medien Wirtschaftskompetenz

Mehr

ROFIN App Benutzerhandbuch. Version 1.0

ROFIN App Benutzerhandbuch. Version 1.0 ROFIN App Benutzerhandbuch Version 1.0 Inhaltsverzeichnis 1. Beschreibung 2. Passwort und Einstellungen 3. Support Tab 4. Vertriebs Tab 5. Web Tab 6. Häufig gestellte Fragen BESCHREIBUNG Die ROFIN App

Mehr

Inhaltsverzeichnis VII

Inhaltsverzeichnis VII Inhaltsverzeichnis 1 Die Grundlagen zu CMS auch eine lange Reise beginnt mit dem ersten Schritt............................................ 1 1.1 Was behandeln wir in dem einleitenden Kapitel?....................

Mehr

This manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de

This manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de This manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de Visit the official website vorlagenstudio.de of this Joomla template and other thematic and high quality

Mehr

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten.

Benutzerhandbuch. Gästebuch Software - YellaBook v1.0 http://www.yellabook.de. Stand: 01.08.2012. by YellaBook.de - Alle Rechte vorbehalten. Benutzerhandbuch Gästebuch Software - YellaBook v1.0 http://www.yellabook.de Stand: 01.08.2012 Inhalt 1 Funktionen... 3 2 Systemanforderungen... 4 3 Installation... 4 4 Einbinden des Gästebuchs... 5 5

Mehr

Citrix Dazzle. Die Zukunft der XenApp Bereitstellung? Thomas Kötzing - Freiberufler, Analyst Microsoft MVP, Citrix CTP / ThomasKoetzing.

Citrix Dazzle. Die Zukunft der XenApp Bereitstellung? Thomas Kötzing - Freiberufler, Analyst Microsoft MVP, Citrix CTP / ThomasKoetzing. Citrix Dazzle Die Zukunft der XenApp Bereitstellung? Thomas Kötzing - Freiberufler, Analyst Microsoft MVP, Citrix CTP / ThomasKoetzing.de Agenda Die XenApp Bereitstellung bisher Was ist Citrix Dazzle?

Mehr

Ein CMS ohne Datenbank 2004 SiBIT

Ein CMS ohne Datenbank 2004 SiBIT SoKoCONTENT 3.0 Ein CMS ohne Datenbank 2004 SiBIT Funktionen für Gäste Drucken, Links, Kommentieren Navigation Das Funktionskonzept Dateibasierte Datenbank, daher keine Datenbank (etwa MySQL) serverseitig

Mehr

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung ArcGIS Online Werkstatt II Wege zur eignen Webanwendung Christiane Radies Esri Deutschland GmbH 26. Juni 2014, Stuttgart Agenda 1. Einbetten 2. Templates nutzen 3. API s 4. WebApp Builder 2 2014 Esri Deutschland

Mehr

Mobile Kartenanwendungen im Web oder als App?

Mobile Kartenanwendungen im Web oder als App? Mobile Kartenanwendungen im Web oder als App? Agenda Anforderungen an eine mobile Kartenanwendung Warum mobile Anwendungen? Mobil ist nicht genug! Knackpunkte bei der Entwicklung mobiler Kartenanwendungen

Mehr

+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!.

+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++ Grundkonzepte von Oracle ALTA UI & Umsetzungsbeispiele

Mehr

9Tipps. zur Optimierung von E-Mails für mobile Endgeräte

9Tipps. zur Optimierung von E-Mails für mobile Endgeräte 9Tipps zur Optimierung von E-Mails für mobile Endgeräte E-Mail-Marketing wird jeden Tag für den mobilen Gebrauch wichtiger. Studien weisen auf, dass 10% bis 30% aller geöffneten E-Mails auf mobilen Geräten

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

245 Custom Website Development

245 Custom Website Development Inhaltliche Richtziele der Modulprüfung: Einen bestehenden Webauftritt hinsichtlich Erweiterung mit Funktionen, Animationen, Navigationserweiterungen, grafischen und multimedialen Elementen analysieren

Mehr

Internetprojekt AEG homepage. Zwischenstand: März 2015

Internetprojekt AEG homepage. Zwischenstand: März 2015 Internetprojekt AEG homepage Zwischenstand: März 2015 Internetprojekt AEG homepage Projektgruppe Arbeitstreffen in Gärtringen : 2-3h am Abend (~ monatlich) Ehningen Birgit Vollmer (bis 2014) birgitvollmer@web.de

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

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile

Mehr

giordano.ch Oktober 3, 2014 1

giordano.ch Oktober 3, 2014 1 giordano.ch Oktober 3, 2014 1 kernkompetenzen. // e-business. // e-marketing. // e-commerce. // giordano.ch Oktober 3, 2014 2 kurzportrait. // giordano.ch ag e-business, e-commerce und e-marketing. 1981

Mehr

CSS. Cascading Stylesheets

CSS. Cascading Stylesheets CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische

Mehr

Ju ior PR w/ Deine Qualifikationen. Das bieten wir Dir:

Ju ior PR w/ Deine Qualifikationen. Das bieten wir Dir: Distributor von free-toplay innovatives Startup- hochwertigen Browser- und Client-Games in über Ju ior PR w/ Abgeschlossene Ausbildung bzw. abgeschlossenes Grundstudium in den Bereichen Wirtschaftswissenschaften,

Mehr

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland

{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland Was ist Silverlight? Tools für Silverlight Designer-Developer-Workflow

Mehr