Typografi

Dette er mig og min mesters hjemmeside til B & K´s app Sonoscout. Her finder man diverse informationer omkring ens målinger osv.. Hjemmesiden består af HTML, JS og CSS kode.

Sonoscout

Der er linket til et stylesheet, CSS. Fonten har en CSS fil for sig selv, og det har selve design delen af CSS også.
Linked Css

HTML består af mange ting. Blandt andet rigtig mange DIV, h klasser, p, img. (picture of the code) og rigtig mange ID´er og class´s.

og CSS gør det hele responsive. (picture).

JS´s har jeg dog ikke beskæftiget mig med da jeg ikke er udlært i dette ( måske en dag i fremtiden).

Der er også linket til Google fonts for både h1,h2,h3 og p. Dette gør det hele nemmere så kunden ikke skal have en bestemt font liggende for at kunne se siden som den blev skabt.

Billeder er der ikke mange af, men selvfølgelig er der et billed af firmaets logo, ellers ville der være stor tvivl om hvem afsender er.

Der er en navigation bar øverst, dog bruges den som en file filter. Denne side er fyldt med MIN og Max på bredden og højden. Dette er med til at gøre det hele mere responsive.
Navigationsbar
Css Navigation

Farverne er B&k´s egne farver. Når vi skal vælge farver har vi en designguide vi kan kigge i. Der står de krav der er lige pt. til hvordan vi må designe ting ( Flere design guides er på vej)

Alt informationen er skrevet i en Table og TR, så det hele står pænt og overskueligt. 6 rækker helt præcis.  Der er også lavet en dropdown så du helt selv kan vælge hvor mange informationer du vil kigge på. Alt dette er også bygget på MIN og MAX som jeg snakkede om før. Især til dette er det vigtigt med sådan nogle regler da hvis man gør siden mindre ville alt teksten skubbes ovenpå hinanden.
Table

Footeren er der nærmest ikke noget af. Der er en delete knap til det filer du ikke ønsker at have mere, og en Download knap til dem du ønsker at beholde.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s