SlideShare ist ein Scribd-Unternehmen logo
Daniel Niklaus
Netlive IT AG
239 Mio.   112   63   487
Vorher
Vorher   Nachher
Der Plan
• Überprüfen Sie Ihre eigene Website
• Entdecken Sie die Möglichkeiten
• Die konkrete Umsetzung
  – Was gehört auf eine mobile Website
  – Wie erstellen Sie eine mobile Website
Entdecken Sie die Möglichkeiten
Vorgehen bei Responsive
             Webdesign
• 3 Layouts definieren (bis 500px, bis 930, bis 2000)
• Auf Maximalgrösse begrenzen und dann auf relative
  Werte hinunterrechnen.
• Beispiel mit 960Grid statt 300 Pixelbreit 31,25%
Explorer und andere Bildprobleme
• Für Bilder, Videos und andere Objekte immer:
  max-width:100%
• Für Internet Explorer gibt es Scripte
• Mittels Javascript können verschieden grosse
  Bilder nachgeladen werden
Media Queries
• <link rel=”stylesheet” type=”text/css”
  href=“stylesheets/mobile.css” media=“screen,
  handheld” />
• <link rel=”stylesheet” type=”text/css”
  href=“stylesheets/mobile.css” media=“only screen
  and (min-width:480px)” />
• <link rel=”stylesheet” type=”text/css”
  href=“stylesheets/mobile.css” media=“only screen
  and (min-width:900px)” />
Gschafft ;-)
Was gehört auf eine mobile
        Website
Logo
  Navigation




Ihr Inhalt

   Footer
Attraktiv mit guter Wiedererkennung
 Logo          Achten Sie auf die Bildgrösse
  Navigation




Ihr Inhalt

   Footer
Logo
  Navigation   Konkret; für Google Optimierung
               Link auf die erste Seite
               Weniger ist mehr


Ihr Inhalt

   Footer
Logo
  Navigation



               Lesefreundlichkeit!
               Kontrast und grosse Schriften
Ihr Inhalt     Weniger Bilder, schnellere
               Ladezeiten


   Footer
Logo
  Navigation




Ihr Inhalt

   Footer      Adresse
               Nicht überladen
               Social Media
Wie erstellen Sie eine mobile
           Website
Framework
& Templates   Tools & CMS
2 bis 4 Stunden
Der Plan
• Überprüfen Sie Ihre eigene Website
• Entdecken Sie die Möglichkeiten
• Die konkrete Umsetzung
  – Was gehört auf eine mobile Website
  – Wie erstellen Sie eine mobile Website
Netlive IT AG
Daniel Niklaus
Hauptstr. 17
9053 Teufen

www.netlive.ch
twitter.com/netliveIT

Weitere ähnliche Inhalte

Andere mochten auch

COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIO
COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIOCOMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIO
COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIOLinda Oro
 
Diseño y calculo de tanques de almacenamiento petroleo ipn mexico
Diseño y calculo de tanques de almacenamiento petroleo ipn mexicoDiseño y calculo de tanques de almacenamiento petroleo ipn mexico
Diseño y calculo de tanques de almacenamiento petroleo ipn mexicojoselito75
 
A Friend Or A Stranger
A Friend Or A StrangerA Friend Or A Stranger
A Friend Or A StrangerKwan Tuck Soon
 
Presentacion sobre "El Agua"
Presentacion sobre "El Agua"Presentacion sobre "El Agua"
Presentacion sobre "El Agua"Javier C.J.
 
Estructura organizacional
Estructura organizacionalEstructura organizacional
Estructura organizacionaleem439exn2
 
Choque hipovolemico
Choque hipovolemicoChoque hipovolemico
Choque hipovolemicoJL BH
 
Blood components preparation and therapeutic uses final
Blood components preparation and therapeutic uses finalBlood components preparation and therapeutic uses final
Blood components preparation and therapeutic uses finalglobalsoin
 
