Sensocure

Her er mine to forslag til Sensocure logo. Den første er tenkt slik at den grønne streken skal indikere enn svak “s” samt den mekanismen de bruker for å sette sensoren inn i kroppen.
Den andre har et grafisk element som skal illustrere tre bloddroper i og med at instrumentet baserer seg på å ta målinger fra blodet.

Lag ditt eget wordpress-theme

Oppgave:
Lag et wordpress_Theme fra bunnen av. Dvs. bruk et default-theme eller et blank theme.
Framdrift: Lag et design -Mock Up- i photoshop. SLice, (ref.Photoshop-boka side 332) Lag index.html og tilhørende style.css 

Så ble det en wordpressoppgave til. Denne gangen skulle vi laget vårt eget theme helt fra bunnen av.
Dermed måtte jeg begynne jobben i photoshop der jeg laget en mock-up av hvordan jeg ville themet mitt skulle se ut. Deretter slicet jeg opp de ulike delene fra photoshop mock-upen min og kodet det hele sammen i Dreamweaver.
Her ser du skissen min og photoshop mock-upen:

Først og fremst skulle vi få alt til å fungere som html dokumenter. Da det var gjort begynte php-kodinga. Det er egentlig ganske knotete, php-kodene gir ikke så mye mening for meg enda. Men jeg begynner å forstå hva de ulike kodene betyr og hvor jeg skal bruke de. Jeg har kopiert og brukt php-koder fra et typotheme vi har jobbet med tidligere, det har gjort det lettere å se hvor jeg skal lime inn php-kodene i mine egne php-dokumenter.
Bilder fra html og php-koding i dreamweaver:
Themet jeg har laga heter Blue, det er et veldig enkelt theme. Jeg ser for meg at themet skal være et slags “nett visittkort”, og at det derfor ikke skal skrives så mange blogginnlegg i themet, selv om det såklart er mulighet for å gjøre det. På forsiden har jeg laget et widget-area der brukeren av themet kan legge inn de widgetene de måtte ønske.
På siden som heter bilder, noe som forøvrig kan endres av brukeren, har jeg nå lagt inn ett galleri bare for å vise hvordan det vil fungere.
Siden som nå heter Arbeider er tom, det for å vise hvordan siden ser ut når det ikke er noe innhold på den.
I tillegg har jeg lagt til lightbox og et nextgen gallery.

Jeg har hatt problemer, og har fremdeles, med å få bildene til linkene mine nederst på siden til å dukke opp. Av en eller annen grunn har de ikke veldig lyst til å være der.
Jeg har heller ikke fått den linken som heter “kontakt” til å fungere hel enda
Jeg syns dette har vært en utfordrende og vanskelig oppgave, men jeg er veldig glad for at vi fikk den. Jeg føler jeg har lært mye om php-koding, men samtidig at jeg har en god del igjen å lære.

Passegal!

Vi har fått i oppgave å lage logoforslag til passegal konkurransen som skal arrangeres om en stund. Her er mitt første forslag. En sau.

Pixelart på særdeles nybegynnernivå

I dag har vi jobba litt med pixelart. Etter mye om og men med forskjellige grids, fant jeg ut at jeg ville bruke rectangular grid tool i illustrator. Det fordi det 120-graders girdet vi først lagde i illustrator ikke ville passe overens da vi skulle tegne pixel for pixel i photoshop.

Som sagt meget nybegynner enda, men jeg har laga pommes frites, eller chips om du vil.

 

Tikk-takk-klokke

Oppgaven lød som følger:
Lag en ANALOG klokke i f.eks Photoshop med time-. minutt-, og sekundviser.
Sett det hele sammen i et HTML dokument med CSS-script og evt Java.
Få den til å passe inn i en post på din blogg og evt i sidebar.

Jeg valgte å lage en veldig lys og lilla klokke. Jeg ville at sekundviseren skulle være kun en prikk som beveget seg rundt. Jeg har med vilje valgt å lage prikken såppas liten fordi man ikke skal se den med en gang. Tanken var at man skal se på klokken, og så legge merke til at det er noe som beveger seg, og deretter legge merke til at prikken er sekundviseren.

For å få til å lage denna klokka gikk jeg inn på http://css-tricks.com/css3-clock/ og trykte faktisk på download files. Deretter var det å gå inn i dreamweaver og bytte om navn på bildefilene, slik at det er mine bilder av min klokke som vises.

Klokka kan ses i sidebaren.

 

Flashbanner

Oppgaven: 
Idefagskolen har booket plass på forskjellige nettsteder bl. a. russ.no. Her har vi, og skal ha flere annonser, bl. a. et såkalt “Tower” liggende i sidebar på russ.no. Du skal lage en annonse som passer inn her i format 140×300 px. Den skal være klikkbar med link til idefagskolen.no. Det var teknisk spec, i tillegg må den passe inn på siden og ha et klart budskap. Dere burde kjenne målgruppen og vite hva det som trigger til klikk. Du står helt fritt til å lage hva som helst av blikkfang, budskap, innhold og ide så lenger det er relatert til utdannelse på Idefagskolen. Hvis du lager animasjoner kan du lage denne så lang du vil, men overstig helst ikke 1 mb i størrelse på swf-fila.
Lever ferdig fil på bloggen din. f.eks i sidebar. 

Etter mye grubling bestemte jeg meg for at det er viktig å bruke litt humor. Så fant jeg bildet av den gamle dama, som noen inne på foto antakelig har tatt.
Og etter å ha sett på bildet en stund kom vel egentlig teksten av seg selv.
Budskapet  er: Ikke vent med å søke på idefagskolen, gjør det med en gang. Dermed slipper du å angre på det når du blir gammel.

Banneren ser du i sidebaren.