PORTO-
FREI

Modernes Webdesign mit CSS

Schritt für Schritt zur perfekten Website

von Stiegert, Heiko   (Autor)

Wenn Sie standardkonforme Webseiten mit CSS attraktiv und modern gestalten wollen, sind Sie mit diesem Buch genau richtig. Heiko Stiegert stellt Ihnen Layouts für Desktop-Rechner und für mobile Endgeräte wie Smartphones oder Tablets vor, die Sie direkt nachbauen und nutzen können. Vielleicht wollen Sie sich aber auch einfach für eigene Kreationen inspirieren lassen? Auch hier bieten Ihnen das attraktive, durchgehend vierfarbige Layout und die modernen Beispiele viele Möglichkeiten, Ihr Repertoire zu erweitern. Die zahlreichen Profi-Tipps und -Tricks lassen garantiert keine Ihrer Fragen offen! Aus dem Inhalt: Grundlagen Wie funktioniert CSS? Das Box-Modell Die Layouttypen Seitenoptimierung und Debugging Die Website strukturieren Nutzerfreundliche Navigationen Logos und Aufmacher einsetzen Footer gestalten und positionieren Breadcrumb-Navigation Mit Bild und Text arbeiten Eine Lightbox ohne JavaScript Sprechblasen und Teaserboxen Ein Magazinlayout umsetzen CSS 3 im Einsatz Verläufe, Schatten und runde Ecken Objekte ein- und ausblenden Animationen erstellen Trends, Tipps und Tricks Design im Retro-Stil Interaktiver Weblog-Header Ein Portfolio gestalten Online-Shops Specials Suchmaschinenoptimierung Media Queries, Mikroformate Mobile Websites

Buch (Gebunden)

EUR 39,90

Alle Preisangaben inkl. MwSt.

Am Lager, sofort lieferbar
(Nur noch 1 Stück auf Lager)

Versandkostenfrei*

Versandtermin: 16. Februar 2019, wenn Sie jetzt bestellen.
(nur innerhalb Deutschlands, nicht Geschenksendungen)

Dieser Artikel kann nicht bestellt werden.
 

Produktbeschreibung

Wenn Sie standardkonforme Webseiten mit CSS attraktiv und modern gestalten wollen, sind Sie mit diesem Buch genau richtig.
Heiko Stiegert stellt Ihnen Layouts für Desktop-Rechner und für mobile Endgeräte wie Smartphones oder Tablets vor, die Sie direkt nachbauen und nutzen können.
Vielleicht wollen Sie sich aber auch einfach für eigene Kreationen inspirieren lassen? Auch hier bieten Ihnen das attraktive, durchgehend vierfarbige Layout und die modernen Beispiele viele Möglichkeiten, Ihr Repertoire zu erweitern.
Die zahlreichen Profi-Tipps und -Tricks lassen garantiert keine Ihrer Fragen offen!
Aus dem Inhalt:

Grundlagen
Wie funktioniert CSS?
Das Box-Modell
Die Layouttypen
Seitenoptimierung und Debugging
Die Website strukturieren
Nutzerfreundliche Navigationen
Logos und Aufmacher einsetzen
Footer gestalten und positionieren
Breadcrumb-Navigation
Mit Bild und Text arbeiten
Eine Lightbox ohne JavaScript
Sprechblasen und Teaserboxen
Ein Magazinlayout umsetzen
CSS 3 im Einsatz
Verläufe, Schatten und runde Ecken
Objekte ein- und ausblenden
Animationen erstellen
Trends, Tipps und Tricks
Design im Retro-Stil
Interaktiver Weblog-Header
Ein Portfolio gestalten
Online-Shops
Specials
Suchmaschinenoptimierung
Media Queries, Mikroformate
Mobile Websites  

Inhaltsverzeichnis


... Vorwort ... 5

Teil I ... Grundlagen ... 13

1 ... Einleitung ... 15

... 1.1 ... Was ist benutzerfreundliches Webdesign? ... 15

... 1.2 ... Was ist erfolgreiches Webdesign? ... 17

2 ... CSS-Basiswissen ... 21

... 2.1 ... Was ist CSS? ... 21

... 2.2 ... CSS in HTML einbinden ... 23

... 2.3 ... CSS-Regeln ... 27

... 2.4 ... Namenskonventionen ... 31

... 2.5 ... Maßeinheiten ... 33

... 2.6 ... Inline- und Blockelemente ... 38

... 2.7 ... Das Box-Modell ... 41

... 2.8 ... Positionieren und Stapeln ... 43

... 2.9 ... Floating und Clearing ... 47

... 2.10 ... Progressive Enhancement und Graceful Degradation ... 52

3 ... Layouttypen ... 55

... 3.1 ... Fixes Design (fix Layout) mit fester Breite ... 55

... 3.2 ... Fließendes Design (fluid Layout) ... 57

... 3.3 ... Elastisches Design (elastic Layout) ... 59

... 3.4 ... Mischformen ... 62

4 ... Seitenoptimierung und Debugging ... 63

... 4.1 ... Web-Performance-Optimierung (WPO) ... 63

... 4.2 ... Debugging und Analyse ... 71

Teil II ... Seitenelemente ... 81

5 ... Die Site strukturieren ... 83

