Verfügbarkeit: Einstieg in HTML und CSS

Einstieg in HTML und CSS: Webseiten programmieren und gestalten

Gespeichert in:

Bibliographische Detailangaben
1. Verfasser:	Müller, Peter 1960- (VerfasserIn)
Format:	Buch
Sprache:	German
Veröffentlicht:	Bonn Rheinwerk Verlag 2024
Ausgabe:	3., aktualisierte und erweiterte Auflage
Schlagworte:	HTML Cascading Style Sheets Programmieren Entwickeln WordPress CMS Jimdo CSS3 HTML5 Web-Entwicklung HTML CSS lernen Hand-Buch Bücher Wissen Tutorial Anleitung Ratgeber Kurs Übung Eigene Website-s bauen Webseiten erstellen Anfänger Einsteiger Editor HTML-CSS-Grundlagen
Online-Zugang:	Inhaltstext Inhaltsverzeichnis
Beschreibung:	551 Seiten Illustrationen 23 cm x 17.2 cm
ISBN:	9783367102334 3367102334

Internformat

MARC


LEADER	00000nam a22000008c 4500
001	BV049841581
003	DE-604
005	20241125
007	t\|
008	240829s2024 gw a\|\|\| \|\|\|\| 00\|\|\| ger d
015			\|a 24,N21 \|2 dnb
016	7		\|a 1329872576 \|2 DE-101
020			\|a 9783367102334 \|c Broschur: EUR 29.90 (DE), EUR 30.80 (AT), CHF 38.90 (freier Preis) \|9 978-3-367-10233-4
020			\|a 3367102334 \|9 3-367-10233-4
024	3		\|a 9783367102334
035			\|a (OCoLC)1454757876
035			\|a (DE-599)DNB1329872576
040			\|a DE-604 \|b ger \|e rda
041	0		\|a ger
044			\|a gw \|c XA-DE-NW
049			\|a DE-1050 \|a DE-862 \|a DE-Aug4 \|a DE-523
084			\|a ST 250 \|0 (DE-625)143626: \|2 rvk
084			\|8 1\p \|a 004 \|2 23sdnb
100	1		\|a Müller, Peter \|d 1960- \|e Verfasser \|0 (DE-588)1013505735 \|4 aut
245	1	0	\|a Einstieg in HTML und CSS \|b Webseiten programmieren und gestalten \|c Peter Müller
250			\|a 3., aktualisierte und erweiterte Auflage
264		1	\|a Bonn \|b Rheinwerk Verlag \|c 2024
300			\|a 551 Seiten \|b Illustrationen \|c 23 cm x 17.2 cm
336			\|b txt \|2 rdacontent
337			\|b n \|2 rdamedia
338			\|b nc \|2 rdacarrier
650	0	7	\|a HTML \|0 (DE-588)4373477-7 \|2 gnd \|9 rswk-swf
650	0	7	\|a Cascading Style Sheets \|0 (DE-588)4467617-7 \|2 gnd \|9 rswk-swf
653			\|a Programmieren Entwickeln
653			\|a WordPress CMS Jimdo
653			\|a Cascading Style Sheets
653			\|a CSS3
653			\|a HTML5
653			\|a Web-Entwicklung
653			\|a HTML CSS lernen
653			\|a Hand-Buch Bücher Wissen Tutorial Anleitung Ratgeber Kurs Übung
653			\|a Eigene Website-s bauen
653			\|a Webseiten erstellen
653			\|a Anfänger Einsteiger
653			\|a Editor
653			\|a HTML-CSS-Grundlagen
689	0	0	\|a HTML \|0 (DE-588)4373477-7 \|D s
689	0	1	\|a Cascading Style Sheets \|0 (DE-588)4467617-7 \|D s
689	0		\|5 DE-604
710	2		\|a Rheinwerk Verlag \|0 (DE-588)1081738405 \|4 pbl
856	4	2	\|m X:MVB \|q text/html \|u http://deposit.dnb.de/cgi-bin/dokserv?id=8005cb26ad09443fb932792a57a37701&prov=M&dok_var=1&dok_ext=htm \|3 Inhaltstext
856	4	2	\|m DNB Datenaustausch \|q application/pdf \|u http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=035181518&sequence=000001&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA \|3 Inhaltsverzeichnis
883	1		\|8 1\p \|a vlb \|d 20240517 \|q DE-101 \|u https://d-nb.info/provenance/plan#vlb
943	1		\|a oai:aleph.bib-bvb.de:BVB01-035181518

Datensatz im Suchindex

