Skærmlayout på websiden

Størrelse: px
Starte visningen fra side:

Download "Skærmlayout på websiden"

Transkript

1 Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis layoutet på en internetside er indbydende og overskueligt er brugerne mere tilbøjelige til at kigge nærmere på indholdet. Jo hurtige de kan skimme teksten og skaffe sig et overblik over indholdet, jo hurtige læses selve brødteksten. Hvis ikke brugeren hurtigt bliver klar over, hvad siden handler om, forlader han den. Denne artikel fortæller i korte træk om nogle enkle retningslinier for, hvordan man kan tilrettelægge udseendet af Internetsider, så de opfylder behovet for at meddele sig til en nærmere bestemt målgruppe. Artiklen henvender sig primært til den, der skal i gang med sine første websider. Hvis elever arbejder med websider i undervisningen, skal de også undervises i, hvordan de laver layout, så de kan formidle et budskab på Internettet. Layoutet er vigtigt, hvis kommunikationen skal lykkes. Hjemmesider, websider og websteder Når vi ser en skærmside fra Internettet i en browser, bliver den til på baggrund af et dokument, der er skrevet i det såkaldte html-sprog. Det er en række koder der beskriver, hvad der skal komme frem på skærmen og hvordan det skal se ud. Det er ikke nødvendigt at kende noget til html-sproget for at lave enkle sider til Internettet, hvis man bruger et program som fx FrontpageExpress eller Netscape Composer. De fleste tekstbehandlingsprogrammer kan også lave tekstsider om til html-dokumenter. For den enkelte side, der vises på skærmen bruges betegnelsen webside. Et websted er en samling af flere websider, der er indbyrdes forbundet med hinanden ved hjælp af links. Siderne på et websted indeholder som regel information fra en person eller organisation: Fx en skole, en avis, et firma, en butik. Ordet website bruges af og til i stedet for websted - 1 -

2 Hjemmeside for webstedet Avisen i Undervisnignen Den første side brugeren kommer til, når han besøger et websted, kaldes stedets hjemmeside. Den indeholder ofte en indholdsfortegnelse, hvorfra man kan klikke til de andre sider på webstedet. Homepage er det engelske ord for begrebet. En webside kan sættes op, så den fremtræder inspirerende med farver og illustrationer. Illustrationer i form af fotos, tegninger, enkle animationer, m.v. kan forholdsvis enkelt gøre siden inspirerende og spændende at se på. Lyd og video er også muligheder, men de er lidt vanskeligere at integrere. Det er billigt at formidle på Internettet. Mange kan få adgang til dit websted og du har hele tiden mulighed for at ændre indholdet. Hvem skal læse på webstedet? Som ved al anden kommunikation er det vigtigt at kende målgruppen. Man skal vide, hvilken information, brugerne ønsker adgang til, når de besøger webstedet. Tekst og illustrationer skal passe til deres for

3 ventninger, så budskabet umiddelbart kan afkodes. De må ikke bliver forstyrrede eller irriterede over smarte og unødvendige effekter. Planlægning og forberedelse Det meste af den information, der skal udgives på et websted, foreligger måske allerede i papirform. Den har derfor en lineær struktur den er beregnet på at blive læst fra den ene ende til den anden. Når den skal tilrettelægges med henblik på at blive læst som websider bør indholdet struktureres, så brugeren let kan skaffe sig et overblik over hele webstedets indhold. Dernæst skal han kunne vælge, hvilke sider han vil læse først. Før de enkelte websider laves, skal den overordenede struktur være på plads. Læsning på skærm Undersøgelser viser, at vi læser tingene på en skærm på en bestemt måde. Det første på man ser på en webside er ting, der bevæger sig, video eller aninmationer. Dernæst får vi øje på fotos, først farve, så sort/hvid. Så kommer illustrationer og vignetter. Først herefter begynder vi at se på teksten: Overskrifter, links, markerede ord i teksten, billedtekster og endelig til sidst, måske det vigtigste brødteksten

