Vom 01. - 05.12.08 findet im Rechenzentrum der TU Braunschweig eine Mitarbeiterfortbildung zum Thema "Aktuelle professionelle Webseiten gestalten" statt. 13 Teilnehmer wollen an 5 Vormittagen eine Einführung in die Techniken von HTML/CSS erhalten.
An dieser Stelle - wie immer - ein paar Infos zum Seminar ...
Mo, 01.12.2008
- Techniken HTML - XHTML - XML,
- Trennung von Inhalten und Layout/Design
(X/HTML & CSS - siehe auch www.csszengarden.com), - HTML-Grundlagen auf de.selfhtml.org,
- CSS-Grundlagen auf www.css4you.de
Di, 02.12.2008
- HTML-Tags: html, head, title, link, body, p, img, ul, ol, h1, h2, h3, a (mailto: http:), ...
- CSS in 3 Varianten: extern, im head, direkt in einem Tag
- Styles: font-weight, font-family, border, Farbcodes mit #RRGGBB (Rot, Grün, Blau hexadezimal)
- Organisation Webprojekte mit Unterordnern (images, css, js, ...)
Mi, 03.12.2008 (Daumdrück für Technik im RZ)
- Tabellen (table, th, tr, td) vs. Blöcke/Abschnitte (div)
- Styles mittels id und class
- Editorlink: PSPAD (als Installer oder CAB-Archiv unter: www.pspad.com/de)
einfach herunterladen und lokal speichern und entpacken
Anm.: Download-Link wird nach Seminar wieder gelöscht. Zip-Empfehlung www.7-zip.org - Firefox-Erweiterungen addons.mozilla.org: firebug, colorzilla, webdeveloper (www.chrispederick.com)
Do, 04.12.2008 (und wieder Daumdrück für Technik ;-)
- Klassen mit CSS, Definitionen und Technik
- Weblayout mit DIVs (Barrierefreies Webdesign) - besser als Tabellen ;-)
Beispiel-PDF unter Autoren-Seite ("Internet Magazin" früher "Internet Professsionell") - www.daik.de - Float(s) per CSS
- Wie kommen die "Seiten" ins Netz?
Techniken: FTP (Programme: Filezilla, WS_FTP, ..., Webhosting (Strato, 1und1, Hosteurope...), Domains (.de bei denic.de)
Fr. 05.12.2008 (und letzmals Daumdrück für Technik ;-)
- Weitere Analysen der professionellen DIV/Float-Techniken
- FTP-Praxis (Servername/Host, Benutzername, Passwort)
- Der Clou mit den Navilisten (ul-Tags mit CSS aufgemotzt)
- Und dann noch das: Der Guru des Webdesigns (Stefan Münz - Erfinder von selfhtml) hat ein WIKI im Netz:
http://webseiten-professionell.wikidot.com/
lautet der Link - da gibt es sogar das Buch als PDF!