DE-BY-862_location	2000
DE-BY-FWS_call_number	2000/ST 250 H85 M947(3)
DE-BY-FWS_media_number	083000527695
_version_	1817386662847578113
adam_text	INHALT MATERIALIEN ZUM BUCH . 26 GELEITWORT . 27 VORWORT . 29 TEILI WEBSEITEN, HTML UND CSS 1 WISSENSWERTES UEBER WEBSEITEN 35 1.1 WEBSEITEN SEHEN NICHT UEBERALL GLEICH AUS . 35 1.2 WEBSEITEN BESTEHEN AUS QUELLTEXT . 37 1.3 QUELLTEXT BESTEHT AUS HTML, CSS UND JAVASCRIPT . 38 1.3.1 DER INHALT: HTML IST NICHT HUEBSCH, ABER FLEXIBEL . 38 1.3.2 DAS STYLING: CSS GESTALTET DAS HTML . 39 1.4 WEBSEITEN WERDEN VON EINEM BROWSER DARGESTELLT . 41 1.4.1 DIE BEKANNTESTEN BROWSER: CHROME, FIREFOX, SAFARI, EDGE UND CO . 41 1.4.2 VIELE BROWSER SIND MITEINANDER VERWANDT . 42 1.4.3 BESONDERHEITEN: BROWSER UNTER IOS UND INTERNET EXPLORER . 42 1.5 WEBSEITEN UND BARRIEREFREIHEIT . 43 1.6 EDITOREN ZUM SCHREIBEN UND BEARBEITEN VON QUELLTEXT . 44 1.7 WEBSITES ZUM NACHSCHLAGEN VON HTML UND CSS. 45 1.7.1 SEIFHTML - DAS DEUTSCHSPRACHIGE URGESTEIN . 46 1.7.2 DIE MDN WEB DOCS - DAS NACHSCHLAGWERK . 46 1.7.3 ANLAUFSTELLE FUER FRAGEN ZUR BROWSERUNTERSTUETZUNG: CANIUSE.COM . 47 1.8 AUF EINEN BLICK . 48 2 HTML KENNENLERNEN: DIE ERSTE WEBSEITE ERSTELLEN 49 2.1 WEBSEITEN BESTEHEN AUS RECHTECKIGEN KAESTCHEN . 50 2.2 HT-M-L: DIE HYPERTEXT MARKUP LANGUAGE . 51 INHALT 2.2.1 HT WIE HYPERTEXT: HYPERLINKS ERSTELLEN . 51 2.2.2 M WIE MARKUP: ETIKETTEN KLEBEN . 51 2.2.3 LWIE LANGUAGE: VOKABELN UND GRAMMATIKREGELN . 51 2.2.4 DER UNTERSCHIED ZWISCHEN HTML-ELEMENTEN UND HTML-TAGS . 52 2.3 DIE ERSTE WEBSEITE ERSTELLEN: INDEX.HTML . 52 2.3.1 DIE DATEI INDEX.HTML IM EDITOR ERSTELLEN UND SPEICHERN . 53 2.3.2 EINE GUTE ANGEWOHNHEIT: !- KOMMENTARE -- . 53 2.4 JEDE WEBSEITE HAT EIN HTML-GRUNDGERUEST . 54 2.5 DER !DOCTYPE UND DAS STAMMELEMENT HTML . 56 2.5.1 DIE DOKUMENTTYP-DEFINITION !DOCTYPE HTML . 56 2.5.2 DAS STAMMELEMENT: HTML UND /HTML UMSCHLIESSEN DEN QUELLTEXT . 56 2.6 HTML-ELEMENTE KOENNEN IM ANFANGS-TAG ATTRIBUTE ENTHALTEN . 57 2.7 HEAD ENTHAELT WICHTIGE INFOS UEBER DIE WEBSEITE . 58 2.7.1 META CHARSET="UTF-8" IST DIE ANGABE DES ZEICHENSATZES . 58 2.7.2 META NAME="VIEWPORT" . IST WICHTIG FUER RESPONSIVE WEBSEITEN . 58 2.7.3 ZWISCHEN TITLE UND /TITLE STEHT DER SEITENTITEL . 60 2.7.4 META NAME="DESCRIPTION" ENTHAELT EINE KURZE BESCHREIBUNG DER SEITE . 61 2.8 BODY ENTHAELT DEN IM BROWSER SICHTBAREN BEREICH DER WEBSEITE . 61 2.9 DER KOPFBEREICH HEADER MIT UEBERSCHRIFT UND SLOGAN . 63 2.10 ENTWICKLERWERKZEUGE: HTML IM BROWSER UNTERSUCHEN . 64 2.11 AUF EINEN BLICK . 66 3 CSS KENNENLERNEN: DIE ERSTE WEBSEITE GESTALTEN 67 3.1 JEDER BROWSER HAT EIN EINGEBAUTES STYLESHEET . 67 3.2 HTML-ELEMENTE ALS RECHTECKIGE KAESTCHEN VISUALISIEREN . 69 3.3 DAS ERSTE EIGENE STYLESHEET: STYLE.CSS . 70 3.3.1 SCHRITT 1: EINEN UNTERORDNER UND EIN STYLESHEET ERSTELLEN . 70 3.3.2 SCHRITT 2: HTML-DATEI UND CSS-DATEI VERBINDEN MIT LINK . 71 6 INHALT 3.4 DIE ERSTE EIGENE CSS-REGEL: HINTERGRUND UND SCHRIFTFARBE FUER BODY . 72 3.4.1 AUCH IN CSS EINE GUTE ANGEWOHNHEIT: /* KOMMENTARE / . 72 3.4.2 HINTERGRUND UND SCHRIFTFARBE FUER BODY AENDERN . 72 3.5 DEN KOPFBEREICH HEADER IM CSS SELEKTIEREN UND GESTALTEN . 74 3.5.1 HINTERGRUND UND SCHRIFTFARBE FUER HEADER AENDERN . 74 3.5.2 ETWAS ABSTAND ZWISCHEN TEXT UND RAND EINFUEGEN MIT PADDING . 75 3.6 WICHTIGE VOKABELN: DER AUFBAU EINER CSS-REGEL . 76 3.7 ENTWICKLERWERKZEUGE: CSS IM BROWSER UNTERSUCHEN . 77 3.8 AUF EINEN BLICK . 79 TEIL II HTML (MIT EINER PRISE CSS) 4 HTML-ELEMENTE FUER TEXT: UEBERSCHRIFTEN, ABSAETZE, HERVORHEBUNGEN UND LISTEN 83 4.1 UEBERSCHRIFTEN STRUKTURIEREN DEN INHALT: H1 BIS H6 . 84 4.1.1 HTML KENNT SECHS EBENEN FUER UEBERSCHRIFTEN . 84 4.1.2 EINE H2 -UEBERSCHRIFT IM INHALTSBEREICH EINFUEGEN . 85 4.2 ABSAETZE UND HERVORHEBUNGEN: P , STRONG , EM . 86 4.2.1 ABSAETZE MIT P UND HERVORHEBUNGEN MIT STRONG UND EM . 86 4.2.2 ABSAETZE UND HERVORHEBUNGEN AUF DER UEBUNGSWEBSITE EINFUEGEN . 86 4.2.3 HTML-ELEMENTE VERSCHACHTELN - ZUERST GEOEFFNET, ZULETZT GESCHLOSSEN . 87 4.3 WEBSEITEN IN UNTERSCHIEDLICHEN UMGEBUNGEN TESTEN . 88 4.4 LISTEN ERSTELLEN MIT UL , OL UND LI . 89 4.4.1 UNGEORDNETE LISTEN MIT EINEM AUFZAEHLUNGSZEICHEN: UL UND LI . 90 4.4.2 GEORDNETE LISTEN MIT EINER NUMMERIERUNG: OL UND LI . 91 4.5 LISTEN VERSCHACHTELN: EINE LISTE IN EINER LISTE . 93 4.6 UEBER BLOCKELEMENTE, INLINE-ELEMENTE UND DISPLAY . 95 4.6.1 BLOCKELEMENTE WERDEN SO BREIT, WIE ES GEHT, UND FLIESSEN VON OBEN NACH UNTEN . 95 4.6.2 INLINE-ELEMENTE WERDEN NUR SO BREIT WIE IHR INHALT UND FLIESSEN VON LINKS NACH RECHTS . 95 4.7 AUF EINEN BLICK . 96 7 INHALT 5 HTML UND HYPERLINKS-DAS BESONDERE AM WEB 97 5.1 DAS STANDARDVERHALTEN VON HYPERLINKS . 97 5.2 ANATOMIE EINES HYPERLINKS: A HREF="." LINKTEXT /A . 98 5.3 HYPERLINKS IN NEUEM TAB ODER FENSTER OEFFNEN . 100 5.4 EINE NAVIGATION IST EINE LISTE MIT LINKS . 101 5.5 EINE GRUNDLEGENDE GESTALTUNG FUER DIE NAVIGATION . 103 5.5.1 SCHRITT 1: DIE NAVIGATIONSLISTE GESTALTEN . 104 5.5.2 SCHRITT 2: DEN NAVIGATIONSBEREICH GESTALTEN . 105 5.5.3 SCHRITT 3: DEN TEXT DER NAVIGATIONSLINKS GESTALTEN . 106 5.5.4 SCHRITT 4: DIE LINKS IM NAVIGATIONSBEREICH GESTALTEN . 107 5.6 IM FUSSBEREICH EINEN LINK NACH OBEN EINFUEGEN . 109 5.6.1 SCHRITT 1: DAS HTML FUER EINEN LINK NACH OBEN AUF DERSELBEN SEITE . 109 5.6.2 SCHRITT 2: SANFTES SCROLLEN AKTIVIEREN . 110 5.6.3 SCHRITT 3: EINE GRUNDLEGENDE GESTALTUNG FUER DEN FOOTER . 111 5.7 LINKS ZU DATEIEN UND E-MAIL-ADRESSEN . 112 5.7.1 HYPERLINKS AUF DATEIEN, DIE KEINE WEBSEITEN SIND: PDF & CO . 112 5.7.2 LINKS AUF E-MAIL-ADRESSEN . 113 5.8 AUF EINEN BLICK . 114 6 HTML-ELEMENTE FUER BILDER, AUDIO UND VIDEO 115 6.1 UEBER GRAFIKFORMATE IM WEB: JPEG, GIF, PNG, SVG & CO . 115 6.2 EIN BILD ALS LOGO EINBINDEN MIT IMG . 117 6.2.1 DAS ELEMENT IMG UND SEINE WICHTIGSTEN ATTRIBUTE . 117 6.2.2 EIN LOGO AUF DER UEBUNGSWEBSITE EINFUEGEN MIT IMG . 118 6.2.3 DIE ABSTAENDE ZWISCHEN LOGO UND DEM ABSATZ DARUNTER ANPASSEN . 119 6.3 PIXELBILDER IN ZEITEN HOCHAUFLOESENDER BILDSCHIRME . 121 6.3.1 DAS PROBLEM: DAS LOGO IST AUF HOCHAUFLOESENDEN BILDSCHIRMEN UNSCHARF . 121 6.3.2 EINFACHE LOESUNG: EINE DOPPELT SO GROSSE GRAFIK EINBINDEN . 122 6.3.3 BESSER:JE NACH PIXELDICHTE UNTERSCHIEDLICHE DATEIEN EINBINDEN . 123 6.3.4 TESTEN: DIE KORREKTE EINBINDUNG DER GRAFIKEN IM BROWSER UEBERPRUEFEN . 124 8 INHALT 6.4 BILDER MIT FLEXIBLER BREITE: MAX-WIDTH: 100% . 125 6.4.1 DAS PROBLEM: PIXELBILDER HABEN EINE FESTE BREITE . 126 6.4.2 DIE LOESUNG: FLEXIBLE BILDER MIT MAX-WIDTH: 100% . 127 6.5 ABBILDUNGEN BESCHRIFTEN: FIGURE UND FIGCAPTION . 128 6.5.1 EIN FOTO MIT EINER BESCHRIFTUNG: FIGURE UND FIGCAPTION IM EINSATZ . 128 6.5.2 DIE EINRUECKUNG VON FIGURE ENTFERNEN UND DIE BESCHRIFTUNG ZENTRIEREN . 129 6.6 LAZY LOADING: SEITEN MIT VIELEN BILDERN OPTIMIEREN . 130 6.7 AUDIODATEIEN EINBINDEN MIT AUDIO . 131 6.7.1 AUDIOFORMATE, BROWSERUNTERSTUETZUNG UND AUDIOPLAYER . 131 6.7.2 DIE EINBINDUNG VON SOUND-DATEIEN MIT AUDIO . 132 6.7.3 AUDIODATEIEN BESCHRIFTEN MIT FIGURE UND FIGCAPTION . 133 6.8 VIDEODATEIEN EINBINDEN MIT VIDEO . 133 6.8.1 VIDEOFORMATE UND BROWSERUNTERSTUETZUNG IM UEBERBLICK . 134 6.8.2 DIE EINBINDUNG VON VIDEODATEIEN MIT VIDEO . 134 6.8.3 FLEXIBLE VIDEOS PER CSS MIT MAX-WIDTH; 100% . 135 6.9 AUF EINEN BLICK . 136 7 SEMANTISCHE HTML-ELEMENTE ZUR STRUKTURIERUNG VON WEBSEITEN UND INHALTEN 139 7.1 WARUM SEMANTISCHE STRUKTURELEMENTE EINE SINNVOLLE SACHE SIND . 140 7.2 KOPFBEREICHE AUSZEICHNEN MIT HEADER . 140 7.2.1 DAS ELEMENT HEADER KANN AUF EINER SEITE MEHRFACH VORHANDEN SEIN . 140 7.2.2 UEBUNGSWEBSITE: DEN KOPFBEREICH UM EINE KLASSE ERWEITERN . 141 7.3 NAVIGATIONSBEREICHE ERSTELLEN MIT NAV . 143 7.3.1 NAV FUER DIE SITE-NAVIGATION AUF DER UEBUNGSWEBSITE . 143 7.3.2 UEBUNGSWEBSITE: DEN NAVIGATIONSBEREICH UM EINE KLASSE ERWEITERN . 143 7.3.3 NAV KANN IN DER HTML-STRUKTUR AUCH AN ANDEREN POSITIONEN STEHEN . 144 9 INHALT 7.4 DER HAUPTINHALT EINER WEBSEITE STEHT IN MAIN . 145 7.4.1 UEBUNGSWEBSITE: DEN INHALTSBEREICH UM EINE KLASSE UND EINE ID ERWEITERN . 145 7.5 FUSSBEREICHE AUSZEICHNEN MIT FOOTER . 146 7.5.1 DER FUSSBEREICH FOOTER AUF DER UEBUNGSWEBSITE . 146 7.5.2 UEBUNGSWEBSITE: DEN FUSSBEREICH UM EINE KLASSE ERWEITERN . 147 7.6 INHALTLICHE ABSCHNITTE ERSTELLEN MIT SECTION . 147 7.7 IN SICH GESCHLOSSENE, EIGENSTAENDIGE BLOECKE MIT ARTICLE . 149 7.7.1 INFOBOXEN ERSTELLEN MIT DEM ELEMENT ARTICLE . 150 7.7.2 GRUNDLEGENDE GESTALTUNG FUER DEN ABSCHNITT UND DIE INFOBOXEN . 151 7.8 BEREICHE MIT ZUSAETZLICHEN INFORMATIONEN: ASIDE . 153 7.9 ELEMENTE MIT DIV SEMANTISCH NEUTRAL GRUPPIEREN . 155 7.10 ORIENTIERUNGSPUNKTE FUER SCREENREADER: ARIA LANDMARK ROLES . 156 7.10.1 ARIA LANDMARK ROLES BIETEN ORIENTIERUNGSPUNKTE FUER SCREENREADER . 157 7.10.2 SEMANTISCHE STRUKTURELEMENTE HABEN INTEGRIERTE ORIENTIERUNGSPUNKTE . 158 7.10.3 ARIA LANDMARKS MIT EINER ERWEITERUNG IM BROWSER TESTEN . 159 7.11 AUF EINEN BLICK . 160 8 WEITERE HTML-ELEMENTE ZUR AUSZEICHNUNG VON TEXT 161 8.1 ZITATE AUSZEICHNEN MIT BLOCKQUOTE UND CITE . 161 8.1.1 DAS HTML FUER BLOCKZITATE: BLOCKQUOTE UND CITE . 162 8.1.2 EIN BLOCKZITAT MIT QUELLENANGABE . 162 8.1.3 EINE GRUNDLEGENDE GESTALTUNG FUER EIN ZITAT MIT QUELLENANGABE . 164 8.2 EINEN ZEILENUMBRUCH ERZWINGEN MIT BR . 165 8.3 KONTAKTINFORMATIONEN AUSZEICHNEN MIT ADDRESS . 165 8.3.1 EINE KONTAKTADRESSE AUSZEICHNEN MIT ADDRESS . 166 8.3.2 EINE GRUNDLEGENDE GESTALTUNG FUER EINE KONTAKTADRESSE . 166 10 INHALT 8.4 ZEITANGABEN FUER MENSCHEN UND MASCHINEN: TIME . 167 8.4.1 DATUMSANGABEN MIT TIME . 167 8.4.2 DIE UHRZEIT MIT TIME . 168 8.5 AUSKLAPPBARE INHALTE: DETAILS UND SUMMARY . 169 8.5.1 DAS HTML FUER AUSKLAPPBARE INHALTE: DETAILS UND SUMMARY . 169 8.5.2 EINE GRUNDLEGENDE GESTALTUNG FUER DETAILS UND SUMMARY . 171 8.6 AENDERUNGEN AM TEXT DOKUMENTIEREN: DEL UND INS . 172 8.6.1 DAS HTML FUER AENDERUNGEN AM TEXT . 172 8.6.2 EINE GRUNDLEGENDE GESTALTUNG FUER AENDERUNGEN AM TEXT . 173 8.7 KURZ VORGESTELLT: SPAN , HR UND SMALL . 174 8.7.1 SPAN IST EIN SEMANTISCH NEUTRALES INLINE-ELEMENT . 174 8.7.2 HR MARKIERT EINEN INHALTLICHEN BRUCH INNERHALB EINES ABSCHNITTS . 174 8.7.3 DAS SPRICHWOERTLICHE KLEINGEDRUCKTE MIT SMALL . 175 8.8 WEITERE INLINE-ELEMENTE IN DER UEBERSICHT . 175 8.9 KNOW-HOW: ZEICHENSAETZE UND SONDERZEICHEN . 176 8.9.1 UTF-8: WISSENSWERTES UEBER ZEICHENSAETZE . 177 8.9.2 DIE KODIERUNG VON SONDERZEICHEN IN HTML . 177 8.10 AUF EINEN BLICK . 179 9 HTML-ELEMENTE ZUM ERSTELLEN VON FORMULAREN 181 9.1 IM WEB BASIEREN ALLE INTERAKTIONEN MIT BESUCHERN AUF HTML-FORMULAREN . 181 9.2 DAS ELEMENT FORM DEFINIERT EIN FORMULAR . 182 9.3 EINZEILIGE EINGABEFELDER MIT INPUT UND LABEL . 183 9.3.1 EIN EINZEILIGES EINGABEFELD FUER TEXT: INPUT TYPE="TEXT" . 184 9.3.2 DIE BESCHRIFTUNG EINES EINGABEFELDES MIT LABEL . 184 9.3.3 EIN EINGABEFELD FUER E-MAIL-ADRESSEN: INPUT TYPE="EMAIL" . 186 9.3.4 PFLICHTFELDER DEFINIEREN: DAS ATTRIBUT REQUIRED . 187 9.4 MEHRZEILIGE EINGABEFELDER MIT TEXTAREA UND LABEL . 188 9.5 ZUM ANKLICKEN: KONTROLLKAESTCHEN, OPTIONSFELDER UND AUSWAHLLISTEN . 189 9.5.1 ECKIGE KONTROLLKAESTCHEN MIT INPUT TYPE="CHECKBOX" . 189 9.5.2 RUNDE OPTIONSFELDER MIT INPUT TYPE="RADIO" . 190 9.5.3 AUSWAHLLISTEN MIT SELECT UND OPTION . 191 11 INHALT 9.6 FORMULARFELDER GRUPPIEREN MIT FIELDSET UND LEGEND . 193 9.7 EIN BUTTON ZUM ABSCHICKEN DER FORMULARDATEN . 194 9.8 EIN KONTAKTFORMULAR MIT DSGVO-CHECKBOX ERSTELLEN . 195 9.8.1 SCHRITT 1: DAS HTML FUER DIE EINGABEFELDER . 196 9.8.2 SCHRITT 2: DSGVO-EINVERSTAENDNIS PER KONTROLLKAESTCHEN . 197 9.8.3 SCHRITT 3: EINE GRUNDLEGENDE GESTALTUNG FUER DAS FORMULAR . 198 9.8.4 SCHRITT 4: BESCHRIFTUNG UND FORMULARFELDER AUSRICHTEN . 199 9.9 AUF EINEN BLICK . 201 10 HTML-ELEMENTE ZUM ERSTELLEN VON TABELLEN 203 10.1 EINE EINFACHE HTML-TABELLE: TABLE , TR UND TD . 203 10.2 TABELLENUEBERSCHRIFTEN STEHEN IN TH . 205 10.3 TABELLEN STRUKTURIEREN: THEAD , TBODY UND TFOOT . 206 10.4 ZELLEN VERBINDEN MIT COLSPAN UND ROWSPAN . 207 10.5 UEBUNG: TABELLE FUER DIE 10 BESTEN ALBEN ALLER ZEITEN . 208 10.5.1 SCHRITT 1: DAS HTMLFUERDIE BEISPIELTABELLE . 208 10.5.2 SCHRITT 2: EINE GRUNDLEGENDE GESTALTUNG FUER DIE BEISPIELTABELLE . 210 10.5.3 SCHRITT 3: ZWISCHENRAUM UND ZEBRASTREIFEN FUER DIE BEISPIELTABELLE . 211 10.6 AUF EINEN BLICK . 213 11 VON DER WEBSEITE ZUR WEBSITE 215 11.1 SIE SIND HIER: AKTUELLEN MENUEPUNKT HERVORHEBEN . 215 11.1.1 SCHRITT 1: DEN AKTUELLEN MENUEPUNKT HERVORHEBEN . 216 11.1.2 SCHRITT 2: DIE LISTENELEMENTE IN DER NAVIGATION GESTALTEN . 218 11.2 RECHTLICHE PFLICHTLINKS IM FOOTER EINFUEGEN . 219 11.3 DAS HTML UEBERPRUEFEN MIT DEM HTML-VALIDATOR . 221 11.4 DIE SEITEN NEWS, UEBER UNS UND KONTAKT ERSTELLEN . 223 11.4.1 DIE SEITE NEWS ERSTELLEN UND DEN QUELLTEXT ANPASSEN . 223 11.4.2 DIE SEITEN UEBER UNS UND KONTAKT ERSTELLEN UND ANPASSEN . 225 12 INHALT 11.5 INHALTE FUER DIE SEITE NEWS HINZUFUEGEN . 226 11.5.1 EINEN NEUEN ABSCHNITT HINZUFUEGEN: SECTION CLASS="BEITRAGSLISTE" . 226 11.5.2 EINEN BEREICH MIT LINKLISTEN ERSTELLEN: ASIDE CLASS="LINKLISTEN" . 228 11.5.3 EINE GRUNDLEGENDE GESTALTUNG FUER DIE INHALTE AUF DER SEITE NEWS . 229 11.6 EIN BILD AUF DER SEITE UEBER UNS EINFUEGEN . 230 11.7 DIE SEITE KONTAKT MIT KONTAKTDATEN UND FORMULAR . 232 11.7.1 EINEN ABSCHNITT MIT KONTAKTDATEN HINZUFUEGEN . 233 11.7.2 EINEN ABSCHNITT MIT EINEM KONTAKTFORMULAR HINZUFUEGEN . 233 11.8 DIE SEITEN DATENSCHUTZ UND IMPRESSUM . 234 11.9 AUF EINEN BLICK . 235 TEILIII CSS-GRUNDLAGEN 12 GESTALTEN PER CSS: BOX-MODELL, FARBEN UND EINHEITEN 239 12.1 CSS KANN MAN AN DREI VERSCHIEDENEN STELLEN SCHREIBEN . 239 12.1.1 EXTERNES STYLESHEET: CSS-REGELN IN EINER EIGENEN DATEI . 240 12.1.2 STYLE-BLOCK: CSS-REGELN MIT STYLE IM HEAD EINER WEBSEITE . 240 12.1.3 INLINE-STYLES: DEKLARATIONEN MIT DEM ATTRIBUT STYLE IM ELEMENT . 241 12.1.4 EMPFOHLENES VORGEHEN: CSS MOEGLICHST IN EXTERNEN STYLESHEETS SCHREIBEN . 241 12.2 DAS BOX-MODELL KENNENLERNEN: PADDING, BORDER UND MARGIN . 242 12.2.1 DER INHALTSBEREICH EINER BOX SOLLTE MOEGLICHST FLEXIBEL BLEIBEN . 243 12.2.2 DER INNENABSTAND PADDING SCHAFFT PLATZ ZWISCHEN INHALT UND RAND . 243 12.2.3 EINE BOX KANN RAHMENLINIEN DRUMHERUM HABEN: BORDER . 244 12.2.4 DER AUSSENABSTAND MARGIN REGELT DEN ABSTAND ZU DEN UMGEBENDEN BOXEN . 244 12.2.5 DAS INTUITIVE BORDER-BOX-MODELL: BOX-SIZING: BORDER-BOX . 245 12.2.6 DAS BOX-MODELL FUER INLINE-BOXEN FUNKTIONIERT ETWAS ANDERS . 247 12.3 FARBEN IN CSS: FARBNAMEN, HEXADEZIMALE SCHREIBWEISE UND TRANSPARENZ . 248 12.3.1 DER AUFBAU EINES HEXADEZIMALEN FARBWERTES . 249 12.3.2 DIE HEXADEZIMALE KURZSCHREIBWEISE #RGB IST SEHR PRAKTISCH . 250 12.3.3 HEXADEZIMALE FARBANGABEN FUER DIE UEBUNGSWEBSITE . 251 12.3.4 FARBEN DEFINIEREN MIT RGB() - AUCH MIT TRANSPARENZ . 251 13 INHALT 12.4 DIE WICHTIGSTEN LAENGENEINHEITEN: PX, EM, REM, % & CO . 253 12.4.1 DIE EINHEIT PX: EIN PIXEL IST NICHT IMMER EIN PIXEL . 254 12.4.2 DIE EINHEIT EM HAT VERSCHIEDENE BERECHNUNGSGRUNDLAGEN . 255 12.4.3 DIE EINHEIT REM ENTSPRICHT DER STANDARDSCHRIFTGROESSE DES BROWSERS . 256 12.4.4 DIE EINHEIT % (PROZENT) IST MEIST RELATIV ZUM ELTERNELEMENT . 256 12.5 AUF EINEN BLICK . 257 13 DAS BOX-MODELL IN AKTION: PADDING, BORDER UND MARGIN 259 13.1 DAS BOX-MODELL IM BROWSER VISUALISIEREN . 259 13.2 DIE BREITE BEGRENZEN: MIN-WIDTH UND MAX-WIDTH . 261 13.3 DER ABSTAND ZUM RAND: PADDING . 262 13.3.1 DAS PADDING FUER DEN KOPFBEREICH DER SEITE . 262 13.3.2 DAS PADDING FUER DIE NAVIGATION UND DEN FUSSBEREICH . 264 13.3.3 DAS PADDING FUER DEN INHALTSBEREICH . 265 13.4 RAHMENLINIEN GESTALTEN MIT BORDER UND BORDER-RADIUS . 266 13.4.1 DIE EIGENSCHAFTEN ZUM GESTALTEN VON RAHMENLINIEN . 266 13.4.2 ABGERUNDETE ECKEN MIT BORDER-RADIUS . 269 13.5 BLOCKBOXEN HORIZONTAL ZENTRIEREN MIT MARGIN . 270 13.6 ABSTAENDE ZWISCHEN DEN ELEMENTEN MIT MARGIN . 272 13.7 TIPPS ZUM GESTALTEN MIT PADDING UND MARGIN . 273 13.7.1 ENTSCHEIDUNGSHILFE: ABSTAENDE MIT PADDING ODER MARGIN? . 273 13.7.2 UEBERSICHT: DIE KURZSCHREIBWEISE FUER PADDING UND MARGIN . 273 13.7.3 LOGISCHE EIGENSCHAFTEN FUER DAS BOX-MODELL: INLINE UND BLOCK . 274 13.8 KNOW-HOW: COLLAPSING MARGINS - VERTIKALE AUSSENABSTAENDE KOLLABIEREN . 276 13.8.1 PRAKTISCH: VERTIKALE AUSSENABSTAENDE AUFEINANDERFOLGENDER ELEMENTE KOLLABIEREN . 276 13.8.2 PROBLEMATISCH: AUSSENABSTAENDE KOLLABIEREN NICHT NUR BEI AUFEINANDERFOLGENDEN ELEMENTEN . 277 13.8.3 EIN BEISPIEL: KOPFBEREICH MIT UEBERSCHRIFT UND COLLAPSING MARGINS . 277 14 INHALT 13.8.4 PADDING-TOP FUER DEN KOPFBEREICH VERHINDERT DAS KOLLABIEREN DER AUSSENABSTAENDE . 279 13.8.5 NUETZLICH: EINE CSS-REGEL ZUR VERMEIDUNG VON COLLAPSING MARGINS . 280 13.9 AUF EINEN BLICK . 280 14 DIE WICHTIGSTEN SELEKTOREN UND IHRE SPEZIFITAET 283 14.1 EINFACHE SELEKTOREN: ELEMENTE, GRUPPIERUNG UND . 284 14.1.1 DER NAME DER KISTE -EINFACHE ELEMENTSELEKTOREN .284 14.1.2 MEHRERE KAESTCHEN ZUGLEICH: SELEKTOREN MIT EINEM KOMMA GRUPPIEREN . 284 14.1.3 ALLE KAESTCHEN AUSWAEHLEN: DER UNIVERSALSELEKTOR * . 285 14.2 KLASSEN SIND KLASSE: DER SELEKTOR MIT DEM PUNKT . 285 14.2.1 BEISPIELE FUER DEN EINSATZ VON KLASSEN AUF DER UEBUNGSWEBSITE . 285 14.2.2 GEBUNDENE KLASSEN: KLASSEN AUF EINEN ELEMENTTYP BESCHRAENKEN . 286 14.2.3 EIN HTML-ELEMENT KANN MEHRERE KLASSENNAMEN HABEN . 287 14.3 IDS SIND EINMALIG: DER SELEKTOR MIT DER RAUTE . 287 14.4 ATTRIBUTSELEKTOREN HABEN ECKIGE KLAMMERN: [ATTRIBUT] . 288 14.4.1 DER SELEKTOR [ATTRIBUT] PRUEFT NUR, OB ES DAS ATTRIBUT GIBT . 289 14.4.2 ATTRIBUTSELEKTOREN MIT EINEM GLEICHHEITSZEICHEN: [ATTRIBUT="WERT"] . 289 14.4.3 ATTRIBUTSELEKTOREN MIT TILDE UND GLEICHHEITSZEICHEN: [ATTRIBUT="WERT"] . 290 14.4.4 ATTRIBUTSELEKTOREN MIT SENKRECHTEM STRICH UND GLEICHHEITSZEICHEN: [ATTRIBUT\|="WERT"] . 290 14.4.5 ATTRIBUTSELEKTOREN MIT HUETCHEN UND GLEICHHEITSZEICHEN: [ATTRIBUTA="WERT"] . 291 14.4.6 ATTRIBUTSELEKTOREN MIT DOLLAR UND GLEICHHEITSZEICHEN: ELEMENT[ATTRIBUT$="ZEICHEN"] . 291 14.4.7 ATTRIBUTSELEKTOREN MIT STERNCHEN UND GLEICHHEITSZEICHEN: ELEMENT[ATTRIBUT*="ZEICHEN"] . 292 14.4.8 ZUM NACHSCHLAGEN: DIE ATTRIBUTSELEKTOREN AUF EINEN BLICK . 292 14.5 DOM: DIE HIERARCHIE DER HTML-ELEMENTE . 293 14.6 NACHFAHREN AUSWAEHLEN: DER SELEKTOR MIT LEERZEICHEN .294 15 INHALT 14.7 SELEKTOREN ZUM AUSWAEHLEN VON KINDELEMENTEN . 294 14.7.1 DER KINDSELEKTOR: DER SELEKTOR MIT DEM (GROESSER-ALS-ZEICHEN) . 295 14.7.2 PRAKTISCH: DIE PSEUDOKLASSEN :FIRST-CHILD UND :LAST-CHILD . 295 14.7.3 DER ZAUBERSTAB ZUM AUSWAHLEN VON KINDERN: :NTH-CHILD() . 297 14.8 NACHBARN UND GESCHWISTER SELEKTIEREN MIT + UND ~ . 298 14.9 KURZ VORGESTELLT: DER PRAKTISCHE ELTERNSELEKTOR :HAS() . 300 14.10 NUETZLICHE QUELLEN ZUM NACHSCHLAGEN VON SELEKTOREN . 301 14.11 SPEZIFITAET: EINIGE SELEKTOREN SIND WICHTIGER ALS ANDERE . 302 14.11.1 EINER WIRD GEWINNEN: SPEZIFITAET ALS PUNKTESYSTEM FUER SELEKTOREN . 302 14.11.2 EINIGE BEISPIELE FUER DIE SPEZIFITAET VON SELEKTOREN . 302 14.11.3 SPEZIFITAET IST GENAU GENOMMEN EINE MATRIX UND KEIN PUNKTESYSTEM . 303 14.12 AUF EINEN BLICK . 304 15 TEXT GESTALTEN: SCHRIFTEN, LISTEN, LINKS UND MEHR 305 15.1 KLASSISCHE SCHRIFTARTEN MIT UND OHNE SERIFEN IM WEB . 306 15.1.1 ES GIBT SCHRIFTARTEN MIT UND OHNE SERIFEN . 306 15.1.2 SEHR PRAKTISCH: DIE SCHRIFTGESTALTUNG IN FIREFOX ANALYSIEREN . 306 15.2 DIE SCHRIFTART DEFINIEREN MIT FONT-FAMILY . 307 15.2.1 BITTE EINE SCHRIFTART OHNE SERIFEN MIT FONT-FAMILY . 307 15.2.2 GENERISCHE SCHRIFTFAMILIEN IM UEBERBLICK . 309 15.3 DIE SYSTEMSCHRIFT DES GERAETS: GUT LESBAR UND ECHT SCHNELL . 310 15.4 WEBFONTS - DIE SCHRIFTART GLEICH MITLIEFERN . 311 15.5 SCHNELL UND EINFACH: GOOGLE FONTS SELBST AUSLIEFERN . 312 15.5.1 SCHRITT 1: SCHRIFTART UND ZEICHENSATZ AUSWAEHLEN . 313 15.5.2 SCHRITT 2: DIE GEWUENSCHTEN STYLES (SCHRIFTSCHNITTE) FESTLEGEN . 314 15.5.3 SCHRITT 3: DEN CODE FUER DIE SCHRIFTARTEN KOPIEREN UND EINFUEGEN . 314 15.5.4 SCHRITT 4: SCHRIFTDATEIEN HERUNTERLADEN UND IM ORDNER FONT SPEICHERN . 315 15.5.5 SCHRITT 5: DIE NEUE SCHRIFTART IM CSS NUTZEN . 317 15.6 GUT LESBARER TEXT MIT FONT-SIZE UND LINE-HEIGHT . 317 15.6.1 SCHRIFTGROESSE DEFINIEREN MIT FONT-SIZE UND EINER LAENGENEINHEIT . 318 15.6.2 DIE SCHRIFTGROESSE FUER DIE UEBERSCHRIFTEN AENDERN . 318 16 INHALT 15.6.3 SCHRIFTGROESSE DEFINIEREN MIT FONT-SIZE UND EINEM WORT . 319 15.6.4 WICHTIG FUER DIE LESBARKEIT: DER ZEILENABSTAND MIT LINE-HEIGHT . 320 15.7 LISTEN: AUFZAEHLUNGSZEICHEN GESTALTEN PER CSS . 322 15.7.1 DIE GESTALTUNG VON LISTEN IN DEN BROWSER-STYLESHEETS . 322 15.7.2 AUFZAEHLUNGSZEICHEN GESTALTEN MIT LIST-STYLE & CO . 323 15.7.3 AUFZAEHLUNGSZEICHEN GESTALTEN MIT DEM PSEUDOELEMENT ::MARKER . 324 15.8 HYPERLINKS: UNTERSTREICHUNG GESTALTEN MIT TEXT-DECORATION . 325 15.8.1 ZUSAETZLICHE EIGENSCHAFTEN ZUR UNTERSTREICHUNG VON LINKS . 325 15.8.2 DIE UNTERSTREICHUNG DER LINKS GESTALTEN . 326 15.9 HYPERLINKS: LINKZUSTAENDE GESTALTEN MIT PSEUDOKLASSEN . 327 15.9.1 BESUCHTE UND NICHT BESUCHTE HYPERLINKS MIT :LINK UND :VISITED . 327 15.9.2 BENUTZERAKTIONEN GESTALTEN MIT :HOVER, :FOCUS UND :ACTIVE . 328 15.10 LINKS IN NEUEM TAB KENNZEICHNEN MIT DEM PSEUDOELEMENT ::AFTER . 330 15.10.1 SCHRITT 1: LINKS AUSWAEHLEN MIT EINEM ATTRIBUTSELEKTOR . 331 15.10.2 SCHRITT 2: DAS PSEUDOELEMENT ::AFTER UND DIE EIGENSCHAFT CONTENT . 331 15.10.3 SCHRITT 3: LINKS KENNZEICHNEN MIT EINEM UNICODE-SYMBOL . 332 15.11 WEITERE EIGENSCHAFTEN ZUR GESTALTUNG VON SCHRIFT UND TEXT . 333 15.11.1 DIE WICHTIGSTEN EIGENSCHAFTEN ZUR SCHRIFT UND TEXTGESTALTUNG . 333 15.11.2 SCHRIFT GESTALTEN: FETT, KURSIV, KAPITAELCHEN UND ZEICHENABSTAND . 333 15.11.3 DIE KURZSCHREIBWEISE FONT . 334 15.11.4 TEXT AUSRICHTEN UND DIE ERSTE ZEILE EINRUECKEN . 334 15.11.5 SCHATTEN IM TEXT: TEXT-SHADOW . 335 15.12 AUF EINEN BLICK . 336 16 DER BROWSER UND DAS CSS: VERERBUNG, STANDARDWERT UND KASKADE 339 16.1 UEBERBLICK: VERERBUNG, STANDARDWERT UND KASKADE . 339 16.2 NICHTS GEFUNDEN? VERERBUNG ODER STANDARDWERT . 340 16.2.1 VERERBUNG MACHT EIN STYLESHEET UEBERSICHTLICHER . 341 16.2.2 BESTIMMTE EIGENSCHAFTEN WERDEN NICHT VERERBT . 341 16.2.3 JEDE CSS-EIGENSCHAFT HAT EINEN FEST DEFINIERTEN STANDARDWERT . 342 17 INHALT 16.3 DIE KASKADE: WICHTIGKEIT, SPEZIFITAET UND REIHENFOLGE . 343 16.3.1 DIE KASKADE IST EINE ENTSCHEIDUNGSHILFE FUER DEN BROWSER . 343 16.3.2 DIE AUSGANGSSITUATION: DAS BEISPIEL IM UEBERBLICK . 343 16.3.3 INTUITIV: DIE REIHENFOLGE IM CSS ENTSCHEIDET . 344 16.3.4 UNGEWOHNT: SPEZIFITAET IST WICHTIGER ALS REIHENFOLGE . 345 16.3.5 AUSNAHME: LIMPORTANT GEWINNT IMMER . 347 16.3.6 DIE KASKADE IM BROWSER ANALYSIEREN . 348 16.4 AUF EINEN BLICK . 350 17 BOXEN GESTALTEN: HINTERGRUND, SCHATTEN UND AM BILDSCHIRM AUSBLENDEN 351 17.1 HINTERGRUNDGRAFIKEN PER CSS EINBINDEN UND GESTALTEN . 352 17.1.1 HINTERGRUNDGRAFIKEN EINBINDEN: BACKGROUND-IMAGE . 352 17.1.2 HINTERGRUNDGRAFIKEN WIEDERHOLEN: BACKGROUND-REPEAT . 353 17.1.3 HINTERGRUNDGRAFIKEN POSITIONIEREN: BACKGROUND-POSITION . 354 17.1.4 HINTERGRUNDGRAFIKEN FIXIEREN: BACKGROUND-ATTACHMENT . 355 17.1.5 DIE GROESSE DER HINTERGRUNDGRAFIK DEFINIEREN: BACKGROUND-SIZE . 355 17.1.6 DIE KURZSCHREIBWEISE: BACKGROUND . 357 17.1.7 DAS BOX-MODELL, DER HINTERGRUND UND DIE DRITTE DIMENSION . 357 17.2 LINEARE FARBVERLAEUFE: BACKGROUND-IMAGE UND LINEAR-GRADIENT() . 358 17.3 SCHATTENBOXEN MIT BOX-SHADOW . 360 17.4 ZITATE ALS KUNDENSTIMMEN GESTALTEN . 362 17.4.1 DAS HTML: SECTION UND BLOCKQUOTE . 362 17.4.2 ZITATE GESTALTEN MIT DEN BOX-MODELL-EIGENSCHAFTEN . 363 17.5 CALL TO ACTION: LINKS IN BUTTONS VERWANDELN . 365 17.5.1 DIE AUSGANGSSITUATION: ZWEI GANZ NORMALE HYPERLINKS . 366 17.5.2 SCHRITT 1: DIE GRUNDLEGENDE GESTALTUNG DER BEIDEN LINKS . 367 17.5.3 SCHRITT 2: DIE UNTERSCHIEDE-PRIMAERE UND SEKUNDAERE BUTTONS . 368 17.5.4 SCHRITT 3: DIE LINKZUSTAENDE DER BUTTONS GESTALTEN . 369 17.5.5 SCHRITT 4: EINEN SANFTEN UEBERGANG MIT TRANSITION HINZUFUEGEN . 370 17.5.6 SCHRITT 5: BOXEN SKALIEREN MIT TRANSFORM . 371 17.6 BOXEN AM BILDSCHIRM AUSBLENDEN: VISUALLY-HIDDEN . 372 17.6.1 SCHRITT 1: DIE KLASSE VISUALLY-HIDDEN ERSTELLEN . 373 17.6.2 SCHRITT 2: DEN ELEMENTEN DIE KLASSE VISUALLY-HIDDEN ZUWEISEN . 374 18 INHALT 17.7 SKIP-LINK: PER TASTATUR DIREKT ZUM INHALT SPRINGEN . 375 17.7.1 SKIP-LINKS HELFEN TASTATURBENUTZERN BEI DER NAVIGATION . 375 17.7.2 SCHRITT 1: DEN SKIP-LINK ERSTELLEN UND VERSTECKEN . 375 17.7.3 SCHRITT 2: DEN SKIP-LINK BEI TASTATURBEDIENUNG SICHTBAR MACHEN . 376 17.8 AUF EINEN BLICK . 378 18 ORDNUNG HALTEN: STYLESHEETS AUFRAEUMEN UND ORGANISIEREN 379 18.1 BENUTZERDEFINIERTE EIGENSCHAFTEN: VARIABLEN IN CSS . 380 18.1.1 SCHRITT 1: EINE BENUTZERDEFINIERTE EIGENSCHAFT ERSTELLEN . 380 18.1.2 SCHRITT 2: EINE BENUTZERDEFINIERTE EIGENSCHAFT ALS VARIABLE ANWENDEN . 381 18.1.3 SCHRITT 3: EIN FARBSCHEMA MIT BENUTZERDEFINIERTEN EIGENSCHAFTEN . 382 18.2 STYLESHEETS MIT KOMMENTAREN STRUKTURIEREN . 383 18.2.1 DER KOMMENTAR AM ANFANG DES STYLESHEETS . 383 18.2.2 EIN STYLESHEET MIT KOMMENTAREN IN ABSCHNITTE UNTERTEILEN . 384 18.3 VERSCHIEDENE SCHREIBWEISEN FUER CSS-REGELN . 384 18.3.1 UEBERSICHTLICH UND WEIT VERBREITET: AUF JEDER ZEILE EINE DEKLARATION . 385 18.3.2 KURZE REGELN: ALLES IN EINER ZEILE . 385 18.3.3 UEBERSICHTLICH: MEHRERE SELEKTOREN AUF ZEILEN VERTEILEN . 386 18.3.4 DIE REIHENFOLGE DER DEKLARATIONEN IN EINER CSS-REGEL . 386 18.4 CSS UEBERPRUEFEN MIT DEM CSS-VALIDATOR . 387 18.5 MODULBAUWEISE: EIN ZENTRALES STYLESHEET ERLEICHTERT DIE ENTWICKLUNG . 388 18.5.1 WAEHREND DER ENTWICKLUNG: MODULBAUWEISE MIT MEHREREN STYLESHEETS . 389 18.5.2 FUER DIE LIVE-SITE: ALLES WIEDER IN EINEM STYLESHEET VEREINEN . 389 18.6 DIE MODUL-STYLESHEETS ERSTELLEN UND IMPORTIEREN . 390 18.6.1 SCHRITT 1: DIE EINZELNEN STYLESHEETS ERSTELLEN . 390 18.6.2 SCHRITT 2: STYLESHEETS MIT @IMPORT IN STYLE.CSS EINBINDEN . 391 18.7 DAS CSS AUF DIE MODUL-STYLESHEETS VERTEILEN . 393 18.7.1 DAS MODUL BASIS.CSS IST DAS FUNDAMENT . 393 18.7.2 DAS MODUL LAYOUT.CSS FUER SEITENLAYOUT UND LAYOUTBEREICHE . 394 19 INHALT 18.7.3 DAS MODUL NAVI-FLEX.CSS FUER DIE HAUPTNAVIGATION . 396 18.7.4 DAS MODUL CONTENTCSS ZUR GESTALTUNG DER INHALTE . 397 18.7.5 DAS MODUL FORMS.CSS FUER FORMULARE . 398 18.8 EIN NEUES MODUL FUER EIN MODERNES LAYOUT . 398 18.8.1 SCHRITT 1: DAS HTMLANPASSEN-DIE DOPPLUNG MIT DIV IM HTML . 399 18.8.2 SCHRITT 2: DAS STYLESHEET LAYOUT-MODERN.CSS ERSTELLEN . 402 18.8.3 SCHRITT 3: FINE-TUNING FUER DIE INFOBOXEN AUF DER STARTSEITE . 403 18.9 AUF EINEN BLICK . 405 TEILIV CSS-LAYOUT 19 DER NORMALE FLOW, POSITION UND FLOAT 409 19.1 FLOW: DIE SEITE IST EIN LANGER RUHIGER FLUSS. 410 19.1.1 DER NORMALE FLOW IM BLOCK FORMATTING CONTEXT .410 19.1.2 AUCH KUERZERE BLOCKBOXEN STEHEN IM FLOW UNTEREINANDER . 410 19.2 VERSETZT WEITERFLIESSEN MIT POSITION: RELATIVE .411 19.3 RAUS AUS DEM FLOW MIT POSITION: ABSOLUTE .412 19.3.1 ABSOLUTE POSITIONIERUNG HEBT EINE BOX AUS DEM FLOW . 413 19.3.2 EIN BELIEBTER TRICK: ABSOLUTE UND RELATIVE POSITIONIERUNG KOMBINIEREN . 414 19.4 WIE EIN FELS IN DER BRANDUNG MIT POSITION: FIXED .416 19.5 SCROLLEN UND STEHEN BLEIBEN MIT POSITION: STICKY .418 19.6 POSITIONIERTE BOXEN UND DER Z-INDEX . 419 19.7 TEXT UM EINE ABBILDUNG FLIESSEN LASSEN MIT FLOAT .421 19.7.1 DIE AUSGANGSSITUATION: EIN FIGURE MIT BILD UND BESCHRIFTUNG .421 19.7.2 DAS FIGURE -ELEMENT NACH RECHTS FLOATEN MIT FLOAT: RIGHT . 422 19.7.3 DIE UMGEBENDEN ELEMENTE REICHEN BIS UNTER DIE GEFLOATETE BOX . 423 19.8 FLOATS BEENDEN MIT CLEAR: BOTH . 424 19.9 PRAKTISCH: KLASSEN ZUM FLOATEN UND CLEAREN . 425 20 INHALT 19.10 FLOATS UMSCHLIESSEN MIT DISPLAY: FLOW-ROOT . 426 19.10.1 DAS PROBLEM: FLOATS RAGEN NACH UNTEN AUS DEM ELTERNELEMENT HERAUS . 426 19.10.2 DIE LOESUNG: FLOATS UMSCHLIESSEN MIT DISPLAY: FLOW-ROOT . 426 19.10.3 DAS UMSCHLIESSEN VON FLOATS FUER AELTERE BROWSER MIT @SUPPORTS . 427 19.11 FLOATS NICHT RECHTECKIG UMFLIESSEN MIT SHAPE-OUTSIDE . 429 19.12 AUF EINEN BLICK . 430 20 MEDIA QUERIES UND RESPONSIVES WEBDESIGN 433 20.1 RESPONSIVES WEBDESIGN: DAS WEB WIRD FLEXIBEL . 433 20.2 MEDIENTYPEN DEFINIEREN DAS AUSGABEMEDIUM . 434 20.2.1 DIE MEDIENTYPEN IN DER UEBERSICHT . 434 20.2.2 EINE DRUCKVERSION FUER EINE WEBSEITE MIT @MEDIA PRINT ERSTELLEN . 435 20.3 MEDIA QUERIES = MEDIENTYPEN + MEDIENEIGENSCHAFTEN .437 20.3.1 DIE SYNTAX: @MEDIA MEDIENTYP AND (EIGENSCHAFT: WERT) . 438 20.3.2 EINE MEDIA QUERY ZUR AENDERUNG DER HINTERGRUND UND SCHRIFTFARBE . 438 20.3.3 WEITERE BEISPIELE FUER MOEGLICHE MEDIA QUERIES . 440 20.3.4 DIE WICHTIGSTEN MEDIENEIGENSCHAFTEN IM UEBERBLICK . 440 20.4 MEDIA QUERIES BRAUCHEN DEN META-VIEWPORT . 441 20.4.1 MEDIA QUERIES UND DIE VIRTUELLE VIEWPORTBREITE MOBILER BROWSER . 442 20.4.2 DER META-VIEWPORT DEFINIERT DIE VIEWPORTBREITE FUER MOBILE BROWSER NEU . 442 20.5 MEDIA QUERIES UND DIE SUCHE NACH DEM BREAKPOINT . 443 20.5.1 WEIT VERBREITET: BREAKPOINTS FUER MOBILE, TABLET UND DESKTOP . 443 20.5.2 BREAKPOINTS SOLLTE MAN VOM LAYOUT ABLEITEN, NICHT VON GERAETEN . 444 20.6 RESPONSIVE SCHRIFTGROESSE MIT UND OHNE MEDIA QUERIES .444 20.6.1 RESPONSIVE SCHRIFTGROESSE IN STUFEN MIT MEDIA QUERIES UND BREAKPOINTS . 445 20.6.2 OHNE MEDIA QUERIES: STUFENLOS GROESSER WERDENDE SCHRIFT MIT CLAMP() . 446 20.7 AUF EINEN BLICK . 448 21 INHALT 21 FLEXBOX: MEHRSPALTIGE LAYOUTS MIT DISPLAY: FLEX 449 21.1 FLEXBOX UND GRID -JENSEITS VOM BLOCK FORMATTING CONTEXT .449 21.2 FLEX-CONTAINER ERSTELLEN: DISPLAY: FLEX . 450 21.2.1 DIE AUSGANGSPOSITION -EINE EINFACHE NAVIGATION . 450 21.2.2 DER ERSTE SCHRITT: FLEX-CONTAINER ERSTELLEN MIT DISPLAY: FLEX .451 21.2.3 LAYOUTEN PER FLEXBOX: FLEXIBEL UND IN EINER RICHTUNG . 453 21.3 FLIESSRICHTUNG VON FLEX-ITEMS KONTROLLIEREN: FLEX-FLOW . 454 21.3.1 JEDE FLEXBOX HAT EINE HAUPTACHSE UND EINE QUERACHSE . 454 21.3.2 FLEX-DIRECTION AENDERT DIE FLIESSRICHTUNG: VON ROW ZU COLUMN . 455 21.3.3 FLEX-WRAP ERMOEGLICHT EINEN ZEILENUMBRUCH IN DER FLEXBOX .456 21.3.4 SHORTHAND: FLEX-FLOW IST KURZ FUER FLEX-DIRECTION UND FLEX-WRAP .457 21.4 FLEX-ITEMS AN DER HAUPTACHSE AUSRICHTEN: JUSTIFY-CONTENT .458 21.5 FLEX-ITEMS AN DER QUERACHSE AUSRICHTEN: ALIGN-ITEMS UND ALIGN-SELF . 459 21.5.1 FLEX-ITEMS AN DER QUERACHSE AUSRICHTEN MIT ALIGN-ITEMS . 459 21.5.2 EINZELNE FLEX-ITEMS AN DER QUERACHSE AUSRICHTEN MIT ALIGN-SELF . 461 21.6 AUTOMATISCHE ABSTAENDE FUER FLEX-ITEMS MIT MARGIN .462 21.6.1 FLEX-ITEMS AM ENDE DES FLEX-CONTAINERS AUSRICHTEN MIT MARGIN .462 21.6.2 ELEMENTE HORIZONTAL UND VERTIKAL ZENTRIEREN MIT MARGIN: AUTO . 463 21.7 FLEXIBILITAET FUER FLEX-ITEMS: DIE ZAUBERFORMEL FLEX: 1 . 464 21.7.1 LIEBER BROWSER, BITTE MACH ALLE FLEX-ITEMS GLEICH GROSS. . 464 21.7.2 FLEX IST KURZ FUER FLEX-GROW, FLEX-SHRINK UND FLEX-BASIS . 464 21.7.3 UEBERRASCHUNG: FLEX-GROW IN EINER FLEXBOX MIT ZEILENUMBRUCH . 465 21.8 FLEXBOX IN AKTION: STICKY FOOTER AM UNTEREN RAND DES BROWSERFENSTERS . 466 21.8.1 SCHRITT 1: BODY WIRD FLEX-CONTAINER, DIE LAYOUTBEREICHE FLEX-ITEMS . 466 21.8.2 SCHRITT 2: DIE ZAUBERFORMEL FLEX: 1 FUER DEN INHALTSBEREICH .468 21.8.3 SCHRITT 3: DIE NAVIGATION IM FUSSBEREICH GESTALTEN . 469 21.9 DIE REIHENFOLGE VON FLEX-ITEMS AENDERN .470 21.10 AUF EINEN BLICK .472 22 INHALT 22 CSS-GRID: MEHRSPALTIGE LAYOUTS ERSTELLEN MIT DISPLAY: GRID 475 22.1 EIN GRID IST EIN RASTER UND SCHAFFT ORDNUNG . 475 22.2 MEHR PLATZ FUER MODERNE BROWSER: @SUPPORTS .476 22.3 EIN GRID-LAYOUT: BOXEN NEBEN UND UNTEREINANDER . 477 22.3.1 EIN BLICK AUF DAS HTMLFUER DEN ABSCHNITT MIT DEN INFOBOXEN . 477 22.3.2 SCHRITT 1: EINEN GRID-CONTAINER DEFINIEREN MIT DISPLAY: GRID . 478 22.3.3 SCHRITT 2: DAS RASTER DEFINIEREN MIT GRID-TEMPLATE-COLUMNS UND DER EINHEIT FR . 480 22.3.4 SCHRITT 3: DEN ZWISCHENRAUM KONTROLLIEREN MIT GAP . 481 22.3.5 EIN RASTER-LAYOUT BESTEHT AUS ZEILEN UND SPALTEN . 482 22.4 GRID-ITEMS MANUELL PLATZIEREN: 1. NUMMERIERTE LINIEN . 483 22.4.1 EIN BLICK AUF DAS HTMLFUER DEN ABSCHNITT MIT DEN KUNDENSTIMMEN . 484 22.4.2 GRID-CONTAINER DEFINIEREN UND GRID-LAYOUT ERSTELLEN . 485 22.4.3 GRID-ITEMS MANUELL PLATZIEREN MIT GRID-LINIEN UND GRID-COLUMN .486 22.5 GRID-ITEMS MANUELL PLATZIEREN: 2. BENANNTE BEREICHE . 488 22.5.1 DIE HTML-STRUKTUR FUER DEN INHALTSBEREICH DER SEITE NEWS . 489 22.5.2 GRID-CONTAINER DEFINIEREN UND DIE BENANNTEN GRID-BEREICHE ERSTELLEN . 489 22.6 DIE GRID-ZAUBERFORMEL: RESPONSIV OHNE MEDIA QUERY . 492 22.6.1 DAS FUNDAMENT: HTML UND GRUNDLEGENDE GESTALTUNG PER CSS . 492 22.6.2 SCHRITT 1: REPEAT() ERZEUGT MIT AUTO-FIT BELIEBIG VIELE SPALTEN . 494 22.6.3 SCHRITT 2: DIE FUNKTION MINMAX() MACHT DAS RESPONSIVE GRID PERFEKT . 496 22.7 VERSCHACHTELTE GRIDS MIT SUBGRID . 498 22.8 FLEXBOX UND GRID SIND EIN GUTES TEAM . 499 22.8.1 BEISPIEL: GRID FUER DAS NEBENEINANDER, FLEXBOX FUER DIE LINKAUSRICHTUNG . 500 22.8.2 GRID ODER FLEXBOX? DAS IST MANCHMAL NICHT SO EINFACH . 501 22.9 AUF EINEN BLICK . 502 23 INHALT 23 FLEXIBLE ICONS UND RESPONSIVE BILDER 505 23.1 FLEXIBLE ICONS: SKALIERBARE SYMBOLE MIT SVG . 505 23.2 SVG-ICONS MIT IMG ALS DATEI EINFUEGEN . 507 23.2.1 EIN SVG-LCON MIT IMG ALS DATEI EINBINDEN . 507 23.2.2 SVG-ICONS KANN MAN IN EINEM CODE-EDITOR BEARBEITEN . 508 23.3 SVG-ICONS INLINE DIREKT IM HTML EINFUEGEN . 510 23.4 HTML UND RESPONSIVE BILDER . 511 23.5 UNTERSCHIEDLICHE BILDDATEIEN JE NACH VIEWPORTBREITE . 512 23.5.1 TAUSCHE X GEGEN W: IMG , SRCSET W UND SIZES . 513 23.5.2 SIZES KANN PER MEDIA QUERY DIE BREITE DES VIEWPORTS ABFRAGEN . 515 23.6 UNTERSCHIEDLICHE BILDMOTIVE UND DATEIFORMATE . 517 23.6.1 ART DIRECTION: MIT PICTURE UNTERSCHIEDLICHE MOTIVE AUSLIEFERN . 517 23.6.2 UNTERSCHIEDLICHE DATEIFORMATE SERVIEREN . 519 23.7 AUF EINEN BLICK . 519 24 EINE RESPONSIVE NAVIGATION ERSTELLEN 521 24.1 DIE RESPONSIVE NAVIGATION IM UEBERBLICK . 521 24.1.1 DIE NAVIGATION IN SCHMALEN UND IN BREITEN VIEWPORTS . 521 24.1.2 UEBERBLICK: IN FUENF SCHRITTEN ZUR RESPONSIVEN NAVIGATION . 523 24.2 SCHRITT 1: EINE VERTIKALE NAVIGATION FUER SCHMALE VIEWPORTS . 524 24.2.1 TEIL 1: DAS STYLESHEET NAVI-RESPONSIV.CSS ERSTELLEN UND EINBINDEN . 524 24.2.2 TEIL 2: MOBILE FIRST-DIE VERTIKALE NAVIGATION FUER SCHMALE VIEWPORTS . 525 24.3 SCHRITT 2: EINE HORIZONTALE NAVIGATION FUER BREITERE VIEWPORTS . 526 24.4 SCHRITT 3: MENUEBUTTON EINFUEGEN MIT TEMPLATE UND JAVASCRIPT . 528 24.4.1 TEIL 1: MIT TEMPLATE DAS HTMLFUER DEN BUTTON BEREITSTELLEN . 528 24.4.2 TEIL 2: PER JAVASCRIPT DAS HTMLFUER DEN BUTTON KOPIEREN UND EINFUEGEN . 530 24.5 SCHRITT 4: MENUEBUTTON PER CSS GESTALTEN . 532 24.5.1 TEIL 1: DAS CSS ZUR GESTALTUNG DES MENUE-BUTTONS . 532 24.5.2 TEIL 2: MIT DEM PSEUDOELEMENT -BEFORE EIN ICON EINFUEGEN . 534 24 INHALT 24.6 SCHRITT 5: NAVIGATION PER CSS EIN UND AUSBLENDEN . 536 24.6.1 TEIL 1: DIE NAVIGATIONSLISTE EIN UND AUSBLENDEN . 536 24.6.2 TEIL 2: SANFTER UEBERGANG MIT TRANSITION UND BURGER-ICON AUSTAUSCHEN . 538 24.6.3 TEIL 3: DIE HORIZONTALE NAVIGATION WIEDER SICHTBAR MACHEN . 539 24.7 AUF EINEN BLICK . 540 INDEX . 541 25
any_adam_object	1
author	Müller, Peter 1960-
author_GND	(DE-588)1013505735
author_facet	Müller, Peter 1960-
author_role	aut
author_sort	Müller, Peter 1960-
author_variant	p m pm
building	Verbundindex
bvnumber	BV049841581
classification_rvk	ST 250
ctrlnum	(OCoLC)1454757876 (DE-599)DNB1329872576
discipline	Informatik
edition	3., aktualisierte und erweiterte Auflage
format	Book
fullrecord	<?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>00000nam a22000008c 4500</leader><controlfield tag="001">BV049841581</controlfield><controlfield tag="003">DE-604</controlfield><controlfield tag="005">20241125</controlfield><controlfield tag="007">t\|</controlfield><controlfield tag="008">240829s2024 gw a\|\|\| \|\|\|\| 00\|\|\| ger d</controlfield><datafield tag="015" ind1=" " ind2=" "><subfield code="a">24,N21</subfield><subfield code="2">dnb</subfield></datafield><datafield tag="016" ind1="7" ind2=" "><subfield code="a">1329872576</subfield><subfield code="2">DE-101</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9783367102334</subfield><subfield code="c">Broschur: EUR 29.90 (DE), EUR 30.80 (AT), CHF 38.90 (freier Preis)</subfield><subfield code="9">978-3-367-10233-4</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">3367102334</subfield><subfield code="9">3-367-10233-4</subfield></datafield><datafield tag="024" ind1="3" ind2=" "><subfield code="a">9783367102334</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)1454757876</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-599)DNB1329872576</subfield></datafield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">DE-604</subfield><subfield code="b">ger</subfield><subfield code="e">rda</subfield></datafield><datafield tag="041" ind1="0" ind2=" "><subfield code="a">ger</subfield></datafield><datafield tag="044" ind1=" " ind2=" "><subfield code="a">gw</subfield><subfield code="c">XA-DE-NW</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-1050</subfield><subfield code="a">DE-862</subfield><subfield code="a">DE-Aug4</subfield><subfield code="a">DE-523</subfield></datafield><datafield tag="084" ind1=" " ind2=" "><subfield code="a">ST 250</subfield><subfield code="0">(DE-625)143626:</subfield><subfield code="2">rvk</subfield></datafield><datafield tag="084" ind1=" " ind2=" "><subfield code="8">1\p</subfield><subfield code="a">004</subfield><subfield code="2">23sdnb</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Müller, Peter</subfield><subfield code="d">1960-</subfield><subfield code="e">Verfasser</subfield><subfield code="0">(DE-588)1013505735</subfield><subfield code="4">aut</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Einstieg in HTML und CSS</subfield><subfield code="b">Webseiten programmieren und gestalten</subfield><subfield code="c">Peter Müller</subfield></datafield><datafield tag="250" ind1=" " ind2=" "><subfield code="a">3., aktualisierte und erweiterte Auflage</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Bonn</subfield><subfield code="b">Rheinwerk Verlag</subfield><subfield code="c">2024</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">551 Seiten</subfield><subfield code="b">Illustrationen</subfield><subfield code="c">23 cm x 17.2 cm</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="b">n</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="b">nc</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">HTML</subfield><subfield code="0">(DE-588)4373477-7</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">Cascading Style Sheets</subfield><subfield code="0">(DE-588)4467617-7</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Programmieren Entwickeln</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">WordPress CMS Jimdo</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Cascading Style Sheets</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">CSS3</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">HTML5</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Web-Entwicklung</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">HTML CSS lernen</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Hand-Buch Bücher Wissen Tutorial Anleitung Ratgeber Kurs Übung</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Eigene Website-s bauen</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Webseiten erstellen</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Anfänger Einsteiger</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">Editor</subfield></datafield><datafield tag="653" ind1=" " ind2=" "><subfield code="a">HTML-CSS-Grundlagen</subfield></datafield><datafield tag="689" ind1="0" ind2="0"><subfield code="a">HTML</subfield><subfield code="0">(DE-588)4373477-7</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2="1"><subfield code="a">Cascading Style Sheets</subfield><subfield code="0">(DE-588)4467617-7</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2=" "><subfield code="5">DE-604</subfield></datafield><datafield tag="710" ind1="2" ind2=" "><subfield code="a">Rheinwerk Verlag</subfield><subfield code="0">(DE-588)1081738405</subfield><subfield code="4">pbl</subfield></datafield><datafield tag="856" ind1="4" ind2="2"><subfield code="m">X:MVB</subfield><subfield code="q">text/html</subfield><subfield code="u">http://deposit.dnb.de/cgi-bin/dokserv?id=8005cb26ad09443fb932792a57a37701&prov=M&dok_var=1&dok_ext=htm</subfield><subfield code="3">Inhaltstext</subfield></datafield><datafield tag="856" ind1="4" ind2="2"><subfield code="m">DNB Datenaustausch</subfield><subfield code="q">application/pdf</subfield><subfield code="u">http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=035181518&sequence=000001&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA</subfield><subfield code="3">Inhaltsverzeichnis</subfield></datafield><datafield tag="883" ind1="1" ind2=" "><subfield code="8">1\p</subfield><subfield code="a">vlb</subfield><subfield code="d">20240517</subfield><subfield code="q">DE-101</subfield><subfield code="u">https://d-nb.info/provenance/plan#vlb</subfield></datafield><datafield tag="943" ind1="1" ind2=" "><subfield code="a">oai:aleph.bib-bvb.de:BVB01-035181518</subfield></datafield></record></collection>
id	DE-604.BV049841581
illustrated	Illustrated
indexdate	2024-12-03T04:03:03Z
institution	BVB
institution_GND	(DE-588)1081738405
isbn	9783367102334 3367102334
language	German
oai_aleph_id	oai:aleph.bib-bvb.de:BVB01-035181518
oclc_num	1454757876
open_access_boolean
owner	DE-1050 DE-862 DE-BY-FWS DE-Aug4 DE-523
owner_facet	DE-1050 DE-862 DE-BY-FWS DE-Aug4 DE-523
physical	551 Seiten Illustrationen 23 cm x 17.2 cm
publishDate	2024
publishDateSearch	2024
publishDateSort	2024
publisher	Rheinwerk Verlag
record_format	marc
spellingShingle	Müller, Peter 1960- Einstieg in HTML und CSS Webseiten programmieren und gestalten HTML (DE-588)4373477-7 gnd Cascading Style Sheets (DE-588)4467617-7 gnd
subject_GND	(DE-588)4373477-7 (DE-588)4467617-7
title	Einstieg in HTML und CSS Webseiten programmieren und gestalten
title_auth	Einstieg in HTML und CSS Webseiten programmieren und gestalten
title_exact_search	Einstieg in HTML und CSS Webseiten programmieren und gestalten
title_full	Einstieg in HTML und CSS Webseiten programmieren und gestalten Peter Müller
title_fullStr	Einstieg in HTML und CSS Webseiten programmieren und gestalten Peter Müller
title_full_unstemmed	Einstieg in HTML und CSS Webseiten programmieren und gestalten Peter Müller
title_short	Einstieg in HTML und CSS
title_sort	einstieg in html und css webseiten programmieren und gestalten
title_sub	Webseiten programmieren und gestalten
topic	HTML (DE-588)4373477-7 gnd Cascading Style Sheets (DE-588)4467617-7 gnd
topic_facet	HTML Cascading Style Sheets
url	http://deposit.dnb.de/cgi-bin/dokserv?id=8005cb26ad09443fb932792a57a37701&prov=M&dok_var=1&dok_ext=htm http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=035181518&sequence=000001&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA
work_keys_str_mv	AT mullerpeter einstieginhtmlundcsswebseitenprogrammierenundgestalten AT rheinwerkverlag einstieginhtmlundcsswebseitenprogrammierenundgestalten

Verfügbarkeit

Beschreibung

THWS Schweinfurt Zentralbibliothek Lesesaal

Bestandesangaben von THWS Schweinfurt Zentralbibliothek Lesesaal
Signatur:	2000 ST 250 H85 M947(3)
Exemplar 1	ausleihbar Checked out – Rückgabe bis: 07.01.2025 Vormerken

MARC

Datensatz im Suchindex

THWS Schweinfurt Zentralbibliothek Lesesaal

Ähnliche Einträge