4 Typografi Måden bogstaverne sættes op på kaldes typografi. Vi bestemmer typografien bl.a. på baggrund af vores viden om den bruger, vi laver vores websted til. Vi kan også støtte os til nogle enkle retningslinier for, hvordan funktionel typografi kan tilrettelægges. Det kan være nyttigt at skelne mellem tre slags typografi: Displaytypografi, læsetypografi og konsultativ typografi. Displaytypografi Formålet med en flot og inspirerende overskrift er at fange brugerens opmærksomhed og gerne signalere en stemning, der siger noget om emnet. Displaytypografier er ikke alene lavet med henblik på at skulle læses for informationens skyld. Tit ser man, at læseligheden ikke er så høj, men derimod ser det godt eller smart ud. Læsetypografi Læsetypografi bruges til længere tekststykker. Brugeren skal kunne afkode budskabet med mindst muligt besvær. I nogle tilfælde lægger man større vægt på funktionaliteten, end på at udseendet er smukt. Vælg en læsbar skrifttype Skrifttypen er af stor betydning for læsbarheden. Det giver en god læsbarhed, hvis skriften er enkel og har passende store inderformer, dvs store huller i fx a og e. Skrifter fra sans serif -familien fx Arial, Tahoma eller Verdana regnes af mange for at være gode skærmskrifter. Kursiv skrift er sjældent velegnet, da på skærmen kan fremstå med brudte, kantede linier i de lodrette strøg. Nedenfor ses et udvalg af skærmskrifttyper Arial Tahoma Verdana Trebuchet MS - 4 -

5 Farver og baggrund Skriften skal stå klart på baggrunden. En mørk skriftfarve på en lys ensartet baggrund giver ofte et læsevenligt resultat. En helt hvid baggrund virker trættende på øjnene i længere tid. Vælg i stedet en lys pastelfarve. Fotografier og illustrationer med store kontraster er ikke egnede som baggrundsbilleder. De fleste opfatter det som ubehageligt, hvis der er valgt kontrastfarver med samme lysintensitet til tekst og baggrund fx lys grøn på rød eller orange baggrund. Linielængde og afsnit Hvis brugeren skal flytte blikke flere gange for at læse tværs over skærmen, skal blikket flyttes en hel skærmbredde for at finde næste linie. Der skal bruges for megen opmærksomhed på at holde den horisontale orientering. På papir ville man vælge en opstilling i spalter. Teksten kan i stedet sættes op i en smal klumme, der fylder en mindre del af skærmsiden. Det er imidlertid ikke særlig hensigtsmæssigt på en skærm, hvis man skal scrolle for at komme til toppen af næste spalte. Ved at opdele teksten i passende afsnit og forsyne dem med en overskrift, vil brugeren let kunne orientere sig. Ved at indskyde luft mellem afsnittene kan teksten gøres endnu mere overskuelig. Ved at sætte en overskrift på hvert afsnit, vil brugeren kunne skaffe sig overblik over teksten på en webside. Så kan han let finde det sted i teksten, hvor det mest interessant for ham står. Ved opremsninger gør en punktopstilling det lettere for brugeren at få overblik. Der kan vælges mellem punktegn eller nummererede lister. Punkttegn må ikke udformes, så de tiltrækker for stor opmærksomhed

