! }! FORSIDE! <html>! <head>!

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "! }! FORSIDE! <html>! <head>!"

Transkript

1 <html> FORSIDE <head> <meta charset='utf-8' /> <title>opgaver</title> <style type='text/css'> body { background-color:#33adff; } header { background:#33adff; color:white; text-align:center; padding:5px; } nav { line-height:30px; background-color:#f0fff0; height:10px; float:top; display: block; //alternativ: inline//; padding:20px; } section { float:center; background-color:#e0ffff; padding:20px; } footer { background-color:#66cdaa; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body bgcolor="#afeeee"> <header> <h1 style=font-family:courier>opgaver</h1> </header> <nav> <h1 style=font-family:avenir </h1> <a href="studieweb.html">forside</a> <a href="omstudieweb-link.html">om Studieweb</ a> <a href="girafvideolink.html">opgaver</a> <a href="ommig-link.html">om mig</a> <a href "#">Links</a> </nav>

2 <section> <p1 style=font-family:avenir> På denne side kan du se alle mine fremtidige opgaver i kom/it, som kommer til at ligge på denne side. Lige nu er det kun giraf-videoen og hjemmesiden i sig selv som er lagt op </p1> <video width="320" height="240" controls> <source src="girafvideo.mp4" type="video/mp4"> </video> <h1 style=font-family:avenir>girafvideo</h1> <p1 style=font-family:avenir>denne video var det første projekt som vi lavede i kom/it. Formålet med denne video var at give en præsentation af os selv og at vi fik en introduktion til faget kom/it. Selve videoen omhandlede tre andre personer og mig, hvor vi skulle fortælle noget om de forskellige personer. Det hele blev stykket sammen til en video som vi lagde op til aflevering. Videoen kan ses ovenover</p> <h1 style=font-family:avenir>studieweb</h1> <p1 style=font-family:avenir>dette projekt gik ud på at fremstille vores egen hjemmeside, og give os et indblik i programering. Denne side som du er på er den færdige version som jeg har afleveret. Dette projekt har været med til at give mig et større indblik i hvordan man programerer en hjemmeside, og jeg har lært meget mere om f.eks. HTML og CSS. Dette projekt har været med til at give mig videre inspiration til evnt. Fremstille min egen hjemmeside.</p> <h2 style=font-family:avenir>programmer brugt til Studieweb</h2> <p1 style=font-family:avenir> Det program som jeg har brugt til fremstillelsen af denne hjemmeside er textredigeringsprogrammet Sublime Text 2, som jeg fik anbefalet af andre fordi det fungerede godt med HTML, da det viste forskellige farver og gjorde hele koderne mere overskuelig. Hvis man kiggger på min kode, kan man se at den er lettere rodet, men fungerer. Jeg lærte senere hen at det er en god ide at lave masser af afstand når man indskriver kode, det gør det hele mere overskueligt. Nedenunder kan du se et udsnit af min kode, som jeg har brugt til at opbygge denne hjemmeside.</p1> <h2 style=font-family:avenir>html</h2> <img src="sublime Text 2.jpg" alt="sublime Text 2" style="width:500px; height:350px"> <p style=font-family:avenir> Her vil jeg fortælle lidt om HTML og CSS. HTML er et slags kodesprog, som bruges til at kunne opbygge hjemmesider. Med HTML kan man opbygge alle mulige slags hjemmesider, og hver enkelt hjemmeside er opbygget af HTML koder. Måden at HTML koder er bygget op på kan ses ovenover. Som du kan se starter man med at angive en komando, som man skriver op. Her skal man huske at bruge start-og slut tags. Et eksempel kan være nederst på billedet, hvor vi starter med en section tag. Inden i dette tag kan vi så lave paragrafer, og angive forskellige skrifttyper. Man skal dog også huske at slutte sine tags, så derfor ender dette tag med en section tag. </p> <h2 style=font-family:avenir>css</h2> <p style=font-family:avenir> CSS er et andet slags kodeprogram, som koder for den grafiske opbygning. Her kan man for eksempel bestemme hvilken slags grafisk indhold som skal vises på siden, som for eksempel sektioner og fodnoter. I CSS kan man også bestemme hvilken slags farver at siden skal have de forskellige steder. Jeg har på denn side valgt at bruge forskellige nuancer af blå, da jeg dels synes at det er nogle flotte farver, og som er med til at udsende et roligt budskab, uden at springe for meget i øjnene. Hvordan mit CSS er opbygget kan ses i nedenstående dokument nederst på siden. </p>

3 <h2 style=font-family:avenir>informationsdesign</h2> <p style=font-family:avenir> Inden at jeg gik igang med denne side, var det vigtigt for mig at denne hjemmeside skulle være nem og overskuelig for andre besøgende. Den skulle have en let opbygning, som til dels ville gøre det lettere for mig med mit første hjemmeside projekt, men som også vil være overskueligt og ikke springe for meget i øjnene på mine besøgende. Jeg havde også planlagt at der skulle være forskellige sektioner af min side, som skulle have nogenlunde samme opbygning, men forskelligt indhold. Dermed gjorde det det mere overskueligt at bevæge sig rundt på siden, istedet for at lade det hele være på én side. Jeg synes at de ideer som jeg startede med er kommet godt til live på denne hjemmeside, og jeg har lært meget af denne proces. </p> </section> <footer style="clear:both;"> <h3 style=font-family:courier">denne side er lavet af Kasper F. Nielsen, Delta 1.4 i medielab</h3> </font> </footer> </body> </html>

4 Om studieweb <html> <head> <meta charset='utf-8' /> <title>opgaver</title> <style type='text/css'> body { background-color:#afeeee; } header { background:#33adff; color:white; text-align:center; padding:5px; } nav { line-height:30px; background-color:#f0fff0; height:10px; float:top; display: block; //alternativ: inline//; padding:20px; } section { float:center; background-color:#e0ffff; padding:20px; } footer { background-color:#66cdaa; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body bgcolor="#afeeee"> <header> <h1 style=font-family:courier>om studieweb</h1> </header> <nav> <h1 style=font-family:avenir </h1> <a href="studieweb.html">forside</a> <a href="omstudieweb-link.html">om Studieweb</ a> <a href="girafvideolink.html">opgaver</a> <a href="ommig-link.html">om mig</a> <a href "#">Links</a> </nav>

5 <section> <h1 style=font-family:avenir>om studieweb</h1> <p1 style=font-family:avenir> Studieweb er en hjemmeside som bruges til mit arbejde i studieweb. Denne hjemmeside fungerer som en aflevering i et kom/it projekt, og fremtidige opgaver kommer til at ligge under sektionen opgaver, hvilket er hovedformålet for denne side. Bemærk at denne side er under konstant ombygning, men tag også et kig på de andre faner </p1> <h1 style=font-family:avenir>kom/it</h1> <p1 style=font-family:avenir>formålet med faget kom/it er at give elever specefikke ITkompetencer, og lære dem mere omkring arbejdet med IT og kommunikation. Faget ligger på første år, og er med til at give eleverne en forsmag på hvordan faget kom/it er, for at give dem muligheden for at vælge en studieretning hvor kom/it er med. Samtidig er det også et fag som der står at man skal have på C niveau ifølge HTX bekendtgørelsen</p> </section> <footer> <h3 style=font-family:courier">denne side er lavet af Kasper F. Nielsen, Delta 1.4 i medielab</h3> </font> </footer> </body> </html>

6 Opgaver <html> <head> <meta charset='utf-8' /> <title>opgaver</title> <style type='text/css'> body { background-color:#33adff; } header { background:#33adff; color:white; text-align:center; padding:5px; } nav { line-height:30px; background-color:#f0fff0; height:10px; float:top; display: block; //alternativ: inline//; padding:20px; } section { float:center; background-color:#e0ffff; padding:20px; } footer { background-color:#66cdaa; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body bgcolor="#afeeee"> <header> <h1 style=font-family:courier>opgaver</h1> </header> <nav> <h1 style=font-family:avenir </h1> <a href="studieweb.html">forside</a> <a href="omstudieweb-link.html">om Studieweb</ a> <a href="girafvideolink.html">opgaver</a> <a href="ommig-link.html">om mig</a> <a href "#">Links</a>

7 </nav> <section> <p1 style=font-family:avenir> På denne side kan du se alle mine fremtidige opgaver i kom/it, som kommer til at ligge på denne side. Lige nu er det kun giraf-videoen og hjemmesiden i sig selv som er lagt op </p1> <video width="320" height="240" controls> <source src="girafvideo.mp4" type="video/mp4"> </video> <h1 style=font-family:avenir>girafvideo</h1> <p1 style=font-family:avenir>denne video var det første projekt som vi lavede i kom/it. Formålet med denne video var at give en præsentation af os selv og at vi fik en introduktion til faget kom/it. Selve videoen omhandlede tre andre personer og mig, hvor vi skulle fortælle noget om de forskellige personer. Det hele blev stykket sammen til en video som vi lagde op til aflevering. Videoen kan ses ovenover</p> <h1 style=font-family:avenir>studieweb</h1> <p1 style=font-family:avenir>dette projekt gik ud på at fremstille vores egen hjemmeside, og give os et indblik i programering. Denne side som du er på er den færdige version som jeg har afleveret. Dette projekt har været med til at give mig et større indblik i hvordan man programerer en hjemmeside, og jeg har lært meget mere om f.eks. HTML og CSS. Dette projekt har været med til at give mig videre inspiration til evnt. Fremstille min egen hjemmeside.</p> <h2 style=font-family:avenir>programmer brugt til Studieweb</h2> <p1 style=font-family:avenir> Det program som jeg har brugt til fremstillelsen af denne hjemmeside er textredigeringsprogrammet Sublime Text 2, som jeg fik anbefalet af andre fordi det fungerede godt med HTML, da det viste forskellige farver og gjorde hele koderne mere overskuelig. Hvis man kiggger på min kode, kan man se at den er lettere rodet, men fungerer. Jeg lærte senere hen at det er en god ide at lave masser af afstand når man indskriver kode, det gør det hele mere overskueligt. Nedenunder kan du se et udsnit af min kode, som jeg har brugt til at opbygge denne hjemmeside.</p1> <img src="sublime Text 2.jpg" alt="sublime Text 2" style="width:500px; height:350px"> <h2 style=font-family:avenir>html</h2> <p style=font-family:avenir> Her vil jeg fortælle lidt om HTML og CSS. HTML er et slags kodesprog, som bruges til at kunne opbygge hjemmesider. Med HTML kan man opbygge alle mulige slags hjemmesider, og hver enkelt hjemmeside er opbygget af HTML koder. Måden at HTML koder er bygget op på kan ses ovenover. Som du kan se starter man med at angive en komando, som man skriver op. Her skal man huske at bruge start-og slut tags. Et eksempel kan være nederst på billedet, hvor vi starter med en section tag. Inden i dette tag kan vi så lave paragrafer, og angive forskellige skrifttyper. Man skal dog også huske at slutte sine tags, så derfor ender dette tag med en section tag. </p> <h2 style=font-family:avenir>css</h2> <p style=font-family:avenir> CSS er et andet slags kodeprogram, som koder for den grafiske opbygning. Her kan man for eksempel bestemme hvilken slags grafisk indhold som skal vises på siden, som for eksempel sektioner og fodnoter. I CSS kan man også bestemme hvilken slags farver at siden skal have de forskellige steder. Jeg har på denn side valgt at bruge forskellige nuancer af blå, da jeg dels synes at det er nogle flotte farver, og som er med til at udsende et roligt

8 budskab, uden at springe for meget i øjnene. Hvordan mit CSS er opbygget kan ses i nedenstående dokument nederst på siden. </p> <h2 style=font-family:avenir>informationsdesign</h2> <p style=font-family:avenir> Inden at jeg gik igang med denne side, var det vigtigt for mig at denne hjemmeside skulle være nem og overskuelig for andre besøgende. Den skulle have en let opbygning, som til dels ville gøre det lettere for mig med mit første hjemmeside projekt, men som også vil være overskueligt og ikke springe for meget i øjnene på mine besøgende. Jeg havde også planlagt at der skulle være forskellige sektioner af min side, som skulle have nogenlunde samme opbygning, men forskelligt indhold. Dermed gjorde det det mere overskueligt at bevæge sig rundt på siden, istedet for at lade det hele være på én side. Jeg synes at de ideer som jeg startede med er kommet godt til live på denne hjemmeside, og jeg har lært meget af denne proces. </p> </section> <footer style="clear:both;"> <h3 style=font-family:courier">denne side er lavet af Kasper F. Nielsen, Delta 1.4 i medielab</h3> </font> </footer> </body> </html>

9 Om mig <html> <head> <meta charset='utf-8' /> <title>opgaver</title> <style type='text/css'> body { background-color:#afeeee; } header { background:#33adff; color:white; text-align:center; padding:5px; } nav { line-height:30px; background-color:#f0fff0; height:10px; float:top; display: block; //alternativ: inline//; padding:20px; } section { float:center; background-color:#e0ffff; padding:20px; } footer { background-color:#66cdaa; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body bgcolor="#afeeee"> <header> <h1 style=font-family:courier>om studieweb</h1> </header> <nav> <h1 style=font-family:avenir </h1> <a href="studieweb.html">forside</a> <a href="omstudieweb-link.html">om Studieweb</ a> <a href="girafvideolink.html">opgaver</a> <a href="ommig-link.html">om mig</a> <a href "#">Links</a>

10 </nav> <section> <p1 style=font-family:avenir> Mit navn er Kasper F. Nielsen, og jeg er på nuværende tidspunkt 17 år gammel. Jeg går på HTX i Roskilde, og før gik jeg på Køge Bugt Privatskole. Jeg bor på en gård med fem heste og en hund i Tune, lidt uden for Roskilde. I min fritid kan jeg godt lide at være sammen med mine venner, læse, planlægge rejser, være på computeren, fotografere og redigere billeder, høre musik og meget mere. Jeg arbejder lige nu hos DSV i hedehusene, og har jeg har skal højst sandsynligt på universitetet som arkitekt eller ingenør. </p1> </section> <footer> <h3 style=font-family:courier">denne side er lavet af Kasper F. Nielsen, Delta 1.4 i medielab</h3> </font> </footer> </body> </html>

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

Dokumentation af hjemmeside/studieweb

Dokumentation af hjemmeside/studieweb Dokumentation af hjemmeside/studieweb Jeg startede med at bruge ca. to kom/it moduler på at genopfriske kodning i html, siden at jeg har lavet hjemmeside i html og css før, men det er efterhånden et par

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

Afsluttende Projekt - Kom/IT

Afsluttende Projekt - Kom/IT 1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

Grafik & Billede weloveorganic.com webshop

Grafik & Billede weloveorganic.com webshop Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt

Læs mere

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie

Læs mere

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap... Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

Læs mere

Medialab Guidance Videoguide til HTML5 og CSS3

Medialab Guidance Videoguide til HTML5 og CSS3 Medialab Guidance Videoguide til HTML5 og CSS3 Indledning: (Skrevet fælles) Da vi startede på HTX Roskilde skulle vi arbejde med HTML i faget kommunikation/it, her vi kom frem til og ved hjælp af erfaring

Læs mere

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT Afsluttende opgave Navn: Lykke Laura Hansen Klasse: 1.2 Skole: Roskilde Tekniske Gymnasium Fag: Kommunikation/IT Opgave: Nr. 2: Undervisningsmateriale Afleveres: den 30. april 2010 Indholdsfortegnelse

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

Oversigt HTML5 nye tags til sideopbygning

Oversigt HTML5 nye tags til sideopbygning HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En

Læs mere

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

Læs mere

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi

Grafisk Workflow. Mediegrafiker - Svendeprøve. Mediegrafikeruddannelsen af Ramin Azizi Grafisk Workflow Mediegrafiker - Svendeprøve Mediegrafikeruddannelsen 2012-2016 - af Ramin Azizi www.azizidesign.dk Dokumentation Opgavebeskrivelse: Jeg har i denne opgave valgt at redesigne s hjemmeside,

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov 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,

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

Læs mere

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

Læs mere

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

Forståelse for grafisk produktion og workflow

Forståelse for grafisk produktion og workflow Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

Niks Frost & Line Søs Hold 32B

Niks Frost & Line Søs Hold 32B Niks Frost & Line Søs Hold 32B Landdrup Dans - Sitemap Forside Om Galleri Stilarter Hold Priser Tilmeld Åbningstider Kontakt Landdrup Dans. Forsiden linker til 8 undersider: 1: Om (info om firmatet) 2:

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

Læs mere

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé

Guiden til overlevelse af HTX Klasse 3.4 Malte Tobias Thomé Eksamensjournal Guiden til overlevelse af HTX Klasse 3.4 Indholdsfortegnelse Indledning:... 3 Problemformulering:... 3 Løsning:... 3 Målgruppe:... 3 Kompiler og sprog:... 3 Produktet:... 4 Hjemmesiden:...

Læs mere

Beginning CSS and Web Development kap. 1 11

Beginning CSS and Web Development kap. 1 11 Beginning CSS and Web Development kap. 1 11 Plan Xhtml opbygning CSS Divs, class, id Baggrunde, farver og billeder Tekst Links Lister Tabeller Stand up programmering Xhtml vs. html i XHTML skal alle elementer

Læs mere

GRAFISK DESIGN. Responsiv website - Mockup

GRAFISK DESIGN. Responsiv website - Mockup GRAFISK DESIGN I denne fiktive opgave skulle vi skabe et online portfolio til fotografen Sofia. Kravet var en forside, samt en galleri side, og websitet skulle kunne bruges på bade mobil og desktop. Billederne

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

Læs mere

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2 Side 1 af 1 Afsluttende opgave i Kom/IT Den afsluttende opgave har jeg valgt at lave alene. Jeg har valgt opgave 1. webdesign, på grund af min interesse for dette. Opgaven går ud på at designe et brugervenligt

Læs mere

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf.

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. GRAFISK DESIGN BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. KRAV TIL UDTRYKKET Moderne Enkelt Minimalistisk Responsivt Brugervenligt

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 1 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Indhold Projekt Beskrivelse... 3 Temaer... 3 Afsender... 4 Budskab & Kommunikations formål...

Læs mere

Rapport Undervisningsmateriale.

Rapport Undervisningsmateriale. Skrevet af Morten & Jacob A. 1.5 HTX Roskilde 2011 Side 1 Rapport Undervisningsmateriale. Arbejdsgruppen bestod af: Morten, Jacob A. fra 1.5. Dato: 6. maj 2011 Skrevet af: Morten & Jacob A. Fag: Kom/IT.

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer Afsluttende Opgave Vejledning til ballonprojekt Denne rapport er en del af den afsluttende opgave i kommunikation/it C på RTG. Temaet til opgaven er Varmluftballonen, efter det obligatoriske Projekt Ballonflyvning,

Læs mere

Klasse 1.4 Michael Jokil 03-05-2010

Klasse 1.4 Michael Jokil 03-05-2010 HTX I ROSKILDE Afsluttende opgave Kommunikation og IT Klasse 1.4 Michael Jokil 03-05-2010 Indholdsfortegnelse Indledning... 3 Formål... 3 Planlægning... 4 Kommunikationsplan... 4 Kanylemodellen... 4 Teknisk

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen. Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

Læs mere

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet

Læs mere

Webmaster Sweet-Swing.dk Websidens opbygning. Som eksempel er brugt siden om korets målsætning som den vises i editoren.

Webmaster Sweet-Swing.dk Websidens opbygning. Som eksempel er brugt siden om korets målsætning som den vises i editoren. Opbygning Som eksempel er brugt siden om korets målsætning som den vises i editoren. I editoren vises tabellinierne, selvom de på den færdige side i vores tilfælde er usynlige, bortset fra den sorte ramme

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

Læs mere

Implementeringsvejledning

Implementeringsvejledning Certifikat Certifikat Med og uden gradient #3FBFEF #1A7CA1 Smalt certifikat Med og uden gradient Kan benyttes på steder med begrænset højde Mini certifikat Med og uden gradient Kan benyttes hvis certifikatet

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

www.johnnihowardsen.dk - nedarvning med selektorer

www.johnnihowardsen.dk - nedarvning med selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

Læs mere

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Computerens - Anatomi

Computerens - Anatomi 2014 Computerens - Anatomi Rapporten er udarbejdet af Andreas og Ali Vejleder Karl G Bjarnason Indholdsfortegnelse Formål... 2 Indledning... 2 Case... 3 Design... 3 Skitser... 4 Planlægning... 5 Kravsspecifikation...

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

Kulløse Miljømesse. Nikolaj, Tobias og Jesper

Kulløse Miljømesse. Nikolaj, Tobias og Jesper Kulløse Miljømesse Nikolaj, Tobias og Jesper I denne rapport vil vi forklare hvordan vi lavede en reklame som handler Kulløse Miljømesse samt hvordan vi afprøvede den og fik resultater. Dette er et projekt

Læs mere

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

Læs mere

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene,

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene, Idefasen. Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene, Sider med hver hardware del og en forklaring til hvordan

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Mini Afsluttende Projekt

Mini Afsluttende Projekt Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 1, individuel øvelse Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider 1. Målsætning

Læs mere

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

Grafisk Workflow Personligt website

Grafisk Workflow Personligt website Grafisk Workflow Personligt website Andreas Ernst Tørnqvist Grafisk Workflow Redegørelse Opgaven Opgaven er en personlig hjemmeside lavet i min fritid. Siden skal bruges som en reklamesøjle for potientelle

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

Læs mere

Afsluttende opgave i Kom/IT

Afsluttende opgave i Kom/IT Afsluttende opgave i Kom/IT Hjemmeside om varmluftballoner Fag:Kommunikation/IT Lærer: Karl G Bjarnason Problemformulering Den afsluttende opgave er den du skal til prøve i, hvis du skal til eksamen i

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere