Skrift og billeder i nye medier. Ved Jonas Heide Smith (jhsmith@ruc.dk)

Størrelse: px
Starte visningen fra side:

Download "Skrift og billeder i nye medier. Ved Jonas Heide Smith (jhsmith@ruc.dk)"

Transkript

1 Skrift og billeder i nye medier Ved Jonas Heide Smith (jhsmith@ruc.dk)

2 Hvad er kommunikation?

3 Jonas Heide Smith Cand.mag. i Medievidenskab (KU, 2002) Ph.d. fra IT-Universitetet (2006) Har undervist i webdesign, online-kommunikation, medieteori og den slags. Har arbejdet som webredaktør og webkonsulent Indblandet i utallige no-cost/ low-cost webprojekter jhsmith@ruc.dk

4 teknokratiet.dk

5 Dig Tidligere studier Erfaringer med web (design? det sidste website du besøgte?) Interesser ift. webkommunikation?

6 Workshoppen I kommer til at lære: Principper for kommunikation i nye medier (med kraftig vægt på web) I vil kunne identificere kommunikative potentialer og problemer - og udbedre sidstnævnte Vi kombinerer teori og praksis (med vægt på praksis) I kommer til at planlægge og designe et website Nogle dage mødes vi samlet, andre dage arbejder i selv Koordination og kommunikation sker igennem vores blog: jonassmith.dk/sbworkshop

7 Hvordan består man? Aktiv deltagelse Tilstedeværelse (maks. 2 dages samlet fravær) Producere kommunikationsplan og website Præsentation ved Showtime

8 Husk Spørg løs Ryk frem, sig frem

9 Litteratur Kompendium i bogladen Består af baggrundsmateriale og værktøjstekster Komplementerer kursuslitteratur Spørg hvis I mangler henvisninger For mere om webdesign, se f.eks. Jennifer Niederst Robbins' Learning Web Design.

10 Registrer jer som brugere på sitet: jonassmith.dk/sbworkshop

11 Hvad karakteriserer webkommunikation?

12 Quick'n'dirty analyse:

13 Grupper!

14 Øvelse: Websiteanalyse Hver gruppe vælger et website for et dansk universitet Diskuter (20 minutter):! Kommunikativ strategi (hvad vil de sige? Hvordan siger de det?)! Samspillet mellem tekst og billeder! Navigationsstruktur! Andet bemærkelsesværdigt Præsenter

15 PhotoShop-demonstration

16 Øvelse: Portræt på bloggen Få taget portræt Formindsk det i PhotoShop til 75px X 75px Vælg "Save for web" og gem billedet som en JPG-fil Upload det til din blogprofil (i begge billedfelter) Test at billedet vises i både indlæg og kommentarer Mens du er der: Opdatér profiltekst

17 HTML HyperText Markup Language Ikke et programmeringssprog HTML giver struktur til indhold Man kan se en websides HTMLkode i browseren

18 Websidens logik Adfærdslag JavaScript, Ajax Præsentationslag Cascading Style Sheets (CSS) Strukturlag HTML Separate filer "Side"filen Indlejrede filer Billeder, lydfiler osv. Separate filer

19 Websidens logik En webside består af 1) Doctype 2) HTML 3) Header 4) Body <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <title>a very simple document</title> </head> <body> <p>hello World!</p> </body> </html>

20 Websidens logik HTML består af tags (som f.eks. <p>) som oftest er parret (som f.eks. <p></p>). Tags definerer elementer. <p>hello World!</p> Et element kan have en eller flere attributter: <p id= footer >Hello World!</p> <img src="/grafik/admin/1x1.gif" alt="" width="1" height="1" border="0" />

21 10:00-12:00: Projektideer og billeder 12:00-12:30: Frokost 12:30-15:00: Skriveøvelse

22 Styles I har arbejdet med "inline styles" F.eks. <body style="background-color: black; color: white; fontfamily: courier;"></body> Man kan også placere sine style-regler i et eksternt dokument ("external") eller samlet i begyndelsen af en HTML-fil ("embedded"). body { background-color: black; color: white; font-family: courier; }

23 WordPress-demonstration

24 Emnebrainstorm Emner? Mulighed: Samarbejde med Videnskab.dk

25 Billeder

26 Pixels i bredden, pixels i højden

27 Pixels i bredden, pixels i højden

28 600 px 400 px 600 px 768 px 800 px 1024 px Pixels i bredden, pixels i højden

29 Webgrafik Digitale billeder gemmes i specifikke filformater (BMP, TIFF. PSD...) På nettet bruges tre formater: 1. JPG: Bruges til fotografier (relativt små filer, "lossy" kompression, mange farver) 2. GIF: Bruges til billeder med klare kontraster, så som stregtegninger og logoer (små filer, tabs-fri komprimering, få farver) 3. PNG: Kan bruges til alle typer (relativt store filer, tabsfri komprimering, mange farver)

30 Photoshop-demo

31 Øvelse: Billedredigering Rediger et billede og placer det på bloggen!rediger et billede og placer det på vores blog!hent billedet på jonassmith/ /!skær alt væk, undtagen barnet!fjern al baggrund (barnet skal fremstå på helt hvid baggrund)!formindsk dit billede til max. 400 pixels i bredden (lad højde følge)!"save for web" (billedet må ikke fylde mere end 100kbyte)!Vis dit billede i et blogindlæg!klap dig selv på skulderen