Reuters institute Digital News Report 2014, Tracking the future of news
Reuters institute Digital News Report 2014, Tracking the future of newsReuters institute Digital News Report 2014, Tracking the future of news
Reuters institute Digital News Report 2014, Tracking the future of newsNic Newman
 
RA 7877 Sexual Harassment Act
RA 7877 Sexual Harassment ActRA 7877 Sexual Harassment Act
RA 7877 Sexual Harassment ActJofred Martinez
 
The hospitality industry – concepts, ideas and future
The hospitality industry – concepts, ideas and futureThe hospitality industry – concepts, ideas and future
The hospitality industry – concepts, ideas and futureklx1967
 
Multistorey building
Multistorey buildingMultistorey building
Multistorey buildingRahul
 
Work Hacks : Body Language
Work Hacks : Body LanguageWork Hacks : Body Language
Work Hacks : Body LanguageInterQuest Group
 
Top Office Etiquette Mistakes
Top Office Etiquette MistakesTop Office Etiquette Mistakes
Top Office Etiquette Mistakesej4video
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaChris Lema
 
Discrete Mathematics - All chapters
Discrete Mathematics - All chapters Discrete Mathematics - All chapters
Discrete Mathematics - All chapters Omnia A. Abdullah
 

Andere mochten auch (20)

TPS 10 Wowawanggu
TPS 10 WowawangguTPS 10 Wowawanggu
TPS 10 Wowawanggu
 
7ª aula classes de medicamentos
7ª aula   classes de medicamentos7ª aula   classes de medicamentos
7ª aula classes de medicamentos
 
COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIO
COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIOCOMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIO
COMO DIOS PUEDE Y VA A RESTAURAR SU MATRIMONIO
 
Diseño y calculo de tanques de almacenamiento petroleo ipn mexico
Diseño y calculo de tanques de almacenamiento petroleo ipn mexicoDiseño y calculo de tanques de almacenamiento petroleo ipn mexico
Diseño y calculo de tanques de almacenamiento petroleo ipn mexico
 
A Friend Or A Stranger
A Friend Or A StrangerA Friend Or A Stranger
A Friend Or A Stranger
 
Presentacion sobre "El Agua"
Presentacion sobre "El Agua"Presentacion sobre "El Agua"
Presentacion sobre "El Agua"
 
Estructura organizacional
Estructura organizacionalEstructura organizacional
Estructura organizacional
 
Choque hipovolemico
Choque hipovolemicoChoque hipovolemico
Choque hipovolemico
 
Blood components preparation and therapeutic uses final
Blood components preparation and therapeutic uses finalBlood components preparation and therapeutic uses final
Blood components preparation and therapeutic uses final
 
Dynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final ReportDynamics of Cause Engagement - Final Report
Dynamics of Cause Engagement - Final Report
 
Reuters institute Digital News Report 2014, Tracking the future of news
Reuters institute Digital News Report 2014, Tracking the future of newsReuters institute Digital News Report 2014, Tracking the future of news
Reuters institute Digital News Report 2014, Tracking the future of news
 
Building maintenance
Building maintenanceBuilding maintenance
Building maintenance
 
RA 7877 Sexual Harassment Act
RA 7877 Sexual Harassment ActRA 7877 Sexual Harassment Act
RA 7877 Sexual Harassment Act
 
The hospitality industry – concepts, ideas and future
The hospitality industry – concepts, ideas and futureThe hospitality industry – concepts, ideas and future
The hospitality industry – concepts, ideas and future
 
Multistorey building
Multistorey buildingMultistorey building
Multistorey building
 
Work Hacks : Body Language
Work Hacks : Body LanguageWork Hacks : Body Language
Work Hacks : Body Language
 
Top Office Etiquette Mistakes
Top Office Etiquette MistakesTop Office Etiquette Mistakes
Top Office Etiquette Mistakes
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris Lema
 
Discrete Mathematics - All chapters
Discrete Mathematics - All chapters Discrete Mathematics - All chapters
Discrete Mathematics - All chapters
 
Osce obstetrics for undergraduate
Osce obstetrics for undergraduateOsce obstetrics for undergraduate
Osce obstetrics for undergraduate
 

