Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Størrelse: px
Starte visningen fra side:

Download "Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester"

Transkript

1 Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem menuer CMS Integration Konklusion

2 Indledning Formålet med dette site er at være et udstillingsvindue for mit arbejde, en informationskilde omkring mine evner og erfaringer, og gennerelt et business card for mig. Konceptuelt har jeg prøvet at undgå den traditionelle hjem-om mig-galleri-kontakt struktur man tit ender med i portfolioer og i stedet gå efter en flad struktur baseret på indholdet. Design Før jeg gik igang med at lave designs evaluerede jeg hvad sitet skulle bestå af. jeg endte op med tre ting: Profil (en beskrivelse af mig selv) Portfolio (fremvisning af arbejde) Erfaringer (beskrivelser af arbejde). Dette resulterede i de tre områder i hovedvinduet på mit site. Listen af erfaringer blev til hovednavigationen, profil vinduet blev til indholdsområdet og portfolioet blev til en scrollbar liste af billeder af projekter. Skitser Sitets design er baseret på en række skitser jeg tegnede i hånden. Nedenfor ses to eksempler på skitser der hver har tilføjet til det endelige udseende. Venstre: skitse af indholdsområdets layout. Højre: tidligere udkast, grundlag for header.

3 ASK logoet ASK logoet der er udarbejdet til dette site er resultatet af først en masse eksperimentation på papir med at få kombineret initialerne i mit navn på en fed måde. Skitser af ASK logoet, nederst til højre den første realisation fra Illustrator. Jeg endte med at bruge formen på S et til at forbinde A et og K et, og igennem vidre eksperimentation i Illustrator kom jeg på at lave forbindelsen mellem S et og K et igennem ryggen på K et i stedet for toppen. Da jeg sad i Illustrator brugte jeg guides til at sørge for at logoets spidser og linier passer sammen. Primært blev K ets ene ben blev klippet af i højde med bunden af A ets bar, og top og bund af alle andre ekstremiteter blev synkroniseret vertikalt. Logoets linier.

4 Teknologivalg No database Min erfaring med at administrere store sites har ledt til at jeg stræber efter effektive måder at undgå problemerne ved at sidde med et site der tvinger en til at lave en masse manuelt arbejde. Jeg har hovedsageligt arbejdet med Umbraco før denne opgave i et stykke tid, og det at skulle lave en side uden node baseret indhold, masterpages og så vidre virker som et skridt tilbage og unødvendigt ineffektivitet.. En masse forskellige html sider er smertefuldt ineffektivt. Selv hvis du linker dem alle til samme css fil og putter scripting i en samlet script fil har du stadig problemet med at sørge for at ændringer i een html fil følges i alle andre hvis du ikke vil have ting til at være inkonsistente. Ekstra arbejde og størrere chance for problemer. Af disse grunde og for udfordringens skyld besluttede jeg mig for at simulere navigation med javascript og jquery i stedet for at have seperate sider. Javascript Eksempel Navigation i hovedmenuen sker ved at der klikkes på en div af klassen ErfaringsBox. Nedenstående stykke Jquery opnår dette. $('.ErfaringBox').click(function() { }); navfunk($(this).children("span").text()); //find værdi af objektets child spans text En streng tekst fra det klikkede element findes, titlen på elementet. Denne titel sendes til navfunk funktionen, der styrer alt navigation. Logoet kalder funktionen med en statisk defineret streng, og billederne i rotatoren kalder med alt teksten i billedet. For at se alt det sjove der sker der så tag et kig på kildekoden, den er dokumenteret linie for linie hvor det giver mening.

