Skrift og billeder i nye medier. Ved Jonas Heide Smith

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

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

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" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <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 (http://ruc.dk) 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" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <title>a very simple document</title> </head> <body> <p>hello World!</p> <img src="http://jonassmith.dk/netmedia/wp-content/authors/ 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" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <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="http://jonassmith.dk/netmedia/wp-content/authors/ 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

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

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

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

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

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

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

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

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

Kommunikation/IT C - Afsluttende opgave 2011

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

Læs mere

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Læs mere

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

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

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

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

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

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

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

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

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

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

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

GRAFISK DESIGN. Min personlige e-portfolio

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

Læs mere

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

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

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

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

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

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

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

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

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

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

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

Vejledning i upload af serier til Danske tegneseriskaberes app.

Vejledning i upload af serier til Danske tegneseriskaberes app. Vejledning i upload af serier til Danske tegneseriskaberes app. En kort intro Version 1.2 22/11/2012 Danske Tegneserieskabere har lavet appen for at give medlemmer og andre en nem adgang til at publicere

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

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

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

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Læs mere

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

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

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

Læs mere

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

Læs mere

Webside score xiaxue.blogspot.sg

Webside score xiaxue.blogspot.sg Webside score xiaxue.blogspot.sg Genereret September 19 2016 01:24 AM Scoren er 23/100 SEO Indhold Titel Xiaxue.blogspot.com - Everyone's reading it. Længde : 44 Perfekt, din titel indeholder mellem 10

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

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

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

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

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

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

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164

Læs mere

Meditation er hjernefitness - og kan skabe bro mellem arbejdsliv og fritid.

Meditation er hjernefitness - og kan skabe bro mellem arbejdsliv og fritid. Henning Daverne Ejer af kursusvirksomheden Lotusheart Meditation er hjernefitness - og kan skabe bro mellem arbejdsliv og fritid. T E B B JO På Magasinet for Medarbejdernes Trivsel, Sundhed og Velvære

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

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

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

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

Lærervejledning til undervisningsforløbet. Det digitale spejl

Lærervejledning til undervisningsforløbet. Det digitale spejl Lærervejledning til undervisningsforløbet Det digitale spejl Introduktion Det digitale spejl er et undervisningsforløb om net- etikette og digital adfærd. De traditionelle informationskanaler som fx aviser

Læs mere

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

Læs mere

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI Vision: Scenarier Et internationalt universitet med fokus på de studerende Vejviseren til dit rette valg Destination for læring & oplysning Livet & menneskene

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