Sie sind hier
E-Book

Webseiten-Layout mit CSS

Der perfekte Einstieg in Cascading Style Sheets

AutorClemens Gull
VerlagFranzis
Erscheinungsjahr2012
Seitenanzahl312 Seiten
ISBN9783772350092
FormatPDF
KopierschutzWasserzeichen/DRM
GerätePC/MAC/eReader/Tablet
Preis19,99 EUR
Keine Angst vor CSS! Auch in Zeiten von Joomla! und WordPress sorgen Cascading Style Sheets für unverwechselbares Webseitendesign. Anhand von 23 Praxisbeispielen zeigt der erfahrene Webentwickler, Dozent und Trainer Clemens Gull, wie Sie CSS gezielt einsetzen und welche Designeffekte Sie damit erzielen können. Ob Überschriften, Texte, Navigationselemente oder komplette und gleichzeitig flexible Weblayouts - CSS ist der Schlüssel für effektives Webdesign. Inklusive des neuen Standards CSS 3!

Clemens Gull studierte Informationstechnologie und Systemmanagement. Er arbeitete als Programmierer und Netzwerkadministrator, unter anderem für die Salzburger Sparkasse. Heute leitet er das Webdesign-Unternehmen Byte Brothers, darüber hinaus ist Gull als Dozent für die Fachhochschule Salzburg und andere Institute tätig. Sein Weblog 'Guru 2.0' zählt zu den meistgelesenen deutschsprachigen Blogs zum Thema Internetprogrammierung.

Kaufen Sie hier:

Horizontale Tabs

Blick ins Buch
Inhaltsverzeichnis
Vorwort8
Inhaltsverzeichnis12
1 Do’s & Dont’s im Webdesign16
1.1 Referenzieren von Dateien17
1.2 Auf fremde Quellen referenzieren17
1.2.1 In der eigenen Website verweisen18
1. Übung: Referenzieren19
2 Die Grundlage: Hypertext Markup Language (HTML)22
2.1 Grundregeln22
2.2 HTML-Tags im praktischen Einsatz23
2.3 Arten von Tags23
2.4 Attribute bei den Tags23
2.5 HTML-Entitäten24
2.5.1 Wichtige Entitäten25
2.6 HTML-Struktur26
2.6.1 Document Type Definition (DTD)27
2.6.2 Der html-Tag27
2.6.3 Der head-Tag28
2.6.4 Der Zeichensatz29
2.6.5 Der title-Tag29
2.6.6 Der body-Tag31
2.7 Text mit HTML strukturieren31
2.7.1 Der Absatz31
2. Übung: Formatierung mit HTML32
2.7.2 Der Zeilenumbruch33
2.7.3 Textgliederung durch Überschriften36
3. Übung: Überschriften37
2.7.4 Aufzählungen39
4. Übung: Listen42
2.8 Zitate44
2.8.1 Lange Zitate44
2.8.2 Zitatquelle45
2.8.3 Kurze Zitate46
2.9 Logische Auszeichnungen47
2.9.1 Hervorhebung47
2.9.2 Starke Hervorhebung (Fettung)48
2.9.3 Kurzen Quelltext anzeigen49
2.9.4 Langen Quelltext anzeigen49
2.10 Bilder einbinden51
2.11 Tabellen53
2.11.1 Tabellenzeilen54
2.11.2 Tabellenzellen55
5. Übung: Tabellen59
2.12 Hyperlinks60
2.13 Elemente zum Gruppieren62
6. Übung: Gruppieren63
2.14 Besondere Tags67
2.14.1 68
2.14.2
68
2.14.4 69
2.14.5 70
2.14.6
70
2.14.7 72
2.14.8 73
2.14.9 73
2.14.10 73
2.15 Webadressen für dieses Kapitel74
3 Eclipse76
3.1 Installation der Entwicklungsumgebung76
3.1.1 Download der Software77
3.1.2 Installation für Windows-Systeme77
3.1.3 Installieren von Eclipse78
3.1.4 Installieren der Plug-Ins für Eclipse80
3.1.5 Anpassen der Perspektive von Eclipse84
3.2 Der Browser86
3.2.1 Firebug86
3.2.2 Web Developer88
3.2.3 GridFox88
3.3 Webadressen für dieses Kapitel90
4 Cascading Style Sheets92
4.1 CSS-Grundlagen92
4.1.1 CSS-Definitionen in HTML einbinden92
4.1.2 Der Aufbau einer CSS-Regel94
4.1.3 Darstellung von Elementen95
4.1.4 Positionierung von Elementen97
4.1.5 Werte in CSS98
4.2 Selektoren100
4.2.1 Universeller Selektor100
4.2.2 Typ-Selektor101
4.2.3 Kontext-Selektor102
4.2.4 Kind-Selektor103
4.2.5 Benachbarte Geschwisterelemente104
4.2.6 Klassen-Selektor105
4.2.7 ID-Selektor106
4.2.8 Allgemeiner Attribut-Selektor107
4.2.9 Exakter Attribut-Selektor108
4.2.10 Teilweiser Attribut-Selektor109
4.2.11 Pseudoklassen111
4.3 Hierarchie der CSS-Definitionen118
4.3.1 Spezifität119
4.3.2 Vererbung119
4.4 Text und Schrift formatieren121
4.4.1 Überschriften121
4.4.2 Eine kreative Überschrift121
7. Übung: Textformatierung mit CSS121
4.4.3 Schriften festlegen131
8. Übung: Überschriften mit CSS147
4.4.4 Eigene Schriftart verwenden148
4.5 Positionieren von Elementen150
9. Übung: Widgets151
4.6 Navigation168
10. Übung: Vertikale Navigation168
4.6.1 Navigation mit Registerkarten177
11. Übung: Karteikarten177
4.6.2 Registerkarten mit abgerundeten Ecken188
12. Übung: Runde Ecken für alle Browser189
4.7 Layout190
4.7.1 Zweispaltiges Layout ohne Tabellen190
13. Übung: Zweispaltiges Layout190
4.7.2 Eine vertikale Galerie196
14. Übung: Senkrechte Galerie197
4.7.3 Ein flexibles Layout201
15. Übung: Flexibles Layout201
4.8 Bilder formatieren203
4.8.1 Bilder im Polaroid-Stil203
16. Übung: Bilder mit Rahmen und Titeln203
4.8.2 Eine kreative Bilddarstellung207
17. Übung: Bilder im Fotoalbum-Stil207
4.9 Besondere Formate210
4.9.1 Zitate formatieren210
18. Übung: Zitate210
4.9.2 Eine semantisch richtige Visitenkarte211
19. Übung: Visitenkarte212
4.10 Formatierungen mit CSS 3214
4.10.1 Schatteneffekte215
20. Übung: Schatten bei Bildern215
21. Übung: Textschattierungen218
4.10.2 Die Deckkraft von Elementen221
22. Übung: Fade-Out221
4.10.3 Mehrspaltiger Textsatz223
23. Übung: Layout im Zeitungsstil223
4.11 Webadressen für dieses Kapitel225
4.11.1 Tools und Online-Hilfen226
A Anhang228
A.1 Fachbegriffe228
A.2 Websichere Farben231
A.3 Quellcodes232
Lösung zur 2. Übung232
Lösung zur 3. Übung235
Lösung zur 4. Übung237
Lösung zur 5. Übung238
Lösung zur 6. Übung241
Lösung zur 7. Übung254
Lösung zur 8. Übung257
Lösung zur 9. Übung259
Lösung zur 10. Übung262
Lösung zur 11. Übung265
Lösung zur 12. Übung267
Lösung zur 13. Übung270
Lösung zur 14. Übung274
Lösung zur 15. Übung278
Lösung zur 16. Übung281
Lösung zur 17. Übung284
Lösung zur 18. Übung287
Lösung zur 19. Übung290
Lösung zur 20. Übung293
Lösung zur 21. Übung295
Lösung zur 22. Übung297
Lösung zur 23. Übung299
Stichwortverzeichnis302

Weitere E-Books zum Thema: Internet - Intranet - Webdesign - Security

Mehr Erfolg durch Web Analytics

E-Book Mehr Erfolg durch Web Analytics
Ein Leitfaden für Marketer und Entscheider Format: PDF

Als Marketer, Vertriebsexperte oder Entscheider wissen Sie, dass Sie Internetstrategien nicht aus dem Bauch heraus beurteilen oder Website-Layouts nach Ihrem Geschmack gestalten dürfen.…

Social Web im Tourismus

E-Book Social Web im Tourismus
Strategien - Konzepte - Einsatzfelder Format: PDF

Ziel der Autoren ist es, Mechanismen und Prinzipien des Social Webs im Tourismus aufzuzeigen. Neben den theoretischen Grundlagen erläutern sie die praktischen Anwendungen und illustrieren das Thema…

Onlinerecht für Webmaster

E-Book Onlinerecht für Webmaster
Format: PDF

Die Bedeutung des Internet ist in den letzten Jahren stetig gewachsen. Sowohl von privater, als auch von professioneller Seite tummeln sich dort die unterschiedlichsten Angebote, Technologien und…

Trends in der Informationstechnologie

E-Book Trends in der Informationstechnologie
Von der Nanotechnologie zu virtuellen Welten Format: PDF

"Der Begriff Informationstechnologie ist in heutiger Verwendung so breit angelegt wie die Anwendungen der IT selbst. Er umfasst nicht nur Informatik, Computer- und Kommunikationstechnologie, sondern…

Integriertes Online-Marketing

E-Book Integriertes Online-Marketing
Strategie, Taktik und Implementierung Format: PDF

Dieses Buch verbindet anschaulich zahlreiche Aspekte des klassischen Marketings mit den modernen Online-Instrumenten und erläutert die Erfolgskomponenten. Denn: Online-Marketing und E-Commerce…

111 Thesen zur erfolgreichen Softwareentwicklung

E-Book 111 Thesen zur erfolgreichen Softwareentwicklung
Argumente und Entscheidungshilfen für Manager. Konzepte und Anleitungen für Praktiker Format: PDF

Ziel dieses Buches ist es, Managern Argumente und Entscheidungshilfen für die Einführung effizienter Techniken der Softwareentwi- lung zu geben, und Praktiker von der Notwendigkeit effizienter…

Der IT Business Case

E-Book Der IT Business Case
Kosten erfassen und analysieren - Nutzen erkennen und quantifizieren - Wirtschaftlichkeit nachweisen und realisieren Format: PDF

Obwohl sich das Potential der Informationstechnologie in den letzten Ja- zehnten vervielfacht hat und dadurch die Informatik zweifelsfrei an Bed- tung gewonnen hat, hat sich eines nicht verändert -…

Suchmaschinen-Marketing

E-Book Suchmaschinen-Marketing
Konzepte, Umsetzung und Controlling für SEO und SEM Format: PDF

Das Internet hat das Dialogmarketing in den letzten zehn Jahren wesentlich bereichert. Allerdings fehlen meist systematische Abhandlungen über den Einsatz ausgewählter Online-Marketing-Instrumente.…

Hybride Wertschöpfung

E-Book Hybride Wertschöpfung
Mobile Anwendungssysteme für effiziente Dienstleistungsprozesse im technischen Kundendienst Format: PDF

Die Grenzen zwischen Sach- und Dienstleistung verschwimmen zunehmend - Produkte sind in der Regel hybrid. Sie sind als kundenorientierte Problemlösungen zu interpretieren, die durch das Schnüren von…

Weitere Zeitschriften

MENSCHEN. das magazin

MENSCHEN. das magazin

MENSCHEN. das magazin informiert über Themen, die das Zusammenleben von Menschen in der Gesellschaft bestimmen -und dies konsequent aus Perspektive der Betroffenen. Die Menschen, um die es geht, ...

Bibel für heute

Bibel für heute

BIBEL FÜR HEUTE ist die Bibellese für alle, die die tägliche Routine durchbrechen wollen: Um sich intensiver mit einem Bibeltext zu beschäftigen. Um beim Bibel lesen Einblicke in Gottes ...

dental:spiegel

dental:spiegel

dental:spiegel - Das Magazin für das erfolgreiche Praxisteam. Der dental:spiegel gehört zu den Top 5 der reichweitenstärksten Fachzeitschriften für Zahnärzte in Deutschland (laut LA-DENT 2011 ...

VideoMarkt

VideoMarkt

VideoMarkt – besser unterhalten. VideoMarkt deckt die gesamte Videobranche ab: Videoverkauf, Videoverleih und digitale Distribution. Das komplette Serviceangebot von VideoMarkt unterstützt die ...