32 Øvelse: Skriv om dit seneste projekt Omformuler dit sidste projekt til web-egnet artikelform (ca. 600 ord) Mht. sprog og abstraktionsniveau: Tænk Weekendavisen Målgruppe: Generelt velorienterede ikke-specialister Brug billeder og links. Post artiklen på vores blog senest torsdag aften

33 Uge 2

34 Mandag: Web 2.0, tekster, æstetik Tirsdag: Kommunikationsplan (grupper) Onsdag: WP-installation Torsdag: Sitemap, wireframes (grupper) Fredag: Website Kommunikationsplan (kladde) Mandag: Intern præsentation, website Tirsdag: Website (grupper) Onsdag: Website Torsdag: Website (grupper) Kommunikationsplan (færdig) Fredag: ShowTime

35 Marshall McLuhan, Jan Lindhardt

36 "Writing, to me, is simply thinking through my fingers." - Isaac Asimov

37 Hest Arbitrære tegn Barn

38 Alliteration (bogstavrim): Gentagelse af bestemt bogstav; f.eks. Panik blandt pengemænd

39 Metafor: Overførsel af ord til ny betydning; f.eks. Solen slæbte sig henover sandet, Samfundet er en organisme, Tiden slæbte sig afsted

40 Metonym: Betegnelse af et begreb med et ord som har en vis sammenhæng med det (fx. laurbær for berømmelse)

41 Synekdoke: Stilistisk figur der består i ombytning mht. omfang, især at del sættes for helhed (fx. køl for skib) og omvendt.

42 Logos: Appel til fornuften Pathos: Appel til følelsen Ethos: "Appel til tillid"

43 Frivillig tvang Corporate social responsibility er kommet for at blive. Virksomhedsetik og bæredygtighed er nøgleord som virksomheder er nødt til at forholde sig til og implementere, for at overleve i kampen om kundernes gunst. I Europa opfattes CSR som en frivillig aktivitet, der drejer sig om sociale og miljømæssige forhold. CSR kan betegnes som virksomheders frivillige samfundsmæssige engagement, men kravene til at virksomheder skal være socialt ansvarlige overfor deres lokalmiljø, deres medarbejdere, samt i deres virksomhedsdrift, synes nærmere at være et pres udefra, som medvirker til at virksomheder inkorporerer CSR i deres forretningsstrategi.... Men man kan konstatere, at en åbenlys og effektiv implementering af CSR er et vigtigt konkurrenceparameter, der i de fleste tilfælde styrker både image og brandværdi udadtil. Dertil er der kun at konstatere, at medmindre virksomheder fører en uigennemsigtig forretningsstrategi på et ulovligt grundlag, så burde forbrugerne tage at rette deres fokus mod den indsats som virksomheder gør for at være socialt ansvarlige, fremfor om de gør det af et rent hjerte.

44 Eliminer Word-koder

45 Fra merkantilistisk monopol og tilbage igen! I 1710 fastlagde The Statute of Anne de grundlæggende principper for den liberale copyright og mange af de punkter der blev optegnet i denne lov, er i den ene eller anden form stadigt gældende i dag. Men med udviklingen af det digitale samfund er copyrighten blevet et langt stærkere våben der udfordrer individets frihed og retten til privatliv.... Fra kollektivistiske grupper lyder et utilitaristisk krav om vidensdeling, om behovet for en fælles ejendomsret på intellektuel produktion. Fra den indivualistiske fløj lyder kravet på mere frihed til den enkelte, samt at copyrightsystemet har udviklet sig som et merkantilistisk censursystem, hvor copyrightholdere reelt har magten over individets færden på Internettet.

46 Motivation af videnstunge medarbejdere En gruppe unge RUC studerende bringer banebrydende forskning om motivation! I moderne virksomheder og organisationer står medarbejdernes evner som centrale aktiver. At medarbejderne er effektive, innovative og generelt indstillede på virksomhedens mål, er derfor nogle af de mest afgørende elementer for virksomhedens succes.... Derimod passer den teoretiske vinkling, som økonomi professor B. Frey præsentere i sit værk Not just for the money i forhold til undersøgelsens resultater. Frey forklarer, at man indremotivation er en meget væsentlig størrelse, fordi man med indremmotiverede medarbejdere, har arbejdskraft som både fysisk og psykisk er i bedre tilstand. Hvilket rent arbejdsmæssigt betyder, at medarbejderne er bedre gearet til at løse vanskelige problemstillinger, fordi medarbejderne føler sig knyttet og involveret i deres arbejde. Dermed har RUC gruppen fanget et interessant fænomen i motivationen af videnstunge medarbejdere, hvor det særlige er ikke at ødelægge deres indre motivation.