5 Udviklingsmuligheder Mere relation mellem menuer Navigation i hovedmenuen simuleres ved klik på et billede der har en relateret erfaring, eller når der klikkes på logoet, men navigation i image rotatoren simuleres ikke. Klik i hovedmenuen på en erfaring med relateret portfolio billede viser ikke dette billede i rotatoren. Jeg har prøvet at få det til at virke men løb ind i problemer med den plugin jeg bruger. Disse problemer ligger i hvordan pluginen identificerer indhold, og jeg har ikke kunne få et funktionelt resultat. CMS Integration Efter eksamen har jeg planer om at konvertere sitet til umbraco CMS for at udnytte wysiwyg, node data osv. Dette vil fjerne problemerne jeg har med tilføjelse af indhold, da jeg er nød til at sidde og skrive direkte i html en. Det vil også simplificere scripting ved brug af data objekter i stedet for brugen af indviklede jquery selectors. Konklusion Jeg føler at projektet har været en success, idet at det endelige projekt i min egen mening er det beste stykke design jeg har lavet. Jeg er blevet påmindet om hvor godt det er at have fuldstændig styr over sitet fra bunden af, i stedet for at bruge templates og frameworks til styre designet. På den tekniske side har jeg fuldført min ide om at scripte mig fra flere html sider ved i stedet at kaste data rundt på en enkelt side, noget jeg gerne har ville prøve i et stykke tid.

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

Læs mere

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38 BRUGERMANUAL til Podio 23. februar 2015 Side 1 af 38 INDHOLDSFORTEGNELSE HVAD ER PODIO?... 3 HVAD KAN VI PÅ PODIO?... 4 Aktivitet... 4 Bestyrelsesmøder... 4 Arrangementer & aktiviteter... 5 Opslagstavle...

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

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

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

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

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

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

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

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

WordPress som CMS 1:2. Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes

WordPress som CMS 1:2. Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes WordPress som CMS 1:2 Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes Jeg er Lasse Claes De næste to uger Mål Du skal lave din portfolio i WordPress Sidegevinster Du lærer at

Læs mere

Umbraco installationsvejledning

Umbraco installationsvejledning på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er

Læs mere

Sidens sektioner dit overblik

Sidens sektioner dit overblik Sidens sektioner dit overblik 1. MENU Din primære navigation i budget123. 2. DEN AKTIVE MODEL Navnet på den model, du p.t. arbejder med, og link til Modeloversigten. 3. BRUGERPROFIL & VIRKSOMHEDSPROFIL

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Vejledning til Teknisk opsætning

Vejledning til Teknisk opsætning Vejledning til Teknisk opsætning v. 1.0 Adm4you, 2010. Indhold Kort om denne vejledning... 3 Generelt om easyourtime... 3 Installation af databasen... 3 Sikkerhed og rettigheder... 4 SQL Login... 4 Rettigheder

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

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets. Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er

Læs mere

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

Hold kontakten med dit netværk!

Hold kontakten med dit netværk! Hold kontakten med dit netværk! - Outlook er dit netværksprogram Outlook er mere end blot et mailprogram Du kan bruge Outlook til meget mere end blot at sende og modtage mails med. Eksempelvis, så er Outlook

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Advanced Sitecore Google Maps

Advanced Sitecore Google Maps Advanced Sitecore Google Maps WCAG Edition Version 2.2 Brugervejledning 1 / 49 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Forord... 4 2.1 Hvad er nyt?... 5 3 Oprettelse af kort... 6 3.1 Kort centrum

Læs mere

Installation af WeroShop 2.8

Installation af WeroShop 2.8 2013 Installation af WeroShop 2.8 Tommy Westerdahl Christensen Wero Electronics 01-01-2013 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Quickguide til kredscms. Login

Quickguide til kredscms. Login Quickguide til kredscms Dette er en quickguide, der vil præsentere dig for de mest basale funktioner i kredscms. Finder du ikke svar her, så prøv at spørge andre webmastere via debatforummet på leder.fdf.dk:

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

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

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

Afsluttende semesterprojekt - 1. Semester

Afsluttende semesterprojekt - 1. Semester Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design Dokumentation OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design PROGRAMVALG: illustrator CS5 og Dreamweaver CS5 FORMAT: 210 297 (A4) TEKNIKKER: Brainstorm

Læs mere

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3.

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3. PentaCon CMS Responsive sider WYSIWYG editor Skabelon til standard tekstside med overskrift og 1 billede Skabelon til standard tekstside med overskrift og 3 billeder Slideshow på forsiden Nyhedsruller

