Auf Nettuts+ ist ein Tutorial zur Erstellung von Blogseiten mit HTML 5 und CSS 3 gepostet worden.
The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Quelle: Mads Kjaer, 2009
Zunächst soll dem User HTML 5 nähergebracht werden. Quellcode-Beispiele und Erklärungen helfen beim Entwerfen der Beispiel-Webseite. Mads Kjaer arbeitet in seinem Tutorial folgene Themen ab:
HTML 5
- Basic Structure
- Marking up the Navigation
- Marking up the Introduction
- Marking up the Main Content Area
- Marking up the Sidebar and Footer
Für das spezielle Design ist dann CSS 3 zuständig. Hier soll in mehreren Abschnitten gezeigt werden, wie die einzelnen Website-Komponenten, die mit HTML erstellt wurden, mit einem speziellen Stil versehen werden können.
CSS 3
- Basic Setup
- Styling the Navigation
- Styling the Introduction
- Styling the Content Area/Sidebar
- Styling the Blog Post
- Zebra-striping the Comments
- Final Design
Zum Tutorial geht es hier.