47 Late Night-mudderkast på DR2 DR2 s satiriske talkshow den 11. time udfordrer de gængse spilleregler. For tiden er det filminstruktør Nicolas Winding Refn, der befinder sig midt i det obskure univers. Det var sgu for meget et one hit wonder. Emnet er Thomas Vinterbergs Festen, og den glade afsender af de rosende ord er filminstruktør Nicolas Winding Refn. Hans armbevægelser i medierne har fra dag 1 været iøjnefaldende. Med skarpe udtalelser om sine kollegaer har han altid formået at sætte sin egen person i fokus. Good Cop/ Bad Cop-værterne fra DR2 s sene talkshow den 11. time, Mikael Bertelsen og Mads Brügger, sætter i disse dage Refns arme i om muligt endnu større bevægelser. På godt og ondt.... Foran skærmen krymper man tæer, man fordømmer og afskyer, men samtidig kan man næsten ikke undgå at få bare en anelse sympati for det stakkels egoistiske offer. Offer ikke kun for Brüggers provokerende tunge, men også for berømmelsens bagside. Halvt grædende og helt blottet afslører Refn sit forskruede forhold til karriere og kollegaer, succes og fiasko. Samtidig panorerer og zoomer kameraet langsomt. Lydløst fortolker det interviewets følelser, men man kan aldrig helt finde ud af, hvad pokker meningen egentlig er. Er det teater og gøgl? Er det seriøs journalistik? Svaret ligger vist et lusket sted midt i mellem.

48 Kampen mod ustruktureret kode Bør man angribe nu, udvide sin bataljon eller opruste for senere at være fjenden overlegen? Et trivielt spørgsmål, hvis eneste bidrag synes at være retorisk blær. Sidstnævnte to strategier er nemlig ikke valgmuligheder i version af strategisimulatoren RTS, der er under beskydning fra ustruktureret kode, hvor syntaks-fejl og nullpointerexceptions udgør de fjendtlige enheder på den binære slagmark. Strategispillet er en ædel genre. Helt tilbage fra dets tidlige alder har spil som Skak og Dam fascineret mennesket grundet deres overvejende fokus på strategi og mere rationelle natur.... En teknisk demo, der bærer præg af lettere ustruktureret kode og skumle hacks kreeret med den bagtanke, at få skidtet til at vises på skærmen - og det virker! Fjernet er de mere avancerede, strategiske muligheder - erstattet af sjove fejlmeddelelser og spøjse algoritmeopførsler, men det virker Derfor længe leve RTS-genren, dens mangeårige udvikling og tre datalogistuderendes ustrukturerede kode!

49 Web 2.0

50 Web 1.0 Det plejede at være så simpelt: Websites tilbød brugerne noget indhold de kunne bladre i på selve websitet (og målet var at producere det bedste indhold)

51 Web 2.0 En samlebetegnelse for en række tendenser: - Brugergenereret indhold - Åbne systemer - Kollaborativ filtrering (f.eks. ratings) og organisering (f.eks. tags) - Nettet som platform for software-agtige tjenester (f.eks. Picnic, Google Docs) - Behagelige/responsive brugerflader

52 Eksempel: Flickr, kun brugergenereret indhold

53 Flickr: Billedopbevaring

54 Diskussion Alibi for hyggesnak

55 Flickr: Organisering og deling

56 Flickr: Åben datastruktur

57 Flickr: Åben datastruktur

58 Flickr: Åben datastruktur

59 RSS (news feed) En standard for at udgive indhold Muliggør brug af indhold på andre sites

60 RSS-feed i nyhedslæser

61 Hvordan gør man? Mentalitet: Hvad kan andre tjenester, og hvad kan brugerne, bidrage med? Skab tjenester, ikke informationskanaler Gør det nemt og behageligt at bidrage Giv brugerne mulighed for at bruge deres data på tværs af tjenester (f.eks. playlister på egen blog)

62 Hvilken rolle spiller Kina for afrikanske landes økonomiske udvikling? I de seneste 10 år, har den hastigt voksende økonomi, Kina, spillet en tydeligere politisk og økonomisk rolle i afrikanske lande, og særligt de naturressourcerige lande, såsom Nigeria, Sudan og Angola. Grundende: Kinas eksplosive økonomiske vækst har medført en markant forøgelse i landets forbrug af olie og naturgas. Landets stigende forbrug er foregået med så hastige skridt, at landets egne ressourceproduktion ikke kan følge med. Løsningen på energiproblemet blev dermed, at samarbejde med udenlandske handelspartnere som kan levere de nødvendige ressourcer.... Pessimisterne anser forholdet mellem Kina og de afrikanske for både at være ulige fordelt, til fordel for Kina, ud fra fordelingen af varetyper. Ligeledes anses forholdet mellem den store økonomiske magt, Kina, og de mindre udviklingslande på det afrikanske kontinent for at være en gentagelse af den samme historie om igen, med henvisning til Kolonitiden med vestlige magters rovdrift. Optimisterne, på den anden side, anser samarbejdet for at være en ny mulighed for at igangsætte afrikanske økonomier, således at de kan påbegynde en industrialiseringsproces, og undgå at blive hægtet yderligere af i forhold til resten af verden. Denne udvikling bliver i hvert fald spændende at følge i de kommende, hvis man er interesserede i Afrikanske, såvel som Kinesiske poltiiske og økonomiske forhold.

63 Kan mikrofinans kurere fattigdom? Mikrofinans er blevet et hitord, når der tales om udviklingsbistand. Den bangladeshiske professor i økonomi Muhammad Yunus fik i 2005 nobelfredsprisen for sit tiltag med mikrofinans institutionen Grameen Bank, der opererer med små lån til fattige kvinder, men er denne form for hjælp-tilselvhjælp løsningen på udviklingslandenes problemer? Måden at hjælpe verdens udviklingslande på har været til diskussion på alle leder og kanter. Politikere har hver især deres syn, og teoretikere, der er specialiseret sig i udviklingspolitik har ligeledes en subjektiv holdning til, hvorledes fattigdom kan reduceres og bekæmpes.... Mikrofinans kan derfor godt ses som et middel til at bekæmpe fattigdom, men der skal stadig tages hensyn til andre sociale områder. Empowerment af kvinder er dermed et vigtigt element at medregne, hvis fattigdom skal bekæmpes i bredeste forstand.

64 Individualisering eller egoisme? Vi lever idag i en hastigt udviklende verden, hvor det forventes at den enkelte konstant er omstillingsparat og refleksivt tager stilling til sit eget liv. I takt med de mange nye tilbud, krav og forventninger i en yderst globaliseret verden, vanskeliggøres hverdagen for individet. Som konsekvens af denne udvikling ses en stigende individualisering og der kan derfor stilles spørgsmålstegn ved, om den enkelte udvikler sig i en mere egoistisk retning.... Det ideelle for fremtiden mener vi vil være at forene denne individualitet med fællesskabet således, at mennesket har mulighed for at bibeholde sin frihed og samtidig have mulighed for indgå i et trygt og dynamisk fællesskab.

65 Prenez garde little boy dass du nicht falder i vandet! Dansk? Næppe! Så grelt står det dog ikke til endnu. Alligevel frygter nogle politikere såvel som proletarer, fagfolk såvel som lægfolk at det danske sprog befinder sig på en glidebane. Presset fra forskellige fremmedsprog er så stort, at dansk snart mister sin status som samfundsbærende sprog og ender med blot at være en dialekt i den globale landsby. Forråelsen af det danske sprog er efterhånden en gammel sang. Og hvem har ikke hørt ældre beklage sig over unges måde at tale på?... Dette skal man passe på med, for hvad nytter det at uddanne folk på engelsk, som derefter får jobs i danske virksomheder, hvor de så ikke længere kan kommunikere optimalt med deres dansktalende kollegaer, medarbejdere og kunder, spørger Davidsen-Nielsen retorisk og opfordrer dermed til at rette det sprogpolitiske skyts mod reelle og ikke æstetiske problemer.

66 Ledelse af kreative medarbejdere Virksomheder har i dag i stigende grad behov for at være kreative og innovative for at udvikle nye produkter og forbedre kundeservice. Derfor er virksomhederne også mere bevidste om fordelene ved og nødvendigheden af at være omstillingsparate, refleksive og nytænkende.... En leders udfordring er således at opnå en indsigt i den kreative medarbejders kompetencer samt interesser for derved at kunne matche opgaverne til den enkelte medarbejder så effektivt som muligt. Derfor er de nye ledelsesværktøjer ledere skal orientere sig imod i høj grad præget af en synlig og uformel ledelsesform. Undersøgelsen har vist, at uformel og indirekte ledelse, hvor anerkendelse og udfordringer, samt værdi- og fællesskabsfølelses er vigtige elementer for skabelse af et miljø, som kreativitet kan udspille sig i, og herved skabe den bedste arbejdsplads for medarbejdere og ledelse.

67 Branding af RUC - af Nadia og Freja Branding er i dag et udbredt fænomen indenfor markedsføring, og flere danske universiteter er fulgt i de udenlandske universiteters fodspor, og er begyndt at brande sig. Flere universiteter blandt andet Københavns Universitet (KU), Danmarks Tekniske Universitet (DTU) og Syddansk Universitet (SDU) har set muligheder i branding og er begyndt at bruge dette som en metode til at profilere sig på.... Indadtil vil blandt andet en database med tidligere studerende, kunne skabe ro for de nuværende studerende omkring hvilke jobs der er tilgængelige ud fra deres valg af fag. For at skabe mest mulig omtale og interesse for universitetets fornyelse, mener vi, at RUC med fordel kan samle tiltagene og implementere disse samtidigt. RUC er fremtidens universitet!!!

68 Den jyske forskel Jyske Bank er kendt for at være en anderledes bank. Ikke nok med at man har en selvopfattelse af, at man er anderledes, nu skal hele markedet vide det. Jyske Bank har valgt at gå sine egne veje i organiseringen af deres bankforretning. Med markedsstrategien Jyske Forskelle ændrede Jyske Bank totalt billede af, hvad en bank var. Ikke nok med at rammerne blev ændret, relationen mellem kunden og banken blev også ændret.... I anden generation blev de enkelte produktpakker introduceret. Derudover blev der som nævnt ovenfor introduceret nye teknologiske værktøjer, der skulle understøtte arbejdet med produkterne. Dette skete i den nye indretning, der understregede værdierne for kunder såvel som medarbejderne. Dette skulle føre til en ændret adfærd, der i sidste ende skulle medføre, at man opnåede et kvalitetsbaseret salg.

69 Æstetik

70 Folketinget.dk

71

72 Kommandolinje-interface

73 2 logikker "I was working at IBM in 1979 and somebody asked me for an internal-use-only review of a thing called the Lisa... I said this is a catastrophe. This is the end of language in relation to computers. This is the implementation of the caveman interface. You point and you grunt." - Eben Moglen

74 1984

75 1986

76 1986

77 1986

78 1986

79 2008

80 2008

81 Moderne webdesign Simpelt layout Siden centreret Indholdsstyret design 3D-effekter, sparsomt brugt Bløde, neutrale baggrundsfarver Stærke farver, brugt sparsomt Nuttede ikoner, brugt sparsomt Masser af whitespace Rar, stor tekst - Ben Hunt

82 Websidens logik De fleste elementer har indhold, men enkelte er tomme: <br /> <hr />

83 Websidens logik Nogle elementer er særligt vigtige: Det hele skete på <a href= >RUC</a>. is a Universal Resource Locator (URL) En URL kan være absolut ( eller relativ til det nuværende dokument, f.eks.: Tag et kig på vores <a href= schedule.html >tidsplan</a>.

84 Websidens logik Ikke-tekst (i.e. mediefiler) er ikke indeholdt i HTML-filen <img src= portrait.jpg alt= Author Portrait />

85 Websidens logik <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <title>a very simple document</title> </head> <body> <p>hello World!</p> <img src=" Kristoffer.jpg" alt="kristoffer" /> </body> </html>

86 Websidens logik HTML definerer struktur, og bør være semantisk og ikke repræsentionel Sær kode er <strong>dejligt</strong> Sær kode er <b>dejligt</b> Sær kode er <font color="red">dejligt</font>

87 Websidens logik Repræsentation håndteres separat <img /> img { margin-left: 2px; }

88 Websidens logik Et (cascading) style sheet er bare en tekstfil body {background-color: black; color: white; font-family: courier} img {margin-left: 2px;} Den "vedhæftes" HTML-filen således: <link rel="stylesheet" type="text/css" href="style.css">

89 Websidens logik Stylesheets kan bruges til at layoute en webside: <div id="header">this is the header</div> <div id="main">this is the main area</div> #header {background-color: blue; color: white; width: 700px; } #main {background-color: green; color: black; width: 700px; }

90 Websidens logik <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>a very simple document</title> </head> <body> <p>hello World!</p> <img src=" Kristoffer.jpg" alt="kristoffer" /> </body> </html>

91 Store ord om tekst

92 Marshall McLuhan, Jan Lindhardt

93 "Writing, to me, is simply thinking through my fingers." - Isaac Asimov

94 Hest Arbitrære tegn Barn

95 Alliteration (bogstavrim): Gentagelse af bestemt bogstav; f.eks. Panik blandt pengemænd

96 Metafor: Overførsel af ord til ny betydning; f.eks. Solen slæbte sig henover sandet, Samfundet er en organisme, Tiden slæbte sig afsted

97 Metonym: Betegnelse af et begreb med et ord som har en vis sammenhæng med det (fx. laurbær for berømmelse)

98 Synekdoke: Stilistisk figur der består i ombytning mht. omfang, især at del sættes for helhed (fx. køl for skib) og omvendt.

99 Logos: Appel til fornuften Pathos: Appel til følelsen Ethos: "Appel til tillid"

100 Eliminer Word-koder

101 Begyndelse

102 Begyndelse

103 Begyndelse

104 Begyndelse

105 Begyndelse

106 Begyndelse

107 Begyndelse

108 Begyndelse

109 Begyndelse

110 Begyndelse

111 Begyndelse

112 Begyndelse

113 Begyndelse

114 Begyndelse

115 Begyndelse

116 Begyndelse

117 Afslutning

118 Afslutning

119 Afslutning

120 Afslutning

121 Afslutning

122 Afslutning

123 Afslutning De tre forskere udtaler: Mange af de unge tager solarium første gang op til deres konfirmation, og mange af dem får endda lov af forældrene. Det betyder meget for dem at have kulør og se godt ud. hvis mange af kammeraterne tager sol, vil de ikke falde udenfor ved at være den eneste blege. Af samme årsag lægges der i undersøgelsen op til forslag om at inddrage diskussioner om skønhedsidealer, herunder solarium i konfirmationsforberedelsen, for på den måde at kunne sætte ind, før de unge begynder at tage solarium.

124 Afslutning Når data til analyse er dialog, er det nødvendigt at transskribere alle lyde i de udtalte ord og sætninger, på et fonetisk plan. Det vil sige hver lyd bliver beskrevet af det fonetiske tegn for præcist denne udtale. Resultatet bliver en samling tekster uforståelige for ikke indviede. Selve analysen består i sammenligning af udtalen af hver enkel konsonant og vokal lyd for at finde mønstre hos hver enkel person og derefter sammenligne mønstret med de andre personer. Alt i alt en tidskrævende og opslidende proces, som efterlader undersøgeren på grænsen til sindssyge. Man kan kende personer på dette stadie på deres trætte udmattede ansigts udtryk og deres manglende evne til at tale om andet end hvorvidt ou diphthongen i House udtales lukket midt-bagerst rundet eller ikke rundet.

125 Modpolen til Baumann, der dog alligevel synes beslægtet, er den rabiate vækkelsespræst broder Johannes, der i igennem sin heftige agitation for sin mærkværdige og ekstreme afart af kristendommen er med til at illustrere hvordan heller ikke religion tiltaler Kristensen. Projektet har altså ved hjælp af et særligt billedkunstfokus formået at skildre hvordan Kristensen med en særlig sans for den billedlige side af romankunsten er i stand til at skildre ideologiernes såvel som kunstens sammenbrud i sin samtid. Afslutning

126 Afslutning Da der indtil videre ikke eksistere konkrete indikatorer for helt bestemt at måle virkningen af mikrofinansprogrammer, er det selvklart vanskeligt at konkludere noget om dets egentlige funktion som fattigdomsreducerende værktøj. Dog skal det siges, at der trods alt er positive udmeldinger om mikrofinans, både fra de som beskæftiger sig med det og fra dem som det hele egentlig handler om, nemlig de fattige mennesker, som gerne skulle have gavn af det.

127 Afslutning Til trods for at Venstre ikke anerkender sociokulturelle faktorer som en væsentlig faktor for børns muligheder i det danske samfund og til trods for de to partiers forskellige holdninger til velfærdsinstitutionerne, så formåede Venstre alligevel under valgkampen 2007 at blive set som et velfærdsparti. Deres politiske kommunikation lykkedes næsten over evne, og de overtog den klassiske socialdemokratiske profil, hvormed Socialdemokraterne nu står uden en klar profil og uden et klart defineret og formuleret projekt. Socialdemokraternes opgave synes nu at være at få formidlet deres egen politik ud til offentligheden, og få gjort klart hvad deres projekt er. Det vil kræve nogle nye politiske og retoriske strategier, så det bliver interessant at følge Socialdemokraternes færd i det politiske landskab i den næste tid.

128 Afslutning I stedet bør man forankre ethvert forsøg på at resocialisere kriminelle i en ambition om at lade dem føre en dagligdag blandt folk, der ikke er kriminelle. Det betyder også, at en resocialiseringsordning ikke nødvendigvis bliver mere effektiv af at lade den foregå i samfundet, hvis resocialiseringen ikkeer forankret i den kriminelles mulighed for løbende at arrangere sin dagligdag, som den giver mening i hans eller hendes specifikke kontekst.

129 Afslutning

130 Afslutning

131 Betyder det at public service har udspillet sin rolle som modstykke til de kommercielle medier? Og er DR blevet kommercialiseret ved at hoppe med på medievirksomhedernes evige jagt efter seertal? Svaret afhænger af øjnene som seer. Uanset hvad man mener om DRs public service rolle, så er der ikke noget som tyder på at public service er ved at forsvinde. Der er bred politisk opbakning til public service ordningen og DR udgør stadig en markant og central del af danskernes medieforbrug. Fremtiden vil vise om det lykkes for public service institutioner fortsat at legitimere sin specielle position, hvilket også indebærer en tydeliggørelse af hvilken rolle public service spiller for danskerne i det moderne samfund. Afslutning

132 Uge 2

133 Søgemaskiner

134 Søgemaskiner Spiders/bots crawler nettet Websideindhold indekseres i databaser Bruger foretager søgning Søgemaskinen returnerer resultater i henhold til specifikke principper.

135 Søgemaskiner Søgemaskinen foretager en vurdering af sidens relevans Oprindeligt: Spørg siden hvad den handler om (on-site factors) Post-Google: Spørg andre sider (off-site factors)

136 Søgemaskineoptimering Væsentligt: Nøgleord i <title> Nøgleord i links, der peger på siden Nøgleord som figurerer i synlig tekst Link-popularitet (e.g. PageRank)

137 Søgemaskineoptimering Google siger: Få andre til at linke til dig Indsend et Google Sitemap Indsend dit site til kataloger a la Open Directory Project Anvend klart hierarki og tekstlinks Skriv klare indholdsbeskrivelser med brugernes ord Brug tekst frem for billeder Gør dig umage med Title og Alt Brug korrekt HTML Hold antallet af links på en side under 100 Check med tekst-browser Undgå skjulte links eller tekst Undgå cloaking Undgå irrelevante ord Undgå at spejle indhold

138 Eksempel

139 Video

140 Video Streames typisk til brugeren Streaming er blevet nemt Exceptionelt populært

141 YouTube Klip kan indsættes på egen side

142 Creative Commons Creative_Commons_-_Get_Creative.swf

143 Dagens opgave Besvar grundliggende kommunikative spørgsmål Producer wireframes Producer sitemap Publicer resultaterne på vores website

144 Kommunikationsspørgsmål Hvem er målgruppen? (vaner, præferencer, livsverden) Hvad er formålet med sitet? Hvad er budskabet? Skal I samarbejde med andre? (Og hvad er deres rolle i produktionen?) Hvilken genre tilhører jeres site? (Og hvad kendetegner denne genre?) Hvordan foranlediges brugerne til at besøge sitet? Har gruppen de fornødne evner? Hvilke andre sites ligner jeres? (hvilke lignende budskaber påvirkes målgruppen af?)

145 WireFrames

146 Sitemap

147 <head><title>sidens titel</title> <style type="text/css"><!-- body { background-color: #f5f5f5; font-family: Verdana, Arial, SunSans- Regular, Sans-Serif; } --></style> <body><p>her er noget indhold</p> Embedded CSS <head><title>sidens titel</title> <link rel="stylesheet" type="text/css" media="screen" href="style.css"> <body><p>her er noget indhold</p> body { backgroundcolor: #f5f5f5; fontfamily: Verdana, Arial, SunSans- Regular, Sans-Serif; } Eksternt CSS <head><title>sidens titel</title> <body style="background-color: #f5f5f5; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;"><p>Her er noget indhold</p> Inline CSS

148 body h1 p ul li strong em Box-modellen

149 Width og height henviser til "content area" Højde udregnes på baggrund af indhold Størrelse specificeret i procenter henviser til størrelsen på det omsluttende element Margin Padding Content area Width Height Inner edge Border Outer edge Box-modellen

150 Margin Padding Content area Height Width Inner edge Border Outer edge div { background-color: #99ff33;} Baggrundsfarve

151 Margin Padding Content area Height Width Inner edge Border Outer edge div { background-image: url(lost.jpg);} Baggrundsbillede

152 Tre variable: 1) Style (obligatorisk) 2) Width 3) Color <div>noget mumletekst Noget mumletekst Noget mumletekst Noget mumletekst Noget mumletekst Noget mumletekst</div> div { border-style: solid; border-width: 20px; border-color: #0099FF; width: 250px; } ELLER: div { border: solid 20px #0099FF; } Border

Webdesign og webkommunikation. 10. april: Søgemaskiner, optimering og tilgængelighed

Webdesign og webkommunikation. 10. april: Søgemaskiner, optimering og tilgængelighed Webdesign og webkommunikation 10. april: Søgemaskiner, optimering og tilgængelighed Program Kage næste gang: Lærerne! 10-12 Søgemaskineoptimering Tilgængelighed 13-15 Vejledning Husk: Obligatorisk opgave

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

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

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

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

Om styles / typografier / typografiark / stylesheets

Om styles / typografier / typografiark / stylesheets Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og

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

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

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

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

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

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

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

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

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

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

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden.

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Manualen er delvist hentet fra en manual Ølstykke IF har lavet til brug for deres hjemmeside Upload af billede For at kunne

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

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen. Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,

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

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

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

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

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

I gang med Adobe Muse CC

I gang med Adobe Muse CC I gang med MUSE Muse er et program fra Adobe til fremstilling af websites, for de som ikke ønsker at arbejde med koder. De fremstillede websites baserer sig naturligvis på HTML, CSS, Javascript mm., du

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

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet.

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Side 1 Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Dette er nogle gange et ønske fra den enkelte kunde, som blot ønsker

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

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,

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

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

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

Vidensmedier på nettet

Vidensmedier på nettet Vidensmedier på nettet En sociokulturel forståelse af læring kan bringe os til at se bibliotekernes samlinger som læringsressourcer og til at rette blikket mod anvendelsespotentialerne. fra Aarhus Universitet

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

Guide til upload af ruter og interessepunkter på Endomondo

Guide til upload af ruter og interessepunkter på Endomondo Guide til upload af ruter og interessepunkter på Endomondo Denne guide indeholder følgende emner: A. Rettigheder B. Oprettelse af profil på Endomondo C. Oprettelse af selve ruten D. Redigering af oprettet

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

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

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2016-2017 Institution Uddannelse Fag og niveau Lærer(e) Hold Rybners Tekniske Gymnasium HTX Kommunikation/IT

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

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

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

Aptana editor til MAC og Windows

Aptana editor til MAC og Windows 1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og

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 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 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

Vi møder borgerne med anerkendelse

Vi møder borgerne med anerkendelse Vi møder borgerne med anerkendelse Strategi for ledere og medarbejdere Center for Politik og Strategi september 2015 Forord Fredensborg Kommune er en organisation i udvikling, hvor kravene til service,

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

LEADING. Hvorfor skal du læse artiklen? Hvis du er klar til at blive udfordret på, hvordan du udvikler talent - så er det følgende din tid værd.

LEADING. Hvorfor skal du læse artiklen? Hvis du er klar til at blive udfordret på, hvordan du udvikler talent - så er det følgende din tid værd. LEADING Hvorfor skal du læse artiklen? Hvis du er klar til at blive udfordret på, hvordan du udvikler talent - så er det følgende din tid værd. HAR DU TALENT FOR AT UDVIKLE TALENT? DU SKAL SE DET, DER

Læs mere

Form og dens underlige box model

Form og dens underlige box model Denne guide er oprindeligt udgivet på Eksperten.dk Form og dens underlige box model Denne artikel handler om hvilke problemer man som webudvikler kan komme ud for, og hvordan man løser dem. Jeg kommer

Læs mere

Sådan laver du gode. opdateringer på Facebook

Sådan laver du gode. opdateringer på Facebook Sådan laver du gode opdateringer på Facebook Indhold Indhold 2 Indledning 3 Hold linjen 4 Vær på linje med virksomhedens overordnede identitet 4 Unik stemme 5 Brug virksomhedens unikke stemme 5 Skab historier

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

1. Værktøjspaletten i Photoshop Elements.

1. Værktøjspaletten i Photoshop Elements. Introduktion til redigering af billeder i Photoshop Elements Kort om brug af billeder til hjemmesiden. Som udgangspunkt må du ALDRIG bruge billeder, som du har fundet på Google. Eneste undtagelse er bogforsider.

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

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

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

Kort om baggrund for kurset, aktører, kodning.dk

Kort om baggrund for kurset, aktører, kodning.dk præsentation 1 2 Kort om baggrund for kurset, aktører, kodning.dk 3 Kort rammesætning hvorfor er det vigtigt med fokus på programmering også i en skolekontekst særligt slide 7 er værd at dykke ned i og

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

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

Superbrand: Anders Samuelsen.

Superbrand: Anders Samuelsen. Superbrand: Anders Samuelsen. Patrick, Mathias og Rolf. 2.q Charlotte Waltz, Jeppe Westengaard guldagger Intro til opgave 1 Da vores opgave går ud på at analyserer Anders Samuelsen. Altså en selvvalgt

Læs mere

opsam ling fra sidst

opsam ling fra sidst Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

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

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

JERES SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor?

JERES SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor? JERES SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR Hvad er temaet i denne artikel? Dette tema handler om at være overvåget både i det offentlige rum og online. Vi kommer omkring - overvågning og

Læs mere

Billedbehandling Pixlr.com Side 1

Billedbehandling Pixlr.com Side 1 Billedbehandling Pixlr.com Side 1 Billedbehandling Pixlr.com Side 2 Indholdsfortegnelse Det første skærmbillede... Side 3 Navigation... Side 4 Åbne Pixlr Advanced... Side 5 Inde i programmet... Side 6

Læs mere

Pernille Steensbech Lemée pl@fokuskommunikation.dk. Copyright: Fokus Kommunikation

Pernille Steensbech Lemée pl@fokuskommunikation.dk. Copyright: Fokus Kommunikation Pernille Steensbech Lemée pl@fokuskommunikation.dk For mig at se udspiller den centrale værdidiskurs sig i spændingsfeltet mellem den individuelle integritet og den klassiskkollektivistiske tanke. Dagens

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

Åbne IT-værksteder fra oktober til og med februar

Åbne IT-værksteder fra oktober til og med februar KURSUSPROGRAM www.vordingborgbibliotekerne.dk Efteråret 2009 - foråret 2010 Kurserne afholdes tre steder i henholdsvis Vordingborg, Præstø og på Møn på følgende adresser: Vordingborg Bibliotek Kulturarkaden

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

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

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

Forberedelse. Forberedelse. Forberedelse

Forberedelse. Forberedelse. Forberedelse Formidlingsopgave AT er i høj grad en formidlingsopgave. I mange tilfælde vil du vide mere om emnet end din lærer og din censor. Det betyder at du skal formidle den viden som du er kommet i besiddelse

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

CSS introduktion: Tekstformatering med CSS

CSS introduktion: Tekstformatering med CSS Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere

HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor?

HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor? HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR Hvad er temaet i denne artikel? Dette tema handler om at være overvåget både i det offentlige rum og online. Vi kommer omkring - overvågning og

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

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

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

VI GIDER DIG IKKE MERE! - OM DIGITAL MOBNING

VI GIDER DIG IKKE MERE! - OM DIGITAL MOBNING VI GIDER DIG IKKE MERE! - OM DIGITAL MOBNING Hvad er temaet i denne artikel? Dette tema handler om digital mobning. Vi kommer omkring - Kendetegn og konsekvenser ved digital mobning Hvad kendetegner mobning

Læs mere

Principper for en sundhedspædagogik for gruppebaserede patientuddannelser på sygehusene i Region Sjælland

Principper for en sundhedspædagogik for gruppebaserede patientuddannelser på sygehusene i Region Sjælland Principper for en sundhedspædagogik for gruppebaserede patientuddannelser på sygehusene i Region Sjælland Introduktion Dette dokument beskriver de sundhedspædagogiske principper, som Region Sjællands gruppebaserede

Læs mere

Opret din egen blog og publicer dit første indlæg med 8 enkle trin

Opret din egen blog og publicer dit første indlæg med 8 enkle trin Opret din egen blog og publicer dit første indlæg med 8 enkle trin NB: Det vigtigste at forstå, når du arbejder med blogs, er at der er et interface, hvor du arbejder og et interface, som læsere/brugere

Læs mere

HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor?

HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR. Indledning. Hvad er temaet i denne artikel? Hvornår sætter vi digitale fodspor? HVERT SKRIDT TÆLLER! - OM OVERVÅGNING OG DIGITALE FODSPOR Hvad er temaet i denne artikel? Dette tema handler om at være overvåget både i det offentlige rum og online. Vi kommer omkring - overvågning og

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

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

3. semester F&A, 2014 Jump Rope Production

3. semester F&A, 2014 Jump Rope Production Designmanual 3. semester F&A, 2014 Jump Rope Production Introduktion På 3. semester på Film & Animationslinjen 2014 har vi i Jump Rope Production arbejdet sammen med vores kunde Climb n Win, som er et

Læs mere