HTML Arbeiten mit HTML und CSS - Übungsbeitrag
david.altreiter.uni-linz, 29. Februar 2016, 15:51
Da ich bereits im Bachelor eine umfangreiche Informatikausbildung genossen habe, habe ich statt einer einführenden Übung in HTML das Styling des Blogs angepasst.
Anpassung des CSS-Stylings des Blogs
Zuerst habe ich sowohl die HTML-Struktur als auch das vorhandene CSS-Styling inspiziert um mich zurecht zu finden. Da die Spalten des Layouts absolut positioniert sind habe ich dies entfernt und die Spalten stattdessen links und rechts "floaten" lassen.
Anschließend habe ich den Content der Seite mittig in auf der Seite zentriert indem ich dem Margin links und rechts auf auto gesetzt habe und mit einem Schlagschatten versehen.
Der Header wird 100% Seitenfüllen gestalltet und der Text im Header zentriert. Selbiges geschieht mit der Statusleiste.
Die Sidebar verliert ihren Rahmen und bekommt stattdessen eine satte Hintergundfarbe.
Die Farben der Seite wurde so weit wie möglich in den Einstellungen angepasst und der Rest wurde im CSS vorgenommen. Auch in den Einstellungen habe ich die Schriftgröße etwas vergrößert.
Die Seite wirkt dadurch deutlich moderner.
Ein weiterer Schritt könnte sein das Design reaktionsfähig zu machen. Stichwort - Responsiv Web Design
0 comments :: Kommentieren
