float

Die Homepage der „Zeit“ bietet ein schönes Beispiel für ein zweispaltiges Layout: Aufgabe 1 Schauen Sie sich bitte den Webauftritt der „Zeit“ an und erstellen Sie eine schematische Darstellung der Homepage auf einem Blatt Papier. Überlegen Sie, welche semantischen HTML5-Elemente dazu dienen könnten, die einzelnen Seitenbereiche vorzusehen bzw. auszuzeichnen. Tipp: http://www.w3schools.com/html/html5_semantic_elements.asp. Aufgabe 2 Erstellen Sie…

Read More Startaufgaben – Zweispaltige Layouts mit float

Unter http://www.w3schools.com/html/html5_semantic_elements.asp geben die w3schools einen guten Überblick über die semantischen Elemente von HTML5: <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time> Weitere nützliche Ressourcen: Beschreibung des Box Models: http://www.w3schools.com/css/css_boxmodel.asp Ausrichten / Umfließen von Elementen (float): http://www.w3schools.com/css/css_float.asp Farbwähler: http://www.w3schools.com/tags/ref_colorpicker.asp Ein elaborierter Farbwähler: https://color.adobe.com/de/ Hintergrund von Elementen vergeben: http://www.w3schools.com/css/css_background.asp Kostenlose Hintergrundgraphiken…

Read More Nützliche Links für die Übungsaufgaben „Ein basales Bloglayout mit CSS“