6 Links Når brugeren klikker på et link, føres han i de fleste tilfælde til en ny webside et sted på nettet. Linket kan også sætte en handling i gang, fx afspille lyd eller video. Linket skal være tydeligt markeret, så brugeren er klar over, at der er tale om et link. Blå understreget skrift har nærmest været standard for links, men andre markeringer bruges også. Det er en hjælp for brugeren, at musepilen skifter udseende, når den føres hen over et link. Et link skal indeholde en tydelig forklaring på, hvad der venter brugeren, når han klikker Hvis der er mange links i brødteksten, kan den være vanskelig at læse, fordi der hele tiden skal tages stilling til om man vil følge linket eller ej. Og der er jo også en fare for, at brugeren følger et link og ikke vender tilbage! Et alternativ til at anbringe links inde i teksten kan være at trække dem ud i margin eller anbringe dem efter teksten. Fremhævning i teksten På skærmen er der mulighed for at fremhæve ord og afsnit i teksten på mange måder. Farver, skrifttyper, rammer m.v. er lette at bruge, men overdreven anvendelse vil give et forvirrende skiftbillede, hvor effekten af fremhævningen forsvinder. Det er en god tommelfingerregel kun at bruge få fremhævninger og være konsekvent i valg af metoden gennem hele teksten. Understregning bør man helt holde sig fra, idet det forveksles med links. Teksten kan fremhæves ved at blive placeret i en boks. Der skal være luft mellem boksens kant og teksten, ellers ser det ud som om teksten er klemt. Hvis kanterne er for kraftige, kan helhedsindtrykket komme til at virke tungt. Margin og luft I det hele taget er det vigtigt at tilrettelægge de enkelte websider, så informationen ikke kommer til at stå for sammenpresset. Det fremmer helhedsindtrykket og læseligheden, hvis der er god plads omkring teksten. Det er især vigtigt, at teksten ikke når helt ud til skærmkanten

7 Konsultativ typografi Konsultativ typografi bruges, når informationerne har opslagskarakter og ikke består af længere tekster, der skal læses i en helhed. Her kan vælges en skrifttype og - størrelse, der ikke kræver så meget plads. Her gør det ikke så meget, at man skal anstrenge sig en smule for at se, hvad der står. Man skimmer listen igennem og nærlæser den oplysning man skal bruge

8 Illustrationer Et gammelt ord siger, at et billede siger mere en tusind ord. Det gælder også i websammenhænge at illustrationer tiltrækker meget opmærksomhed. Illustrationer og andre effekter kan også betyde, at det tager lang til for en side at komme frem på skærmen, hvis forbindelsen ikke er så hurtig. Derfor bør man udvælge sine illustrationer med omhu. Brug billeder, når de skal understøtte budskabet eller forklare en tekst. Vurder om billedet indeholder vigtig information, om det skal bruges til at tiltrække opmærksomheden eller om det skal være med til at give websiden en særlig karakter: Dette er mit websted. På eksemplet nedenfor bliver trekanten brugt til at fremhæve og pointere indholdet af teksten ovenover. Illustrationen indeholder information, som hjælper brugeren til at forstå idéen med en nyhedstrekant. De to små personer, der bærer menubjælken, har ingen informativ funktion. De giver til gengæld brugeren et signal om webstedet: Vi er ikke så formelle og højtidelige her hos os - 8 -

9 Illustrationen kan bestå af fotos, tegninger og grafik. Hvis de skal illustrere tekstens indhold, skal de placeres i umiddelbar nærhed af den tilhørende tekst. Drejer det sig om større billeder, der kræver meget plads, kan man i stedet placere et link, enten i form at en teksthenvisning eller en såkaldt thumbnail. Det er er miniudgave af billeder, der indeholder et link, der fører til en større udgave. Når man laver websider og bruger billeder skal man være opmærksom på, hvor lang tid det vil tage for brugeren at hente siden ned til sin computer. Derfor bør billeder og illustrationer være enten i gif- eller jpg-format. (billedformater, der ikke fylder så meget og derfor er velegnede til at sende over Internettet). Metaforer knapper m.v. En del af kommunikationen mellem bruger og webside bliver formidlet af små billeder, fx i form af grafiske knapper og små ikoner. Rigtigt brugt kan grafikken hjælpe brugeren til at finde vej på webstedet. Det er vigtigt, at modtageren (brugeren) og afsenderen tillægger de grafiske symboler den samme betydning. Navigationsmærker Ved den overordnede planlægning af webstedets struktur og design, skal man sørge for at brugeren hele tiden er klar over, hvor han er. Det kan ske ved at placere symboler med links, der fx fører til webstedet hjemmeside, tilbage til forrige side osv. Et billede af et hus på en webside indeholder næsten altid et link til webstedets startside, hjemmesiden. Pilen her kan have flere betydninger: Tilbage til forrige side i et lineært forløb, tilbage til sidst sete side, tilbage til hjemmesiden. Luppen henviser til en søgefacillitet, hvis den optræder som link. Kombination af ikon og tekst. Brugeren kan blive i tvivl om han føres tilbage til hjemmesiden eller til toppen af den aktuelle side

