Semesteroppgave – Profilmanual og mappeinnlevering

Igår brukte jeg store deler av dagen på å lete etter et enkelt WordPresstheme med en eller annen form for gallerifremviser. Jeg prøve en god del forskjellige, men det var alltid et eller annet som ikke fungerte ut ifra slik jeg hadde sett for meg. Jeg kom fram til at et WordPresstheme ble rett og slett litt “overkill” i forhold til hva jeg trengte for å vise fram profilmanualen og mappeninnleveringen. Så jeg tok heller å kodet en enkel HTML, CSS og jQuery side. På denne siden har jeg brukt en gratis jQuery plugin som heter Galleria for å vise frem bildene. Jeg har også designet en downloadbutton hvor man kan laste ned original pdf’en. Jeg kommer nå til å jobbe med mappeinnleveringen slik at jeg får ferdigstilt websiden, og begynt på sluttrapporten/evalueringen.

Semesteroppgave – Profilmanual

Idag har jeg jobbet videre med profilmanualen til websiden. Det kommer bare til å være et kort lite hefte hvor det står litt om bruksområdet til logoen, fontene og illustrasjonene. Jeg har også skrevet kort om hva semesteroppgaven min er for noe, men har ikke gått veldig dypt inn i det. Grunnen til at jeg gjøre det på den måten er fordi jeg også kommer til å skrive en samlet rapport om hele semesteroppgaven og ettertanker om arbeidet jeg har gjort.

Semesteroppgave – Webside #4

Igår fikk jeg gjort de resterende tingene på siden. Jeg korrekturleste all teksten på siden (men det kan jo fortsatt være feil der), kodet inn et favicon som jeg lagde ut ifra logosymbolet. Jeg tweaket også på mannen i den siste illustrasjonen, slik at han beveger seg mer tydelig. Det vil si at jeg nå har seks forskjellige “grupper” med bilder som scroller uavhengig av hverandre. Jeg har også lagt til en tilleggstittel i de forskjellige artiklene, sånn at det ikke ser ut som om jeg bare har kalt de forskjellige undersidene for stage 1 osv for at jeg skulle ha orden på når de kom.

Jeg har også gjort litt research på hvordan andre har laget sine profilmanualer, jeg fant noen som jeg syntes hadde noen gode elementer ved seg:

Jeg har også begynte på selve profilmanualen, og jobber nå med teksten og oppsettet. Jeg tenker foreløpig at jeg skal gå for en størrelse på 1280px X 800px, dette er resolusjonen på en vanlig nettbrett (tenker nå mest på Android, selv om det har kommet brett med full HD, også har man jo selvfølgelig nye Ipad med enda større enn det igjen). Jeg tenker at den størrelse kan fungere på både nettbrett og pc/mac uten videre problemer. Kanskje den er litt bred ut ifra en “vanlig” størrelse på en nettside (som ofte nå ligger på 960px – 1000px), men tror at det skal gå fint. Jeg skal legge den opp på nettet, samt lage en link slik at man kan laste den ned om man ønsker det.

Semesteroppgave – Webside #3

Jeg har nå fått toppmenyen til å highlighte etter hvor man er på siden, så nå fungerer det både der og i navigasjonsprikkene på siden. Så nå har jeg totalt tre mulige navigasjonsmetoder, prikkene til høyre, menyen på toppen, og pilene som ligger i tekstfeltet. Jeg har også fått linket logoen, slik at den tar deg til toppen av siden om du ikke befinner deg der allerede.

I helgen har jeg jobbet med å lage en lightbox fra scratch og en knapp som beveger seg med jQuery. Jeg har også brukt css3 for å lage knappen med gradients. Jeg ville ha den i orange for at den skulle komplementere den blå siden, og skille seg ut slik at man ser den godt. Lightboxen viser en liten side hvor jeg har skrevet litt om formålet til websiden, kort om hvordan den er laget med mer. Jeg har også fått alle bildene til å scrolle i forhold til hverandre, og på de illustrasjonene hvor jeg har andre elementer enn rommet og hovedkarakteren, så er de i et eget lag og scroller i forhold til bildet og resten av siden. Som feks i stage 1 så beveger de orange og blå “ballene” i forhold til hverandre og i forhold til resten. Det eneste unntaket er i den siste illustrasjonen, der er det hovedkarakteren som beveger seg.

Ellers har jeg fortsatt noen småjusteringer på selve siden som jeg kommer til å fikse idag (som å få hovedkarakteren i siste bildet til å bevege seg mer), samt legge til et favicon. Etter et spørsmål fra Wictor angående angående farger på bakgrunnen på teksten, og teksten, testet jeg ut hvordan det ville vært med en lys grå/hvit med sort tekst på, i motsettningen til hvordan jeg har hatt det (sort med hvit tekst på). Jeg syntes ikke det fungerte så veldig bra, og siden ble mye blassere med engang. Legger opp noen screenshots for å vise forskjellen:

Original

Med sort på gjennomsiktig hvit

Jeg har jobbet en del med mappestrukturen, også har jeg ryddet litt opp i kodene, kommentert der jeg føler det har vært nødvendig, og ellers bare sett etter feil. Siden fungerer nå i et vertikalt format, og jeg er veldig fornøyd med hvordan resultatet har blitt. Jeg har snakket litt med Wictor angående vertikalt vs. hotisontalt, og med tanke på hvordan siden har blitt nå, og at jeg har jobbet veldig med å finjustere alle innstillingene på siden til å fungere korrekt, så kommer jeg til å la den være som den er nå. Jeg er mest fornøyd med at jeg har klart å få ting til å fungere uten andre eksterne plugins, jeg har jo selvfølgelig benyttet med av eksterne ressurser som bøker og tutorials for å få til kodebiten. Alle linkene og bøkene jeg har brukt i løpet av perioden kommer jeg til å oppgi som referanser i den endelige innleveringen.

Jeg kommer nå videre til å jobbe med en profilmanual for siden, også har jeg tenkt å lage en enkel nettside for mappeinnleveringen. Grunnen til at jeg vil det kontra en feks pdf-fil, er at jeg blant annet kommer til å ha et videoklipp med i mappeinnleveringen. Jeg tenkte derfor at det er lettere å se igjennom arbeidene på samme sted, uten å måtte klikke seg frem og tilbake i forskjellige eksterne linker. Profilmanualen derimot tenker jeg at jeg leverer som et pdf-dokument, kanskje jeg skal eksportere den som en swf fra inDesign, jeg må nesten se hvordan det blir til slutt.

Om du vil kikke på siden slik den ser ut nå, kan du klikke HER