Wenn ihr euch intensiv mit modernem Webdesign auseinander setzen möchtet, sind die Themen Responsive Webdesign, WordPress, Photoshop und CSS3 sicher interessant. Da ich in diesem Jahr zu jedem dieser Themen ein Produkt veröffentlich habe, es bisher aber versäumt habe das gewohnte Gewinnspiel zu veröffentlichen, möchte ich das mit diesem Beitrag dringend nachholen.

Was gibt es zu gewinnen?

Gewinnen könnt ein Exemplar meines Video-Trainings zu WordPress, mein Video-Training zum Thema Responsive Webdesign und mein Buch zu Photoshop und CSS3.
Detaillierte Informationen zu den drei Produkten findet ihr in den Beiträgen zur jeweiligen Veröffentlichung:

• WordPress
• Responsive Webdesign
• Webdesign mit Photoshop CS6 und CSS3

Was müsst ihr tun um zu gewinnen?

Die Teilnahme ist wie immer äußerst unkompliziert. Verfasst einfach einen Kommentar zu diesem Artikel und schreibt mir mit welchen Webdesign-Themen ihr euch in nächster Zeit auseinander setzen möchtet. Was interessiert euch am meisten? Was müsstet ihr schon viel zu lange mal lernen?

Unter allen (sinnvollen) Kommentaren ermittle ich per Los drei Gewinner. Bitte gebt eine gültige E-Mail-Adresse an, damit ich euch im Falle eines Gewinns kontaktieren kann. Das Gewinnspiel endet am 02.07.2013 um 12:00 Uhr.
Mit dem Verfassen eines Kommentars akzeptiert ihr die Gewinnspiel-Bedingungen. Ich wünsche euch viel Glück!

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress begleitet mich bereits seit vielen Jahren und ich setze die Software für nahezu alle Projekte ein. Selbstverständlich wird auch dieser Blog mit WordPress verwaltet. In meinem neuen Video-Training erfahrt ihr was WordPress alles kann, und wie Ihr das System nutzen könnt um eigene Websites zu entwickeln. Angefangen mit der Installation und redaktionellen Aufgaben, widme ich mich auch ausführlich der Theme-Entwicklung und der späteren Optimierung der Website.

Trailer

Wenn ihr einen schnellen Überblick über die Inhalte der DVD haben wollt, schaut euch am besten den Trailer an.

Produktbeschreibung

Der perfekte Lernkurs für WordPress! Egal ob als Einsteiger oder Fortgeschrittener - mit diesem Training erhalten Sie das Wissen, um WordPress einzurichten, eigene Themes zu erstellen und Web-Projekte umzusetzen.

Der Web-Experte Jonas Hellwig baut mit Ihnen Schritt für Schritt ein komplettes Theme auf und zeigt, wie Sie Ihre Webseite mit modernen Features ausstatten. Profitieren Sie außerdem von seinen Tipps zu Plug-ins, Gestaltung, Sicherheit, SEO und mobilem Webdesign mit WordPress.

Jetzt bei Amazon kaufen

Inhaltsverzeichnis

Installation und erster Start

• Einleitung
• Was ist WordPress?
• Eine Testumgebung mit MAMP für OS X einrichten
• Eine XAMPP-Testumgebung unter Windows einrichten
• WordPress lokal installieren
• Installation auf dem Live-Server
• Die WordPress-Ordnerstruktur

Das Dashboard im Überblick

• Einleitung
• Das Dashboard und die WordPress-Einstellungen
• Beiträge und Seiten erstellen
• Kategorien und Schlagwörter vergeben
• Bilder und Bildergalerien hinzufügen
• YouTube, Tweets und Google Maps einbinden
• Kommentare verwalten
• Menüs erstellen
• Das Design wechseln
• Widgets nutzen
• Plug-ins installieren
• Benutzer anlegen und verwalten
• Die WordPress-Werkzeuge

Das Seitendesign verändern

• Einleitung
• Theme-Optionen
• Den CSS-Code überarbeiten
• Farben und Effekte hinzufügen
• Inhalte positionieren
• Schriften anpassen

Der Aufbau eines klassischen WordPress-Themes

• Einleitung
• Die Template-Dateien
• Die Template-Hierarchie
• Templates verknüpfen
• Template-Tags und ihre Funktionen
• Der WordPress-Loop
• API-Hooks verwenden
• Conditional Tags einsetzen
• Das 2013-Theme im Überblick
• Child-Themes erstellen

Ein eigenes Theme erstellen

• Einleitung
• Das HTML-CSS-Grundgerüst
• Die Template-Dateien erstellen
• Beitrags- und Seitenansicht anpassen
• Die Startseite anpassen
• Die Navigation hinzufügen
• Kategorie- und Stichwortverzeichnisse
• Die Sidebar aktivieren
• Die Suchfunktion integrieren
• Die Kommentarfunktion aktivieren

WordPress-Themes erweitern

• Einleitung
• Beitragsformate verwenden
• Seitenvorlagen erstellen
• Beitragsbilder hinzufügen
• Ein editierbares Kopfzeilenbild integrieren
• Einen editierbaren Hintergrund einfügen

Plug-ins einbinden und neue Funktionen hinzufügen

• Einleitung
• Plug-ins und functions.php im Vergleich
• Dienste einbinden mit »Jetpack«
• Lightbox hinzufügen
• Facebook, Twitter und Google+ einbinden
• Ein Kontaktformular integrieren
• Beliebte Beiträge anzeigen
• Eine Slideshow hinzufügen
• Syntax-Highlighting aktivieren
• Spam-Kommentare abwehren
• Plug-in-Favoriten per Klick installieren

WordPress als Content Management System (CMS)

• Einleitung
• Benutzerdefinierte Felder
• Das Plug-in »More Fields«
• Custom Post Types
• Custom Taxonomies
• Post Type- und Taxonomy-Archive
• Shortcodes in WordPress

Die Webseite veröffentlichen

• Einleitung
• Die Datenbank aus phpMyAdmin exportieren
• Datenbankfelder ersetzen
• Die Datenbank importieren
• Ordnerstruktur kopieren und config.php anpassen
• Die Webseite hochladen
• WordPress im Wartungsmodus

Webseiten optimieren und absichern

• Einleitung
• Theme-Inhalte testen
• Technische Fehler finden und beheben
• Gute Texte schreiben
• Grafiken optimieren
• Suchmaschinenoptimierung für WordPress
• Kompression und Cache
• Backups erstellen
• WordPress absichern und aktualisieren
• WordPress Multisite
• Mehrsprachige Seiten erstellen

Die mobile WordPress-Seite

• Einleitung
• Plug-ins für mobile Webseiten
• Responsive Design – Grundlagen
• Responsive Design Patterns
• Media Queries verwenden

Probe-Lektion: Beiträge und Seiten erstellen

In diesem Video zeige ich euch, wie Ihr Beiträge und Seiten über den WordPress-Administrationsbereich verwalten könnt.

Probe-Lektion: Schriften anpassen

In diesem Video zeige ich euch wie ihr die Schriften eurer WordPress-Seite verändern könnt. Wir lernen zunächst wie CSS-Font-Stacks funktionieren und setzen anschließend einen Google Webfont ein.

Probe-Lektion: Die Startseite anpassen

In diesem Video zeige ich euch drei Wege, wie Ihr die Startseite von WordPress anpassen könnt. Wir verwenden eine Unterseite als Startseite, legen ein eigenes Template an und verwenden Conditional Tags in einem bestehenden Template.

Probe-Lektion: Seitenvorlagen erstellen

In diesem Video zeige ich euch, wie Ihr Vorlagen für einzelne statische Seiten anlegt. Mit diesen "Page Templates" kann das Aussehen (CSS) und der Inhalt (HTML, PHP) einer Unterseite gezielt angepasst werden.

Probe-Lektion: Benutzerdefinierte Felder

In diesem Video zeige ich euch wie Ihr benutzerdefinierte Felder verwalten und im Theme anzeigen könnt. Mit benutzerdefinierten Felder werden Zusatzinformationen zu Beiträgen erstellt.

Fragen & Feedback

Wenn ihr Fragen zum Training habt, meldet euch gerne per E-Mail oder über die Kommentar-Funktion dieser Seite.
Jetzt bei Amazon kaufen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mein neues Buch "Webdesign mit Photoshop CS6 und CSS3" ist ab sofort im Handel erhältlich. Da CSS3 mittlerweile große Teile der Webgestaltung abdeckt, habe ich das Buch sowohl auf die gestalterischen Aspekte in Photoshop, als auch auf die Arbeit mit CSS3 ausgerichtet. Auf über 320 Seiten findet ihr daher diverse praxisorientierte Workshops.

Ziel des Buches ist es, Techniken und Arbeitsweisen zu vermitteln, mit deren Hilfe moderne, performante und flexible Weblayouts möglich sind. Viele Workshops zeige ich sowohl in CSS3 als auch mit Hilfe von Photoshop, damit ihr bei einem späteren Projekt selbst entscheiden könnt, welche Lösung geeigneter ist.

Jetzt bestellen

Inhaltsverzeichnis

Photoshop effizient konfigurieren

• Voreinstellungen festlegen
• Werkzeuge und ihre Funktionen
• Arbeitsbereiche einrichten
• Bridge und Mini Bridge
• Neue Dokumente einrichten
• Non-destruktive Arbeitsweise
• Photoshop und CSS3

Briefing und Projektplanung

• Wahrnehmung
• Zielgruppe
• Konventionen

Farben gekonnt einsetzen

• Mögliche Farbprobleme
• Farbe und Wirkung
• Farbkontraste einsetzen
• Durchdachte Farbkonzepte
• Hilfreiche Tools im Umgang mit Farben

Layoutplanung und Scribble

• Größen im Webdesign
• Seitenaufbau
• Layouttypen
• Gestaltungsraster
• Multi­Screen­Design
• Grid­Systeme, Frameworks und Tools
• Gestaltungsraster des Beispielprojekts
• Das Projekt skizzieren
• Mock­ups und Wireframes
• Style Tiles
• Prototypen

Flächen und Linien aufwerten

• Farbflächen
• White Space
• Linien und Konturen
• Transparenz
• Farbflächen verbinden

Schatten und Spiegelung

• Spiegelungen und Schatten bei 2­D­Objekten
• Spiegelungen und Schatten bei 3­D­Objekten

Muster, Strukturen, Brushes

• Muster
• Grafiken mit CSS kacheln
• Kostenlose Pattern im Netz
• Pattern mit CSS3
• Skriptbasierte Muster in Photoshop CS6
• Strukturen
• Photoshop­Brushes
• Eigene Brushes

Navigationskonzepte umsetzen

• Navigationsstrukturen
• Darstellungsformen
• Navigation platzieren
• Navigation gestalten
• Interaktionen kennzeichnen
• Navigationsmuster im Responsive Design

Texte attraktiv gestalten

• Typografie im Internet

Fotos einsetzen und optimieren

• Nach Fotos googeln?
• Bedingungen der CC­Lizenz
• Fotos aus einem Stock­Archiv
• Bildausschnitt und ­ausrichtung
• Geeignete Bildformate festlegen
• Bilder mit Bedacht spiegeln
• Bilder per HTML5 einbinden
• Bilder fürs Web aufbereiten

Illustrationen, Icons, Animationen

• Zierelemente für mehr Atmosphäre
• Icons
• Favicons
• Apple Touch Icon
• Webfont­Icons
• Animationen erstellen

Grafiken fürs Web optimieren

• Der »Für Web speichern«­Dialog
• Dateiformate im Web
• Grafiken maximal komprimieren
• Slices
• CSS­Sprites
• Layout für die Webentwicklung vorbereiten

Jetzt bestellen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Responsive Webdesign ist aktuell der heißeste Trend der Webdesign-Szene. Aus diesem Grund freue ich mich besonders, euch mein neues Video-Training zu diesem Thema vorstellen zu dürfen. Die bei Galileo Press erschienene DVD kann bereits bei Amazon bestellt werden. Im Buchhandel ist sie ab Ende des Monats erhältlich.
Euch erwarten über 8 Stunden praxisorientiertes Know-how rund um Responsive Webdesign und moderne Webentwicklung. Die Trailer und ein detailliertes Inhaltsverzeichnis findet ihr hier.

Trailer

Wenn ihr einen schnellen Überblick über die Inhalte der DVD haben wollt, schaut euch am besten den Trailer an.

Produktbeschreibung:

Das Praxis-Training für den neuen Webdesign-Standard! Der Webexperte Jonas Hellwig zeigt Ihnen, wie Sie Ihre Webseiten mit HTML5 und CSS3 für alle Geräte und Auflösungen aufbereiten. Mit diesem Training sind Sie am Puls der Zeit und lernen, wie Sie Responsive Webdesign richtig einsetzen.

Machen Sie mit bei zahlreichen Praxisworkshops und entwickeln Sie flexible Designkonzepte, mit denen Sie die Besucher auf Ihren Seiten halten - egal ob auf dem iPad, einem Android-Smartphone oder am Windows-PC.

Jetzt bei Amazon kaufen

Inhaltsverzeichnis:

Vom statischen zum flexiblen Design

1. Einleitung
2. Die mobile Evolution
3. Lösungsansätze für mobile Seiten
4. Was ist Responsive Webdesign?
5. Viewport-Varianten berücksichtigen
6. Weblayouts im Überblick: Fixed, Fluid, Elastic
7. Pixelmaße in Prozentwerte wandeln
8. Breakpoints und Media Queries
9. Adaptive und Responsive Design im Vergleich
10. Der Meta-Viewport

Best Practices für Responsive Webdesign

1. Einleitung
2. Design für Touch-Screens
3. Neue Layout-Muster
4. Mobile Navigationskonzepte
5. Flexible Bilder aufbereiten
6. Flexible Videos erzeugen
7. Slider und Carousel-Präsentation

Der Webdesign-Workflow

1. Einleitung
2. Der neue Design-Prozess
3. Graceful Degradation – Webseiten vereinfachen
4. Mobile First, Content First
5. Klassische Gestaltungsraster
6. Workflow für Adaptive Webdesign
7. Flüssige Gestaltungsraster entwerfen
8. Prototypen entwickeln
9. Foundation und Bootstrap
10. Mit Style-Tiles arbeiten

Reaktionsfähige Webprojekte anlegen und testen

1. Einleitung
2. Browser als Entwicklungsumgebung
3. Nützliche Werkzeuge im Internet
4. Simulatoren und Emulatoren
5. Webdesigns testen mit Adobe Edge Inspect
6. HTML5 Boilerplate, Modernizr & Co.
7. Frameworks für Adaptive Design
8. Frameworks für Responsive Design
9. Fließende Rasterlayouts anlegen mit Adobe Dreamweaver CS6

Design und Typografie für moderne Webseiten

1. Einleitung
2. Relative Schriftgrößen
3. Flexibel gestalten mit CSS3
4. Endlosmuster entwerfen
5. Pixelgrafiken mit CSS3 verzerren
6. Rauschüberlagerung mit CSS3
7. Webfonts verwenden
8. Webfont-Icons einsetzen
9. Schriften optimieren
10. Responsive Typography

Fehlersuche und Optimierung

1. Einleitung
2. Hintergründe optimieren
3. Bilder im HTML-Code austauschen
4. Reaktionsfähige Tabellen umsetzen
5. Image-Maps verwenden
6. CSS-Sprites im Responsive Design
7. Bilder richtig komprimieren
8. Webclip-Icons verwenden
9. Die Performance verbessern
10. Browser-Probleme beheben
11. Formulare optimieren

Praxisprojekt »Graceful Degradation«

1. Einleitung
2. Inhalt und Konzeption
3. Die HTML-Struktur des Projekts
4. Den Prototyp entwerfen
5. Media Queries einsetzen
6. Das Design umsetzen
7. Die Navigation optimieren

Praxisprojekt »Mobile First«

1. Einleitung
2. Inhalt und Konzeption
3. Mockup und HTML-Basis entwickeln
4. Den Prototyp anlegen
5. Breakpoints hinzufügen
6. Eine Navigation als Select-Liste
7. Eine Off-Canvas-Navigation umsetzen
8. Das Design entwickeln

Responsive Webdesign für Retina-Displays

1. Einleitung
2. Probleme mit Retina-Displays
3. Grafiken optimieren und integrieren
4. CSS-Sprites verbessern
5. SVG-Grafiken erstellen und einbinden
6. Hilfreiche Skripte

Einführung in Adobe Edge Reflow

1. Einleitung
2. Die Oberfläche von Edge Reflow
3. Flüssige Raster entwickeln
4. Boxen erstellen und gestalten
5. Typographie mit Adobe Edge Reflow
6. Das Layout umstrukturieren
7. Optimierung und Browser-Vorschau

Jetzt bei Amazon kaufen

Probe-Lektion: Breakpoints und Media Queries einsetzen

In diesem Video zeige ich euch wie Ihr mit Hilfe von Media Queries das Layout einer Website in Grenzbereichen umstrukturiert. Dabei setzen wir Media Queries sowohl in der klassischen Variante (max-width) als auch nach dem Mobile-First-Prinzip (min-width) ein und lernen auch die technischen Hintergründe der CSS-Technologie kennen.

Probe-Lektion: Mobile First, Content First

"Mobile First" ist eines der prominenteren Stichworte im Umfeld von Responsive Design. In diesem Video erkläre ich die konzeptionellen Hintergründe und zeige die technische Umsetzung mit CSS3 an einem Beispiel.

Probe-Lektion: Rauschüberlagerung mit CSS3

Mit CSS3 erzeugte Grafiken haben oft eine zu glatte, technische Darstellung ohne eine Körnung. In diesem Video zeige ich euch, wie Ihr die Flexibilität von CSS3-Grafiken mit der detaillierten Gestaltung einer Pixelgrafik kombinieren könnt.

Probe-Lektion: Hintergründe optimieren

Die grafischen Elemente einer Website müssen flexibel gestaltet werden, um den Anforderungen im Responsive Webdesign zu entsprechen. In diesem Video zeige ich euch welche Möglichkeiten es im Bereich der CSS-Hintergründe gibt und wie die CSS-Eigenschaft background-size genutzt werden kann.

Probe-Lektion: Den Prototypen anlegen

Ein Großteil des "responsive Workflows" geschieht direkt im Browser. In diesem Video zeige ich euch wie nach dem "Mobile First"-Prinzip ein Prototyp live im Browser entwickelt wird. Diese Ausgangsbasis wird dann Stück für Stück technisch und optisch erweitert.

Wenn ihr Fragen zur DVD habt, meldet euch gerne per E-Mail oder über die Kommentar-Funktion dieser Seite.

Jetzt bei Amazon kaufen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

In drei Wochen ist Weihnachten und für das regelmäßige Lesen meines Blogs und eure vielen Kommentare, Anregungen und Tipps, möchte ich mich mit einem umfangreichen Gewinnspiel bei euch bedanken. Zu gewinnen gibt es diverse Fachbücher, DVDs, Zeitschriften-Abonnements und Software. So könnt ihr lange Winterabende optimal nutzen. Was ihr tun müsst, um teilzunehmen, erfahrt ihr hier:

So nimmst du teil:

Schreibe einen Kommentar zu diesem Beitrag und verrate mir, in welchem Webdesign-Thema du dich 2013 fortbilden möchtest. Und warum.

Unter allen sinnvollen Kommentaren verlose ich je einen Gewinn nach dem Zufallsprinzip. Bitte beachte die Gewinnspielbedingungen und verwende eine gültige E-Mail-Adresse. Das Gewinnspiel endet am 12. Dezember 2012 um 12:00 Uhr.

Ich wünsche euch viel Glück und eine schöne Adventszeit!

Das Gewinnspiel ist beendet und alle Gewinner wurden bereits per E-Mail über Ihren Gewinn informiert. Vielen Dank für eure Teilnahme und viel Spaß mit den Gewinnen!

Und das kannst du gewinnen:

Zu gewinnen gibt es Fachbücher, Video-Trainings, Zeitschriften-Abos und Software. Auch an dieser Stelle möchte ich mich noch einmal ganz herzlich für die Bereitstellung der Gewinne bedanken.

3x 1 Wunschprodukt von Galileo Press

Galileo Press stellt drei Gutscheine für ein Produkt eurer Wahl zur Verfügung. Ihr könnt frei aus allen Büchern und Video-Trainings wählen und euch das Produkt aussuchen, das ihr am besten gebrauchen könnt.

Galileo Press ist ein führender deutscher Fachverlag für IT, Design und Fotografie.

1x Photoshop CS6 – Die große Praxisreferenz von Data Becker

Produktbeschreibung: An Photoshop kommt ein anspruchsvoller Bildbearbeiter nicht vorbei, die Bildbearbeitungs-Software von Adobe ist das Maß aller Dinge. Über die Neuerungen, den Funktionsumfang und die vielfältigen Werkzeuge von Version CS6 informiert praxisnah und detailliert das 1.200 Seiten starke Photoshop-Buch „Photoshop CS6 – Die große Praxisreferenz“ aus dem Hause Data Becker.

Ein besonderes Schmankerl: Jeder Buchkäufer erhält zusätzlich Zugang zu einer kostenlosen Online-Ausgabe, die auf dem Ipad oder am PC gelesen werden kann. Ideal für die schnelle Suche nach Inhalten oder Schlüsselwörtern, die nicht im Stichwortverzeichnis aufgeführt sind.

3x 1 Jahresabonnement des t3n-Magazins

Das t3n-Magazin dürfte den meisten von Euch ein Begriff sein. Ich freue mich sehr, dass die Redaktion von t3n direkt drei Jahresabonnements bereitstellt!

Das t3n Magazin ist das deutschsprachige Fachmagazin zu den Themen Social Media, E-Business, Startups, Webdesign, Online Marketing und Open Source. Auf t3n.de finden sich außerdem tagesaktuelle News, exklusive Artikel sowie nützliche Verzeichnisse und Services.

1x Mobile Webseiten aus dem Hanser Verlag

Produktbeschreibung: Für die Konzeption einer mobilen Site gibt es eine ganze Reihe von Techniken und grundlegenden Strategien; sie reichen von kleinen allgemeinen Optimierungen über Responsive Webdesign und eine WebApp bis zur separaten Webseite. All das zeigt Ihnen dieser praktische Leitfaden. Er gliedert sich in drei Themenbereiche:
Teil I Basics beschreibt die Besonderheiten mobiler Geräte, gibt Ihnen einen Überblick über die entsprechenden Browser, erklärt die verschiedenen Strategien für die Erstellung mobiler Sites inkl. ihrer Vor- und Nachteile und beschäftigt sich mit den grundlegenden Möglichkeiten, die Inhalte mobiler Sites passend anzuordnen.

Teil II Techniken konzentriert sich auf das richtige Markup, auf CSS, Performance-Optimierung, JavaScript und JavaScript-APIs. Ein eigenes Kapitel behandelt Strategien für Bilder – von der Möglichkeit, Bilder einzusparen, bis hin zu Lösungen für hochauflösende Displays.
Teil III Umsetzung zeigt Ihnen schließlich im Detail und ganz konkret: wie Sie per Responsive Webdesign Ihre Website für den mobilen Zugriff optimieren; wie Sie mit den JavaScript-Frameworks jQuery Mobile und Sencha Touch WebApps realisieren; und wie Sie separate mobile Webseiten erstellen. Abschließend geht es um Techniken und Tools für das Testen Ihrer mobilen Site.

3x 1 Wunschprodukt von video2brain

video2brain stellt ebenfalls 3x ein Wunschprodukt aus dem gesamten Sortiment (bis 50€) zur Verfügung. Ihr könnt euch die DVD aussuchen, die euch am besten gefällt.

video2brain ist führender Anbieter von hochwertigen Video-Trainings für selbstbestimmtes, orts- und medienunabhängiges Lernen in deutscher, französischer, spanischer und englischer Sprache. Die innovativen video2brain-Seminare machen Methodik, Effizienz, Freude und Erfolg eines persönlichen Trainings überall verfügbar und erschwinglich.

1x Photoshop Essentials von Falke Media

Produktbeschreibung: Wollen Sie wissen, wie professionelle Kunstwerke in Photoshop entstehen? Dann werfen Sie einen Blick in die DigitalPHOTO PHOTOSHOP Essentials. In 42 Workshops erklären Ihnen führende Designer, wie ihre besten Arbeiten entstanden sind.

228 Seiten stark wird Sie die DigitalPHOTO PHOTOSHOP Essentials dabei unterstützen, mit Adobe Photoshop eines der umfangreichsten Kreativprogramme zu meistern. Auf der beiliegenden Heft-CD finden Sie viele Ausgangsmaterialien, mit denen Sie die Workshops schnell und einfach nachmachen können.

1x Photoshop-Workshop-DVD - Webdesign von PSD-Tutorials.de

Produktbeschreibung: Die Photoshop-Workshop-DVD - Webdesign ist ein tiefgründiges Praxis-Lehrwerk zum Erlernen einer der beliebtesten Photoshop-Anwendungen: des Erstellens von Weblayouts. Lerne von erfolgreichen und anerkannten Praxisprofis, die ihre Ideen, ihre Herangehensweisen und ihre Techniken in zahlreichen Tutorials beschreiben.

Du erhältst einen umfassenden Einblick in die Arbeitsweise etablierter Webdesigner, die ihr Know-how in zahlreichen Praxisprojekten von A-Z erklären - angefangen beim Erstellen des Layouts in Photoshop bis hin zur Umsetzung in HTML/CSS.

1x Photoshop-Workshop-DVD - Webdesign Vol.2 von PSD-Tutorials.de

Produktbeschreibung: Die Photoshop-Workshop-DVD - Webdesign Vol. 2 ist ein weitreichendes Praxis-Lehrwerk mit über 19 Stunden Video-Training zum Erlernen einer der beliebtesten Photoshop-Anwendungen: dem Erstellen von Weblayouts.