10 Websider på skærmen Brugeren betragter altid websiden gennem browserens vindue. I eksemplet nedenfor er vist, hvordan man kun ser en del af et helt dokument på skærmen. Brugeren kan. scrolle dokumentet i vinduet ved at benytte scrollbaren. Den kommer frem, når man ser et dokument, der fylder mere end en skærmside

11 Brugeren vil i første omgang blive præsenteret for det øverste af dokumentet, når han slår op på adressen. Den første tekst brugeren præsenteres for skal være kort og præcis, så han kan få et indtryk af hvad hele teksten drejer sig om. Menuer og oversigter Billedet i browserens vindue er tit delt op i felter. Typisk vil et af felterne være bestemt til selve indholdet, mens de øvrige felter indeholder menuer og oversigter. I eksemplet nedenfor er browserens vindue delt op i 3 felter. Øverste felt viser hovedpunkterne i Journalistens håndbog, Det er markeret at vi befinder os i underpunktet Genrer. I venstre side vises underpunkterne. Når et af punkterne vælges, kommer det tilhørende indhold frem i højre side. Menupunkterne bør bestå af korte ord eller ytringer, der siger noget om det indhold, der kommer frem, hvis man klikker på dem. Det fremmer overskueligheden, hvis menupunktet er markeret, når det er valgt

12 Helhed og konsekvens i layout En bruger skal vide, hvor han befinder sig på Internettet. Det kan han få hjælp til, hvis et websted har et gennemgående layout. Det kan være i farvevalg eller små illustrationer eller logoer, der signalerer tilhørsforholdet. Brugeren vil også føle sig bedst hjemme, hvis der er et ensartet layout på et websteds forskellige side. Menuer og tekster kan være placeret de samme steder på siden, så han ikke er i tvivl om, hvor han skal finde fx knappen til søgefunktionen. Godt eller dårligt? Er et layout godt eller dårligt? Det er en smagsag om man kan li en webside, fordi den stråler i alle regnbuens farver eller man synes den er for tivoli-agtig. Nogle brugere foretrækker et enkelt og harmonisk layout, og andre synes bedst om stærke farver, masser af billeder og animationer. Det afhænger ofte af aldertrin og hvilke kulturelle kredse man tilhører. Som webdesigner kan man lade en række brugere besøge webstedet og iagttage deres reaktioner. Ikke blot efter det første besøg, men hvordan de reagerer, når de skal arbejde med informationerne på stedet. Så finder man ud af, om kommunikationen lykkes og layoutet passer til indhold og målgruppe

13 Vurdering af websteders layout Nedenstående tjekliste kan bruges, hvis man skal vurdere et websted, man selv har produceret eller skal vurdere andre websteder. Umiddelbart indtryk Hvad får du først øje på? Hvad handler siden om? Får du de informationer du kommer efter? Hvad synes du om siden? Typografi Hvordan passer skrifttype og størrelse til indhold og målgruppe? Fremtræder teksten tydeligt på baggrunden? Hvordan er teksten placeret? o margin o linielængde Illustrationer Understøtter tekst og illustration hinanden? Er illustrationerne informationsbærende eller opmærksomhedsskabende? Hvilken funktion har knapper, ikoner og vignetter? Navigering Fremtræder links tydeligt? Fremgår det, hvor linkene fører hen? Kan du komme tilbage, når du har fulgt et link? Er skærmens opdeling i felter og menuer formålstjenlig? Fremgår det tydeligt, hvor du er på webstedet? Helhedsindtryk Er tekst, illustrationer og andre effekter anbragt, så webstedets sider fremtræder med et fælles præg/helhedspræg? Er der gennemgående træk, der viser, at man er på samme websted? Tjek også.. Er der en klar angivelse af, hvem der står bag webstedet Kan man kontakte udgiveren?

