workshops365.de
  Start | Online-Workshops | Newsletter | Gratis-Downloads | Hilfe Registrieren Login  
 
Start > Online-Workshops > Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger

Mit HTML und CSS zur ersten Webseite

Sie möchten in absehbarer Zeit eine eigene Webseite erstellen, für sich, Ihre Firma oder Ihren Verein und haben noch keine Ahnung, wo sie da beginnen und wie das geht? Dann ist dieser Workshop genau das Richtige. Sie lernen hier die Grundlagen der Webseitenerstellung kennen und brauchen dazu nichts weiter als einen einfachen Texteditor und den Willen sich mit der Materie zu beschäftigen.

Ziel des Workshops ist, eine einfache, kleine Webseite zu erstellen und auf dem Webserver veröffentlichen zu können und den dazu notwendigen Arbeitsablauf effizient gestalten zu können.

Gleichzeitig bekommen Sie hier die grundlegenden HTML- und CSS-Kenntnisse vermittelt, die Sie auch benötigen, um effizient mit komplexeren Website-Editoren wie Expression Web und Dreamweaver zu arbeiten. Auch als Einstieg für Dreamweaver-Benutzer ist dieser Workshop daher sehr zu empfehlen.
Neben den reinen HTML- und CSS-Kenntnissen, die Sie zum Erstellen von Webseiten benötigen, bekommen Sie aber auch Tipps zur Wahl des Providers bei dem Sie Ihre Webseite veröffentlichen und Sie erfahren natürlich auch, wie Sie ein kostenloses FTP-Tool nutzen, um die Seite zu veröffentlichen.


barrierefreie und standardkonforme Websites

Schwerpunktmäßig wird im Workshop Wert auf die Erstellung barrierefreier und standardkonformer Websites gelegt. Das hat nämlich mehrere positive Nebeneffekte. Zum einen ist eine solche Seite sehr wartungsfreundlich, auch wenn Sie nur einen einfachen Texteditor zur Verfügung haben und sie sind sehr suchmaschinenfreundlich und führen daher zu einer guten Suchmaschinenplatzierung, wenn die Inhalte stimmen.


Aufbau des Workshops

Der Workshop geht über zwei Wochen und beinhaltet ausführliches Lehrmaterial, in dem Übungen und Aufgaben mit einfachen Schritt-für-Schritt-Anleitungen enthalten sind. Jeder Schritt wird vorab oder unmittelbar in der Übung erläutert und in der Regel können Sie die Ergebnisse direkt im Anschluss im Browser ansehen und prüfen und sofern Sie schon über einen Provider und Speicherplatz auf einem Webserver verfügen, können Sie die Ergebnisse bspw. zur Diskussion im Workshop-Forum auch hochladen.

Wichtig ist dabei, dass Sie mitdenken und die Übungen und Aufgaben auch lösen und aktiv mitmachen. Denn nur so lernen Sie wirklich. Vor allem aus eigenen Fehlern lernt man, das ist fast nirgends so wichtig, wie beim Programmieren und beim Erstellen von Webseiten. Fehler, die Sie dabei machen, bieten Stoff für Diskussionen aus denen alle Workshop-Teilnehmer neue Kenntnisse ziehen. Aufgaben und Übungen sollen daher immer nur ein Anstoß für ihre eigene praktische Arbeit sein. Erweiterungen und Änderungen Ihrerseits sind jederzeit willkommen und erwünscht. Wenn Sie Fragen haben, Probleme oder einen Fehler nicht finden, fragen Sie mich, denn dazu bin ich da.


Welche Software Sie benötigen