Ähnlich wie Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft

Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für FotografenPARX
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Stephan Hamberger
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickAmazee Labs
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Stefan Seifarth
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationJakob
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das WebAngelika Röck
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haubefalconwhite
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Peter Hecker
 
Mediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMarisa Wollner
 
SEO im Web Development - webinale 2016
SEO im Web Development - webinale 2016SEO im Web Development - webinale 2016
SEO im Web Development - webinale 2016André Scharf
 
Relicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsRelicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsMaria Herrmann
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Koombea
 
Seo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for BeginnersSeo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for BeginnersJan Berens
 
Der Business-Case für Beschleunigung im digitalen Marketing
Der Business-Case für Beschleunigung im digitalen MarketingDer Business-Case für Beschleunigung im digitalen Marketing
Der Business-Case für Beschleunigung im digitalen MarketingThom. Poole
 

Ähnlich wie Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft (20)

Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
 
design
designdesign
design
 
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
 
CSS3 Media Queries
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
 
webXsite
webXsitewebXsite
webXsite
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance Optimization
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das Web
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haube
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
 
Mediencampus Website Grobkonzept
Mediencampus Website GrobkonzeptMediencampus Website Grobkonzept
Mediencampus Website Grobkonzept
 
SEO im Web Development - webinale 2016
SEO im Web Development - webinale 2016SEO im Web Development - webinale 2016
SEO im Web Development - webinale 2016
 
Responsive Images
Responsive ImagesResponsive Images
Responsive Images
 
Relicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsRelicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und Webapps
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)
 
Seo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for BeginnersSeo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for Beginners
 
Der Business-Case für Beschleunigung im digitalen Marketing
Der Business-Case für Beschleunigung im digitalen MarketingDer Business-Case für Beschleunigung im digitalen Marketing
Der Business-Case für Beschleunigung im digitalen Marketing
 

Mehr von netlive IT AG

Search that understands Meaning
Search that understands MeaningSearch that understands Meaning
Search that understands Meaningnetlive IT AG
 
AI-Tools, eine Marktübersicht
AI-Tools, eine MarktübersichtAI-Tools, eine Marktübersicht
AI-Tools, eine Marktübersichtnetlive IT AG
 
Schema - damit Googles künstliche Intelligenz deine Website besser versteht
Schema - damit Googles künstliche Intelligenz deine Website besser verstehtSchema - damit Googles künstliche Intelligenz deine Website besser versteht
Schema - damit Googles künstliche Intelligenz deine Website besser verstehtnetlive IT AG
 
Trends aus dem Silicon Valley 2016
Trends aus dem Silicon Valley 2016Trends aus dem Silicon Valley 2016
Trends aus dem Silicon Valley 2016netlive IT AG
 
IBM Watson - Künstliche Intelligenz im Marketing
IBM Watson - Künstliche Intelligenz im MarketingIBM Watson - Künstliche Intelligenz im Marketing
IBM Watson - Künstliche Intelligenz im Marketingnetlive IT AG
 
Die Uberisierung der Wirtschaft
Die Uberisierung der WirtschaftDie Uberisierung der Wirtschaft
Die Uberisierung der Wirtschaftnetlive IT AG
 
Warenkörbe die verkaufen
Warenkörbe die verkaufenWarenkörbe die verkaufen
Warenkörbe die verkaufennetlive IT AG
 
Future of - Internet-Briefing
Future of - Internet-BriefingFuture of - Internet-Briefing
Future of - Internet-Briefingnetlive IT AG
 
Wie Social Media für das KMU machbar wird
Wie Social Media für das KMU machbar wirdWie Social Media für das KMU machbar wird
Wie Social Media für das KMU machbar wirdnetlive IT AG
 
Mehr Umsatz mit Landingpages die funktionieren
Mehr Umsatz mit Landingpages die funktionierenMehr Umsatz mit Landingpages die funktionieren
Mehr Umsatz mit Landingpages die funktionierennetlive IT AG
 