14 Kilder: Design til skærmen, Kim Pedersen og Pernille Hansen, forlaget Grafisk Litteratur, Designværkstedet, en række artikler om undervisning og computere. En del handler om overvejelser i forbindelse med skærmpræsentationer

Kim Pedersen og Pernille Hansen: Design til skærmen, s. 13-14 og 34-38, Forlaget Grafisk Litteratur, 1997.

Kim Pedersen og Pernille Hansen: Design til skærmen, s. 13-14 og 34-38, Forlaget Grafisk Litteratur, 1997. Design til skærmen Af Kim Pedersen og Pernille Hansen Medieudformning Første skridt i medieudformningen er udarbejdelse af et flowchart. I modsætning til fx en trykt brochure, har brugeren i en skærmbaseret

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

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

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

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

1. Større opgaver i word

1. Større opgaver i word Indholdsfortegnelse 1. Større opgaver i word...1 1.1. Typografier... 1 1.1.1. Normal... 1 1.1.2. Overskrifter... 5 1.2. Dispositionsvisning... 6 1.3. Indholdsfortegnelse... 6 1.4. Krydshenvisninger...

Læs mere

Kvikke sider om rapportskrivning: Word-7

Kvikke sider om rapportskrivning: Word-7 Kvikke sider om rapportskrivning: Word-7 Målet med denne vejledning er, at du ved hvordan du opstiller en rapport, og hvad den skal indeholde. Det er vigtigt, at en rapport er let læselig, overskuelig

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

PowerPoint 2003. Kursusmateriale til FHF s kursister

PowerPoint 2003. Kursusmateriale til FHF s kursister PowerPoint 2003 Kursusmateriale til FHF s kursister Indholdsfortegnelse: Opgave 1 Hvad er en Præsentation?... 2 Opgave 2 vælg emne + opret dias... 3 Opgave 3 Indsæt objekter / billeder... 4 Opgave 4 Brugerdefineret

Læs mere

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

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

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

Læs mere

Diagrammer visualiser dine tal

Diagrammer visualiser dine tal Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og

Læs mere

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7 Peter Kragh Hansen Microsoft PowerPoint 2013 DK ISBN nr.: 978-87-93212-07-7 I n d h o l d s f o r t e g n e l s e PowerPoint 2013... 3 Præsentation... 4 Oprettelsen af præsentationer... 5 Skabeloner og

Læs mere

Grafisk Design. Trine Dichmann Knudsen

Grafisk Design. Trine Dichmann Knudsen Trine Dichmann Knudsen Opgaven Designe et layout til en hjemmeside for Højen & Magic Fyrværkeri ApS. Designkrav & ønsker Baggrundsbilleder Tiltalende Moderne Anderledes Mere liv Der udover havde jeg frie

Læs mere

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

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

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

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

Læs mere

How to do it on screen - 5

How to do it on screen - 5 TEGNINGER OG CLIPART Illustrationer kan bruges til at skabe grafisk brud i en tekst, men det er sjældent nødvendigt ved præsentationer, da tekstmængden på det enkelte dias børe være lille. Desuden kan

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

Kommunikation/IT A 2014

Kommunikation/IT A 2014 Kommunikation/IT A 2014 Facebook side projekt Forside Indholdsfortegnelse Formål:... 3 KIE-modellen:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 4 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er 38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven

Læs mere

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

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

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

SKRIV TIL NETTET. - et hurtigt overblik

SKRIV TIL NETTET. - et hurtigt overblik SKRIV TIL NETTET - et hurtigt overblik Af Nis Hollesen Webmaster Norddjurs Kommune nih@norddjurs.dk Senest opdateret 05.02.2011 Skriv til nettet: Et hurtigt overblik I denne manual kan du få et hurtigt

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Den Talende Bog. version 4.0. Mikro Værkstedet A/S