Damit Sie die Aufgaben und Übungen nachvollziehen können, benötigen Sie

  • einen einfachen Texteditor, der in der Lage ist, Textdateien (ohne Formatierung) mit einer beliebigen Dateinamenserweiterung (bspw. .HTML) zu speichern. Der Windows-Editor Notepad reicht dazu aus. Alternativ ist auch ein Webeditor wie Dreamweaver, Namo Webeditor, oder Expression Web geeignet. Es sollte aber einer sein, bei dem Sie die volle Kontrolle über den erzeugten Code haben. Word und die meisten anderen Textverarbeitungen sind ##nicht## optimal geeignet.

  • ein FTP-Programm, oder einen Browser, der den FTP-Upload beherrscht. Davon gibt es viele kostenlose Programme, von denen Ihnen auch welche in den Workshop-Unterlagen empfohlen werden. Sie können das Programm also im Rahmen des Workshops runterladen und installieren.

  • ein einfaches Grafikprogramm Ihrer Wahl, das JPG und GIF-Dateien erstellen kann. Sie können aber auch mit den Beispieldateien des Workshops arbeiten, wenn sie selbst keine Grafiken erstellen möchten.

  • mindestens einen Internet-Browser, wie Mozilla Firefox oder den Internet Explorer, besser mehrere verschiedene, um Ihre Website zu testen.

    Die Workshop-Unterlagen basieren auf Paint Shop Pro X als Grafikprogramm, dem Windows-Editor Notepad und Filezilla als FTP-Programm. Sie sind allerdings so gehalten, dass Sie auch mit anderer Software gut zurecht kommen sollten. Im Notfall steht Ihnen das Workshopforum für Fragen zur Verfügung.


    Was Sie an Kenntnissen mitbringen sollten

    Auch wenn sich der Workshop an Website- und HTML-Einsteiger richtet, sind ein paar grundlegende Voraussetzungen notwendig. Sie sollten folgende Kenntnisse haben:

  • die grundlegenden Begrifflichkeiten bzgl. Internet kennen, wie "Hyperlink", "Browser" und "URL".
  • den von Ihnen verwendeten Texteditor bedienen können (neue Datei erstellen, Dateien öffnen und speichern, Text eingeben, löschen, verschieben ....)
  • die Dateiverwaltung Ihres Betriebssystems kennen (Ordner und Dateien erstellen, löschen, umbenennen und verschieben)
  • das von Ihnen verwendete Grafikprogramm grundlegend bedienen können.



  • Was Sie lernen werden

    Der Workshop hat eine Dauer von 14 Tagen, in denen Sie Schritt für Schritt in die Erstellung von Webseiten mit HTML und CSS eingeführt werden.
    Am Ende des Workshops sind Sie in der Lage selbständig eine Website zu erstellen und warten, vorhandene HTML- und CSS-Dateien zu bearbeiten, zu verändern und Fehler zu finden.

    Im Einzelnen sieht die Planung für die Inhalte der zwei Wochen wie folgt aus:

    Woche 1: Website-Grundlagen

  • Providerwahl, Webspace- und Domainregistrierung
  • HTML-Grundlagen, wichtige Begriffe und Syntax
  • Aufbau einer HTML-Seite
  • Korrekte Auszeichnung der Inhalte mit entsprechenden HTML-Elementen
  • Hyperlinks, Grafiken und Tabellen einfügen
  • CSS-Grundlagen
  • Einbindung von CSS-Dateien
  • einfache Formatierungen mittels CSS.
  • einrichten eines FTP-Programms
  • Veröffentlichen der Website

    Woche 2: Formatieren mit CSS

  • CSS-Stile im Detail
  • Seitenlayout mit CSS
  • Hyperlinks formatieren
  • Rahmen und Hintergrundbilder einsetzen
  • Navigationsleisten
  • Bildergalerien gestalten
  • Server-Side-Includes für eine effizientere Websiteverwaltung einsetzen.
  • rechtliche Rahmenbedingungen


    Über mich

    Damit Sie wissen, mit wem Sie es zu tun haben, hier noch ein paar Informationen über mich. Ich habe Wirtschaftswissenschaften mit Schwerpunkt Betriebsinformatik, Energiewirtschaft und Wirtschaftsrecht studiert und bin seit Abschluss meines Studium als freiberufliche Autorin tätig. Anfangs habe ich vorwiegend Zeitschriftbeiträge und Bücher zu VBA und Visual Basic beschrieben, seit geraumer Zeit gehören aber auch andere Programmiersprachen und Website-Entwicklung sowie Digitalfotografie zu meinen Schwerpunkten.

    Beruflich bedingt, bin ich fast ständig online, daher dürfen Sie bei mir auch mit kurzen Antwortzeiten rechnen.

    Ein Privatleben habe ich natürlich auch, ich bin verheiratet, ohne Kinder. Habe aber derzeit zwei Hunde mit denen ich aktiv Hundesport betreibe. Außerdem bin ich gerne auf Jagd nach guten Makromotiven mit meinen Kameras im Garten und in der Natur unterwegs.

    Mehr über mich, finden Sie auf meiner Webseite: www.helma-spona.de



    Details zum Workshop
    Titel Webseiten erstellen für Einsteiger
    Workshop-Nummer 386
    Start 05.07.2010
    Ende 18.07.2010
    Dauer 14 Tage
    Abrechnung durch den Workshopleiter
    Ihre Investition 179,00 € inkl. 19 % MwSt. (150,42 € netto)
    Status geschlossen

  • Workshopleiter/in
    In diesem Workshop betreue ich Sie persönlich:

    Helma Spona

    PDF  Interview als PDF ansehen