WIR Business Treff Bern - Google Checkliste
WIR Business Treff Bern - Google ChecklisteWIR Business Treff Bern - Google Checkliste
WIR Business Treff Bern - Google Checklistenetlive IT AG
 
Internet Briefing - Formulare die Verkaufen
Internet Briefing - Formulare die VerkaufenInternet Briefing - Formulare die Verkaufen
Internet Briefing - Formulare die Verkaufennetlive IT AG
 
Inhalte auf Facebook & Twitter publizieren - digicomp
Inhalte auf Facebook & Twitter publizieren - digicompInhalte auf Facebook & Twitter publizieren - digicomp
Inhalte auf Facebook & Twitter publizieren - digicompnetlive IT AG
 
Google Check Herisau
Google Check HerisauGoogle Check Herisau
Google Check Herisaunetlive IT AG
 
Der grosse Internet-Check für KMU
Der grosse Internet-Check für KMUDer grosse Internet-Check für KMU
Der grosse Internet-Check für KMUnetlive IT AG
 
Single-Sign on mit Facebook, OpenID & Co.
Single-Sign on mit Facebook, OpenID & Co.Single-Sign on mit Facebook, OpenID & Co.
Single-Sign on mit Facebook, OpenID & Co.netlive IT AG
 
Wie Inhalt auf Facebook & Co. publizieren
Wie Inhalt auf Facebook & Co. publizierenWie Inhalt auf Facebook & Co. publizieren
Wie Inhalt auf Facebook & Co. publizierennetlive IT AG
 
Google für KMU Checkliste
Google für KMU ChecklisteGoogle für KMU Checkliste
Google für KMU Checklistenetlive IT AG
 

Mehr von netlive IT AG (20)

Search that understands Meaning
Search that understands MeaningSearch that understands Meaning
Search that understands Meaning
 
AI-Tools, eine Marktübersicht
AI-Tools, eine MarktübersichtAI-Tools, eine Marktübersicht
AI-Tools, eine Marktübersicht
 
Schema - damit Googles künstliche Intelligenz deine Website besser versteht
Schema - damit Googles künstliche Intelligenz deine Website besser verstehtSchema - damit Googles künstliche Intelligenz deine Website besser versteht
Schema - damit Googles künstliche Intelligenz deine Website besser versteht
 
Trends aus dem Silicon Valley 2016
Trends aus dem Silicon Valley 2016Trends aus dem Silicon Valley 2016
Trends aus dem Silicon Valley 2016
 
IBM Watson - Künstliche Intelligenz im Marketing
IBM Watson - Künstliche Intelligenz im MarketingIBM Watson - Künstliche Intelligenz im Marketing
IBM Watson - Künstliche Intelligenz im Marketing
 
Die Uberisierung der Wirtschaft
Die Uberisierung der WirtschaftDie Uberisierung der Wirtschaft
Die Uberisierung der Wirtschaft
 
Warenkörbe die verkaufen
Warenkörbe die verkaufenWarenkörbe die verkaufen
Warenkörbe die verkaufen
 
Future of - Internet-Briefing
Future of - Internet-BriefingFuture of - Internet-Briefing
Future of - Internet-Briefing
 
Wie Social Media für das KMU machbar wird
Wie Social Media für das KMU machbar wirdWie Social Media für das KMU machbar wird
Wie Social Media für das KMU machbar wird
 
Mehr Umsatz mit Landingpages die funktionieren
Mehr Umsatz mit Landingpages die funktionierenMehr Umsatz mit Landingpages die funktionieren
Mehr Umsatz mit Landingpages die funktionieren
 
WIR Business Treff Bern - Google Checkliste
WIR Business Treff Bern - Google ChecklisteWIR Business Treff Bern - Google Checkliste
WIR Business Treff Bern - Google Checkliste
 
Internet Briefing - Formulare die Verkaufen
Internet Briefing - Formulare die VerkaufenInternet Briefing - Formulare die Verkaufen
Internet Briefing - Formulare die Verkaufen
 
