Videos eBook Forum Kontakt

jetzt Videos kaufen
zum Lernen von HTML,
CSS und Webdesign

Jetzt das HTML-Seminar bestellen als
Video-Tutorial mit über 210 Videos:
von den Grundlagen bis zur fertigen Website
Video-Kurs HTML5, CSS & Webdesign

Video-Kurs bestellen HTML5, CSS & Webdesign
Video-Kurs bestellen HTML5, CSS & Webdesign

Sitemap

Startseite Vorwort Videokurs HTML5, CSS3 und Webdesign Videokurs bestellen FAQ Videokurs Nutzer-Feedback HTML lernen
– Websites strukturieren
benötigte Software Vorgehensweise Website erstellen was beim Laden einer Website passiert erste HTML-Seite Grundlagen - HTML-TAG Absatz erstellen - p Lösung zur Übung Überschriften Lösung Übung Überschriften HTML-Editor Brackets Sublime Text HTML-Editor Scriptly HTML-Editor Phase 5 HTML-Editor für Mac Fonts für Entwickler HTML-Grundgerüst Aufgabenlösung Seitenaufbau Text fett b - strong Text kursiv i oder em Schachteln von HTML-TAGs Aufgabenlösung Schachteln von HTML-TAGs unterstreichen Aufgabenlösung validieren HTML-Seite Sauberer HTML-Code Zeichen hochgestellt bzw. tiefgestellt Listen, Aufzählungen Aufgabenlösung nummerierte Liste Definitionsliste Aufgabenlösung Definitionslisten erzwungener Umbruch Trennlinie Bilder, Fotos u. Grafiken integrieren Bildmaterial Bilder komprimieren im Browser Attribute bei HTML-TAGs Tabellen Tabellenkopf u. Fuß Tabellenzellen verbinden Links, Hyperlinks Dateinamen interne Links Steuerung erstellen externe Links Verzeichnisse PDFs als Download Link mit Sprungmarke Sprungmarken Aufgabenlösung Sprungmarken E-Mail verlinken Bereiche mit DIV und SPAN Aufgabenlösung DIV und SPAN HTML5 - Inhalte strukturieren Videos einbinden mit HTML5 [<]video[>] Musik einbinden mit HTML5 [<]audio[>] HTML Farben HTML-Befehle [<]details[>] und [<]summary[>] Formulare Auswahlliste als Formularelement Komfort bei Formularen Label Formularbeschriftung Formularfeld number HTML5 Domainnamen alte Domainnamen Provider & Domains Internetprovider empfehlen Domainname umziehen / Domainnamen kaufen kostenloser Webspace und seine Kosten Online stellen per FTP per FileZilla per WS-FTP HTML Befehle Übersicht CSS lernen
– Webdesign erstellen
Trennung Inhalt Design Aufbau CSS Befehle CSS in HTML einbinden Farben mit CSS nutzen CSS border: Rahmen CSS & Schrift Zeilenhöhe / Abstände Box-Modell Beispiele Box-Modell Box-Modell box-sizing: border-box CLASS und ID DIV und SPANs Design per CSS - float Seitenbreite in CSS begrenzen Mittige Ausrichtung des Layouts Kopfzeile integrieren Fußzeile integrieren dreispaltiges Layout Listenelemente mit CSS gestalten - Navigation erstellen Aufzählungen mit Unterebenen und erweiterter Nummerierung Steuerung per CSS Navigation und Pseudoklassen Steuerung mit Feedback Block- und Inline-Elemente verstehen Block- u. Inline-Elemente Grafik statt Aufzählungszeichen Bilder und Hintergrund Hintergrundbilder platzieren, wiederholen und fixieren absolute Positionierung Lösung Aufgabe absolute Positionierung Kindelemente und absolute Positionierung Sticky Footer - Fußleiste unten Mauszeiger ändern Berechnungen über calc() CSS Befehle Übersicht CSS Tipps und Tricks sanftes Scrollen scroll-behavior: smooth; CSS-Layout-Generator CSS3 Selektoren in CSS3 - Übersicht Attributselektor Struktur-Pseudoklassen nth-child(n) last-child - letztes Element Deckkraft (opacity) Lösung zur opacity-Aufgabe CSS3 Farben HSL Lösung zur HSL-Farben-Aufgabe Farben mit Transparenz (HSLA) Aufgabe zu HSLA Lösung zur HSLA-Farben-Aufgabe CSS Gradient – Farbverläufe ohne Grafiken Farbverlauf kreisförmig Muster erzeugen Schatten box-shadow Lösung zu box-shadow abgerundete Ecken Lösung zu border-radius unterschiedliche Rundungen Lösung Kreis mit CSS3 asymmetrische Rundungen Text mit Schatten Outline-Schrift per CSS3 eingestanzte Schrift brennende Schrift Schrift als Neonreklame Elemente umwandeln - transform: Live-Demo CSS3 transform Elemente rotieren Lösung transform: rotate Drehpunkt transform-origin Aufgabenlösung transform-origin Skalieren transform: scale Lösung zu skalieren neigen transform: skew Lösung transform: skew Transformationen kombinieren Lösung transform: kombinieren tranform: translate - verschieben CSS3 transition Animationen CSS3 keyframes: komplexe Animationen Mehrere Hintergrundgrafiken ::before / ::after – CSS erzeugt Inhalt und Design über Pseudoelemente CSS-Anweisung content Beispiele für ::before / ::after und content: CSS Flexbox Layout Websites nachbauen
– Schritt für Schritt
Vorstellung Projekte 1-Spalten-Layout für Websites Design über CSS fertiges Beispiel 2 Spalten Layout Zentriertes Design Beispiel 2 Spalten Layout 3-Spalten-Layout mit CSS erstellen HTML5-Grundgerüst Inhalte übernehmen & strukturieren Bereiche über HTML5 festlegen Bilder - HTML oder CSS? Einstieg ins Design CSS 3 Spalten Layout 3-Spalten-Layout zentriert Lücken im Design Design Kopfbereich Hintergrundgrafiken für das Design Bilder im Inhalt Abstände und Schriften Steuerung links Steuerung oben mit Buttons Fußbereich und float mobiles Design der 3 Beispielprojekte für Handy und Tablet Responsive Webdesign Viewport richtig setzen Media Queries Kontrolle direkt im Browser Bilder bei Responsive Design externe Videos einbinden Sticky Footer bei Responsive Design Toggle Menü ohne JavaScript erst normale Steuerung erweitern zur Menü-Steuerung daraus Toggle-Menü für Responsive Webdesign Bildbearbeitung für Websites Farbtheorie - harmonische Farben finden Bildbearbeitung mit GIMP Grundlagen Gimp Horizont begradigen Bilder beschneiden Bilderinhalte ergänzen Bildgröße ändern Bilder nachschärfen Speichern mit idealer Dateigröße flaue Bilder aufmotzen Favicon erstellen viele Bilder schnell bearbeiten Bildbearbeitung: verschiedene Software Bilderausschnitt & Größe verändern mit IrfanView Bilder optimieren mit FixFoto Schatten mit Corel Draw fremde Bilder für eigene Website Ideale Fotos für Websites JavaScript, Ajax und jQuery Erstes JavaScript Programm Aufbau der JavaScript Befehle JavaScript-Fehler anzeigen Variablen in JavaScript Besser JavaScript lernen mit Strict Mode JavaScript kommentieren Debugging - Kontrollausgabe mit der Konsole Ausgabekontrolle in Firebug Datentypen in JavaScript Strings und JavaScript Berechnungen durchführen Zufallszahlen mit JavaScript Array – Daten strukturiert speichern DOM - das Document Object Model HTML-Baum und Zugriff über DOM darauf DOM nutzen über getElementById Fehlerquelle zuzugreifen auf noch nicht vorhandene Elemente getElementsByType - Zugriff auf DOM getElementsByClassName - Klassen für DOM nutzen Auswahl Elementen innerhalb festgelegter Bereiche HTML-Elemente durch JavaScript ändern DOM über JavaScript erweitern EventListener einsetzen - Kontrolle im Browser Browserobjekte nutzen Browserobjekt window Dialogboxen alert, prompt und confirm setInterval - Wiederholende Ausführungen setTimeout - Ausführung nach festgelegter Zeit Breite und Höhe - window-Eigenschaften pageXOffset und pageYOffset Menüzeile nach Scrollen oben fixieren scrollTo – Springen zu vorgegebenen Koordinaten scrollBy() – Scrollen um vorgegebenen Pixelanzahl location – URL im Zugriff window.history - vorwärts und rückwärts blättern getSelection – Textauswahl durch Nutzer Auslesen Lagesensoren mobiler Geräte (Handy/Tablet) Date() - Datums-Objekt Math - Rechnen leichtgemacht Funktionen in JavaScript if-Bedingung True alias truthy versus false alias falsy switch case Bedingungen Schleifen in JavaScript while - Schleife do … while – Schleife for - Schleife JavaScript einbinden JavaScript auslagern Events triggern mit addEventListener Bildergalerie mit Lightbox JavaScript Tipps & Tricks Fenstergröße über JavaScript ändern Ajax Einführung jQuery für Anfänger Elemente selektieren über jQuery Inhalte ändern über jQuery selektieren über IDs und Klassen jQuery und CSS jQuery und Maus Tastatureingaben mit jQuery abfragen Elemente aus- und einblenden über jQuery callback-function bei jQuery Canvas Zeichnen auf Leinwand Farbe und Transparenz Kreise zeichnen Spiel mit JavaScript programmieren lernen Vorbereitung für Spiel Spielfäche im Spiel zeichnen Spielfigur zeichnen Taktgeber im Spiel Spielerfigur bewegen Ziel im Spiel über Kollisionskontrolle überprüfen aktueller Punktestand ausgeben Zeitlimit in Spiel einbauen Gegner im Spiel einbauen Feindkontakt - Game over Spielentwicklung Zusammenfassung Webdesign verstehen und anwenden Gestaltpsychologie Gesetz der Nähe für Webdesign Gesetz der Ähnlichkeit Gesetz der Kontinuität für Webdesign Gesetz der Geschlossenheit Gesetz der Erfahrung Gesetz des gemeinsamen Schicksals Gesetz der Symmetrie Gesetz der guten Gestalt Schriften und Webdesign Schriftarten und Wirkung Schriften für besonderes Design 2 Schriften auswählen Webdesign: Zeilenlänge und Zeilenabstand Abstand aufheben Blocksatz vs Flattersatz Hervorhebungen im Text Typografie Unterschneidung (kerning) Bilder animieren PHP programmieren Forum ins Forum Diverses Fortgeschrittene Breadcrumbs-Navigation Metatags Auswirkung Suchmaschinen Robots unterstützen Recht Usability HTTP Fehlercodes 401, 404, 500 404 eigene Fehlerseite SSI – Server Side Includes Geschwindigkeit einer Webseite messen Schreiben für das Internet Reputation Management Website mit oder ohne www aufrufbar mod_rewrite - URLs umwandeln Geld verdienen im Internet Web Apps erstellen Web App versus Native App Unterschiede im Seitenaufbau jQuery Mobile jQuery Mobile Tutorial mit PHP und Datenbank Tipps & Tricks Bookmarklet Softwareempfehlungen Software Firefox IE Toolbar Rund ums Internet Bücher E-Books bestellen Linksammlung Referenz Sonderzeichen HTML Leerzeichen Maßeinheiten Cronjobs erstellen Abk. - Abkürzungen headerinformationen lorem ipsum Generator Helfen Sie mit... Archiv WYSIWYG-Editoren SuperHTML Web Studio Attribute bei Aufzählungen hoch-tief, groß-klein Bilder ausrichten Trennlinie Attribute Attribute bei Tabellen Frames iFrames Farbangaben veraltet - font color Neuigkeiten Gewinnspiel 2006 per Netscape Composer Layout über Tabellen per Scriptly Impressum Kontakt Suche Sitemap Datenschutzerklärung