Aktuelles | Seminare | Impressum | Trainerprofil | Training-Service

HTML und CSS - der kompakte Einstieg in das Webdesign (Grundlagenkurs)

Die Sprache XHTML ist Standard für die Erstellung von Webseiten. Cascading Style-Sheets (Stilvorlagen) erleichtern die Gestaltung und insbesondere die Pflege der Webseiten durch die Trennung von Inhalt und Form. Sowohl bei statischen Webseiten wie auch in Contentmanagement Systemen sind CSS nicht mehr wegzudenken. Die Erstellung von Style-Sheets mit CSS-Editoren und die Einbindung in XHTML-Seiten stehen im Mittelpunkt des Kurses.

Cascading Style-Sheets bzw. CSS (Stilvorlagen) erleichtern die Gestaltung und insbesondere die Pflege der Webseiten. Stylesheets ermöglichen Layout-Gestaltungen, die mit dem Standard-XHTML nicht möglich sind.
Die Sprache CSS wurde durch das World Wide Web Consortium (W3C) Mitte der neunziger Jahre standardisiert. Am 7. Juni 2011 wurde nun endlich die endgültige Empfehlung für CSS 2.1 veröffentlicht.

Der neue Standard HTML5 soll voraussichtlich im Jahr 2014 veröffentlicht werden. Neben dem W3C gibt es auch eine private Initiative: die WHATWG. Einen Überblick gibt die Wikipedia. Die Webkrauts geben eine Einführung. Erste Autoren haben bereits ein HTML5-Buch erstellt. Weitere Tutorials in Verbindung mit CSS3 sind im Netz zu finden.

Seminarinhalte:

Voraussetzungen:
Gute Windowsgrundlagen werden vorausgesetzt, Internet-Kenntnisse (WWW, E-Mail).

Methoden:
Vortrag, Übungen, Gruppenarbeit, Einzelarbeiten.

Software:
TopStyle Lite, Phase 5, Amaya.

Lernziele:
Die Trennung von Form (CSS) und Inhalt (XHTML) und die Planung eines Corporate Designs probieren Sie praktisch aus. Neben der Planung eines Internetauftritts sowie der Erstellung der erforderlichen Dateien werden auch Tipps zur Providerauswahl, der Bestellung der Domain-Adressen sowie die Schritte zur Veröffentlichung besprochen. Zum Schluss erfahren Sie noch Hinweise zum Eintrag in Suchmaschinen.

Termine:

Sommer 2012


HTML und XHTML

Seit dem 26.Januar 2000 ist der HTML-Standard in der Version 4 (1998) von dem neuen Standard XHTML 1.0 abgelöst worden. Die offizielle Dokumentation ist beim World Wide Web Consortium (W3) zu finden. Die zweite Fassung von XHTML 1.0 ist am 1. August 2002 erschienen. Einige Texte wurden ins deutsche übersetzt. Unter der Adresse http://www.edition-w3c.de sind weitere Dokumente zu finden.

Überraschenderweise ist der neue XHTML-Standard nicht überall angenommen worden. Seit dem 7. März 2007 gibt es eine neue W3C HTML Working Group ... Eine neue Version HTML 5 ist geplant.

Als sogenanntes "Web Based Training" (WBT) gibt es eine Einführung der virtuellen Akademie. Neben den kostenpflichtigen Kursen gibt es die Grundlagen zu XHTML und Internet teilweise kostenlos.

Die Standardreferenz zu XHTML gibt es von Stefan Münz. Dieses Buch gibt es auch online zum Download. Die aktuelle Version 8.1.2 ist am 01.03.2007 erschienen!

Ein weitere umfangreiche Einführung in XHTML und CSS gibt es von Michael Jendryschik.

HTML-Editoren:

Adobe Dreamweaver ist das Profiprogramm zur Erstellung von Webseiten. Eine 30-Tage-Testversion kann kostenlos heruntergeladen werden.

Amaya, der W3C-Editor, ist natürlich die beste Wahl für diejeingien, die sich strikt an die Vorgaben des World Wide Web Consortiums halten wollen. Mittlerweile gibt es eine deutschsprachige Menü-Führung!

Im Kurs nutzen wir das bekannte Programm von Ulli Meybohm: HTML Editor Phase 5. Dieser Editor ist in einer neuen Version am 18. Dezember 2007 erschienen und wird nun von Hans-Dieter Berretz weiterentwickelt!

Nvu - ausgesprochen "Nview" - war eine Stand-Alone-Weiterentwicklung der Mozilla-Suite-Komponente Composer, basierend auf der Gecko-Engine von Mozilla. Ein komplettes Programm zur Erstellung und Verwaltung von Webseiten war für Linux, Microsoft Windows und viele weitere Betriebssysteme verfügbar. Nvu machte das Verwalten einer Webseite zum Kinderspiel. Da NVU nicht mehr weiterentwickelt wird, gibt es einen Nachfolger: KompoZer. Ein deutschsprachiges Unterstützungsforum gibt es auch. Die weitere Entwicklung von KompoZer ist in der Wikipedia zu finden.