Læs mere

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

Læs mere

Redtape.dk Grafisk Design

Redtape.dk Grafisk Design Redtape.dk OM KUNDEN Red Tape er et undergrunds pladeselskab. De udgiver musik under Creative Commons licens, som er en åben ophavsret, der gør det lovligt at dele og modificere musikken på lovlig vis.

Læs mere

Opgaver. Notater. Opgave 1: Find kursus hjemmeside og bladre lidt rundt på siderne.

Opgaver. Notater. Opgave 1: Find kursus hjemmeside og bladre lidt rundt på siderne. Opgaver Opgaverne er stillet i henhold til medleverede brugervejledning, og som er en facitliste for opgaverne. Brug den undervejs til at løse opgaverne med, og kom med de punkter som den måtte mangle,

Læs mere

MANUAL til WP ver. 3.2.0 Skrevet af Brian Brandt fra http://wpdk.dk

MANUAL til WP ver. 3.2.0 Skrevet af Brian Brandt fra http://wpdk.dk MANUALtilWPver.3.2.0 SkrevetafBrianBrandtfrahttp://wpdk.dk WordPressmanual,skrevettilversion3.2.0 skrevetafbrianbrandtfrahttp://wpdk.dk 1 Indholdsfortegnelse Indholdsfortegnelse...2 Logindidinhjemmesidesadministration...3

Læs mere

Den aktive Models navn og din genvej til Modeloversigten. Klik på ikonet for ny Model/ nyt forecast

Den aktive Models navn og din genvej til Modeloversigten. Klik på ikonet for ny Model/ nyt forecast Brug ikonerne Den aktive Models navn og din genvej til Modeloversigten. Klik på ikonet for ny Model/ nyt forecast Din brugerprofil og Virksomhedsoplysninger Dashboards rummer Ledelsesrapporten, Nøgletalsrapporter

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

CV for Martin Smidt Kristensen

CV for Martin Smidt Kristensen Martin Smidt Kristensen Tage- Hansens gade 33 st. tv. 8000 Aarhus C Tlf. 23983282 CV for Martin Smidt Kristensen Professionel profil Som webudvikler har jeg en god forståelse for webdesign, webudvikling

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Extension udvikling i Mozilla Firefox. Henrik Gemal

Extension udvikling i Mozilla Firefox. Henrik Gemal Extension udvikling i Mozilla Firefox Henrik Gemal Side 1 Hvem er jeg? Web udvikler hos TDC Laver TDC.dk og TDCOnline.dk Laver HTML, CSS, PHP Med i Mozilla projektet i mange år Udviklet et par extensions

Læs mere

Sider, indlæg og projekter

Sider, indlæg og projekter Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere

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

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Bemærk! Vi bruger i denne guide både Facebook og en applikation på Facebook for, at lave din GIPPLER- fane. Vi kan af naturlige årsager

Læs mere

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1 Lave grafikbillede hvor vi bruger plugins side 1 Vi skal nu sammensætte et grafikbillede hvor vi bruger 2 plugins som kan hentes på min hjemmeside www.pensionistedb.dk under Photofiltre. Denne hedder Image

Læs mere

VERSION TEGNET I GIMP. Responsiv webdesign. Rapport udarbejdet. side 1 af 16 Andreas Heise, Jonas Johansen & Henrik Pedersen

VERSION TEGNET I GIMP. Responsiv webdesign. Rapport udarbejdet. side 1 af 16 Andreas Heise, Jonas Johansen & Henrik Pedersen VERSION TEGNET I GIMP Responsiv webdesign Rapport udarbejdet af: 1 af 16 Andreas Heise, Jonas Johansen & Henrik Pedersen Formål... 3 De 6 faser... 3 Problemanalyse... 3 K-strategi... 5 Idéudvikling...

Læs mere

NYHEDSBREVE MED MAILCHIMP

NYHEDSBREVE MED MAILCHIMP VÆRKTØJSKASSEN: NYHEDSBREVE MED MAILCHIMP VED JENS GRIEBEL DIGITAL KONSULENT, JENS@GRIEBEL.DK 1 Velkommen til MailChimp Denne guide vil hjælpe dig med at opsætte din første e-mail kampagne. Den vil også

