I slutet av laboration 2 påbörjades ett exempel med en liten webbplats om Småland. Här har det nu vidareutvecklats med den teknik som vi jobbat med i laboration 3.
HTML- och CSS-kod
HTML-koden är i stort sett densamma som i föregående version (lab 2), förutom att det lagts till några id- och class-attribut i en del HTML-element. I varje HTML-fil har det också lagts in en link-tagg, för att referera till stilmallen style.css.
I CSS-koden bestäms färger, typsnitt etc. Det är ingen speciell "layout", utan det blir en kolumn i den ordning elementen kommer i HTML-koden.
Egentligen är det en design med flexibel bredd, som passar bra för mobilen, men en del egenskaper är inlagda, för att det också ska fungera för en större skärm. T.ex. begränsas sidornas bredd till 800 pixlar och centreras. Prova att ta fram Följsamt designläge och titta på sidorna i olika storlek.
Se i övrigt kommentarer i CSS-koden.