Wie fange ich an?

Aus SELFHTML-Wiki
(Weitergeleitet von Grundlagen/Webprojekte)
Wechseln zu: Navigation, Suche

Neben der eigentlichen Dokumentation enthält das SELF-Wiki auch Einstiegs-Tutorials mit Schritt-für-Schritt-Anleitungen.
Diese Kurse bieten geführte "Touren" durch die einzelnen Technologien an und erleichtern Ihnen die ersten Schritte. Am Ende jedes Kurses gibt es Links auf weiterführende Tutorials.

Wenn Sie selbst Inhalte beitragen können und möchten, sind Sie herzlich eingeladen, mitzumachen.

  • Einstieg ins Wiki

    Ein Rundgang durch Aufbau und Möglichkeiten dieser Dokumentation


Grundlagen

  • Von der Idee zum Projekt
    Webprojekte-planen.svg
  • Der richtige Code-Editor
    Webprojekte-edit.svg
  • Arbeiten mit dem Seiteninspektor
    • HTML & CSS mit dem Seiteninspektor untersuchen
    • Usability-Tests
  • Dateiorganisation


    Cool URIs don't change!

  • Web-Hosting

    Das Projekt veröffentlichen und betreiben

  • FAQ

    Häufig gestellte Fragen

Tutorials

  • Einstieg in HTML

    Der Kurs für die ersten Schritte in HTML und CSS

    Schritt für Schritt zur eigenen Webseite

    Html-einstieg-vorschau.png
  • Einstieg in CSS
    • Warum Layouts mit CSS?
    • Webseiten responsiv umbauen
    Stylesheets für HTML und SVG
  • Einstieg in Grid-Layout
    • Grid-Container
    • Grid-Items (Rasterelemente)
    • Responsive Raster ohne Media Queries
  • Trennung von Inhalt, Präsentation und Verhalten


    … erklärt, welche Rollen die Techniken HTML, CSS und JavaScript spielen.

  • Bilder im Internet
    Landscape.svg
  • Einstieg in SVG
    • Warum SVG nutzen?
    • SVG mit CSS stylen
    • SVG mit CSS animieren

    Step by step eigene SVGs erstellen

  • Einstieg in JavaScript
    • Erste Schritte
    • Programmieren und Debuggen
  • Das DOM und Einbindung in HTML
    • Was ist das DOM?
    • DOM-Manipulation

    Wie man interaktive Webseiten erstellt

Daneben gibt es noch weitere Bereiche:

  • Glossar – kurze Beschreibungen zu Abkürzungen, Namen etc. mit weiterführenden Links
  • Hilfe – Hilfe für Leser und Autoren
  • Referenzen – Listen mit Eigenschaften und Methoden mit Links zur ausführlichen Beschreibung (nicht für Anfänger geeignet)