Dokumentation
Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt, hvordan det skulle opstilles. Ingen kundekontakt. Layout: Jeg har selv bestemt opsætningen, farver og kompositioner. Jeg har dog vist min hjemmeside til FreQuence, og fået feedback - positivt feedback. Positivt på den måde, at den evt. skal erstatte den gamle info-side og evt. bruges til den nye frequence.asia hjemmeside. Kvalitetskontrol og Output: Den form for kvalitetskontrol jeg har lavet er, at jeg har tjekket op på, om hjemmesiden stod som den skulle i alle mulige browsere, som Google Chrome, FireFox, Explorer og Safari. En anden måde jeg har kontrolleret hjemmesiden på er, at jeg har kigget hjemmesiden igennem på forskellige computere, med hver deres opløsning og farveprofil. I punkt 1 fandt jeg en farveforskel. Jeg troede, at B var mørkere, så A og B smeltede sammen. Det kunne jeg så se på min egen PC, at det ikke passede. Ellers da jeg starter op på, at lave hjemme siden - rammerne, starter jeg med at give hver Tag en kraftig farve, så jeg på den måde kan tjekke om det står jeg gerne vil have det.
Workflow Internationale Stadarder JavaScript Internationale Standarder: Jeg har brugte HTML5 og CSS i min opsætning. HTML5 er den»nye«html standard version. HTML5 er lavet meget enklere end tidligere versioner, og gør det nemmere at lave en hjemmeside. CSS bruger vi for at kunne bestemme hjemmesidens»style«, som f.eks. opsætning og farver. Jeg har også brugt en enkelt JavaScript kode, for at lave min Slide på forsiden. Scriptet har jeg lagt ind under min <head>(hvis den blev lagt ind i <body> vil den ikke virke) og lavet en CSS nærmere at»style«den - størrelse, border, position, osv. CSS
Workflow - Output Der er nogle meget vigtige ting man skal huske på, når man laver en hjemme side. Mappe Struktur Det er vigtigt, at man har orden i sine mapper! Det er en rigtig god idé at man har én mappe til sin hjemmeside og undermapper til at holde struktur i sine ting og at man kan finde sine ting. På billedet kan man se min mappestruktur til min hjemmeside. En anden vigtig ting her er; at alle filers titel skal være med små bogstaver og ingen Æ, Ø og Å, fordi det ikke er med i det internationale skrift. Det er også bedst at køre billederne ud srgb, fordi det også er en international standard. Som filformat: JPEG eller PNG da de fylder mindst. Og det er også meget vigtigt, at billederne bliver lavet i den ønskede størrelse, så uploades siden hurtigere. Keywords: Søgemaskine ord. Til søge-maskinen; så den kan se, at det er en hjemmeside på dansk. Bruges så man kan bruge/vise med danske bogstaver : æ, ø, å, Description: Selv valgt tekst som dukker op i søgemaskinen, i stedet for at søgemaskinen selv vælger en tekst fra hjemmesiden. Link til CSS så CSS og HTML arbejder sammen Bruges for at hjemmesiden kan åbnes i Internet Explore
Workflow - Output Søge optimerede Tag s Søge optimerede Tag s betyder at f.eks. Google kan bruge den tekst, som er indenfor dette tag, til at søge efter ens hjemmeside. <header> er altid det der er i toppen af siden <nav> står for navigation, og bruges til menuer <article> = Artikel som navnet. Bedre søgeoptimeret end <p> <footer> er også som navnet, i bunden. Og bruges mest som kontakt information. <div> er ikke søgeoptimeret, men er godt til som erstatning. Her har jeg brugt det til Logoet, Slide og Wrapper (brugt til at holde alt mit i indhold på plads)
Workflow - Output Færdiggørelse: Færdiggørelsen har været en form for egen vurdering til; farvevalg, billeder, tekst indhold og opsætning. Evt. om jeg syntes, at hjemmesiden var passende, til FreQuence og om det var en hjemmeside, de vil bruge i fremtiden. Jeg har også fået andre øjne til hjælp, om der manglede noget, eller om der var noget jeg kunne lave om. F.eks., når jeg selv syntes at, der manglede noget. Fik et lille fif til punkt 2, om at jeg kunne sætte et slogan ind i toppen af hjemmesiden, så det ikke så nøgent ud - som jeg syntes det gjorde. Punkt 2 Procesbeskrivelse: Hvergang jeg starter en ny hjemmeside op, starter jeg med at lave»rammerne«for hjemmesiden: Wrapper, Header, Content, Article, Footer, osv. For at jeg kan se, hvor de forskellige er, giver jeg dem en vis skrap farve, så jeg kan se foreskel. Ud fra de farver har jeg nemmere mulighed for at justere mine class s og ID er, som er tilgivet mine Tags.