Den Talende Bog. version 4.0. Mikro Værkstedet A/S Den Talende Bog version 4.0 Mikro Værkstedet A/S Den Talende Bog : version 4.0 Mikro Værkstedet A/S Revision 1.42, 7. maj 2007 Indholdsfortegnelse Den Talende Bog... v 1. Kom godt i gang... 1 1.1. Hjælp...

Læs mere

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

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

Læs mere

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

Betinget formatering med fremhævning af celler der passer overens med betingelser

Betinget formatering med fremhævning af celler der passer overens med betingelser BETINGET FORMATERING Betinget formatering er en af de funktionaliteter i Excel 2007 som indeholder væsentlige ændringer, den er blevet mere grafisk og der kan skabes bedre visuelle effekter der kan anvendes

Læs mere

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem. Indhold Introduktion...2 Hjælp...2 Office knappen...2 Menulinjen...3 Fast værktøjslinje Hurtig adgang...3 Menupunkter...4 Startside...4 Indsæt...5 Sidelayout...5 Referencer...6 Forsendelser...6 Gennemse...6

Læs mere

Websider og formidling på internettet

Websider og formidling på internettet Websider og formidling på internettet få det ud på nettet Indledning... 3 Link til hele verden... 3 Gode råd om webdesign... 4 Sæt struktur på net og viden... 5 Webredigering og LMS... 8 Gratis hjemmesidetjenester...

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

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

Inspiration. til udarbejdelse af abstracts, posters. mundtlig præsentation

Inspiration. til udarbejdelse af abstracts, posters. mundtlig præsentation Inspiration til udarbejdelse af abstracts, posters og mundtlig præsentation FAGLIG SAMMENSLUTNING AF SYGEPLEJERSKER BESKÆFTIGET MED KRÆFTPATIENTER FS13 Indledning Dette materiale er tænkt som inspiration

Læs mere

Inspiration. abstracts, posters. mundtlig præsentation. til ud ar bej del se af. Fagligt Selskab for Kræftsygeplejersker

Inspiration. abstracts, posters. mundtlig præsentation. til ud ar bej del se af. Fagligt Selskab for Kræftsygeplejersker Inspiration til ud ar bej del se af abstracts, posters og mundtlig præsentation Fagligt Selskab for Kræftsygeplejersker Indledning Denne pjece er tænkt som inspiration til dig, der skal formidle resultater,

Læs mere

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

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

Læs mere

med Wix.com eller andre programmer

med Wix.com eller andre programmer med Wix.com eller andre programmer Søren "Noah" Nielsen 2015 Indholdsfortegnelse Webdesign... 3 Hvad er en hjemmeside?... 4 Hvad består websiden af?... 5 Hvad vil du opnå med dit website?... 7 Tips om

Læs mere

Designmanual. Danmarks Naturfredningsforenings grafiske design

Designmanual. Danmarks Naturfredningsforenings grafiske design Designmanual Danmarks Naturfredningsforenings grafiske design 1 Formål Indhold Formål 3 Logoet og konsultativ tekst 4 Rubrik på forside 6 Typografi 7 Farver 8 Godkendelse og produktion 10 Formålet med

Læs mere

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

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

Læs mere

Webdesign med WordPress 3

Webdesign med WordPress 3 Webdesign med WordPress 3 Til webdesign har jeg valgt at bruge det gratis program WordPress i stedet for Microsofts programmer. WordPress er lettere at bruge, og samtidig er det lettere at lave flotte

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

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

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

Læs mere

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

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

Dansk. 1. Er sproget Dansk i Open Office og er der dansk stavekontrol?

Dansk. 1. Er sproget Dansk i Open Office og er der dansk stavekontrol? NEED TO KNOW Nedenstående er et bud på nogle af de funktioner man kan have glæde af i Open Office når man skriver opgaver til skolen. - Nedenstående er alene en anvisning på nogle af de punkter der står

