webdesign - informatik
HTML und CSS
Grundlagen und erste Schritte HMTL und CSS
Lade dir folgende Dateien herunter und drucke die beiden darin enthaltenen PDF-Dateien (nur die PDF, den Rest nicht!) aus:
- Erste Schritte HTML (zip 37 KB)
- Erste Schritte CSS (zip 33 KB)
Grundlagen und erste Schritte Dreamweaver
- Lade dir folgende Unterlagen herunter: Erste Schritte Dreamweaver (zip 509 KB) und drucke die beiden PDF-Dateien aus.
- Besorge dir einen Account bei einem Gratis-Webspace-Anbieter - Zum Bespiel bei http://www.pytal.de oder bei http://www.bplaced.net
- Lade dir File-Zilla (Windows: ZIP-Datei, nicht die .exe!) herunter und entpacke ihn am besten auf deinen USB-Stick. Erstelle im Servermanager einen neuen Eintrag mit den Daten deines Gratis-Webspace-Anbieters und lade deine eben erstellte Homepage hinauf.
Erstellen einer Homepage mit CSS-Containern und CSS-Menü
Die Homepage Halleiner Stillenacht-Orgel beruht auf einem CMS (Content Management System) welches mit mit CMSsimple erstellt wurde. Wir bauen das Originaltemplate (basierend auf Tabellen) nun mit CSS-Containern und einem reinen CSS-Menü ohne Java-Script nach.
Download der Arbeitsdateien und Anleitungen (1,5 MB)
Nützliche Tools für Webentwickler - Firefox Addons
Alle drei Tools auch unter diesem Link.
WC3 Validator
- HTML validieren: http://validator.w3.org
- CSS validieren: http://jigsaw.w3.org/css-validator
Webalbum und diverse Bildeffekte
Erstellen einer Webalbums
Ein Programm das sehr schöne und viele Möglichkeiten zum Erstellen eines Webalbums hat ist Jalbum. Download direkt unter diesem Link oder hier (für diverse OS darunter auch portable Version)
Skins (also verschiedene Alben) hier: http://jalbum.net/skins
Beispiele für Webalben mit Jalbum finden sich im Galeriebereich
Lightbox und Greybox
- Dir gefällt die Lightbox die erscheint, wenn du auf die Fotos meiner Homepage klickst? Die deutsche Fassung findest du unter http://www.phpblogger.net/2007/07/10/lightbox-2-deutsch/
- Ähnlich ist auch der von der Greybox erzeugte Effekt. Achtung: In Firefox funktioniert das ganze problemlos auch offline beim Testen. Der Internet-Explorer stellt die Box erst am Webserver richtig dar!
CMS
CMSimple
Download von cmsimple bei cmsimple.com
Deutsche Doku für die Installation und erste Schritte bei cmsimple.de
Schöne Templates finden sich bei:
Pluginlaoder, Gästebuch und Gallery installieren
- Zuerst den Pluginloader downloaden und installieren
- Dann das Gästebuch downloaden und installieren
- Gallery downloaden und installieren - Installationsanleitung
Alle Downloads findest du auch hier:
- Cmsimple3_2
- Doku zu Cmsimple
- Diverse Templates
- Plugins (Pluginloader + Gästebuch)
- Plugin Gallery + Installationsanleitung
Lightbox in CMSimple
Formulare und PHP
- Wiederholung: Website erstellen (zip 1,47 MB)
- Skripten und Arbeitsblätter (zip 1,9 MB)
- Rohdateien und Lösungen (zip 1,47 MB)
Portable Webserver