Responsive Webdesign
Galileo Press (Hersteller)
9783836223126 (ISBN)
- Titel erscheint in neuer Auflage
- Artikel merken
Aus dem Inhalt:
* Der neue Webdesign-Workflow von A bis Z
* Flexible Webseiten richtig konzipieren
* Schriften und Grafiken optimieren
* Mobile Navigationskonzepte entwerfen
* Fallback-Lösungen entwickeln
* Moderne Web-Techniken und Werkzeuge
* Webseiten für Retina-Displays optimieren
* Website-Performance verbessern
* Webentwicklung mit Adobe Edge Reflow
Das Training hat eine Gesamtspielzeit von 8:30 Stunden.
Dieses Video-Training ist lauffähig ohne Installation auf folgenden Systemen:
- Windows
- Mac
- Linux
Für das Betrachten der Videos empfehlen wir eine Monitorauflösung von mindestens 1024 x 768 Pixel. Das Training wird auf einer DVD ausgeliefert, alternativ stellen wir es Ihnen auch gern zum Download bereit. Schicken Sie uns bei Interesse einfach eine E-Mail an videotraining@galileo-press.de oder rufen Sie uns an unter 01802.768921 (werktags 10-17 Uhr, zum Ortstarif).
Jonas Hellwig ist professioneller Webdesigner und Fachbuchautor im Bereich Webdesign. Auf seinem Blog veröffentlicht er aktuelle News und eigene Tutorials zum Thema. In seiner nebenberuflichen Beschäftigung als Freelancer erstellt Jonas Icons, Illustrationen und Interface-Designs, betreut mehrere Blogs und verfasst Tuturials zum Thema Webdesign.
1. Vom statischen zum flexiblen Design [01:04 Std.]
... 1.1 ... Einleitung [00:19 Min.]
... 1.2 ... Die mobile Evolution [04:05 Min.]
... 1.3 ... Lösungsansätze für mobile Webseiten [07:21 Min.]
... 1.4 ... Was ist responsives Webdesign? [02:36 Min.]
... 1.5 ... Viewport-Varianten berücksichtigen [04:18 Min.]
... 1.6 ... Weblayouts im Überblick: Fixed, Fluid, Elastic [06:20 Min.]
... 1.7 ... Pixelmaße in Prozentwerte umwandeln [12:58 Min.]
... 1.8 ... Breakpoints und Media Queries einsetzen [14:26 Min.]
... 1.9 ... Adaptive und Responsive Design im Vergleich [04:55 Min.]
... 1.10 ... Der Meta Viewport [06:55 Min.]
2. Best Practices für Responsive Webdesign [00:47 Std.]
... 2.1 ... Einleitung [00:20 Min.]
... 2.2 ... Design für Touch-Screens [07:43 Min.]
... 2.3 ... Die neuen Layout-Muster [09:15 Min.]
... 2.4 ... Mobile Navigationskonzepte [11:16 Min.]
... 2.5 ... Flexible Bilder aufbereiten [08:07 Min.]
... 2.6 ... Flexible Videos erzeugen [06:41 Min.]
... 2.7 ... Slider und Carousel-Präsentation [03:58 Min.]
3. Der Webdesign-Workflow [01:06 Std.]
... 3.1 ... Einleitung [00:23 Min.]
... 3.2 ... Der neue Design-Prozess [08:58 Min.]
... 3.3 ... Graceful Degradation - Webseiten vereinfachen [05:24 Min.]
... 3.4 ... Mobile First, Content First [12:02 Min.]
... 3.5 ... Klassische Gestaltungsraster erzeugen [05:23 Min.]
... 3.6 ... Der Workflow für adaptives Webdesign [05:01 Min.]
... 3.7 ... Flüssige Gestaltungsraster entwerfen [06:32 Min.]
... 3.8 ... Den Prototypen entwickeln [12:42 Min.]
... 3.9 ... Foundation und Bootstrap [06:56 Min.]
... 3.10 ... Mit Style-Tiles arbeiten [02:40 Min.]
4. Reaktionsfähige Webprojekte anlegen und testen [00:46 Std.]
... 4.1 ... Einleitung [00:23 Min.]
... 4.2 ... Browser als Entwicklungsumgebung [07:44 Min.]
... 4.3 ... Nützliche Werkzeuge im Internet [03:35 Min.]
... 4.4 ... Simulatoren und Emulatoren [05:31 Min.]
... 4.5 ... Webdesigns testen mit Adobe Edge Inspect [03:07 Min.]
... 4.6 ... HTML5 Boilerplate, Modernizr & Co. [07:17 Min.]
... 4.7 ... Frameworks für Adaptive Design [05:28 Min.]
... 4.8 ... Frameworks für Responsive Design [05:01 Min.]
... 4.9 ... Fließende Rasterlayouts mit Dreamweaver CS6 [07:30 Min.]
5. Design und Typografie für moderne Webseiten [01:04 Std.]
... 5.1 ... Einleitung [00:20 Min.]
... 5.2 ... Relative Schriftgrößen verwenden [13:33 Min.]
... 5.3 ... Flexibel gestalten mit CSS3 [08:07 Min.]
... 5.4 ... Endlosmuster entwerfen [05:38 Min.]
... 5.5 ... Pixelgrafiken mit CSS3 verzerren [10:39 Min.]
... 5.6 ... Rauschüberlagerung mit CSS3 [08:18 Min.]
... 5.7 ... Webfonts verwenden [04:26 Min.]
... 5.8 ... Webfont-Icons einsetzen [05:40 Min.]
... 5.9 ... Schriften optimieren [04:02 Min.]
... 5.10 ... Responsive Typography [03:46 Min.]
6. Fehlersuche und Optimierung [01:02 Std.]
... 6.1 ... Einleitung [00:24 Min.]
... 6.2 ... Hintergründe optimieren [08:21 Min.]
... 6.3 ... Bilder im HTML-Code austauschen [07:26 Min.]
... 6.4 ... Reaktionsfähige Tabellen umsetzen [08:42 Min.]
... 6.5 ... Image-Maps verwenden [04:50 Min.]
... 6.6 ... CSS-Sprites im Responsive Design [10:36 Min.]
... 6.7 ... Bilder richtig komprimieren [02:51 Min.]
... 6.8 ... Webclip-Icons verwenden [03:27 Min.]
... 6.9 ... Die Performance verbessern [06:28 Min.]
... 6.10 ... Browser-Probleme beheben [06:13 Min.]
... 6.11 ... Formulare optimieren [02:28 Min.]
7. Praxisprojekt »Graceful Degradation« [00:39 Std.]
... 7.1 ... Einleitung [00:17 Min.]
... 7.2 ... Inhalt und Konzeption [05:25 Min.]
... 7.3 ... Die HTML-Struktur des Projekts [02:43 Min.]
... 7.4 ... Den Prototypen entwerfen [04:47 Min.]
... 7.5 ... Media Queries einsetzen [13:56 Min.]
... 7.6 ... Das Design umsetzen [03:30 Min.]
... 7.7 ... Die Navigation optimieren [08:32 Min.]
8. Praxisprojekt »Mobile First« [00:47 Std.]
... 8.1 ... Einleitung [00:20 Min.]
... 8.2 ... Inhalt und Konzeption [02:56 Min.]
... 8.3 ... Mock-up und HTML-Basis entwickeln [05:18 Min.]
... 8.4 ... Den Prototypen anlegen [08:48 Min.]
... 8.5 ... Breakpoints hinzufügen [13:44 Min.]
... 8.6 ... Eine Navigation als Select-Liste [04:29 Min.]
... 8.7 ... Eine Off-Canvas-Navigation umsetzen [05:31 Min.]
... 8.8 ... Das Design entwickeln [05:31 Min.]
9. Responsive Webdesign für Retina-Displays [00:29 Std.]
... 9.1 ... Einleitung [00:21 Min.]
... 9.2 ... Probleme mit Retina-Displays [04:36 Min.]
... 9.3 ... Grafiken optimieren und integrieren [07:18 Min.]
... 9.4 ... CSS-Sprites verbessern [06:10 Min.]
... 9.5 ... SVG-Grafiken erstellen und einbinden [07:15 Min.]
... 9.6 ... Hilfreiche Skripte [03:35 Min.]
10. Einführung in Adobe Edge Reflow [00:35 Std.]
... 10.1 ... Einleitung [00:24 Min.]
... 10.2 ... Die Oberfläche von Edge Reflow [05:40 Min.]
... 10.3 ... Flüssige Raster entwickeln [04:33 Min.]
... 10.4 ... Boxen erstellen und gestalten [09:50 Min.]
... 10.5 ... Typografie mit Adobe Edge Reflow [03:46 Min.]
... 10.6 ... Das Layout umstrukturieren [05:01 Min.]
... 10.7 ... Optimierung und Browser-Vorschau [05:29 Min.]
| Erscheint lt. Verlag | 28.3.2013 |
|---|---|
| Reihe/Serie | Galileo Computing |
| Sprache | deutsch |
| Gewicht | 182 g |
| Themenwelt | Mathematik / Informatik ► Informatik ► Netzwerke |
| Mathematik / Informatik ► Informatik ► Web / Internet | |
| Schlagworte | Adaptive Webdesign • CSS3 • Design • HTML5 • Lernkurs • Lernprogramm • Lernsoftware • Media Queries • Responsive Webdesign • Smartphone • Tablet • Training • Tutorial • Typografie • Video • Videokurs • Videotraining • Video-Training • Web Design • Workshop |
| ISBN-13 | 9783836223126 / 9783836223126 |
| Zustand | Neuware |
| Informationen gemäß Produktsicherheitsverordnung (GPSR) | |
| Haben Sie eine Frage zum Produkt? |
