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.


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
     
  • File-icon.svgDateiorganisation
    Cool URIs don't change!  
  • Hosting-icon.svgWeb-Hosting

    Das Projekt veröffentlichen und betreiben

     
  • FAQ icon.svgFAQ
    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 
  • CSS3 logo.svgEinstieg in CSS
    • Warum Layouts mit CSS?
    • Webseiten responsiv umbauen

    Stylesheets für HTML und SVG

     
  • HolyGrail.svgEinstieg in Grid-Layout
    • Grid-Container
    • Grid-Items (Rasterelemente)
    • Responsive Raster ohne Media Queries
     
  • HTML-CSS-JS.svgTrennung von Inhalt, Präsentation und Verhalten


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

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

    Step by step eigene SVGs erstellen

     
  • JS-Einstieg-icon.svgEinstieg in JavaScript
    • Erste Schritte
    • Programmieren und Debuggen
     
  • Dom.svgDas 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)