html & CSS > Startseite - Schulungsbeispiel
Willkommen bei html & CSS selber lernen
Hier findet Ihr den Link zu einem Beispiel wie man eine Seite im Browser absolut mittig in der X & Y Achse positionieren kann. Zusätzlich wie man floatet und einem Image ebenfalls einen Float zuweist. Dazu passt Sich die Seite dynamisch an den Browser an und fängt erst beim Unterschreiten von 600 px breite an statisch zu werden. Hier geht es zum Beispiel [ Float & absolute mitte ]
Praxistest 19.11.2010
Übungsseite 25.11.2010
Übung 30.11.2010
Aktive Links zeigen und deaktivieren
Übung 02.12.2010 Frameset Reifenhandel
Übung 10.12.2010 Javascript "Galerie"
Javascript Galerie Galerie Alphalady
Kommen sie mal vorbei! WegbeschreibungTest- Script Download
Script 1.0 downloaden : Download
Nach dem Download:
Nach dem Klick auf den Download-Link werdet Ihr aufgefordert, die Datei zu speichern. Merkt Euch wo Ihr die Datei gespeichert habt, danach geht Ihr hier und entpackt die Rar-Datei dorthin wo Ihr sie haben möchtet. Nun stehen alle Dateien zur Verfügung und Ihr könnt daran arbeiten. Da es 2 Css Dateien gibt, eine eigene für den IE solltet Ihr immer schauen ob in der CSS für den IE Änderungen gemacht werden müssen.
Bei Fragen könnt Ihr das untenstehende Formular benutzen.
Natürlich kannst Du dein Script auch hier veröffentlichen, so kann jeder sehen was Du mit CSS daraus gemacht hast. Die Struktur darf nicht verändert oder erweitert sein, denn nur dann sieht man was CSS kann ohne etwas im Code zu ändern.
Dein Script kannst Du zur Prüfung hier uploaden Script Upload
Nach Kontaktaufnahme zu mir und Prüfung auf Funktionalität des Scriptes wird es dann veröffentlicht.
Kontakt
Dies ist ein Schulungsbeispiel!
Diese Seite/Script wurde von Christian Michels für Schulungszwecke im Bereich html/CSS erstellt.
- Anhand dieser Seite kann ausprobiert werden wie man mit Div´s und Float- Befehlen umgeht.
- Auch sieht man hier, wie man die Seite für den IE im Bereich CSS optimiert, da dieser ja mal wieder nicht so will wie er eigentlich sollte.
- Es ist eine Browser- Abfrage eingebaut die für den IE notwendig ist, damit wird dann, wenn es sich um den IE ab IE7 handelt, eine andere CSS Datei vorgehalten. So funktioniert die Seite dann identisch im IE, oder kann auch extra ganz anders aussehen, oder plaziert werden.
- Alle abgerundeten Boxen/Div´s werden durch CSS mit sozusagen runden Ecken dargestellt, es wird dafür keine Grafik benötigt. Natürlich braucht der IE hier mal wieder eine Sonderbehandlung ;-) ...dazu wurde eine (border-radius.htc " Die im Netz frei zur Verfüngung gestellt wird ") hinterlegt, so kann auch der IE runde Ecken darstellen.
- Das Layout sowie das Design kann komplett über CSS nach den eigenen Ansprüchen angepasst werden.
- Die Seite ist absolut valide. Dazu klickt Ihr einfach unten auf den W3c Button. (Wenn Ihr was ändert, solltet Ihr jede Änderung auf W3c überprüfen lassen, bevor Ihr sonst später etliche Fehler habt und mühsam suchen müsst.)
- Das Logo wird per CSS im Header eingefügt und positioniert. So braucht Ihr das Logo nur durch Euer eigenes zu ersetzen und nicht mal am Quell-Code etwas zu ändern. Probiert es einfach aus ;-)
Das Script kann frei gedownloadet werden, dazu klickt Ihr in der rechten Box auf Download.