... 5.1 ... Übersichtlich gegliedert: Navigationen gestalten ... 84

... 5.2 ... Ganz ohne Grafiken: Slogans, Logos, Aufmacher ... 96

... 5.3 ... Von Kopf bis Fuß: der Webseitenfooter ... 104

6 ... Bilder einsetzen ... 113

... 6.1 ... Professionell präsentiert: Bildergalerien im Web ... 114

... 6.2 ... Sprechblasen und Teaserboxen ... 125

... 6.3 ... Zitate individuell gestalten ... 136

... 6.4 ... Initialen und mehrspaltige Layouts ... 145

7 ... Daten visualisieren und eingeben ... 157

... 7.1 ... Daten übersichtlich präsentieren: Tabellen ... 158

... 7.2 ... Onlineformulare benutzerfreundlich gestalten ... 182

Teil III ... Trends, Tipps & Tricks ... 207

8 ... Weblogs ... 209

... 8.1 ... Parallax-Effekt im Header ... 210

... 8.2 ... Ein Blogdesign im Retro-Stil ... 226

... 8.3 ... Kommentardesign in Blogs ... 242

9 ... Firmen- und Freelancer-Sites ... 261

... 9.1 ... Gleich hohe "div"-Elemente für alle Browser ... 262

... 9.2 ... Ihre Visitenkarte im Netz: ein Portfolio gestalten ... 280

10 ... Onlineshops ... 299

... 10.1 ... Breadcrumb-Navigationen ... 300

... 10.2 ... Umfangreiche Onlineformulare ... 315

Teil IV ... Web 3.0 ... 343

11 ... CSS3 für eine kreative Gestaltung ... 345

... 11.1 ... Coffee-Cards eine etwas andere Liste ... 346

... 11.2 ... Akkordeon-Effekt ... 362

... 11.3 ... Responsive Webdesign mit Media Queries ... 375

... 11.4 ... Webdesign im Miniaturformat: mobile Websites ... 386

12 ... Das semantische Web ... 399

... 12.1 ... Kontaktdaten effektiv einsetzen mit hCard ... 400

... 12.2 ... Termine formatieren mit hCalendar ... 412

... 12.3 ... hReview: Bewertungen maschinenlesbar umsetzen ... 424

... Die DVD zum Buch ... 439

... Index ... 441 

Kritik

Galileo Design legt mit "Modernes Webdesign mit CSS" ein 440 Seiten umfassendes Buch über die Techniken der Web-Entwicklung vor. Der Autor erläutert hier, klar strukturiert und mit zahlreichen Screenshots aufbereitet, die moderne Anwendung von CSS. Peppige Webseiten und spritzige Layouts werden sauber strukturiert aufgebaut. Quellcodeauszüge ergänzen das Beschriebene, wodurch diverse Kapitel zu kleinen Workshops werden. Ein perfekt durchstrukturiertes, gut durchdachtes Buch. Erläuterungen und Beispiele wechseln sich ab und werden gekonnt unterlegt von einer Vielzahl an Screenshots und Quellcode. Eine 100%ige Empfehlung! media.valley 2012 

Autoreninfo

Heiko Stiegert ist bereits seit 10 Jahren im Bereich der Webentwicklung tätig und betreibt aktiv sein Weblog (...), in dem er sich für Webstandards stark macht. Seit 2007 ist er außerdem "Invited Expert" der Working Group des W3C. 

Mehr vom Verlag:

Rheinwerk Verlag GmbH

Mehr aus der Reihe:

Rheinwerk Design

Mehr vom Autor:

Stiegert, Heiko

Produktdetails

Medium: Buch
Seiten: 444
Format: Gebunden
Sprache: Deutsch
Erschienen: August 2011
Auflage: 1. Auflage.
Sonstiges: LEHR-Programm gem. § 14 JuSchG
Maße: 252 x 200 mm
Gewicht: 1369 g
ISBN-10: 3836216663
ISBN-13: 9783836216661

Bestell-Nr.: 8648229 
 

LIBRI: 0000000
LIBRI-EK*: 27.97 € (25.00%)
LIBRI-VK: 39,90 €
STOCK Libri: 0
LAGERBESTAND: 1 Stück
LIBRI: 021 noch nicht erschienen. Erscheint lt. Verlag . * EK = ohne MwSt.

UVP: 0 
Warengruppe: 16360 

KNO: 26763393
KNO-EK*: 26.10 € (26.00%)
KNO-VK: 39,90 €

KNO-SAMMLUNG: Edition PAGE
KNOABBVERMERK: 2011. 444 S. m. zahlr. farb. Abb. 24 cm
KNOSONSTTEXT: LEHR-Programm gem. § 14 JuSchG
Einband: Gebunden
Auflage: 1. Auflage.
Sprache: Deutsch
Beilage(n): DVD-ROM

Nur noch 1 Stück auf Lager - jetzt bestellen.

Alle Preise inkl. MwSt., innerhalb Deutschlands liefern wir immer versandkostenfrei. Informationen zum Versand ins Ausland.

Kostenloser Versand*

innerhalb eines Werktages

OHNE RISIKO

30 Tage Rückgaberecht

Käuferschutz

mit Geld-Zurück-Garantie