I slutet av lab L2 påbörjades ett exempel med en liten webbplats om Småland. Här har det nu vidareutvecklats med den teknik som vi tagit upp i föreläsning F3 och laboration L3.
HTML- och CSS-kod
HTML-koden är i stort sett densamma som i föregående version (lab L2), 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.