HTML/Tutorials/Einstieg

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Was muss man eigentlich können oder wissen, um nicht nur im Internet zu surfen, sondern auch eigene Inhalte im Internet zu präsentieren?


In diesem Tutorial lernen Sie die Grundlagen von HTML kennen. Und keine Sorge, diese vier Buchstaben dürfen Sie gerne deutsch aussprechen. Wofür diese Buchstaben im Einzelnen stehen, verraten wir Ihnen auf jeden Fall noch. Jedenfalls sind Sie herzlich eingeladen, mit uns eine Reise durch die Techniken des Internets zu wagen.


Dieser Kurs gliedert sich in vier Kapitel:

  • Vorüberlegungen
    1. Die ersten Schritte
      • Überschriften
      • Absätze
      • Listen
      • HTML5-Grundgerüst
    2. Hypertext und Multimedia
      • Verweise
      • Ein Menü
      • Bilder + Videos
      • Referenzieren in HTML
    3. Gestaltung mit CSS
      • Festlegung von Formatierungen
        • Schriftgröße
        • Schriftart
        • Ausrichtung
      • Einbindung von Stylesheets
    4. Layout mit CSS
      • Seitenstrukturierung
      • Elemente nebeneinander platzieren
      • Wie geht es weiter? (Nachwort)
    5. eine Preistabelle


    Vorüberlegungen

    Was brauche ich, um loslegen zu können?

    Um HTML-Dateien auf dem Bildschirm anzeigen zu können, benötigen Sie dann nur Ihren Browser, also das Programm, mit dem Sie gerade dieses Tutorial lesen.

    Die HTML-Dateien (und auch CSS-Stylesheets ab Kapitel 3), um die es im Folgenden hauptsächlich geht, sind reine Textdateien. Um diese Dateien bearbeiten zu können, reicht erstmal ein einfacher Code-Editor, der bei Ihrem Betriebssystem bereits vorinstalliert ist.

    Website-Planung – die Schreinerei Meier

    Um die Überlegungen zu verdeutlichen, die vor der Veröffentlichung einer Website stehen, begeben wir uns jetzt in die Werkstatt des Schreinermeisters Meier in Dingenskirchen. Meier arbeitet in der Hauptsache als Möbelschreiner, daneben bietet er noch einen Reparaturdienst an – wenn beispielsweise an einer Tür ein Beschlag auszuwechseln oder ein Tisch abzubeizen sei. Er ist ein Mann mit Ambitionen und möchte gern auch über die Grenzen Dingenskirchens hinaus bekannt werden. Nachdem er schon gesehen hat, dass sein schärfster Konkurrent in seiner Werbung eine Internet-Adresse angibt, unter der man sich informieren kann, möchte er so etwas auch.

    Html-einstieg-vorschau.png

    Auf den folgenden Seiten können Sie seine ersten Schritte bis zur mehrseitigen Homepage verfolgen!

    Klicken Sie auf das Bild, um die Seiten in einem neuen Tab zu öffnen.

    Sie können alle Dateien herunterladen:

    src.selfhtml.org/kurse/html-einstieg.zip (ZIP, 8.9MB)

    Abgerufen von „http://wiki.selfhtml.org/index.php?title=HTML/Tutorials/Einstieg&oldid=81922“