Læs mere

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

D E S I G N M A N U A L

D E S I G N M A N U A L D E S I G N M A N U A L 2 0 1 2 SKRIFTTYPER Velkommen Formålet med denne designmanual er at give et simpelt og overskueligt overblik over de mange grafiske muligheder, som DGI-universet råder over. Helt

Læs mere

VUC IT Niveau G. Drev Mapper Filer

VUC IT Niveau G. Drev Mapper Filer VUC IT Niveau G Drev Mapper Filer Harddiske og andre lagringsmedier ( drev ) Det mest enkle er at tænke på disk-drev som et arkivskab. Drev navngives med et bogstav. Normalt navngives med C:, D:, E: osv.

Læs mere

Lundtofte Skole 2007/2008 Tekstbehandling WORD. Det vigtigste. Log på computeren med din klassekode. Start tekstbehandlingsprogrammet Word.

Lundtofte Skole 2007/2008 Tekstbehandling WORD. Det vigtigste. Log på computeren med din klassekode. Start tekstbehandlingsprogrammet Word. Tekstbehandling WORD Det vigtigste Log på computeren med din klassekode. Start tekstbehandlingsprogrammet Word. Åbn et nyt dokument. Klik Gem som og giv dit dokument et navn f.eks. Inger om Vietnam Brug

Læs mere

Responsiv hjemmeside

Responsiv hjemmeside Kom/it niv.a 3.år Responsiv hjemmeside Hospidana Carina Aa Hansen, Mathias Larsen, Peter Lærke 2014 Forord I vores rapport vil man kunne gå ind og læse omkring hvorfor vi har valgt at opbygge vores hjemmeside

Læs mere

Produkt. Index side GRAFISK DESIGN

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

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Du logger på fra forsiden. Når du har indtastet brugernavn og password, vil der i højre side fremkomme en menu med punkterne: Redigér denne

Læs mere

Brugervejledning. Hjemmesider med Cmsimple.

Brugervejledning. Hjemmesider med Cmsimple. 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab

Læs mere

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Linien er bygget op på samme måde som i andre Windows programmer f.eks. Word, Excel Klik på

Læs mere

7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU

7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU 7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU,QGKROGVIRUWHJQHOVH BROWSEREN - DE VIGTIGSTE FUNKTIONER OG BEGREBER.... 2 TILPAS BROWSEREN... 3 GÅ DIREKTE TIL EN KENDT ADRESSE... 5 LAV ET BOGMÆRKE... 6 ORGANISÉR DINE

Læs mere

Word-5: Tabeller og hængende indrykning

Word-5: Tabeller og hængende indrykning Word-5: Tabeller og hængende indrykning Tabel-funktionen i Word laver en slags skemaer. Word er jo et amerikansk program og på deres sprog hedder skema: table. Det er nok sådan udtrykket er opstået, da

Læs mere

Portfolio Grafisk Design Grafisk Design

Portfolio Grafisk Design Grafisk Design Grafisk Design Portfolio Grafisk Design Grafisk Design Opgaven gik ud på at lave et postkort, der skulle reklamere for et åbent hus-arrangement på Aarhus Tech. Opgaven er lavet i samarbejde med skolens

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

How to do in rows and columns 8

How to do in rows and columns 8 INTRODUKTION TIL REGNEARK Denne artikel handler generelt om, hvad regneark egentlig er, og hvordan det bruges på et principielt plan. Indholdet bør derfor kunne anvendes uden hensyn til, hvilken version

Læs mere

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

Typografi og layout i Word 2010

Typografi og layout i Word 2010 Ret&Rigtigt F12 Niels Erik Wille Typografi og layout i Word 2010 Papirformat og papirets orientering (højformat / bredformat) Vælges i menuen Sidelayout: Man kan vælge Retning (højformat / bredformat)

Læs mere

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011 Brugervejledning Miljøministeriet A4 Opdateret den 25. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: A4 - Publikation...

Læs mere

Tastemanual til Webbyggeren