Achtung Formulare!
Achtung Formulare!Achtung Formulare!
Achtung Formulare!
 
Inhalte auf Facebook & Twitter publizieren - digicomp
Inhalte auf Facebook & Twitter publizieren - digicompInhalte auf Facebook & Twitter publizieren - digicomp
Inhalte auf Facebook & Twitter publizieren - digicomp
 
Google Check Herisau
Google Check HerisauGoogle Check Herisau
Google Check Herisau
 
Cloudmaker
CloudmakerCloudmaker
Cloudmaker
 
Der grosse Internet-Check für KMU
Der grosse Internet-Check für KMUDer grosse Internet-Check für KMU
Der grosse Internet-Check für KMU
 
Single-Sign on mit Facebook, OpenID & Co.
Single-Sign on mit Facebook, OpenID & Co.Single-Sign on mit Facebook, OpenID & Co.
Single-Sign on mit Facebook, OpenID & Co.
 
Wie Inhalt auf Facebook & Co. publizieren
Wie Inhalt auf Facebook & Co. publizierenWie Inhalt auf Facebook & Co. publizieren
Wie Inhalt auf Facebook & Co. publizieren
 
Google für KMU Checkliste
Google für KMU ChecklisteGoogle für KMU Checkliste
Google für KMU Checkliste
 

Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft

  • 2.
  • 3.
  • 4.
  • 5.
  • 6. 239 Mio. 112 63 487
  • 7.
  • 8.
  • 9.
  • 11.
  • 12. Vorher Nachher
  • 13.
  • 14.
  • 15. Der Plan • Überprüfen Sie Ihre eigene Website • Entdecken Sie die Möglichkeiten • Die konkrete Umsetzung – Was gehört auf eine mobile Website – Wie erstellen Sie eine mobile Website
  • 16.
  • 17.
  • 18.
  • 19. Entdecken Sie die Möglichkeiten
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Vorgehen bei Responsive Webdesign • 3 Layouts definieren (bis 500px, bis 930, bis 2000) • Auf Maximalgrösse begrenzen und dann auf relative Werte hinunterrechnen. • Beispiel mit 960Grid statt 300 Pixelbreit 31,25%
  • 30. Explorer und andere Bildprobleme • Für Bilder, Videos und andere Objekte immer: max-width:100% • Für Internet Explorer gibt es Scripte • Mittels Javascript können verschieden grosse Bilder nachgeladen werden
  • 31. Media Queries • <link rel=”stylesheet” type=”text/css” href=“stylesheets/mobile.css” media=“screen, handheld” /> • <link rel=”stylesheet” type=”text/css” href=“stylesheets/mobile.css” media=“only screen and (min-width:480px)” /> • <link rel=”stylesheet” type=”text/css” href=“stylesheets/mobile.css” media=“only screen and (min-width:900px)” />
  • 33. Was gehört auf eine mobile Website
  • 34. Logo Navigation Ihr Inhalt Footer
  • 35. Attraktiv mit guter Wiedererkennung Logo Achten Sie auf die Bildgrösse Navigation Ihr Inhalt Footer
  • 36. Logo Navigation Konkret; für Google Optimierung Link auf die erste Seite Weniger ist mehr Ihr Inhalt Footer
  • 37. Logo Navigation Lesefreundlichkeit! Kontrast und grosse Schriften Ihr Inhalt Weniger Bilder, schnellere Ladezeiten Footer
  • 38. Logo Navigation Ihr Inhalt Footer Adresse Nicht überladen Social Media
  • 39. Wie erstellen Sie eine mobile Website
  • 40.
  • 41.
  • 42. Framework & Templates Tools & CMS
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54. 2 bis 4 Stunden
  • 55. Der Plan • Überprüfen Sie Ihre eigene Website • Entdecken Sie die Möglichkeiten • Die konkrete Umsetzung – Was gehört auf eine mobile Website – Wie erstellen Sie eine mobile Website
  • 56. Netlive IT AG Daniel Niklaus Hauptstr. 17 9053 Teufen www.netlive.ch twitter.com/netliveIT