Das Programm HTML-Kit ist zu empfehlen, da es ein Code-Testprogramm vom W3C gleich mit eingebaut hat.

PSPad ist last but not least ein Editor für Softwareentwickler.

Adressen (juristisch):

Browser

FTP-Upload

Hosting (Providerwahl):

Toolbars: Browsererweiterungen

Weiterführende Links


CSS

Die aktuelle, aber nicht mehr favorisierte CSS-Version ist CSS2 vom 12.Mai 1998. Eine deutsche Übersetzung ist auch erhältlich. Die CSS 2.1 Empfehlung vom 25. April 2004 wurde erneuert durch eine andere Fassung vom 07. Dezember 2010 als Working Draft. Am 7. Juni 2011 wurde nun endlich die endgültige Empfehlung für CSS 2.1 veröffentlicht.

Beim W3C können eigene Stylesheets validiert (geprüft) werden: Hier steht der CSS Validator online zur Verfügung

Einer der führenden Entwickler im W3C, Dave Raggett, hat im Jahr 2002 eine kurze Einführung in CSS auf englisch zur Verfügung gestellt.

Die Standardreferenz zu XHTML, CSS und Javascript gibt es von Stefan Münz. Dieses Buch gibt es auch online zum Download. Die neue Version 8.1.2 ist am 01.03.2007 erschienen!

CSS-Adressen allgemein:

CSS-Browserunterstützung:

CSS-Layout / Templates:

Einführungen:

Farben:

Freie Grafiken:

Grafik-Bearbeitung

Navigationen:


Buchtipps:

Rachel Andrew (2008): Der CSS-Problemlöser. Über 100 häufige Probleme mit Cascading Stylesheets. 2., überarbeitete und aktualisierte Auflage, dpunkt.verlag, Heidelberg
Elizabeth Castro (2009): HTML, XHTML & CSS. Der Meisterkurs. Markt+Technik Verlag, München
Jan Eric Hellbusch, Kerstin Probiesch (2011): Barrierefreiheit verstehen und umsetzen. Webstandards für ein zugängliches und nutzbares Internet. dpunkt.verlag, Heidelberg
Manuela Hoffmann (2010): Modernes Webdesign.Gestaltungsprinzipien, Webstandards, Praxis. 2. aktualisierte und erweiterte Auflage. Galileo Press, Bonn
Jens Jacobsen (2009): Website Konzeption. Erfolgreiche Websites planen, umsetzen und betreiben. 5., aktualisierte Auflage. Addison-Wesley-Verlag, München
Dirk Jesse (2008): CSS-Layouts. Praxislösungen mit YAML 3.0 - 2., aktualisierte und erweiterte Auflage, Galileo Press GmbH, Bonn.
Uwe Koch, Dirk Otto, Mark Rüdlin (2011): Recht für Grafiker und Webdesigner, 9. Auflage 2011. Verträge, Schutz der kreativen Leistung, Selbstständigkeit, Versicherungen, Steuern. Galileo Press, Bonn
Kai Laborenz (2011): CSS. Das umfassende Handbuch. Galileo Press GmbH, Bonn. Zum Buch die Website
Daniel Mies (2010): Webseiten erstellen für Einsteiger. Schritt für Schritt zur eigenen Website. 2., aktualisierte und erweiterte Auflage. Galileo Press, Bonn
Peter Müller (2007): little boxes. Webseiten gestalten mit CSS. Grundlagen. Markt+Technik Verlag, München.
Peter Müller (2008): little boxes Teil 0. Was Sie wissen sollten, bevor Sie eine Website bauen (lassen). Markt+Technik Verlag, München.
Peter Müller (2009): little boxes Teil 1. Webseiten gestalten mit HTML & CSS. Grundlagen. 2. Auflage. Markt+Technik Verlag, München.
Peter Müller (2007): little boxes Teil 2. Webseiten gestalten mit CSS. Navigation, Inhalte, YAML & mehr. Markt+Technik Verlag, München.
Stefan Münz (2008): Professionelle Websites. Programmierung, Design und Administration von Webseiten. 3., überarbeitete Auflage Addison-Wesley, München u.a.
Stefan Münz (2006): Professionelle Websites - gratis im Internet als PDF-Format die 2. Auflage zum Download!
Stefan Münz (2010): HTML5 Handbuch.Franzis Verlag, Poing. Eine kostenlose Version gibt es auf seiner Website
Nils Pooker (2011): Der erfolgreiche Webdesigner. Der Praxisleitfaden für Selbstständige, 2., aktualisierte und erweiterte Auflage. Galileo Press, Bonn
Michael Rohrlich (2010): Onlinerecht für Webmaster. Verlag Entwickler.Press. Frankfurt /Main

Wikipedia:
HTML
XHTML

Zeitschriften:


http://www.wiegrefe.com | © Carsten Wiegrefe

Letzte Änderung:

KEIN Like-Button! Facebook Seite von Carsten Wiegrefe   Folge Carsten Wiegrefe auf Twitter   Valid HTML 4.01!   Valid CSS!   Carsten Wiegrefe  ALL-INKL.COM - Webhosting Server Hosting Domain Provider   Share