Lerne von erfolgreichen und anerkannten Praxisprofis, die ihre Ideen, ihre Herangehensweisen und ihre Techniken in zahlreichen Tutorials beschreiben. Du erhältst einen umfassenden Einblick in die Arbeitsweise etablierter Webdesigner, die ihr Know-how in zahlreichen Praxisprojekten von A-Z erklären - angefangen beim Erstellen des Layouts in Photoshop bis hin zur Umsetzung in HTML/CSS.

1x Google+ Das Plus für Ihr Social-Media-Marketing

Produktbeschreibung: Marketing-Verantwortlichen in kleinen und mittleren Unternehmen, Freiberuflern, Selbständigen und anderen professionellen Anwendern bietet Google+ eine neue und unverbrauchte Plattform für die Kommunikation mit Kunden, Interessenten und Meinungsmachern. In Rekordzeit hat sich Google+ als eines der weltweit größten sozialen Netzwerke mit eigenen Schwerpunkten bei Nutzergruppen, Themen und Methoden etabliert. Erfahren Sie jetzt, was Google+ anders macht und wie Unternehmen davon profitieren.

Mit diesem Buch setzen Sie grundlegende und fortgeschrittene Funktionen im Handumdrehen optimal ein: Von der Einrichtung einer aufmerksamkeitsstarken Präsenz über die treffsichere Publikumsansprache mit Kreisen bis zum eigenen TV-Kanal mit Hangouts on Air. Aber Google+ bietet noch mehr, denn durch die einzigartige Verknüpfung mit der Internetsuche von Google zahlen sich alle Ihre Aktivitäten doppelt aus: Ohne SEO-Investitionen steigern Sie die Sichtbarkeit Ihres Unternehmens für alle Internetnutzer und erhöhen bei Bedarf sogar die Effizienz Ihrer AdWords-Anzeigen.
Nutzen Sie das Potenzial von Google+ – dieses Buch zeigt Ihnen, wie Sie es von Anfang an richtig machen.

1x Jahresabo der DigitalPHOTO Photoshop

Produktbeschreibung: Das DigitalPHOTO-Sonderheft „DigitalPHOTO Photoshop“ ist der richtige Helfer für eine effektive Bildbearbeitung mit den Programmen der Photoshop-Familie. Auf 116 Seiten liefert die Redaktion in Schritt-für-Schritt-Kursen grundlegende und vertiefende Praxisthemen.

Abgerundet wird das Kreativ-Magazin für Einsteiger bis Profis durch Berichte über Photoshop-Plug-ins, Tests von Hardware-Erweiterungen und Einblicke in die Arbeit von Kreativ-Profis. Das Magazin wird mit einer hochwertig bestückten Heft-CD mit Plug-ins, Videos, Demos und Begleitmaterial ausgeliefert.

1x WordPress-Video-Training von PSD-Tutorials.de

Produktbeschreibung: Der Fokus des Video-Trainings liegt auf der praxisnahen Vermittlung von effektivem Know-how zu WordPress, wie es auch tatsächlich in Kundenprojekten Anwendung findet - zum optimalen Verständnis ist die Theme-Datei aus den Inhalten diesem Training beigelegt.

2x A5 HTML5 Animator von Data Becker (Download-Version)

Produktbeschreibung: Webworker aufgepasst! Wer Webseiten gestaltet, von den Möglichkeiten der neuen HTML5-Technologie fasziniert ist und sich gerne an Animationen versucht, kann nun mit einer neuen Lösung von Data Becker zum Pixel-Regisseur werden. Mit der Windows-Software „A5 HTML5 Animator“ lassen sich animierte Inhalte fürs Web in offenen Standards wie HTML5, JavaScript und CSS3 leicht erstellen. Die Ergebnisse funktionieren auf allen modernen Browsern und mobilen Geräten.

„Schon mit der stabilen Vorab-Version lassen sich mit geringem Aufwand fantastische Ergebnisse erzielen, ohne auch nur eine einzige Zeile Programmiercode selbst schreiben zu müssen“, fasst Christoph Donker, Verlagsleiter Software bei Data Becker, den bisherigen Entwicklungsstand zusammen. Die Oberfläche des neuen Animations-Tools, das sich gleichsam an Einsteiger wie Profis richtet, orientiert sich an gängigen Videoschnittprogrammen. Im Rahmen des öffentlichen Beta-Tests soll das Feedback der Nutzer eingesammelt und genutzt werden, um die Software in den kommenden Wochen um weitere Funktionen zu ergänzen.
Zeitlich gesteuert werden die Animationen über eine Timeline, in die Keyframes von Hand hinzugefügt werden. Alternativ kann der Nutzer eine Aufnahme-Funktion aktivieren, mit der sich automatisch Keyframes erstellen lassen, wenn Objekte bewegt oder deren Eigenschaften modifiziert werden. Effektgeladene Kompositionen entstehen, indem man Texte, Bilder, Soundfiles, Videos und externe Webinhalte einfach via Drag & Drop auf einer Bühne arrangiert. Zudem lassen sich in den Eigenschaften der eingebetteten Objekte Farbe, Rahmen, Drehungen, Neigungen, Schattierungen und Reflexionen einstellen und modifizieren. Für den Schnelleinstieg enthält der „A5 HTML5 Animator“ mehrere vorgefertigte Animationen und Effekte, die per Drag & Drop einem Objekt zugewiesen werden.
Aufwendige Animationen lassen sich zudem komfortabel in verschiedene Szenen unterteilen. Übergänge können animiert und Szenenwechsel durch vorher festgelegte „Trigger“-Aktionen ausgelöst werden. Für zusätzliche Interaktivität sorgen Nebenzeitleisten, in denen Animationen festgelegt werden, die durch bestimmte Ereignisse auf der Hauptzeitleiste ausgelöst werden können. Für komplexere Interaktionen lässt sich mit Hilfe des integrierten Javascript-Editors die Animation auf Code-Ebene modifizieren. Die mit dem A5 erstellten Animationen lassen sich direkt im Programm abspielen und betrachten. Beim Export kreiert das Tool automatisch eine HTML-Seite sowie den für die Animation benötigten Javascript- und CSS-Code.

1x HTML5- & CSS3-Video-Training

Produktbeschreibung: Das HTML5- & CSS3-Video-Training stellt mit seinen 8 Stunden Video-Trainings ein außerordentlich umfassendes und praxisbezogenes Lehrwerk zum Webdesign und zur Webentwicklung dar.

• Alle wesentlichen Grundelemente von HTML5 & CSS3 erklärt.
• Optimaler Praxisbezug: Die Umsetzung von drei modernen Weblayouts in HTML5 & CSS3 von A-Z.
• Praxis-Tipps & hilfreiche Tools zur Webentwicklung.

Für effektive Webentwicklung das richtige Know-how: Mit dem Wissen der Profis erstellst du selbst sexy Webseiten und setzt diese in den neuen Webstandards um!

3x Jahresabonnement des SCREENGUIDE-Magazins

Produktbeschreibung: SCREENGUIDE ist das Profimagazin für Webverantwortliche, Entwickler und Designer. Hier erfahren Sie alles zu den Themen E-Business, Social Media, Design, Coding, Accessibility, Usability & Technik. Sämtliche Autoren sind erfahrene Online-Experten mit langjähriger Praxiserfahrung und dem richtigen Gespür für Trends und relevante Themen. In jeder Ausgabe stellt SCREENGUIDE alltagstaugliche Lösungen, Entwicklungen, Produkte und Services vor.

Tipp: Das Magazin gibt es jetzt auch in digitaler Form als App. Auf diese Weise haben Sie das Magazin immer mit dabei – ob beim Kundentermin oder auf Reisen. Und dank der intelligenten Volltextsuche sind Praxislösungen nur einen Fingerzeig entfernt! Demnächst auch als Android App.

1x Responsive Webdesign-Video-Training von PSD-Tutorials.de

Produktbeschreibung: Das Responsive Webdesign-Video-Training ist dein ultimatives Hilfsmittel, um deine Webprojekte dynamisch sowie unter Berücksichtigung der Anforderungen der jeweiligen Endgeräte optisch ansprechend auf Tablets, Smartphones und Co. zu bringen.

Der Fokus der Video-Trainings liegt auf der praxisnahen Vermittlung von effektiven Techniken auf Basis von HTML5 und CSS3, wie sie auch tatsächlich in Kundenprojekten Anwendung finden - zum optimalen Verständnis sind die Arbeitsmaterialien den Inhalten beigelegt.

1x Photoshop-Bibel von Falke Media

Produktbeschreibung: Wie durch Zauberhand lassen sich mit den Werkzeugen und Befehlen Landschaftsbilder aufpeppen, Porträtfotos auf Hochglanz polieren und selbst missglückte Aufnahmen aller Art retten. Wie dies besonders einfach geht, zeigen wir Ihnen in den umfassenden Schritt-für-Schritt-Workshops der aktuellen Photoshop BIBEL 01/2013.

Oder würden Sie gerne weitergehen? Auch wer witzige Montagen oder aufwendige Composings erschaffen will, findet in diesem großen Kompendium zahlreiche Ideen und alle wichtigen Techniken erklärt. Wenn Sie einmal wissen, wie Sie ein Objekt mit wenigen Klicks freistellen oder transformieren können, eröffnen sich Ihnen schon bald ganz neue, unbegrenzte Bilderwelten.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Ich freue mich, euch mitteilen zu können, dass Anfang dieser Woche mein neues Videotraining "Webdesign mit Photoshop - Aktuell zu CS6" im Galileo Press Verlag erschienen ist. Auf Facebook konntet ihr ja bereits einen Blick auf die Arbeit im Aufnahmestudio werfen. In ein paar Tagen wird die DVD dann auch bei Amazon und im klassischen Buchhandel erhältlich sein.
Das Training hat eine Gesamtspielzeit von 11 Stunden und behandelt den gesamten Workflow eines Webdesigners. Angefangen bei den neuen Features von Photoshop CS6, über die Konzeption bis hin zur Gestaltung und Umsetzung einer Website.

Produktbeschreibung

In diesem Video-Training zeigt der bekannte Designer Jonas Hellwig, wie man mit Photoshop CS6 die typischen Gestaltungsaufgaben für das Webdesign optimal löst. Beginnend mit einer gründlichen Konzeption zeigt der Trainer, wie man daraus das finale Design ableitet, die einzelnen Seitenelemente erstellt, benutzerfreundliche Navigationslösungen umsetzt und Text internetgerecht einsetzt. Unterhaltsam führt er durch einen lehrreichen Video-Kurs und führt Konzepte und effiziente Arbeitstechniken vor.

Der Anwender erhält dabei wertvolle Profi-Tipps zu Gestaltung, Farbwahl, Positionierung und Typografie und lernt, wie er Hintergründe, Strukturen, Schaltflächen, Transparenzeffekte und Icons erzeugt und diese optimal für das Web aufbereitet. Auch spezielle Designfragen für die Darstellung auf mobilen Endgeräten beantwortet Jonas Hellwig ausführlich. Das Training besteht aus einzelnen Workshops, in denen der Anwender am Bildschirm Schritt für Schritt verfolgen kann, wie die Grafiken in Photoshop entstehen. Der Clou: Anhand des mitgelieferten Übungsmaterials kann der Benutzer alle Arbeitsschritte parallel sofort mitmachen, die 30-Tage-Testversion von Photoshop 6 findet sich ebenfalls auf der DVD.

Jetzt bei Amazon bestellen

Trailer

Inhaltsverzeichnis und Probe-Lektionen

1. Photoshop optimal einrichten

• 1.1 Einleitung
• 1.2 Die neue Oberfläche von Photoshop CS6
• 1.3 Neue Funktionen in Photoshop CS6
• 1.4 Wichtige CS6-Konzepte im Überblick
• 1.5 Bedienfelder und Werkzeuge für Webdesigner
• 1.6 Die Arbeitsumgebung für das Webdesign einrichten

2. Grundlagen für erfolgreiches Webdesign

• 2.1 Einleitung
• 2.2 Die Elemente einer modernen Website
• 2.3 Websites richtig strukturieren
• 2.4 Die Gestaltgesetze anwenden
• 2.5 Farben im Webdesign
• 2.6 Viewport und Auflösungen
• 2.7 Gestaltungsraster nutzen
• 2.8 Raster im Responsive Webdesign
• 2.9 Gestaltungsraster selbst entwickeln
• 2.10 Stilrichtungen und Design-Trends im Web

3. Websites zielgenau konzipieren

• 3.1 Einleitung
• 3.2 Die Zielgruppe definieren
• 3.3 Erwartungen, Konventionen und häufige Fehler
• 3.4 Navigationskonzepte entwickeln
• 3.5 Farbkonzepte entwickeln
• 3.6 Design im Browser: Photoshop und CSS3
• 3.7 Interaktionen, Animationen und dynamische Elemente
• 3.8 Design-Konzepte für Mobilgeräte
• 3.9 Mockups, Skizzen und Prototypen
• 3.10 Ein Projektablauf im Schnelldurchgang

4. Design-Techniken für das Web

• 4.1 Einleitung
• 4.2 Pixelgenaues Arbeiten
• 4.3 Kanten und Linien verstärken
• 4.4 Farbflächen aufwerten
• 4.5 Licht und Schatten hinzufügen
• 4.6 Rauschen kreativ einsetzen
• 4.7 Kreative Übergänge gestalten
• 4.8 Plastizität mit Photoshop und CSS3

5. Navigationselemente gestalten

• 5.1 Einleitung
• 5.2 Benutzerfreundliche Navigationsmenüs
• 5.3 Schaltflächen und Interaktion
• 5.4 Navigationsleisten gestalten
• 5.5 Registerkarten gestalten
• 5.6 Schaltflächen weich einblenden
• 5.7 Ebenenkompositionen erstellen
• 5.8 Elemente transformieren mit CSS3

6. Typografie für Websites

• 6.1 Einleitung
• 6.2 Typografie im modernen Web
• 6.3 Webfonts und Webfont-Icons
• 6.4 Plastische Texteffekte gestalten
• 6.5 Eine Retro-Schrift erstellen
• 6.6 Pfadtexte mit Photoshop
• 6.7 3D-Texte mit Photoshop Extended

7. Muster, Strukturen und Hintergründe

• 7.1 Einleitung
• 7.2 Muster und Strukturen im Webdesign
• 7.3 Muster in Photoshop erstellen
• 7.4 Einen Blaupausen-Hintergrund gestalten
• 7.5 Skriptbasierte Muster erzeugen mit Photoshop CS6
• 7.6 Hintergrundkacheln aus skriptbasierten Mustern
• 7.7 Endlosmuster aus Strukturen erstellen
• 7.8 Eigene Strukturen erzeugen
• 7.9 Eine Pinnwand gestalten
• 7.10 Oberflächenstrukturen übertragen

8. Icons und Schmuckelemente erzeugen

• 8.1 Einleitung
• 8.2 Realistische Schatten erzeugen
• 8.3 Transparenz in Photoshop und CSS3
• 8.4 Spiegelungen in Photoshop und CSS3
• 8.5 Pixelgenau ein Symbol erstellen
• 8.6 Ein Home-Symbol gestalten
• 8.7 Ein Award-Banner erstellen
• 8.8 Farbband und Badge gestalten
• 8.9 Notizzettel und umgeknickte Ecken
• 8.10 Animationen aus Einzelbildern
• 8.11 Schlüsselbild-Animationen als Video

9. Fotos optimal einsetzen

• 9.1 Einleitung00:20 Min.
• 9.2 Wo finde ich Fotos?
• 9.3 Das neue Freistellungswerkzeug
• 9.4 Bildformat und Bildrichtung
• 9.5 Skalieren und Inhalte bewahren
• 9.6 Inhaltsbasiertes Retuschieren
• 9.7 Inhaltsbasiertes Verschieben.
• 9.8 Die Unschärfe-Werkzeuge
• 9.9 Aktionen und Stapelverarbeitung nutzen

10. Responsive Webdesign

• 10.1 Einleitung
• 10.2 Wie funktioniert Responsive Webdesign?
• 10.3 Abspecken oder aufblasen?
• 10.4 Breakpoints gestalten
• 10.5 Flexible Grafiken erstellen
• 10.6 Mobile Websites mit CSS3 Media Queries
• 10.7 Grafiken für Retina-Displays

11. Ein Webdesign umsetzen mit HTML5 und CSS3

• 11.1 Einleitung
• 11.2 Layouts für die Web-Entwicklung vorbereiten
• 11.3 Prototypen mit dem Slice-Werkzeug erstellen
• 11.4 Grafiken in CSS-Sprites bündeln
• 11.5 Die Ausgabeformate
• 11.6 Daten komprimieren
• 11.7 Das Seitengerüst in HTML5 aufbauen
• 11.8 Die Layout-Grafiken einbinden
• 11.9 Der Feinschliff mit CSS3 und Media Queries

Offizielle Produkt-Website

• Webdesign mit Photoshop - Galileo Videotrainings

Jetzt bei Amazon bestellen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Bei Video2Brain ist mit "Moderne Websites mit Dreamweaver CS5.5, HTML5, CSS3 und jQuery" ein neues Video-Training mit Trainer und Webdesigner Anselm Hannemann erschienen. Bei derart vielen Buzzwords im Titel musste ich ja hellhörig werden, und so versteht es sich von selbst, dass ich mir das Training mal angeschaut habe.

Getestet in der iPad-Version

Noch eines vorweg: ich habe diese Rezension auf Basis der iPad-Version erstellt, da die DVD noch nicht im Handel erschienen ist. Der Download funktionierte problemlos und die Qualität der iPad-Videos ist einwandfrei. Auch die Integration in iTunes lief problemlos - alle Videos sind verständlich betitelt und haben eine Beschreibung und ein Cover. Das Training kategorisiert sich übrigens als Fernsehserie in iTunes - der Screenshot zeigt nur die iTunesU-Ansicht, da ich das Tutorial manuell verschoben habe.

Ein Training für Einsteiger

Das Video-Training richtet sich ganz klar an Einsteiger, die einen Einblick in die neuen Technologien gewinnen möchten. Dreamweaver sollte das Werkzeug der Wahl sein, denn in vielen Lektionen des Videos werden die Programmfunktionen und Vorlagen genutzt, um HTML5- bzw CSS3-Quellcode zu erzeugen.

Eine Einführung in Dreamweaver, HTML5 und CSS/CSS3

Zu Beginn des Video-Trainings geht Hannemann auf die verschiedenen Bedeutungen von HTML5, CSS3, Dreamweaver CS5.5 und jQuery sowie jQuery Mobile ein. Es wird erklärt, wo die Stärken und Schwächen der verschiedenen Website-Bestandteile liegen und was sich hinsichtlich der vorherigen Versionen geändert hat.

In den weiteren Kapiteln erklärt der Trainer dann die Arbeitsoberfläche und die Funktionsweisen von Dreamweaver CS5.5 und geht anschließend auf die Basics und Neuerungen von CSS3 und HTML5 ein.
So wird beschrieben, wie mit und ohne Dreamweaver-Vorlagen HTML5-Websites erstellt werden können, wie Media Queries, Formulare, Audio- und Video-Dateien eingesetzt werden können und wo die Neuerungen von Dreamweaver CS5.5 im Hinblick auf HTML5 liegen. Es werden sowohl die grundlegenden Funktionsweisen von CSS beschrieben als auch alle prominenten CSS3 spezifischen Funktionen detailliert behandelt. Anhand einzelner Lektionen und einer Beispiel-Website werden Text- und Box-Effekte, Transitions und Webfonts erläutert.

Responsive Webdesign und jQuery

Zu Beginn des letzten Drittels der DVD geht Hannemann auf das mobile - Responsive - Webdesign mit Media Queries ein. Es wird beschrieben, wie die Anpassung von Layout und Texten an die Displays von iPhone und iPad auszusehen hat, welche Aspekte man beim Design im Hinterkopf behalten sollte und wie ein mobiles Design technisch mit CSS3 umgesetzt wird.
Anschließend wird die Funktionsweise von jQuery behandelt. Nachdem die optimale Integration von JavaScript und die Basis-Funktionen von jQuery erläutert wurden, werden einige Praxisbeispiele gezeigt und erklärt. So lernt der Zuschauer wie eine Slideshow und eine Lightbox auf jQuery-Basis funktionieren und eingebaut werden können und wie jQuery mit Plugins erweitert werden kann.

Nach einigen sehr brauchbaren Tools rund um HTML5 und CSS3 schließt das Training mit einigen Lektionen zu jQuery Mobile ab. Mithilfe des in Dreamweaver integrierten Frameworks zeigt Hannemann wie eine mobile Website auf Basis von jQuery Mobile erstellt und individualisiert werden kann.

Fazit

Mir ist leider nicht ganz klar, für welche Zielgruppe das Video-Training konzipiert wurde. Der Großteil des Trainings behandelt die Basics der Web-Programmierung, in einigen Passagen wird dann allerdings unerwartet viel vorausgesetzt. So werden beispielsweise elementarste Grundlagen von CSS beschrieben, dann aber wiederum die Kenntnis über den Syntax eines HTML-Formulars vorausgesetzt um die neuen HTML5 Form-Attribute zu besprechen. Ähnliche "Sprünge" finden sich an diversen anderen Stellen.
Als Workshop-Website hätten mir unterschiedliche Beispiel besser gefallen. Nahezu alle Lektionen basieren auf ein und derselben Beispielseite.

Alles in allem weiss ich nicht genau, wem ich dieses Training empfehlen soll. Das Niveau richtet sich ganz klar an Einsteiger - ich halte es jedoch nicht für sinnvoll parallel mit CSS3, HTML5, mobilem Webdesign und jQuery in die Materie einzusteigen. Dafür setzt das Training dann auch nicht lückenlos genug bei den Basics an.
Für Fortgeschrittene User oder gar Profis ist das Niveau des Trainings dann allerdings zu gering. Eine Ausnahme bieten evtl. die Kapitel zu Media Queries und jQueryMobile.

Meine Schwierigkeiten mit diesem Training liegen in meinen Augen ganz klar in der Ausrichtung der DVD. Es sollten zu viele aktuelle Trend-Themen unter einen Hut gebracht werden, wie der Titel "Moderne Websites mit Dreamweaver CS5.5, HTML5, CSS3 und jQuery" ja bereits verdeutlicht.
Den größten Nutzen werden Benutzer haben, die über Grundkenntnisse in HTML sowie geringe CSS-Kenntnisse verfügen und sich einen Überblick über die modernen Techniken verschaffen möchten und Dreamweaver CS5.5 (!) als Editor nutzen.

• Moderne Websites mit Dreamweaver CS5.5, HTML5, CSS3 und jQuery

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Im Galileo-Verlag ist mit "Modernes Webdesign mit CSS" ein neuer, sehr vielversprechender Titel von Heiko Stiegert erschienen. Da das Buch das Themengebiet meines Blogs zu 100% abdeckt, versteht es sich von selbst, dass ich einen ausführlichen Blick hinein geworfen habe. Und es hat sich gelohnt.

Teil 1 - Die Grundlagen

Im erste Teil des Buches widmet sich Heiko Stiegert zunächst der Frage, welche Anforderungen modernes Webdesign erfüllen sollte und beschreibt anschließend die Grundlagen zum Verständnis von CSS. Es wird erklärt, welche verschiedenen Inhaltstypen (z.B Block- und Inline-Elemente) es gibt, wo die Unterschiede im Verhalten der Elemente liegen und wie Objekte innerhalb einer Website positioniert werden können. Auch die verschiedenen Layouttypen einer Website wie 'Fixed-, 'Fluid-' und 'Elastic-Layouts' werden in diesem Zusammenhang ausführlich beschrieben und anhand zahlreicher Beispiele verdeutlicht.

Bereits in diesem Teil des Buches finden sich erfreulich viele Insider- und Praxis-Tipps und werten die für fortgeschrittene Anwender häufig überflüssigen "Basis-Kapitel" enorm auf. So geht Heiko Stiegert beispielsweise auf die Namenskonventionen innerhalb von CSS-Dokumenten ein oder gibt Tipps und Hilfestellungen zum Umgang mit browserspezifischen CSS3-Präfixen. Selbst auf Internet Explorer typische Bugs (hasLayout & Co.) und die aus HTML5 Boilerplate bekannte Technik CSS-Klassen für die IEs per Conditional Comment zuzuweisen wird bereits in den Basics eingegangen. Um nur einige Beispiele zu nennen.
Den Abschluss des Grundlagen-Teils bilden Kapitel zur Performance-Verbesserung von Websites (CSS-Sprites, Code-Kompression, Smush.it etc.) und diverse Tipps und Tools zum Testen und Debuggen der Seite während der Entwicklungsphase.

Teil 2 - Seitenelemente

Im zweiten Teil des Buches geht es direkt mit purer Praxis los. Nachdem in den Grundlagen bereits alle relevante Techniken und Kniffe behandelt wurden, werden nun unterschiedlichste CSS3-Techniken an konkreten Praxisbeispielen gezeigt. Hierbei legt der Autor großen Wert darauf, die technischen Unterschiede hinsichtlich der verschiedenen Browser zu berücksichtigen. Das Beispiel einer Tab-Navigation wird daher sowohl mit CSS3 beschrieben; die Fallback-Lösung mittels 'Sliding-Doors' Technologie für ältere Browser wird aber gleich mitgeliefert.

Die Workshops in diesem Kapitel gefallen mir allesamt sehr gut, denn sie zeigen keine schon 1000 mal gesehenen Beispiele sondern interessante und anspruchsvolle CSS3-Techniken. Ob Tooltips, Font-Embedding mittels @font-face, Media Queries, CSS-Keyframe-Animationen, Formular-Design oder eine Lightbox ohne JavaScript - alle Beispiele sind absolut brauchbar und lassen sich mit Sicherheit auf ein zukünftiges Projekt adaptieren.

Teil 3 - Trends, Tipps, Tricks

Auch der dritte Teil des Buches besteht in erster Linie aus Praxis-Beispielen. Der Hauptunterschied zum zweiten Teil ist, dass diese Workshops aktuelle und beliebte Technik-Trends abbilden und komplexer, also auch umfangreicher sind.
Heiko Stiegert behandelt hier unter anderem den Parallax-Effekt, das Design von Blog-Kommentaren, Breadcrumb-Navigationen und die Erstellung eines mit CSS animierten Portfolios.