Tastemanual til Webbyggeren Tastemanual til Webbyggeren Denne tastemanual er opbygget således, at eleverne skal lave deres hjemmeside i en allerede konstrueret hjemmesideskabelon, som de kan arbejde videre i, lægge tekst ind i, ændre

Læs mere

Typografier, indholdsfortegnelse, sidetal og litteraturliste med Word 2007 og 2010 Indhold

Typografier, indholdsfortegnelse, sidetal og litteraturliste med Word 2007 og 2010 Indhold Typografier, indholdsfortegnelse, sidetal og litteraturliste med Word 2007 og 2010 Indhold Udnyt Words indbyggede funktioner i din opgave (2007 og 2010)... 1 Typografier (HUSK AT BRUGE DEM KONSEKVENT GENNEM

Læs mere

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK Denne rapport indeholder en primær analyse af webstedet www.bilforhandler.dk. Vi har kigget på: Det vigtige førstehåndsindtryk af webstedet Brugervenlighed Anvendte

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

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

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

Læs mere

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

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

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

Læs mere

grafisk // design // d k sign

grafisk // design // d k sign gr a fis grafisk e // d k sign grafisk vinbog / redegørelse / brainstorm og inspiration / farver, fonte og logo / layout / opslag / omslag HVAD? Design og opsætning af et fiktivt magasin, Plus, hvor design

Læs mere

Vejledning til hjemmesiden

Vejledning til hjemmesiden Vejledning til hjemmesiden Menu I venstre side finder du menuen over hjemmesidens indhold. Når du aktiverer et menupunkt, vil det enten folde sig ud med undermenuer med nye valgmuligheder, eller du vil

Læs mere

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende

Læs mere

Manual til WordPress CMS

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

Læs mere

Stella H. Christensen MG H3 / Svendeprøve 2013 Aarhus Tech. Typografi & Ombrydning

Stella H. Christensen MG H3 / Svendeprøve 2013 Aarhus Tech. Typografi & Ombrydning Typografi & Ombrydning OPGAVE Efter jul til ultimo januar køres en mellemdagskampagne i Hi-Fi Klubben. I den forbindelse skal der laves et indstik (mini-magasin) til de hollandske butikker, der viser gode

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION I vejledningen bruger vi det gratis program Writer fra OpenOffice som eksempel til at vise, hvordan man bruger nogle helt grundlæggende funktioner i tekstbehandling.

Læs mere

Vejledning i brug af materialet. Navigation. Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer:

Vejledning i brug af materialet. Navigation. Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer: Vejledning i brug af materialet Materialet er beregnet til selvstudium. Det betyder, at du selv bestemmer: Hvor og hvornår du vil gennemgå stoffet. I hvilket tempo du vil læse stoffet - du har dog maks.

Læs mere

Upload af billeder til hjemmesiden m.m.

Upload af billeder til hjemmesiden m.m. Upload af billeder til hjemmesiden m.m. Fremgangsmåde VVS-inst.dk Upload af billeder m.m., Side 1 Så går vi i gang Åben Firefox browseren Gå ind på denne adresse, for at komme til hjemmeside programmet.

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Grafisk Design 70% Skitser

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

Læs mere

En kort og sigende overskrift (Overskrift 1) Arial 16 + fed

En kort og sigende overskrift (Overskrift 1) Arial 16 + fed En kort og sigende overskrift (Overskrift 1) Arial 16 + fed - eventuelt en uddybende undertitel (Undertitel) Arial 14, mellemrum før: 6 pkt, mellemrum efter: 3 pkt (bemærk at undertitler er venstrejusteret)

Læs mere

Hvordan vurderer virksomhederne Virksomhedsnyt?

Hvordan vurderer virksomhederne Virksomhedsnyt? Hvordan vurderer virksomhederne Virksomhedsnyt? Rapport fra 25 telefoninterviews Undersøgelse for Jobcenter København Wanek & Myrner 2010 Formål Nærværende undersøgelse er en ud af seks undersøgelser,

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere