Tämän tehtävän tavoitteena on koota tähän asti tehdyt yhteen linkittämällä ne posrtfolio etusivulle ja luoda portfolioon yhtenevä tyyli ja navigointi.
a) Linkitä tähän asti tekemäsi sivut portfoliosi etusivulle
(index.html).
b) Suunnittele portfoliosi sivuille yhtenäinen asettelu ja tyyli. Toteuta siihen tarvittavat CSS-määritykset. Liitä tyylimääritykset kaikkiin muihin sivuihin paitsi Tehtävässä 6 tehtyyn sivuun.
c) Suunnittele portfoliosi sivuille yhtenäinen navigointi, esimerkiksi navigointipalkki. Toteuta siihen tarvittavat CSS-määritykset. Liitä tyylimääritykset kaikkiin muihin sivuihin paitsi Tehtävässä 6 tehtyyn sivuun.
Sovella tässä tehtävässä aiemmin käsiteltyjä ja materiaalissa olevia HTML:ään ja CSS:ään liittyviä teemoja. Voit halutessasi myös lisätä sivuille uutta sisältöä tai lisätä sivuja, mutta tämä ei ole pakollista.
Voit hyödyntää tässä tehtävässä W3C:n HTML-tutoriaalia ja CSS-tutoriaalia ja tarvittaessa pyytää apua toiselta opiskelijalta tai opettajalta.
Voit halutessasi kokeilla käyttää tässä tehtävässä tekoälyä, esimerkiksi jotakin laajaa kielimallia (ChatGPT, Microsoftin Copilot tms.) tai VS Coden Copilotia, mutta tämä ei ole pakollista.