Teil 4 - Web 3.0

Web 3.0. Dieser Titel klingt durchaus vielversprechend. Im letzten Teil des Buches werden, wie zu erwarten, die fortgeschrittensten und technisch aufwändigsten Workshops behandelt.
Die ersten Beispiele zeigen High-Level CSS3-Styling mit Verläufen, Drehungen und Interaktion. Diese Beispiele sind durchaus sehenswert - gehören für mich thematisch jedoch eher noch in den dritten Teil des Buches.
Ganz anders sieht es dann mit den letzten Kapiteln aus: Responsive Webdesign mit Media Queries & Co, mobiles Webdesign und Mikroformate. Diese Themen dürfen in einem Buch über modernes Webdesign natürlich keinesfalls fehlen und werden auf 50 Seiten auch angemessen behandelt.

Das bereits bekannte Tab-Navigation-Beispiel wird mit Media Queries für mobile Endgeräte aufbereitet und die Darstellung des Inhalts sowie die Usability der Hauptnavigation den Touch-Screens entsprechend angepasst. Auch die Nachteile dieser Technik werden angesprochen.
Der Unterschied zwischen einer "normalen Website" und einer mobilen Seite bzw. einer Web-App wird zudem anhand eines in sich abgeschlossenen Workshops erklärt, an dessen Ende eine für iPhone & Co. optimierte Mini-Website steht.

Den Abschluss des Buches bilden einige Kapitel zum Thema "Semantisches Web". Hier werden Mikroformate wie hCard, hCalendar oder hReview beschrieben, mit denen bestimmte Inhalte einer Website für Suchmaschinen und andere Web-Dienste noch besser verständlich und nutzbarer gestaltet werden können.

Ein paar persönliche Worte

Ich muss zugeben, dass ich mich seit einigen Monaten auf das Erscheinen dieses Buches gefreut habe und mit entsprechend hohen Erwartungen an die Lektüre heran gegangen bin. Nicht, dass ich an Heikos Kompetenz zweifeln würde - vielmehr hatte ich Angst, dass ein Buch zu diesem Thema zu oberflächlich ausfallen könnte. Das ist immer sehr abhängig von der vom Verlag angestrebten Zielgruppe.
Ich will gar nicht lange schwafeln. Das Buch gefällt mir richtig gut und ich werde mir auf jeden Fall einige Kapitel noch einmal sehr ausführlich anschauen, denn viele Aspekte habe ich selbst so auch noch nicht gekannt oder eingesetzt.

Aufmachung und Verarbeitung des Buches sind erwartungsgemäß sehr wertig und hübsch anzusehen. Auch die Gestaltung der Beispiele gefällt mir sehr gut. Dem Buch liegt übrigens auch noch eine CD mit allen Beispiel-Dateien und einigen Probelektionen aus dem Video-Programm von Galileo Press bei. Diese habe ich mir allerdings bisher nicht angeschaut und kann daher keine Bewertung abgeben. Den positiven Gesamteindruck wird die CD aber wohl kaum negativ beeinflussen können.

Fazit

Heiko Stiegert hat mit "Modernes Webdesign mit CSS" einen rundum gelungenes Buch geschrieben. Vom engagierten Anfänger bis zum durchaus fortgeschrittenen Anwender wird hier sicher jeder fündig und kann die sehr praxisnahen Tipps direkt im nächsten Projekt einsetzen. Selbst die Grundlagen-Kapitel bieten viele hilfreiche Insider-Tipps und erhöhen so Mehrwert und Langzeit-Nutzen deutlich.

• Modernes Webdesign mit CSS auf Amazon.de
• Info-Seite des Autors im Webstandard-Blog

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Vergangene Woche hatte ich bereits ein erstes Foto bei Facebook und Google+ veröffentlicht, nun möchte ich auch hier ein paar Worte verlieren. Unser Buch "WordPress-Themes" ist in der 1. Auflage vergriffen und nun in einer überarbeiteten, 2. Auflage erhältlich.
Zum Start der neuen Auflage möchte ich hier gerne zwei Exemplare an Euch verlosen.

Achtung:
Das Gewinnspiel ist beendet.

So könnt ihr gewinnen

Um am Gewinnspiel teilzunehmen, müsst ihr lediglich einen Kommentar zu diesem Artikel verfassen. Am 29. Juli 2011 werde ich das Gewinnspiel beenden und die zwei Gewinner auslosen. Bitte achtet auch darauf, eine gültige E-Mail-Adresse anzugeben, damit ich euch im Falle eines Gewinns auch erreichen kann.

Viel Glück!

Bitte beachtet auch die Gewinnspiel-Bedingungen

Gewinnspiel beendet

Das Gewinnspiel ist beendet. Gewonnen haben Jürgen und Kathi.
Selbstverständlich sind beide Gewinner bereits per E-Mail über Ihren Gewinn informiert worden.

Ich danke allen Teilnehmern fürs mitmachen und kann versprechen, dass es in Kürze wieder ein Gewinnspiel geben wird. Stay tuned.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Thomas Bredenfeld beschreibt in seinem Praxisbuch Digitale Panoramafotografie aus dem Galileo-Verlag auf rund 350 Seiten systematisch alle wesentlichen Schritte, wie man heute eindrucksvolle Panoramen mit Hilfe der Digitaltechnik herstellen kann. Das Buch ist besonders für fortgeschrittene Fotoamateure interessant die qualitativ hochwertige Panoramen wollen und dafür auch bereit sind, entsprechend Zeit (und ggf. Geld) zu investieren und die aktuellen technischen Möglichkeiten auszureizen.

Einer kurzen Einführung (besonders erhellend: die verschiedenen Panoramatypen) folgen ausführliche und hilfreiche Empfehlungen zur jeweils benötigten Hardware; von der Selbstbau- bis zur Hightech-Lösung (Objektive, Stativköpfe etc.). Das Kapitel wird ergänzt durch grundlegende, praxisnahe Tipps zur Aufnahmetechnik.

Der Hauptteil des Buches widmet sich der eigentlichen Produktion der Panoramen: von der Sichtung, Bearbeitung und Verwaltung der Einzelbilder mit den gängigen Programmen (Schwerpunkt Lightroom, wobei auch andere Software nicht zu kurz kommt) über die Montage (Stitching) bis zur Ausgabe und Präsentation für Web oder Print behandelt Bredenfeld alle Aspekte des Workflows. Dem Stitching-Prozess widmet er dabei ganz besondere Aufmerksamkeit und geht dabei auch auf die jeweiligen Vor- und Nachteile der aktuell relevanten Programme ein.
Sehr hilfreich und interessant zu lesen sind die Praxis-Workshops, die exemplarische Lösungen für eine große Bandbreite der bei den unterschiedlichen Panoramatypen auftretenden Anforderungen aufzeigen und zusammen mit den guten Beispielfotos Lust aufs „Panoramafieren“ machen.
Wer kompetentes Expertenwissen über die aktuellen Möglichkeiten erhalten möchte, um professionelle Panoramen zu erhalten (und den erforderlichen Aufwand nicht scheut), liegt bei diesem Standardwerk richtig. Fürs „Panorama nebenbei“ bleibt ein Trost: Einige der schönsten Bildbeispiele wurden laut Bildunterschrift „einfach“ aus der Hand geschossen…

• Digitale Panoramafotografie

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Im Galileo Verlag ist mit „Follow Me – Erfolgreiches Social Media Marketing mit Facebook, Twitter und Co.“ ein weiteres Buch zum Thema Social Media Marketing erschienen. Das Autorenpaar Anne Grabs und Karim-Patrick Bannour erklärt auf knapp 450 Seiten wie erfolgreiche Kommunikation in Social Web auszusehen hat.
Ich habe das Buch gelesen und möchte Euch in diesem Artikel gerne meine Eindrücke dazu mitteilen.

Fachliteratur zum Thema Social Media Marketing gibt es ja mittlerweile wie Sand am Meer und aufgrund der hohen Entwicklungsgeschwindigkeit in dieser Branche sehe ich bei einem Buch zu diesem Thema immer die Gefahr, dass Inhalte sehr schnell veraltet sind.
Ich selbst nutze daher in erster Linie Blogs um mich zu diesem Thema auf dem Laufenden zu halten. Soviel erst einmal zu meinen persönlichen Vorlieben. Ob meine Bedenken bei diesem Buch berechtigt sind, dazu komme ich später noch einmal.

Zum Inhalt

„Follow Me“ beginnt mit den Grundlagen der Thematik und klärt zunächst über die zur Verfügung stehenden Tools, geeignete Arten der Kommunikation und mögliche Social Media Strategien auf. Anschließend werden verschiedene Wege zur Auswertung und Beobachtung von Social Media Aktivitäten vorgestellt.

Im mittleren Teil des Buches werden die vielen verschieden Social-Media-Kanäle behandelt. Angefangen bei Blogs und Blog-Plattformen über Twitter, Facebook, Studi VZ und Xing bis hin zu LinkedIn und Last FM werden alle relevanten Dienste beschrieben. Abhängig vom Stellenwert der Plattform wird vom Registrierungsprozess bis zum ersten Beitrag recht ausführlich auf die zur Verfügung stehenden Optionen und Kommunikationsmöglichkeiten eingegangen. Darüber hinaus widmen sich die Autoren auch den diversen Foto- und Video-Plattformen sowie den Social Bookmarking Diensten und den Bewertungsportalen.

Im letzten Teil des Buches werden dann die Themen Social eCommerce und das mobile Social Web behandelt. Auch hier werden unzählige bekannte Themen aufgegriffen und knapp aber verständlich erklärt. Den Abschluss des ca. 440 Seiten umfassenden Buches bilden die Themen Crowdsourcing und Foren.

Meine Einschätzung

„Follow Me richtet sich meiner Meinung nach in erster Linie an Einsteiger und eventuell auch noch an Fortgeschrittene. Es werden alle relevanten und wichtigen Themenbereiche rund um Social Media Marketing angesprochen, so dass man sich schnell einen umfassenden Überblick über all die Tools, Dienste und Buzzwords verschaffen kann. Eine selbstständige Recherche dieser Informationen dürfte sehr lange dauern und wäre dennoch sicherlich nicht so lückenlos. Ich persönlich werde das Buch mit Sicherheit das ein oder andere mal als Nachschlagewerk zur Rate ziehen – insbesondere dann, wenn es darum geht bestimmte Aspekte oder Strategien, verständlich und überzeugend, gegenüber Kunden zu argumentieren oder zu erklären.

Als sehr erfrischend und kurzweilig empfand ich den Schreibstil. Das Buch liest sich an vielen Stellen wie ein Blog und ist gespickt mit modernen und szenetypischen Anglizismen und Formulierungen. Ein User wird beispielsweise auch als solcher bezeichnet und nicht wie so häufig stur eingedeutscht. So sollte es meiner Meinung nach bei einem Buch zu diesem Thema auch sein.
Ebenfalls sehr gut gefallen haben mir die Fallbeispiele bekannter Unternehmen, sowie die vielen wichtigen Tipps zum Umgang mit Kritik im Social Web.

Was mir nicht gefallen hat ist die Länge des Buches. Meiner Ansicht nach gibt es einige Stellen wo man es hätte kürzen können. Auch wenn ich aus eigener Erfahrung weiß, dass ein Buch ein Thema möglichst vollständig behandeln sollte, so brauche ich nun wirklich keine Anleitung zum Registrieren eines Twitter-Profils. Ich hätte mir anstelle solcher Passagen lieber einige technische Lösungsansätze gewünscht. An vielen Stellen geht mir „Follow Me" nicht genug in die Tiefe.

Fazit

Wenn Ihr an technischen Lösungen wie beispielsweise der Programmierung von iFrame-Tabs in Facebook oder der Integration des Twitter-RSS in Euer WordPress-Blog interessiert seid, so ist dieses Buch wahrscheinlich nichts für Euch. Zu Beginn dieser Rezension hatte ich auch Bedenken geäußert, dass ein Buch zum Thema Social Media schnell veraltet sein könnte. Natürlich veraltet jedes Fachbuch irgendwann - bei "Follow Me" halte ich dieses Risiko jedoch für verhältnismäßig gering, denn es sind üblicherweise die technischen Details die sich regelmäßig ändern.

Wenn Ihr in der PR- oder Marketing-Abteilung einer Firma arbeitet und wissen wollt wie ihr eure Fans und Follower so ansprecht, dass ein Beitrag möglichst oft weiterempfohlen wird, oder euch fragt warum euer Unternehmen sich zielstrebig auf einen erneuten Shitstorm zubewegt, dann kann ich dieses Buch ruhigen Gewissens empfehlen.
Auch wenn Ihr ein Nachschlagewerk zum Thema sucht oder euch einfach nur umfassend über das aktuelle Social Web informieren möchtet ist dieses Buch mit Sicherheit seinen Preis wert.

Meine Wertung: 4/5

• "Follow Me" bei Amazon
• "Follow Me" bei Galileo Press

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mit großer Freude darf ich Euch mitteilen, dass seit heute mein Video-Training "Webdesign mit Photoshop - Webseiten konzipieren, gestalten und umsetzen" im Handel ist. Die von Galileo Press vertriebene DVD hat eine Gesamtspielzeit von ca. 9 Stunden und umfasst 88 Lektionen.

Wenn Ihr Interesse an einigen Hintergrundinfos zur Erstellung der DVD habt, dann lege ich Euch hier noch einmal meine entsprechende Fotogalerie auf Facebook ans Herz.
Galileo selbst schreibt zum Inhalt folgendes:

Sie wollen anspruchsvolle, moderne Webdesigns mit Adobe Photoshop gestalten? In diesem Video-Training zeigt Ihnen Webdesign-Experte Jonas Hellwig, wie Sie Photoshop CS5 als Webdesigner effizient einsetzen. Erleben Sie den Profi bei der Arbeit und lassen Sie sich inspirieren für zeitlose, spannende Webdesigns. Gestalten Sie Icons, Seitenhintergründe und übersichtliche Navigationen. Lernen Sie, worauf es bei der Gestaltung im Web ankommt, und profitieren Sie von zahlreichen Tipps zur CSS-Umsetzung. Ein kurzweiliger Lernkurs für alle, die mit Ihren Webseiten im World Wide Web auffallen wollen. Inkl. Adobe Photoshop CS5 als Testversion auf der DVD.

Für die ganz Eiligen unter Euch; hier könnt Ihr die DVD übrigens bestellen.

Bei Amazon bestellen

Video-Trailer

Hier könnt Ihr Euch auch direkt ein paar Beispiellektionen und den Trailer anschauen. Die Videos sowie die Beschreibungstexte stammen alle von galileo-videotrainings.de.

Holzstrukturen nachbauen

Mit Holzstrukturen können Sie Ihre Webseiten veredeln. Dabei sind solche Strukturen mit wenigen Handgriffen selber erstellt. Jonas Hellwig zeigt, wie Sie nur mit Photoshop einen realistischen Holz-Parkettboden erstellen.

Die Pinsel-Werkzeuge vorbereiten

Für Webdesigner ist gerade die Arbeit mit den Pinsel-Werkzeugen unerlässlich. In diesem Video erfahren Sie vom Profi, wie Sie den Pinsel optimal einstellen, eine eigene Pinselspitze entwerfen und auf diese Weise die Grundlage für ein eigenes Hintergrundbild gestalten.

Letterpress-Texte erstellen mit Photoshop und CSS

Der Letterpress-Effekt stellt Texte so dar, als wären Sie in den Hintergrund eingedruckt. In diesem Video lernen Sie nicht nur, wie Sie diesen beliebten Effekt mit Photoshop nachbauen, sondern auch, wie Sie ihn mit CSS realisieren können.

Metallstrukturen erzeugen

Ein sehr beliebtes Gestaltungsmittel für moderne Webseiten sind so genannte Brushed-Metal-Oberflächen, wie man Sie von Apple kennt. Dieses Video zeigt, wie Sie selber solche Strukturen erstellen. Eine Dodge-and-Burn-Ebene sorgt dabei für den plastischen Effekt.

CSS-Sprites mit Ebenen-Kompositionen

Mit CSS-Sprites können Sie schnell Hover-Effekte erzeugen, für die Sie nur eine Grafik benötigen. In diesem Video lernen Sie, wie Sie diesen Effekt mit Ebenen-Kompositionen in Photoshop vorbereiten und dann in CSS umsetzen.

Vollständiges Inhaltsverzeichnis

Damit Ihr einen genauen Überblick habt welche Themen die DVD behandelt, hier einmal das vollständige Inhaltsverzeichnis.

• 1. Photoshop richtig vorbereiten - Spielzeit: 00:54 Std.
  • 1.1 Einleitung - Spielzeit: 00:27 Min.
  • 1.2 Arbeitsbereiche in Photoshop einrichten - Spielzeit: 06:31 Min.
  • 1.3 Wichtige Bedienfelder für Webdesigner - Spielzeit: 07:25 Min.
  • 1.4 Lineale und Raster optimal einrichten - Spielzeit: 03:44 Min.
  • 1.5 Die Pinsel-Werkzeuge vorbereiten - Spielzeit: 07:33 Min.
  • 1.6 Photoshop-Ebenen sinnvoll nutzen - Spielzeit: 08:51 Min.
  • 1.7 Smartfilter und Smart-Objekte einsetzen - Spielzeit: 04:17 Min.
  • 1.8 Wichtige Photoshop-Werkzeuge für Webdesigner - Spielzeit: 06:19 Min.
  • 1.9 Ein Configurator-Bedienfeld erstellen - Spielzeit: 09:34 Min.
• 2. Grundlagen des Webdesigns - Spielzeit: 00:49 Std.
  • 2.1 Einleitung - Spielzeit: 00:27 Min.
  • 2.2 Bestandteile moderner Webseiten - Spielzeit: 03:46 Min.
  • 2.3 Die Gestaltgesetze im Überblick - Spielzeit: 05:09 Min.
  • 2.4 Eine kleine Farbenlehre für Webdesigner - Spielzeit: 08:46 Min.
  • 2.5 Webseiten richtig strukturieren - Spielzeit: 07:23 Min.
  • 2.6 Mit Gestaltungsrastern arbeiten - Spielzeit: 06:24 Min.
  • 2.7 Eigene Gestaltungsraster erstellen - Spielzeit: 10:58 Min.
  • 2.8 Design-Trends unter der Lupe - Spielzeit: 06:21 Min.
• 3. Webseiten konzipieren und planen - Spielzeit: 00:40 Std.
  • 3.1 Einleitung - Spielzeit: 00:29 Min.
  • 3.2 Die Zielgruppe eingrenzen - Spielzeit: 03:28 Min.
  • 3.3 Das GIULIA-Prinzip - Spielzeit: 04:16 Min.
  • 3.4 Viewport und Auflösung - Spielzeit: 07:49 Min.
  • 3.5 Navigationskonzepte - Spielzeit: 11:50 Min.
  • 3.6 Webprojekte skizzieren - Spielzeit: 06:30 Min.
  • 3.7 Ein Farbschema erstellen - Spielzeit: 06:31 Min.
• 4. Weblayouts entwerfen und umsetzen - Spielzeit: 00:30 Std.
  • 4.1 Einleitung - Spielzeit: 00:35 Min.
  • 4.2 Das Briefing auswerten - Spielzeit: 04:31 Min.
  • 4.3 Material und Content richtig vorbereiten - Spielzeit: 05:31 Min.
  • 4.4 Die Seitenstruktur planen - Spielzeit: 07:57 Min.
  • 4.5 Das Seiten-Mockup erstellen - Spielzeit: 05:54 Min.
  • 4.6 Das Screendesign umsetzen - Spielzeit: 06:08 Min.
• 5. Muster, Strukturen und Hintergründe - Spielzeit: 01:18 Std.
  • 5.1 Einleitung - Spielzeit: 00:29 Min.
  • 5.2 Layouts mit Linien aufwerten - Spielzeit: 09:58 Min.
  • 5.3 Ansprechende Farbflächen gestalten - Spielzeit: 10:04 Min.
  • 5.4 Metallstrukturen erzeugen - Spielzeit: 05:45 Min.
  • 5.5 Lederstrukturen erstellen - Spielzeit: 06:06 Min.
  • 5.6 Holzstrukturen nachbauen - Spielzeit: 13:42 Min.
  • 5.7 Muster entwerfen und gestalten - Spielzeit: 13:26 Min.
  • 5.8 Bokeh-Hintergründe entwerfen - Spielzeit: 06:59 Min.
  • 5.9 Flexible Vollbildansicht mit CSS - Spielzeit: 03:44 Min.
  • 5.10 Strukturen in Muster umwandeln - Spielzeit: 04:21 Min.
  • 5.11 Oberflächenstrukturen übertragen - Spielzeit: 03:45 Min.
• 6. Webtexte optimal gestalten - Spielzeit: 00:39 Std.
  • 6.1 Einleitung - Spielzeit: 00:22 Min.
  • 6.2 Typografie im modernen Web - Spielzeit: 05:55 Min.
  • 6.3 Web-Schriften einsetzen - Spielzeit: 05:14 Min.
  • 6.4 Einen Pfadtext gestalten - Spielzeit: 03:23 Min.
  • 6.5 Eigene Textstile entwickeln - Spielzeit: 04:24 Min.
  • 6.6 Letterpress-Texte erstellen mit Photoshop und CSS - Spielzeit: 06:09 Min.
  • 6.7 Gläserne Schrift erzeugen - Spielzeit: 05:40 Min.
  • 6.8 3D-Texte mit Repoussé - Spielzeit: 08:35 Min.
• 7. Navigationsmenüs entwerfen - Spielzeit: 00:56 Std.
  • 7.1 Einleitung - Spielzeit: 00:22 Min.
  • 7.2 Eigene Schaltflächen entwerfen - Spielzeit: 12:51 Min.
  • 7.3 Verläufe auf Schaltflächen anwenden - Spielzeit: 07:38 Min.
  • 7.4 CSS-Sprites mit Ebenen-Kompositionen - Spielzeit: 12:43 Min.
  • 7.5 CSS-Transitionen für Schaltflächen - Spielzeit: 04:29 Min.
  • 7.6 Transformationen mit CSS3 - Spielzeit: 03:56 Min.
  • 7.7 Eine Navigationsleiste erstellen - Spielzeit: 14:07 Min.
• 8. Icons und Symbole erstellen - Spielzeit: 01:09 Std.
  • 8.1 Einleitung - Spielzeit: 00:29 Min.
  • 8.2 Transparenz erzeugen - Spielzeit: 09:54 Min.
  • 8.3 Spiegeleffekte einsetzen - Spielzeit: 09:17 Min.
  • 8.4 Objektschatten hinzufügen - Spielzeit: 04:49 Min.
  • 8.5 Buntstift-Symbol entwerfen - Spielzeit: 12:51 Min.
  • 8.6 Eine Plakette erzeugen - Spielzeit: 06:40 Min.
  • 8.7 Eine Zierschleife erstellen - Spielzeit: 03:38 Min.
  • 8.8 Ein Bookmark-Label entwerfen - Spielzeit: 05:32 Min.
  • 8.9 Favicons und Touch-Icons - Spielzeit: 05:42 Min.
  • 8.10 Individuelle Icons entwerfen - Spielzeit: 10:45 Min.
• 9. Fotos für das Web aufbereiten - Spielzeit: 00:49 Std.
  • 9.1 Einleitung - Spielzeit: 00:19 Min.
  • 9.2 Die richtigen Bildquellen wählen - Spielzeit: 07:01 Min.
  • 9.3 Bildformat und Bildrichtung - Spielzeit: 06:19 Min.
  • 9.4 Skalieren und Inhalte bewahren - Spielzeit: 06:06 Min.
  • 9.5 Inhaltssensitive Retusche - Spielzeit: 06:24 Min.
  • 9.6 Den Horizont ausrichten - Spielzeit: 02:49 Min.
  • 9.7 Der Goldene Schnitt - Spielzeit: 05:37 Min.
  • 9.8 Der Out-of-Bounds-Effekt - Spielzeit: 03:25 Min.
  • 9.9 Fotoecken simulieren - Spielzeit: 04:57 Min.
  • 9.10 Aktionen & Stapelverarbeitung - Spielzeit: 06:06 Min.
• 10. Webgrafiken richtig ausgeben - Spielzeit: 00:43 Std.
  • 10.1 Einleitung - Spielzeit: 00:19 Min.
  • 10.2 Slices erstellen - Spielzeit: 17:06 Min.
  • 10.3 Die Ausgabeformate - Spielzeit: 08:14 Min.
  • 10.4 Daten komprimieren - Spielzeit: 06:50 Min.
  • 10.5 GIF-Animationen erstellen - Spielzeit: 06:22 Min.
  • 10.6 Zoomify einsetzen - Spielzeit: 04:15 Min.
• 11. CSS-Tricks für Webdesigner - Spielzeit: 00:34 Std.
  • 11.1 Einleitung - Spielzeit: 00:19 Min.
  • 11.2 Nützliche Browser-Plug-ins - Spielzeit: 07:40 Min.
  • 11.3 Mit Webstandards gestalten - Spielzeit: 06:28 Min.
  • 11.4 Semantischen Code erzeugen - Spielzeit: 04:08 Min.
  • 11.5 Flexible Raster mit CSS Media Queries - Spielzeit: 11:00 Min.
  • 11.6 Masken in CSS3 verwenden - Spielzeit: 04:46 Min.

Und sonst so?

Solltet Ihr Fragen oder Anregungen zur DVD haben so nutzt doch einfach die Kommentarfunktion oder schickt mir eine E-Mail. Ihr könnt mich natürlich auch über Facebook und Twitter kontaktieren. Ich helfe Euch gerne weiter!

Wenn Ihr die DVD bestellen möchtet, so nutzt doch gerne folgenden Amazon-Partnerlink. Danke und viel Spaß!

Bei Amazon bestellen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wie angekündigt verlose ich ein Exemplar unseres Buches "WordPress-Themes - Design und Implementierung für WordPress 3". Die Teilnahmeregeln sind wie immer ebenso einfach wie vielfältig; mitmachen könnt Ihr sowohl hier im Blog, als auch über meine Facebook Fan-Page und Twitter. Das Ergebnis der Verlosung lade ich im Anschluss als Video hoch.
Was genau Ihr machen müsst um ein gratis Exemplar abzugreifen erfahrt Ihr hier.

Da ich keine Zeit, bzw. Lust habe alle unterschiedlichen Kommunikationskanäle auseinander zu filtern könnt Ihr natürlich auch gerne über mehrere Portale am Gewinnspiel teilnehmen. ;)

Mitmachen im Blog

Um über dieses Blog am Gewinnspiel teilzunehmen habt Ihr zwei Möglichkeiten.

1. Ihr verfasst einen Kommentar zu diesem Post und verlinkt auf einen hilfreichen Artikel zum Thema WordPress. So haben auch spätere Besucher dieser Seite noch einen Mehrwert und können sich über WordPress informieren.
2. Ihr schreibt einen eigenen (kurzen) Blog-Post und verlinkt auf diese Seite. Achtet darauf, dass Trackbacks/Pings gesetzt werden damit ich über Euren Artikel informiert werde!

Mitmachen über Facebook

Ihr könnt auch über meine Facebook Fan-Page am Gewinnspiel teilnehmen. Um über Facebook mitzumachen müsst Ihr zunächst einmal Fan meiner Fan-Page werden. Anschließend postet Ihr einen Statusbericht ähnlich wie "Ich möchte am Gewinnspiel teilnehmen" auf die Pinnwand meiner Fan-Page.

Hier geht's zur Fan-Page

Mitmachen über Twitter

Um über Twitter an der Verlosung teilzuhaben Twittert einfach diesen Artikel (bzw. Retweeted meinen Tweet) und benutzt den Hashtag #wp3kb damit ich Euch auch im Livestream finde und mit in die Lostrommel werfen kann.

Noch Fragen?

Ihr habt Fragen zum Gewinnspiel oder eine bessere Idee zur Teilnahme? Dann los! Ansonsten freue ich mich über Eure Teilnahme und drücke natürlich die Daumen! Das Gewinnspiel läuft bis zum 23. September 2010.

Viel Glück!

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Seit einigen Tagen ist es soweit - mein neues Buch "WordPress-Themes: Design und Implementierung für WordPress 3" ist erschienen! Wer Fan meiner Facebook-Seite ist hat diese Information bereits vor einiger Zeit erhalten, nun ist es an der Zeit auch hier ein paar Worte zum neuen Projekt zu verlieren.

Im Gegensatz zu meinem letzten Buch (Photoshop für Webdesigner) habe ich das Buch diesmal nicht alleine sondern zusammen mit einem guten Freund und Kollegen Christian geschrieben. Unsere unterschiedlichen Arbeitsschwerpunkte und Interessen ergänzen sich für das Projekt optimal. Doch nun will ich Euch auch nicht länger auf die Folter spannen und erläutern welche Themen wir im Buch behandeln.

WordPress-Praxis direkt aus dem täglichen Workflow

Besonders wichtig war es uns das Buch sehr praxisbezogen zu gestalten. Zwar gibt zu jedem Thema notwendige Theorie, doch haben wir diese auf das mögliche Minimum reduziert und konzentrieren uns darauf WordPress so beschreiben, dass es direkt im täglichen Workflow effektiv eingesetzt werden kann.

Das Buch umfasst 384 Seiten und ist für 30,- Euro (UVP) erhältlich. Wenn Ihr es kaufen möchtet, so nutzt doch folgenden Amazon-Partnerlink ;)

WordPress-Themes - Design und Implementierung für WordPress 3

Um das Buch zusätzlich zu bewerben und evtl. über zukünftige WordPress-Updates zu informieren habe ich parallel eine Microsite geschaltet.

Microsite zum Buch

Vorwort

WordPress ist eines der meistverwendeten und beliebtesten Content-Management-Syste- me der Welt. Die riesige und sehr aktive Community entwickelt WordPress ununterbrochen weiter, sodass die Software zu jeder Zeit den aktuellen technischen und gestalterischen Ansprüchen gerecht wird. Und selbst wenn das System einmal an seine Grenzen stößt, können Sie WordPress mit Plugins, Widgets und Hacks Ihren Ansprüchen entsprechend erweitern. Und das Allerbeste? WordPress ist kostenlos und Open Source. Für Sie als Webdesigner mit Grundkenntnissen in HTML und CSS sind das natürlich ideale Vor- raussetzungen, um WordPress für Ihre zukünftigen Projekte einzusetzen und Ihr Portfolio entsprechend zu erweitern.

In diesem Buch lernen Sie, wie WordPress funktioniert und wie Sie das System individualisieren können. Nach einem Crashkurs zum Thema Design, HTML, HTML 5, CSS, CSS 3, MySQL und PHP lernen Sie, wie WordPress-Themes aufgebaut sind und was Sie bei der Erstellung eigener Themes beachten müssen. Auch elementare Grundlagen wie die Installation, das Backend, der Einsatz lokaler Serverumgebungen und Datenbankumzüge kommen nicht zu kurz und runden Ihr WordPress-Wissen ab – immer aufgelockert durch sinnvolle Praxistipps, die Sie direkt in Ihren Projekten einsetzen können.

Haben Sie den grundlegenden WordPress-Workflow verinnerlicht, geht’s ans Eingemachte. Zwei detaillierte und sich im Schwierigkeitsgrad deutlich unterscheidende WordPress-Theme-Pro- jekte werden von der ersten Zeile Code bis zur voll funktionsfähigen WordPress-Version Schritt für Schritt umgesetzt. Das erste Projekt wird zusätzlich auch in HTML 5 und CSS 3 erklärt, damit Sie auch für die Zukunft bestens gewappnet sind. Im letzten Abschnitt des Buchs lernen Sie praktische Plugins, Tipps, Tricks und Hacks kennen, die Ihnen die Arbeit mit WordPress erleichtern und Ihnen sicher den einen oder anderen Denkanstoß für zukünftige Blogs bescheren.

Um WordPress erfolgreich zu betreiben, sind kaum Vorkenntnisse im Bereich Webdesign nötig – doch wer über dieses Wissen verfügt, hat die Möglichkeit, seinen WordPress-Blog über das gewöhnliche Maß hinaus anzupassen, individuell zu gestalten und somit eine einzigartige und erfolgreiche Website zu erstellen.

Inhaltsverzeichnis

Damit Ihr wisst welche Themen wir behandeln folgt hier das grobe Inhaltsverzeichnis.

• Webdesign mit WordPress
  • WordPress-Community
  • Webdesign-Basics
  • Farben und Helligkeit
  • Aufbau einer Website
  • Vorgegebene Größen
  • Webdesignkonventionen
  • Typografie im Web
  • Aktuelle Designtrends
  • Webdesign-Basics für Blogs
  • Themen
  • Kategorien und Tags
  • User-Kommentare
  • Autorenprofile
  • Archiv
• Coding für Fortgeschrittene
  • Existenzielle Firefox-Extensions
  • Internet Explorer 6 bis 9
  • Crashkurs: XHTML
  • XHTML-Syntax
  • Verschachtelte Elemente
  • Attribute
  • XFN-Microformat
  • Korrekter Code
  • Korrekter Seitenaufbau
  • Crashkurs: HTML 5
  • Was ist neu in HTML 5?
  • HTML-5-Elemente und Attribute
  • HTML 5 in der Praxis
  • XHTML-Code zukunftsorientiert gestalten
  • Bisheriges XHTML-1.0-Markup
  • HTML-5-orientiertes XHTML-1.0-Markup
  • HTML-5-Markup
  • HTML 5 und XHTML kombinieren
  • Nachteile von HTML5
  • Crashkurs: CSS 2.1
  • CSS einbinden
  • CSS-Syntax
  • Crashkurs: CSS 3
  • Was ist neu in CSS 3?
  • Rendering-Engine ansprechen
  • CSS-3-Entwicklungsmodule
• PHP und MySQL-Datenbank
  • PHP-Basics für WordPress
  • PHP-Code kennzeichnen
  • Ausgabe auf dem Bildschirm
  • Variablen: flüchtige Datenspeicher
  • Rechnen mit PHP
  • Kombinierte Ausgabe
  • Kommentare
  • Bedingungen
  • Vergleichsoperatoren
  • While-Schleife
  • Funktionen
  • Short-Open-Tag
  • Daten speichern in WordPress
  • Aufbau der MySQL-Datenbank
  • Grundlegende Tabellen
• WordPress richtig installieren
  • Bloggen auf WordPress.com
  • Download von WordPress 3
  • WordPress auf dem Webserver
  • WordPress in lokaler Testumgebung
  • MAMP für Mac OS X einrichten
  • XAMPP für Windows einrichten
  • MySQL-Datenbank einrichten
  • WordPress auf dem Server starten
  • Bearbeiten der Konfigurationsdatei
  • Konfigurationsdatei automatisch erzeugen
  • Erste Anmeldung im Backend
  • WordPress im Unterordner betreiben
• Login im WordPress-Backend
  • Das erste Login
  • Im Dashboard
  • Auf einen Blick
  • Letzte Kommentare
  • Eingehende Links
  • Plugins
  • QuickPress
  • Aktuelle Entwürfe
  • WordPress-Blog und -News
  • Aktualisierungen
  • Artikel
  • Erstellen
  • Kategorien
  • Schlagwörter
  • Mediathek
  • Links
  • Bisher angelegte Links
  • Link hinzufügen
  • Kategorien
  • Seiten
  • Angelegte Seiten
  • Erstellen
  • Kommentare
  • Design
  • Themes
  • Widgets
  • Menüs
  • Hintergrund
  • Kopfzeile
  • Editor
  • Plugins
  • Verwalten
  • Installieren
  • Editor
  • Benutzer
  • Benutzerrollen
  • Hinzufügen
  • Dein Profil
  • Werkzeuge
  • Press This
  • Konverter
  • Turbo
  • Daten importieren
  • Daten exportieren
  • Einstellungen
  • Allgemein
  • Schreiben
  • Lesen
  • Diskussion
  • Mediathek
  • Privatsphäre
  • Permalinks
  • Verschiedenes
• WordPress-Theme-Architektur
  • WordPress-Ordnerstruktur
  • Hauptordner (root)
  • wp-admin
  • wp-content
  • Aufbau eines Themes
  • Templates
  • CSS-Architektur
  • Theme-Screenshot
  • Template-Tags
  • Funktionen
  • Der Loop
  • API-Hooks
  • Widgetized Sidebars
  • RSS
  • Artikelbild
  • Hintergrund
  • Kopfzeile
  • Autorenseite
  • Persönliche Autorenseite
  • Menüs
  • Custom Post Type
  • Standard-Theme Twenty Ten
  • Template-Struktur
• Plugins und Widgets
  • Plugins installieren und aktivieren
  • Wie funktionieren Plugins?
  • Eigene Plugins erstellen
  • Plugins für Einsteiger
  • Plugins für Fortgeschrittene
  • Widgets: nützliche Zusatzinfos
  • Ausgabe herstellen
  • Eingabetext aus dem Backend speichern
  • Frontend-Modul anpassen
• WordPress-Themes entwickeln
  • WordPress-Theme 1
  • XHTML
  • CSS
  • CSS-Sprite
  • CSS strukturieren und validieren
  • WordPress-Testumgebung
  • HTML 5 und CSS 3
  • CSS-3-Aufbau
  • Finishing
  • DasWordPress-Theme2
  • XHTML
  • CSS
  • Integration in ein WordPress-Theme
  • Header
  • index.php
  • Header-Loop
  • Testen des neuen Themes
  • Advanced Header
  • Inhalte
• Code-Snippets, Tipps & Hacks
  • Short URL anzeigen
  • TinyURL anzeigen
  • Shortcode
  • Wiederkehrende Kommentatoren begrüßen
  • Erstellungs- und Bearbeitungsdatum von Artikeln
  • Geplante Artikel anzeigen
  • Artikel in Zufallsreihenfolge anzeigen
  • Meist kommentierte Artikel anzeigen
  • WordPress-Editor mit vordefiniertem Inhalt füllen
  • Neue Posts hervorheben
  • Individuelles -Tag
  • -Tag springt zum Artikelanfang
  • Übergeordnete Seite auslesen
  • Breadcrumb-Navigation
  • Browser des Blog-Besuchers identifizieren
  • Facebook-Buttoneinbinden
  • Länge des Auszugs anpassen
  • Individuellen Inhalt nach jedem Beitrag einfügen
  • Kommentare und Trackbacks trennen
  • Alle Artikel, Seiten, Kommentare und mehr anzeigen
  • Summe bestimmter Beitragstypen anzeigen
  • Summe aller statischen Seiten anzeigen
  • Summe aller Kommentare anzeigen
  • Summe aller Kategorien anzeigen
  • Summe aller Schlagwörter anzeigen

