Min første webside!

Vi fikk i oppgave å lage en webside i Dreamweaver, hvor vi skulle benytte divtags i et CSS-dokument. Siden skulle ha minst 4 linker/knapper i menyen.

Fremgangsmåte:

Først lagde jeg en mock-up/skisse ved å tegne siden for hånd, og deretter gjorde jeg første utkast i photoshop. Her planla jeg størrelsen på innholdet, alt fra knapper til heading og bakgrunn, etc. Layout ble deretter laget i photoshop og illustrator, etter de planlagte størrelsene.

Jeg kodet siden med riktige mål (med plass til bilder og tekst), lagde bakgrunnsbokser og deretter la jeg inn innholdet, som var lagret som png-filer. Til sist linket jeg alle knappene i menylinjen til riktig mappe hvor alt innhold lå. Dette måtte gjøres på hver enkelt side: start, murcia, golfbolig, etc.

Jeg har også laget linker fra tekst på to av sidene; Murcia og Golfbolig.

Mock-up – planlegging av siden med enkelt illustrasjonsoppsett:

 

Oppgave i Dreamweaver

Øvelse i Dreamweaver!

Vi er igang med å lære webdesign, og det er superspennende, men også ganske knotete nå  i starten. Tror de fleste av oss blir ganske surrete i hue av html-koding, osv, men dette blir nok mye lettere etterhvert. Nå er ALT veldig nytt, og det er mye å lære seg.

Utgangspunkt for oppgaven: Vi skulle bruke det første oppsettet vi lagde i Illustrator, når vi begynte på skolen i slutten av august. Temaet på oppgaven den gangen var “Masser i struktur” og vi skulle montere ulik tekst rundt på et ark, med forskjellig størrelse og retninger.

I Dreamweaveroppgaven jobber vi med å lære oss hvordan man skal sette opp en webside, og denne gangen gikk oppgaven ut på å lage linker. Vi benyttet “Masser i struktur” – oppsettet, og markerte visse ord. Det vil si; når man scroller over teksten vil enkelte av ordene markeres i rødt. Fra disse lagde vi linker til aktuelle tema. Jeg valgte å linke opp mine ord til Lefdals Rideskole, og ulike temaer fra rideskolen (både videosnutter og websidelinker).

Vi har fått vår egen nettside hvor vi kan publisere ting vi lager. Klikk på bildet under for å se resultatet av den første oppgaven i Dreamweaver:-)

 

 

Photoshop – Wonderworld

I denne oppgaven skulle vi lage en illustrasjon i Photoshop, med utgangspunkt i temaet Wonderworld/ Fantasy Art. Her skulle vi benytte så mange som mulig av de teknikkene vi har lært om på skolen; layers, strokes, lage brushes, selections, osv. Har kalt oppgaven “Dream within a dream” etter inspirasjon fra musikk av Wade Robson.

Er ikke spesielt flink til å tegne, så derfor benyttet jeg foto som mal og gjorde deler av bildene om til oljemaling i “Filters”. Jobbet endel med retninger, penseltydelighet, etc. Med ulike brushes lagde jeg skygge og lys for å skape liv i bildet (månens lys og natulige skyggepartier skulle reflekteres). Her benyttet jeg også lysne -og mørkneverktøyet.

Har benyttet mange layers i oppgaven og brukte “overlay” eller “soft light” på mange av bildene, for at de skulle integreres i hovedbildet.

Jenta som ligger under dynen øverst til høyre er manipulert inn i et annet foto (dvs. jeg dypetset ansiktet på opprinnelig person i fotoet, og la inn et annet ansikt).

Himmelen er laget ved hjelp av mange ulike lag, blant annet har jeg lagt inn bilde av en brennmanet, som både skaper den litt rødlige himmelen og tråder som legger seg over mot jenta under dynen. Det er også lagt inn et overlay med stjerner. Månen og skyer har jeg tegnet inn, ved hjelp av brushes.

Ved visse foto var det litt plundrete å få dypetset objektene skikkelig, feks på “Big Ben”. Her var det så mange små deltajer rundt tårnet. Jeg benyttet ulike strokes rundt tårnet for å gi det en mer jevn look.

Opphavsret foto: Bildet nederst i venstre hjørne og ansiktet til jenta øverst til høyre er opprinnelig foto av fotograf Jon Klasbu på K-Design i Horten.