Sie sind hier
E-Book

Webseiten-Layout mit CSS

Der perfekte Einstieg in Cascading Style Sheets

AutorClemens Gull
VerlagFranzis
Erscheinungsjahr2012
Seitenanzahl314 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

Geschäfts- und Erlösmodelle im Internet

E-Book Geschäfts- und Erlösmodelle im Internet
Eine Web 2.0 kompatible Erweiterung bestehender Konzepte Format: PDF

Unzählige Start-Up-Unternehmen haben mit Hilfe des neuen Mediums Internet versucht, ihre Geschäftsideen am Markt durchzusetzen, sind aber auf Grund fehlender Ertragsmöglichkeiten gescheitert oder…

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…

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…

Information Lifecycle Management

E-Book Information Lifecycle Management
Prozessimplementierung Format: PDF

Im Zusammenhang mit IT-Governance, Sarbanes-Oxley Act und Basel II ist Information Lifecycle Management (ILM), ein Thema, das jeder CIO beherrschen muss. Information ist ein Produkt, das einem…

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.…

IT-Governance in der Praxis

E-Book IT-Governance in der Praxis
Erfolgreiche Positionierung der IT im Unternehmen. Anleitung zur erfolgreichen Umsetzung regulatorischer und wettbewerbsbedingter Anforderungen Format: PDF

Die Autoren adressieren die Sandwich-Position, in der sich die IT heute in vielen größeren Unternehmen befindet: Zum einen der Druck, Governance Anforderungen wie Sarbanes-Oxley oder Compliance-…

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.…

Weitere Zeitschriften

Burgen und Schlösser

Burgen und Schlösser

aktuelle Berichte zum Thema Burgen, Schlösser, Wehrbauten, Forschungsergebnisse zur Bau- und Kunstgeschichte, Denkmalpflege und Denkmalschutz Seit ihrer Gründung 1899 gibt die Deutsche ...

CAREkonkret

CAREkonkret

CAREkonkret ist die Wochenzeitung für Entscheider in der Pflege. Ambulant wie stationär. Sie fasst topaktuelle Informationen und Hintergründe aus der Pflegebranche kompakt und kompetent für Sie ...

Das Hauseigentum

Das Hauseigentum

Das Hauseigentum. Organ des Landesverbandes Haus & Grund Brandenburg. Speziell für die neuen Bundesländer, mit regionalem Schwerpunkt Brandenburg. Systematische Grundlagenvermittlung, viele ...

Die Großhandelskaufleute

Die Großhandelskaufleute

Prüfungs- und Praxiswissen für Großhandelskaufleute Mehr Erfolg in der Ausbildung, sicher in alle Prüfungen gehen, im Beruf jeden Tag überzeugen: „Die Großhandelskaufleute“ ist die ...

die horen

die horen

Zeitschrift für Literatur, Kunst und Kritik."...weil sie mit großer Aufmerksamkeit die internationale Literatur beobachtet und vorstellt; weil sie in der deutschen Literatur nicht nur das Neueste ...

ea evangelische aspekte

ea evangelische aspekte

evangelische Beiträge zum Leben in Kirche und Gesellschaft Die Evangelische Akademikerschaft in Deutschland ist Herausgeberin der Zeitschrift evangelische aspekte Sie erscheint viermal im Jahr. In ...

building & automation

building & automation

Das Fachmagazin building & automation bietet dem Elektrohandwerker und Elektroplaner eine umfassende Übersicht über alle Produktneuheiten aus der Gebäudeautomation, der Installationstechnik, dem ...

VideoMarkt

VideoMarkt

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

Evangelische Theologie

Evangelische Theologie

 Über »Evangelische Theologie« In interdisziplinären Themenheften gibt die Evangelische Theologie entscheidende Impulse, die komplexe Einheit der Theologie wahrzunehmen. Neben den ...