WordPress-Themes - Design und Implementierung für WordPress 3

Microsite zum Buch

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mein Urlaub ist nun leider endgültig vorbei - höchste Zeit die Gewinner des Gewinnspiels zu ermitteln. Doch vorher möchte ich mich noch für die vielen netten und überaus kreativen Kommentare bedanken die mich dazu veranlasst haben nicht nur ein Exemplar sondern ganze drei Bücher in die Lostrommel zu werfen!

Und jetzt will ich Euch auch gar nicht länger auf die Folter spannen ...

And the winner is:

Auch an dieser Stelle noch einmal "herzlichen Glückwunsch" und viel Freude mit meinem Buch! Gewonnen haben:

• U. mit der Kommentarnummer #24
• Achim mit der Kommentarnummer #50
• Moritz mit der Kommentarnummer #3

Die drei Gewinner sind selbstverständlich bereits per E-Mail informiert worden.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Meine Sachen sind weitestgehend gepackt, der Wetterbericht für Kroatien verspricht 35° und Sonne pur: Heute Nacht starte ich für zweieinhalb Wochen in meinen herbeigesehnten Strand- und Tauchurlaub!
Weil Urlaub in jedem Fall auch Erholung bedeuten soll bleiben Notebook und Handy in dieser Zeit ausgeschaltet und auch um Internetcafés werde ich einen weiten Bogen machen.
Kommentare, E-Mails, Kontaktanfragen etc. werden erst nach dem Urlaub bearbeitet. Doch keine Angst, ich habe noch eine Entschädigung im Ärmel...

Wie versprochen verlose ich ein Exemplar meines Buches Photoshop CS4 für Webdesigner. Was Ihr dafür tun müsst? Kommentiert diesen Beitrag und schreibt mir warum gerade Ihr das Buch gewinnen wollt. Das war's auch schon. Unter allen eingegangenen Kommentaren verlose ich nach meinem Urlaub mindestens ein Exemplar des Buches.

Selbstverständlich freue ich mich auch ganz besonders über Trackbacks, Pings, Retweets etc. Wer noch einmal nachlesen will was es denn überhaupt zu gewinnen gibt kann sich meine bisherigen Artikel zum Buch noch einmal in Ruhe zu Gemüte führen:

• Photoshop CS4 für Webdesigner: Virtueller Blick ins Buch
• Photoshop CS4 für Webdesigner

In diesem Sinne verabschiede ich mich bis Mitte August und drücke Euch allen die Daumen beim Gewinnspiel!

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Auf der Website des Franzis-Verlags sowie auf imbuch.de, dem Blog meines Lektors, stehen nun einige Bilder aus dem Buch zur Verfügung.
Wer also gerne mal einen virtuellen Blick hinein werfen möchte kann dies jetzt tun. Selbstverständlich hab ich auch hier nochmal einige Shots hochgeladen die als Galerie hier rechts bewundert werden können. Insgesamt stehen aktuell 23 Seiten zur Voransicht bereit.
An dieser Stelle bedanke ich mich noch einmal bei allen für Ihre netten Kommentare, Glückwünsche, E-Mails, Tweets und IMs!!

Das gesamte Inhaltsverzeichnis findet Ihr hier, solltet Ihr es nicht bereits kennen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Bisher war in diesem Blog über mein neustes Projekt nichts zu lesen. Lediglich auf Twitter konnte man den ein oder anderen Hinweis erhaschen. Nun darf ich mit Stolz und Freude ankündigen, dass mein Buch "Photoshop CS4 für Webdesigner" ab heute im Handel und bei Amazon erhältlich ist!
"Photoshop CS4 für Webdesigner" behandelt alle Themen rund um die Planung, Gestaltung und Umsetzung von modernen Websites. Hierbei habe ich die Theorie auf ein notwendiges Minimum reduziert und den Schwerpunkt in über 50 Praxisworkshops und einem Buchprojekt auf den viel interessanteren Designprozess konzentriert. In erster Linie geht es mir darum die grafische Qualität von Websites zu steigern, nötige Grundlagen und Gestaltgesetze zu vermitteln und einen Einblick in meinen täglichen kreativen Workflow zu geben. Selbstverständlich werden hierbei die sinnvollen neuen Funktionen von Photoshop CS4 voll ausgereizt.
Neben der Umsetzung des Buchprojektes in HTML und CSS erkläre ich auch die Erstellung eines individuellen WordPress-Themes anhand eines praxisnahen Beispiels.

Inhaltsverzeichnis: Photoshop CS4 für Webdesigner

Damit Ihr wisst welche Themen das Buch umfasst gebe ich an dieser Stelle einen Einblick in das Inhaltsverzeichnis. Inhaltsverzeichnis überspringen.

• Voreinstellungen
  • Allgemein
  • Benutzeroberfläche
  • Dateihandhabung
  • Leistung
  • Zeigerdarstellung
  • Transparenz/Farbumfang-Warnung
  • Maßeinheiten & Lineale
  • Hilfslinien, Raster und Slices
  • Zusatzmodule
  • Text
• Werkzeuge
  • Alle Werkzeuge im Überblick
• Bedienfelder
  • Alle Bedienfelder im Überblick
• Arbeitsbereiche
  • Anordnen
  • Standard-Arbeitsbereiche
• Wahrnehmung
  • Content und Funktionalität
  • Gestaltgesetze
• Zielgruppe
  • Soziodemografische Merkmale
  • Geografische Merkmale
  • Soziale Zielgruppendefinition
  • Psychologische Merkmale
  • Buchprojekt: Zielgruppe
• Konventionen
  • GIULIA-Prinzip
• Farben
  • Farbmischung
  • Farben im Web
  • Farbwirkungen
  • Farbkontraste
  • Gefahren im Umgang mit Farben
  • Farbkonzepte
  • Workshop: Farbkonzept manuell entwickeln
  • Workshop: Farbkonzept mit dem Kuler
  • Workshop: Farbkonzept aus Bildquelle entwickeln
  • Buchprojekt: Farbkonzept festlegen
• Größen im Webdesign
  • Monitorauflösung
  • Viewport
• Webdesign-Trends
  • Retro & Vintage
  • Hand-Drawing
  • Web 2.0
  • Grunge
• Scribble
  • Buchprojekt: Scribble
• Gestaltungsraster
  • Fixed- versus Fluid-Layouts
  • Ausrichtung
  • Symmetrie und Asymmetrie
  • Gleichgewicht
  • Der Goldene Schnitt
  • Die Drittelregel
  • Full-Single-Websites
  • Workshop: Gestaltungsraster entwickeln
  • Grid-Systeme
  • Buchprojekt: Gestaltungsraster
• Flächen und Linien
  • White Space
  • Linien
  • Organische Formen
  • 3-D-Linien
  • Workshop: Linien mit Verlauf aufwerten
  • Workshop: Gepunktete Linie mit Schere
  • Workshop: Kontur mit einem Muster füllen
  • Workshop: Konkave und konvexe Linien
  • Workshop: Farbflächen aufwerten
  • Workshop: Outlines
  • Buchprojekt: Flächen und Linien
• Transparenz
  • Workshop: Semitransparentes Overlay
• Schatten und Spiegelung
  • Spiegelungen bei 2-D-Objekten
  • Schatten bei 2-D-Objekten
  • Workshop: Schatten
  • Workshop: Wet-Floor-Effekt
• Pattern
  • Workshop: Scanlines
  • Stripe-Generator
  • Workshop: Karbon
  • Free Pattern
  • Patterns mit CSS
• Strukturen
  • Workshop: Holzstruktur
  • Workshop: Gebürstetes Metall
  • Workshop: Samt
  • Workshop: Felsen
  • Workshop: Textur an Oberfläche anpassen
  • Workshop: Sich wiederholende Strukturen erstellen
  • Buchprojekt: Strukturen
• Brushes
  • Photoshop-Brushes
  • Externe Brushes
  • Workshop: Brushes erstellen
  • Pinsel exportieren
• Navigation
  • Navigationsstrukturen
  • Navigationskonzepte umsetzen
  • Navigation optimal platzieren
  • Navigationselemente gestalten
  • Icons und Piktogramme
  • „Speaking“ Navigation
  • Farbleitsysteme einsetzen
  • Interaktionen kennzeichnen
  • Workshop: Moderner Button
  • Workshop: Aqua-Button
  • Workshop: Metall-Button
  • Workshop: Aero-Button
  • Workshop: Candybar-Navigation
  • Workshop: Tab-Navigation
  • Workshop: Navigation mit Suchfeld
  • Buchprojekt: Navigation
• Typografie im Internet
  • Schriftarten
  • Content-Fonts
  • Schmuckschriften
  • Serif oder Sans Serif?
  • Schriftgrößen
  • Konsultationsgrößen
  • Pixelfonts
  • Lesegrößen
  • Schaugrößen
  • Schriftgrößen im Web
  • Zeilenlänge, Zeilenabstand und Absätze
  • Zeilenlänge
  • Zeilenabstand
  • Textausrichtung und Silbentrennung
  • Textauszeichnungen
  • Typografie und Farbe
  • Links
  • Design von Textobjekten
  • Schriftglättung: Vor- und Nachteile
  • Workshop: Text auf Pfad
  • Workshop: Liegender 3-D-Text
  • Workshop: Letterpress-Texte
  • Workshop: Shade-Text
  • Workshop: Chrome-Text
  • Workshop: Text aus Glas
  • Workshop: Text aus Gold
  • Buchprojekt: Schriftwahl
• Fotos im Internet
  • Bilder googeln?
  • Legale Bildquellen
  • Bildauswahl
  • Bildausschnitt und -ausrichtung
  • Bildformate
  • Bildspiegelungen
  • Thumbnails
  • Alt-Attribute
  • Fotos fürs Web aufbereiten
  • Workshop: Horizont ausrichten
  • Workshop: Fotos altern lassen
  • Workshop: Bildelemente ausbrechen lassen
  • Workshop: Fotoecke komplett umbiegen
  • Workshop: Skalieren und Inhalt bewahren
  • Workshop: Verträumte Fotos
  • Buchprojekt: Fotos
• Zierelemente
  • Workshop: Glanzstern
  • Workshop: Post-it
  • Workshop: Tesafilm
  • Workshop: Badge
  • Workshop: Sticker
  • Buchprojekt: Zierelemente
• Icons
  • Workshop: Favicon
  • Workshop: Warning-Icon
  • Workshop: Kalender-Icon
  • Workshop: Lupen-Icon
  • Buchprojekt: Icons
• Content-Design
  • Text- und Bildinhalte
  • Homepage versus Website
  • Buchprojekt: Content-Design
  • Details
• Grafiken für Ausgabe optimieren
  • Für Web und Geräte speichern
  • Ausgabeeinstellungen vergleichen
  • Werkzeuge
  • Device Central
  • Vorschau
  • Vorschau und Metadaten
  • Bildgröße
  • Dateiformate im Web
  • GIF (Graphics Interchange Format)
  • GIF-Grafiken für das Web optimieren
  • JPG/JPEG (Joint Photographic Expert Group)
  • JPEG-Grafiken für das Web optimieren
  • PNG-8 (Portable Network Graphics)
  • PNG-24
  • PNG-24 für das Web optimieren
• Animation
  • Gif-Animation
• HTML-Ausgabe
  • Slices
  • HTML-Ausgabe mit Photoshop
  • Alternative zu Slices
  • Workshop: Zoomify
• Zusatzmodule
  • Web-Fotogalerie
• Buchprojekt: Coding
  • Grundaufbau
  • Hintergrund
  • Header
  • Logo und Slogan
  • Navigation
  • Content
  • Sidebar
  • Footer
  • Content
  • Dateiupload
• Buchprojekt: WordPress
  • WordPress (lokal) installieren
  • Theme Basics
  • WordPress-Theme erstellen
  • Theme testen
  • Seiten anlegen und verwalten
  • Kategorien und Artikel anlegen und verwalten
  • Navigation anpassen
  • Startseite festlegen

Feedback erwünscht!

Da mich dieses Projekt neben meinem Job in den vergangen Monaten stark in Anspruch genommen hat gab es einige Zeiten in denen ich hier einfach nichts schreiben konnte da ich circa 18 Stunden am Tag vorm Rechner saß und neben Job und Buch die nötige Energie für den Blog nicht mehr aufbringen konnte. Diese Zeiten sind nun erstmal vorbei (von meinem anstehenden Urlaub einmal abgesehen).
Wie auch im Buch angekündigt stehe ich für jeglicher Art von konstruktivem Feedback oder bei Rückfragen immer gerne zur Verfügung. Allen Lesern dieses Blogs, sowie natürlich den Käufern des Buches biete ich via

• Kommentarfunktion
• E-Mail (jonas.hellwig@gmail.com)
• Twitter
• Xing
• Skype (Skype-Name: www.kulturbanause.de)
• ICQ (Nr.: 258357343)

die Möglichkeit direkten Kontakt zu mir aufzunehmen, eventuelle Fragen zu klären oder mich einfach kennen zulernen.

Link: Photoshop CS4 für Webdesigner bei Amazon

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.