Oft werde ich gefragt, ob man im Zeitalter von Künstlicher Intelligenz und einfachen Baukasten-Systemen überhaupt noch „coden“ lernen muss. Meine Antwort ist ein klares Ja! Wer die Grundlagen von HTML und CSS beherrscht, versteht die DNA des digitalen Raums. Selbst wenn eine KI heute Code-Schnipsel generieren kann, muss man verstehen, was dort passiert, um Fehler zu korrigieren und eigene, individuelle Ideen wirklich präzise umzusetzen. Ohne dieses Basiswissen bleibt man immer nur Nutzer – mit HTML und CSS wird man zum Gestalter.

Was viele nicht wissen: Dieses Wissen ist auch das Fundament für die Welt der mobilen Anwendungen. Wer davon träumt, später einmal eigene Smartphone-Apps zu programmieren, kommt an HTML und CSS kaum vorbei. Moderne Apps basieren oft auf Web-Technologien oder nutzen diese für ihre Benutzeroberflächen. Wer hier die Logik von Struktur und Design versteht, hat den wichtigsten ersten Schritt in die Software-Entwicklung bereits getan.

In meinem Buch zeige ich Schritt für Schritt, wie man ganz ohne teure Software eine eigene Webseite aufbaut. Wir fangen mit einfachen Texten und Überschriften an und arbeiten uns vor bis zu komplexeren Elementen wie Tabellen, Formularen und dem Einbinden von Musik und Videos. Mit CSS verleihen wir dem Ganzen dann den nötigen Glanz: Wir gestalten Hintergründe, setzen schicke Rahmen und sorgen dafür, dass die Seite auf jedem Gerät gut aussieht.

Neben dem reinen Programmieren vermittle ich auch wichtiges Hintergrundwissen. Mir ist wichtig, dass meine Leser nicht nur „nachbauen“, sondern verstehen, wie man eine Seite professionell und sauber aufsetzt. Die Fachpresse, wie etwa Mac Life, beschreibt das Buch als „leicht verständliches Lehrbuch“, und der ekz-Bibliotheksservice hebt hervor, dass außer einem Texteditor und einem Browser keinerlei Vorkenntnisse nötig sind.

Damit der Einstieg perfekt gelingt, gibt es zum Buch ein umfangreiches Download-Paket mit allen Beispielen, Lösungen zu den Übungsaufgaben. Es ist also alles bereit für das erste eigene Projekt im World Wide Web!

ISBN Buch: 9783747501177
ISBN eBook: 9783747501191
Preis: 12,99 Euro
304 Seiten

Wenn man erst einmal versteht, dass HTML- & CSS-Code die Brücke zwischen Logik und Ästhetik ist, wird es richtig spannend. Viele denken bei Webtechnologie sofort an staubige Firmen-Homepages oder komplexe Tabellen. Doch weit gefehlt! HTML und CSS sind die unsichtbaren Macher hinter vielen Dingen, die wir im digitalen Alltag feiern.

Besonders als Gamer und Design-Fan sollten dir HTML & CSS nicht gleichgültig sein. Hier sind drei Bereiche, in denen du mit Code zum Creator wirst:

1. Gaming: Dein individuelles Setup (UIs und Overlays)

Wusstest du, dass viele moderne Spiele im Hintergrund auf Web-Engines setzen, um ihre Menüs und Inventar-Ansichten darzustellen? Das nennt man Gaming UI (User Interface).

• Twitch-Overlays: Wer auf Twitch streamt, möchte auffallen. Ob Spenden-Barometer, Alert-Boxen oder Chat-Integrationen – Tools wie Streamlabs basieren fast immer auf HTML und CSS. Wenn du hier selbst Hand anlegen kannst, baust du dir ein Design, das sonst niemand hat.
• In-Game-Interfaces: Sogar Klassiker wie Minecraft erlauben es mit den richtigen Mods, die Optik des Spiels tiefgreifend zu verändern. Wer den Code versteht, gestaltet sein Spiel aktiv mit.

2. Social Media Individualisierung: Discord & Co.

Viele Menschen lieben es, ihre digitale Umgebung zu personalisieren und sich von der Masse abzuheben.

• Discord-Themes: Mit CSS kannst du das Aussehen deines Discord-Clients (z. B. über BetterDiscord) komplett umkrempeln. Von der Schriftart bis hin zu animierten Hintergründen ist alles möglich.
• Profil-Design: Plattformen wie Carrd oder das Retro-Netzwerk SpaceHey boomen, gerade weil sie Nutzern erlauben, ihre Identität durch eigenen Code auszudrücken. Es ist das digitale Äquivalent dazu, sein Zimmer mit Postern zu tapezieren – nur viel flexibler.

3. Digitale Kunst & Creative Coding

CSS ist mittlerweile so mächtig geworden, dass es fast schon eine eigene Kunstform ist. Unter dem Begriff Creative Coding erschaffen Entwickler Erstaunliches:

• Pure CSS Art: Es gibt Künstler, die mit reinem CSS komplette, fotorealistische Gemälde „malen“. Kein Pinsel, nur Code-Zeilen.
• Interaktive Installationen: In Verbindung mit ein wenig JavaScript lassen sich Kunstwerke erschaffen, die auf Mausbewegungen oder Sound reagieren. Für kreative Köpfe ist das oft viel spannender als eine klassische Firmenseite.

Für die Gamer und Kreativen unter euch:

Wusstest du, dass du dein eigenes Twitch-Overlay mit CSS gestalten kannst? Oder dass viele der Menüs in deinen Lieblingsspielen im Grunde wie kleine Webseiten funktionieren? Selbst wenn du kein klassischer Webdesigner werden willst: HTML und CSS sind die Werkzeuge, mit dem du deinem digitalen Setup deinen ganz persönlichen Stempel aufdrückst. Es ist die Kunstform des 21. Jahrhunderts!

So – habe ich dich jetzt überzeugt, dass HTML und CSS absolut spannende THemen sind und einen echten Coolness-Faktor haben?

HTML und CSS ganz leicht und Schritt für Schritt lernen. Eine Webseite mit allem Drum und Dran erstellen: farbige Texte, übersichtliche Tabellen, schöne Bilder, praktische Formulare, interessante Videos und sogar Musik. Mit viel Hintergrundwissen zur Gestaltung sowie zur Suchmaschinenoptimierung

Es gibt viele Wege, eine eigene Webseite zu erstellen. Aber möchtest du es von Grund auf lernen, solltest du am besten HTML und CSS dazu verwenden. Thomas Kobert weiht dich Schritt für Schritt in die Grundlagen von HTML 5 und CSS 3 ein. Du lernst, mithilfe von HTML und einem Editor deine Webseite mit vielen Elementen zu füllen und zu gestalten: Überschriften, Zeilenumbrüche, Hyperlinks und schöne Textformatierungen gehören ebenso dazu wie das Einbinden von Bildern, Videos und Musik.

Mit CSS verschönerst du dann das Design: Ein toller Hintergrund, Rahmen, Aufzählungen und Tabellen machen aus deinen Webseiten einen Hingucker. Du lernst sogar, wie du Formulare selbst erstellst und erhältst zusätzlich ganz viele Profi-Tipps. Zusätzliches Wissen zu Suchmaschinenoptimierung und Quelltextvereinfachung geben dir das nötige Handwerkszeug für einen tollen eigenen Online-Auftritt.

Viele Fragen und Aufgaben helfen dir, das Gelernte zu festigen und eigenständig weiterzumachen. Am Ende des Buches findest du eine Übersicht über die wichtigsten HTML- und CSS-Befehle zum Nachschlagen.

Aus dem Inhalt:

• Firefox installieren und einen Editor auswählen
• Die erste Webseite erstellen
• Texte mit Stylesheets gestalten
• Fotos und Multimedia einbinden
• Seitendesign mit CSS
• Sich durch Hyperlinks mit anderen Webseiten vernetzen
• Listen, Aufzählungen und Glossare erstellen
• Tabellen mit CSS verschönern
• Individuelle Formulare entwickeln
• Mit einem Dokumentenkopf deine Webseite aufwerten und für Suchmaschinen optimieren
• CSS-Profitipps: schicke Rahmen verwenden, Mauszeiger ändern und Quelltexte optimieren
• Ausführliche CSS-Referenz
• Anhang mit weiterführenden Infos und den wichtigsten HTML-Elementen

Zum Download: Alle Beispiele aus dem Buch, Antworten und Lösungen zu den Fragen, ein Editor sowie ausführlichere Referenzen

Systemvoraussetzungen: Für Windows, Linux und Mac

Ab 11 Jahre, aber auch für Erwachsene, die eine wirklich einfache Einführung suchen

Über den Autor:
Thomas Kobert ist HTML-Experte und hat bereits viele erfolgreiche Bücher zum Thema verfasst.

Pressestimmen:

»Ein leicht verständliches Lehrbuch, für alle Anwender, die eigene Websites erstellen und optimieren möchten.« (Mac Life, 11/2020)

»Nach der Lektüre kann zum Schluss die 1. eigene Webseite vorgewiesen werden. Programmiervorkenntnisse werden nicht vorausgesetzt – mehr als Texteditor und Browser werden nicht benötigt. Der Autor richtet sich an Kinder ab 11 Jahren und vermittelt das Wissen sehr anschaulich und kindgerecht.« (ekz-Bibliotheksservice, 04/2020)

• Effektiver Einsatz des Buches aufgrund der übersichtlichen Gliederung in fünf Teile
• Erfolgreicher Einstieg in jedes Thema durch klar strukturierte und in sich abgeschlossene Kapitel
• Schnelles und problemloses Auffinden aller gesuchten Informationen durch breit angelegten Index

Aus dem Inhalt:

TEIL I: ERSTE SCHRITTE IN HTML

• HTML-Grundlagen, HTML 4, HTML 5, XHTML
• Seitenaufbau
• einfache Textformatierung

TEIL II: HTML IM DETAIL

• Allgemeines zu Befehlen
• Definition von Abschnitten
• erweiterte Textauszeichnung
• Hyperlinks
• Tabellen
• Formulare
• Grafik und Multimedia
• Definition im Dokumentkopf
• HTML-Elementreferenz
• HTML-Attributreferenz

TEIL III: CASCADING STYLE SHEETS

• Cascading Style Sheets definieren und einbinden
• Textformatierung
• Textoptionen
• Klassen
• Listen
• Rahmen
• Abstände
• Tabellen
• Effekte
• Mauszeigeroptionen
• CSS-Referenz

TEIL IV: XHTML

• Abgrenzung HTML und XHTML
• XHTML-Basics
• Modularisierung

TEIL V: ANHANG

• MIME-Typen
• Farben
• häufig benötigte Entities
• Index

Daten:

• Broschiert: 560 Seiten
• Verlag: bhv; Auflage: 2013 (7. Juni 2013)
• Sprache: Deutsch
• ISBN-10: 3826681878
• ISBN-13: 978-3826681875