Læs mere

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side...

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... Banner Side 1 af 8 Indhold Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... 8 Side 2 af 8 Installation af bannermodulet

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely Bannerpage: http://spicegirls.creativefolder.dk/bannerpage/ Landingpage: http://spicegirls.creativefolder.dk/ René Skovgaard Andersen cph-ra73@cphbusiness.dk Stig Hamborg Nielsen cph-sn9@cphbusiness.dk

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

Udlæsning af opslagsfil til scanneren 1. Opret mappen pdt på C-drevet (c:\pdt).

Udlæsning af opslagsfil til scanneren 1. Opret mappen pdt på C-drevet (c:\pdt). Indholdsfortegnelse Introduktion... 2 Udlæsning af opslagsfil til scanneren... 3 Installation af scanneren... 4 Indlæsning af datafil i scanneren... 6 Brug af scanneren... 7 Sådan scanner du... 7 Tømning

Læs mere

Digitale Videnssystemer: Notater

Digitale Videnssystemer: Notater Digitale Videnssystemer: Notater Sigfred Hyveled Nielsen IVA / Københavns Universitet 3. Semester Denne tekst er skrevet af Sigfred Nielsen, og stillet til rådighed under Creative Commons Navngivelse-IkkeKommerciel-DelPåSammeVilkår

Læs mere

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

Læs mere

Webzoo Joomla Beginners Guide

Webzoo Joomla Beginners Guide Webzoo Joomla Beginners Guide Indholdsfortegnelse Joomla Vejledning 2 FTP-opsætning 2 Sektioner, Kategorier og Indhold 3 Sektioner 4 Kategorier 5 Artikler 6 Artikler - Indsæt billede 7 Artikler - Indsæt

Læs mere

Hjemmeside manual. Indholdsfortegnelse. Noter: - 1 -

Hjemmeside manual. Indholdsfortegnelse. Noter: - 1 - Hjemmeside manual Indholdsfortegnelse Login... - 2 - Login på din hjemmeside og generel support info... - 2 - Kontrolpanel... - 3 - Opdatering af profil oplysninger... - 3 - Menu... - 4 - Menupunkter...

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

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 DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der

Læs mere

Et nyt vindue vil åbne beder dig om at indtaste dit "Navn ", " Last Name " og " Password" - "Job Title " er ikke nødvendigt at bruge.

Et nyt vindue vil åbne beder dig om at indtaste dit Navn ,  Last Name  og  Password - Job Title  er ikke nødvendigt at bruge. Yammer for " Dummies " Manual Den URL Yammer er : www.yammer.com Du vil modtage en invitation til Yammer. Invitationen sendes til butikken e- mail -adresse (f.eks 2199@br-leg.dk ) og / eller til din butikschef

Læs mere

Skifte til Outlook 2010

Skifte til Outlook 2010 I denne vejledning Microsoft Microsoft Outlook 2010 ser meget anderledes ud end Outlook 2003, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre

Læs mere

Friluftsrådets nye hjemmeside

Friluftsrådets nye hjemmeside Friluftsrådets nye hjemmeside Velkommen! Eftermiddagens program 16.00: Hvad kan og skal hjemmesiden? Ny hjemmeside - Nye muligheder Hvordan får vi mest ud af mulighederne? ---- 16.45: Pause ---- 17-18.30:

Læs mere

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

MANUAL ver. 1.4. WordPress manual version 1.4 skrevet af Brian Brandt fra http://wpdk.dk 1

MANUAL ver. 1.4. WordPress manual version 1.4 skrevet af Brian Brandt fra http://wpdk.dk 1 MANUALver.1.4 WordPressmanualversion1.4 skrevetafbrianbrandtfrahttp://wpdk.dk 1 Indholdsfortegnelse Indholdsfortegnelse...2 Logindidinhjemmesidesadministration...3 Administrationen Kontrolpanel...6 Administrationen

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

Guide - Sådan opretter du en backup

Guide - Sådan opretter du en backup Guide - Varighed: ca. 10 min Denne guide gennemgår hvordan en backup oprettes i Excovery. Guiden vil trinvist lede dig igennem processen og vil undervejs introducere de grundlæggende indstillingsmuligheder.

Læs mere

Dokumenter. Sider. efact CMS manual v. 1.0

Dokumenter. Sider. efact CMS manual v. 1.0 Dokumenter Dokumenter er stedet, hvor du opretter og vedligeholder dit indhold på hjemmesiden. Der kan uploades filer og billeder til brug på hjemmesiden, samt oprettes sider hvis indhold du redigerer

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

[jobsøgende] sådan gør du... [søg job via jobnet.dk]

[jobsøgende] sådan gør du... [søg job via jobnet.dk] [jobsøgende] sådan gør du... [søg job via jobnet.dk] Søg jobbet via Jobnet Du kan se ledige job på Jobnet.dk, og når du har fundet en stilling, kan du søge den. Er der i søgeresultatlisten ved annoncens

Læs mere

Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside

Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside Før du går igang... 2 Sådan kommer du ind i cms-systemet.... 2 Princippet i at arbejde i et cms... 3 Upload og administration de billeder,

Læs mere

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk GRAFISK DESIGn Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen

Læs mere

Den digitale Underviser. DOF deltagernet

Den digitale Underviser. DOF deltagernet Den digitale Underviser DOF deltagernet Sabine Kramer juli 2014 Indhold Kursusindhold... 2 Log ind på Deltagernet, se og rediger dine aktuelle kurser... 3 Skift fra uge- til emneformat... 5 Redigér første

Læs mere

Drejebog til tractorpulling.dk

Drejebog til tractorpulling.dk Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Kursus i EkspresLøn. De syv menupunkter, vi skal bruge i dette kursus, er markeret med rød ring. Tryk..virksomheder i øverste højre hjørne.

Kursus i EkspresLøn. De syv menupunkter, vi skal bruge i dette kursus, er markeret med rød ring. Tryk..virksomheder i øverste højre hjørne. Kursus i EkspresLøn EkspresLøn startes ved at dobbelt-klikke på EkspresLøn-ikonet på skrivebordet:, eller vælge Start Programmer EkspresLøn. Når programmet startes første gang fremkommer dette vindue:

Læs mere

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

Læs mere

Indholdsfortegnelse. Login 1. Glemt password 2. Ændre personlige oplysninger 2. Min side 3. Global meldingsboks 5. Administrerede sager 7

Indholdsfortegnelse. Login 1. Glemt password 2. Ændre personlige oplysninger 2. Min side 3. Global meldingsboks 5. Administrerede sager 7 Klient Indholdsfortegnelse Login 1 Glemt password 2 Ændre personlige oplysninger 2 Min side 3 Global meldingsboks 5 Administrerede sager 7 Sagsoversigt 9 Oversigt sager 11 Statistik sager 12 Beskeder 14

Læs mere

Picto Selector. Lav dine egne flotte symbolark på den nemme måde. Version: Oktober 2012

Picto Selector. Lav dine egne flotte symbolark på den nemme måde. Version: Oktober 2012 Picto Selector Lav dine egne flotte symbolark på den nemme måde Version: Oktober 2012 Indholdsfortegnelse Hvad er Picto Selector?...4 USB?...4 Hent programmet...4 Installer programmet på din computer...5

Læs mere

WordPress for Bridge Klubber

WordPress for Bridge Klubber WordPress for Bridge Klubber karsten@jeppesens.com 1 Indholdsfortegnelse Hvad er WordPress?...3 De første skridt...3 Responsive tema, så kører vi...5 2 karsten@jeppesens.com Hvad er WordPress? WordPress

Læs mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

Hvem behøver en Fan side?

Hvem behøver en Fan side? Facebook Fan sider er en fantastisk måde at promovere en virksomhed på, og en vigtig del af enhver social media marketing plan. Oprettelse af en grundlæggende side er ikke så kompliceret, men at skabe

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere