Flow 2 - HTML og CSS introduktion

Fra domænekøb til de første HTML-sider

I Flow 2 blev vi introduceret til det praktiske arbejde med hjemmesider. Vi købte domæne via One.com, lejede et webhotel og lærte at uploade filer, så vores projekter kunne ses direkte på nettet.

Vi arbejdede også med en mere professionel mappestruktur, hvor HTML, CSS og billeder ligger adskilt. Her blev det tydeligt, hvorfor små bogstaver og filnavne uden mellemrum gør arbejdet meget nemmere, især når man arbejder online.

Vores første stylesheet

Derudover satte vi vores første eksterne stylesheet op, hvor fonte, farver og grundtypografi samles ét sted. Det gav et bedre overblik og gjorde det lettere at forstå, hvordan struktur og orden påvirker hele projektet.

Kandidatprojektet - en kommunal kampagneside

Som afslutning på Flow 2 skulle vi lave en kampagneside for en selvvalgt kommunal kandidat. Jeg valgte Anders Axelsen fra Moderaterne, da partiets visuelle udtryk er roligt og neutralt, altså et godt udgangspunkt for et begynderprojekt.

Jeg undersøgte Moderaternes hjemmeside for at forstå deres farver, layout og tone, og brugte det som inspiration til min egen løsning. Her arbejdede jeg mere målrettet med struktur, hierarki og sektioner, så siden føles klar og troværdig.

Webversion og @media

Som en del af opgaven skulle vi designe både en web- og en mobilversion. Det gav mig mulighed for at teste mine nye færdigheder i responsivt design og få en fornemmelse af, hvordan indhold tilpasses forskellige skærme.

Projektet samlede alt det, vi havde lært i flowet: HTML-struktur, typografi, layout, billedbrug og CSS. Det var første gang, jeg følte, at jeg lavede en “rigtig” hjemmeside, og at jeg kunne træffe designvalg, der understøtter både indhold og afsender.