Skærmlayout på websiden
|
|
- Vibeke Frederikke Poulsen
- 8 år siden
- Visninger:
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
Hvad bør du vide om layout og typografi
Hvad bør du vide om layout og typografi Når man vil lave en tekst, som andre skal læse, er det vigtigt at vælge en skrifttype, der er motiverende og inspirerende at læse for målgruppen. Derfor bør man
Læs mereKim 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 mereAf 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 mereFå flot tekst i din slægtsbog med få klik (Af Henning Karlby)
Få flot tekst i din slægtsbog med få klik (Af Henning Karlby) Når man vil til at skrive sin slægtshistorie ind i et tekstbehandlingsprogram, vil man gerne give sin tekst sit eget udseende. Med det mener
Læs mereSelv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:
Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.
Læs mereGrafisk 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 mereGrafisk Design En rapport af Jonas, Lenni, Andreas og Sebastian 1.2
Grafisk Design En rapport af Jonas, Lenni, Andreas og Sebastian 1.2 Indholdsfortegnelse: Side 3-4 Typografi Af Sebastian Andersen Sebastian A, Andreas H, Lenni M, Jonas H Grafisk design - 1 - Side 5-6
Læs mereSkrifttype og størrelse
Tekstbehandling med Microsoft Word 2007 GRUNDLÆGGENDE INTRO (PC) Når du starter Word 2007, så ser du normal-skabelonen og kan straks begynde at skrive tekst. Normal-skabelonen indeholder bl.a. indstillinger
Læs mereGrafisk 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 mereForslag til arbejdsgang ved tilrettelæggelse af en WebQuest
Forslag til arbejdsgang ved tilrettelæggelse af en WebQuest Ressourcer på webstedet: http://lotte.udsen.person.emu.dk Få ideer fra webstedets "Samlinger af WebQuests". Udfyld det vedlagte arbejdsark. (Dvs.
Læs mere1 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 mereMichella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
Læs mere- Skabe de rette forventninger til indholdet (er det her virkelig værd at give mig i kast med?)
Skær din webtekst ind til benet Når du skriver tekster til nettet, skriver du til en travl og utålmodig bruger der læser med musen i hånden. Klik, klik, klik På jagt efter relevant information om et bestemt
Læs mereKOMMUNIKATION/ IT C. Titel: Grafisk design Navn: Mark B, Thomas L og Maria S Klasse: 1.4g Dato: 8/12 2006 Sidetal:
Titel: Grafisk design Navn: Mark B, Thomas L og Maria S Klasse: 1.4g Dato: 8/12 2006 Sidetal: 1 Indholdsfortegnelse: Farvelære s. 2 - farvens fysik s. 2 Øjet s. 2 - farvesyn s. 3 - nethinden s. 3 - efterbilleder
Læs mereForfør din læsers øjne. med lækre Facebook-tekster
Forfør din læsers øjne med lækre Facebook-tekster FRA OS TIL DIG Forfør din læsers øjne med lækre Facebook-tekster Overskriften skal være tydelig Pust luft i din tekst Brug punktform - gør det nemt at
Læs mereAfsluttende 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 merePoster 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 mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereDØVE OG HØREHÆMMET TILGÆNGELIGT DESIGN FOR: Skriv i et enkelt og konkret sprog. Undgå komplicerede ord og talemåder
DØVE OG HØREHÆMMET Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder Tilføj undertekster til video eller transskriber den til læsbar tekst Kommuniker ikke information alene gennem
Læs mereDiagrammer 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 mereGoTalkNow. Beskrivelse:
GoTalkNow Beskrivelse: I GoTalk NOW kan du lave personlige kommunikationsbøger. Du kan også lave vælgebøger med foto, filmklip eller musik. Eller en kombination mulighederne er mange. En bog kan laves
Læs mereManual 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 mereGUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN.
GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN www.socialdigital.dk KOGNITIVE HANDICAP IKKE Brug simple farver Undgå lyse kontrastfarver Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder
Læs merePortfolioudvikling. 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 mereGRATIS FOR ABONNENTER:
GRATIS FOR ABONNENTER: Eksempel : Byg din egen Journalist Mathias Alsted Lund Flinck Som abonnent på Komputer for alle får du din egen hjemmeside helt gratis. Her hjælper journalist Mathias Alsted Lund
Læs mereElevvejledning 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 mereDesignmanual 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 mereManual 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 mereBetinget 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 mereIndhold. 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 mereUdover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.
Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere
Læs mereENGRAMs ibook. Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs ibook til ipads.
ENGRAMs Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs til ipads. 1. Sådan henter du ENGRAMs Hvis du ikke allerede har hentet og installeret ENGRAMs, kan dette
Læs mereKommunikation/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 mereNå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 mereSå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 merePowerPoint 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 mereEksamensopgave 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 mereMark 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 mereKom godt i gang med I-bogen
Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen
Læs mereAfsluttende 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 mereHeldigvis 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 mereManual 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 mereKvikke 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 mereportfolio 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 mere1. 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 merefoto // 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 mereOpret en side/artikel og rediger din side
1 Opret en side/artikel og rediger din side Tips! Når du skal opbygge din hjemmeside og oprette sider og lægge indhold ind, så kig her. Nogle gange har vi oprettet nogle sider på forhånd, andre gange skal
Læs mereY s MEN INTERNATIONAL. Region Danmark. Y s MEN International. Region Danmark. Designguide. Side 0
Y s MEN International Designguide Side 0 Visuel identitet til Y s Men International Y s Men International s visuelle identitet udtrykker kammeratskab, ansvar, fællesskab, sjov og udfordringer. Forsidebilledet
Læs mereIsenTekst 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 mereDesignmanual. Retningslinier for Danmarks Naturfredningsforenings tryksager.
Designmanual Retningslinier for Danmarks Naturfredningsforenings tryksager. 1 Indhold Formål 3 Logoet og konsultativ tekst 4 Rubrik på forside 6 Typografi 7 Farver 8 Format 10 Godkendelse og produktion
Læs mereRedaktø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 mereHow 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 mereWebmail Gmail Generelt Side 1
Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side
Læs mereGRAFISK 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 mereGrafisk Design. Komposition. Skrifttyper og Typografier
Komposition Komposition betyder: [Kom]=sammen og [ponere]=stille, sætte Det handler om at skabe orden og helhed i mediet. Det der skal formidles videre det skal fungere sådan at modtageren hurtig kan skabe
Læs mereBilag 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 mereIndre Missions. Vejledning til TYPO3
Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6
Læs mere1 // 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 mereMediator 9. Materiale til elever. Version: August 2012
Mediator 9 Materiale til elever Version: August 2012 Indholdsfortegnelse Farveliste til kopiering/udlevering...4 Mediator - et eksemplarisk forløb...5 Dataindsamling...5 Start programmet...5 Intro...8
Læs mereGRAFISK 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 mereDesignmanual. 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 mereInternettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad
n Tema Internettet på ipad Opdateret d. 14.10.2017 Sofus Opdateret d. 31. januar 2017 Side 1 Indhold Side 3 Side 3 Side 4 Side 4 Side 5 Side 6 Side 7-8 Side 9 Side 10 Side 11 Side 12 Side 13 Side 14 Side
Læs mereY s MEN International. Designguide. Region Danmark. Side 0
Y s MEN International Designguide Side 0 Visuel identitet til Y s Men International Y s Men International s visuelle identitet udtrykker kammeratskab, ansvar, fællesskab, sjov og udfordringer. Forsidebilledet
Læs mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs mereManual 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 mereForfatter: Sanne Nørgaard Larsen Cand.mag. i retorik, grafiker og kommunikationskonsulent hos Rambøll By og Trafik
En god visuel fremstilling kan skabe overblik, vise sammenhænge og levere blikfang. Men hvordan gør man? Den praktiske side giver råd til at få din visuelle kommunikation til at hænge sammen. Bibliografisk
Læs mereDen 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 mereDesignmanual. Generelt. NyreNyt + pjecer. Logo 2 Farver 2 Typografi 3 Billede 3
Designmanual Generelt Logo 2 Farver 2 Typografi 3 Billede 3 NyreNyt + pjecer Forside 4 Inholdsfortegnelse 5 Sidetal / sidefod 5 Indhold 6 Tema / Tillæg 6 Typografi Rubrik (Overskrifter) Underrubrik (indl.
Læs mereResponsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.
Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil
Læs mereGrundforlø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 merePeter 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 mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereSådan starter du PowerPoint vha. Start-knappen
Bliv en haj til IT i hverdagen 4.3 PowerPoint Microsoft PowerPoint er et præsentationsprogram, som kan bruges til at oprette flotte præsentationer, der enten kan udskrives eller afspilles på en computer.
Læs mereKommunikation/IT Rapport Roskilde Tekniske Gymnasium
Kommunikation/IT Rapport Side 1 af 8 Indholdsfortegnelse Formål:... 3 Teori:... 3 Form og farver... 3 Skrifter og typografi... 4 Billeder og illustration... 5 Komposition og layout... 5 Produkt:... 6 Brainstorm
Læs mereGRAFISK 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 merePortfolio 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 mereVurdering af billedmanipulation Opgave 1
Vurdering af billedmanipulation Opgave 1 Beskriv de enkelte funktioner i dit tegneprogram... Er der tale om en korrektion eller en modifikation? Før vi kan begynde at kategorisere de forskellige funktioner
Læs mereMini-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 mereRapport Grafisk design Af Benjamin, Steffen, Jacob A og Nicklas
Rapport Grafisk design Af Benjamin, Steffen, Jacob A og Nicklas Indholdsfortegnelse Typografi... 2 Opsætning... 2 Komposition og layout... 3 Harmoni i komposition... 3 Dynamik i et billede:... 4 Placering...
Læs mereGrafisk 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 mereSKRIV 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 mereVigtige funktioner i Word 2003
Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved
Læs mereAvisforside. Vi har skrevet en avis om studier ved Aarhus Universitet
Avisforside Vi har skrevet en avis om studier ved Aarhus Universitet Vi vil meget gerne høre dine umiddelbare tanker om forsiden til avisen. Hvad forventer du dig af indholdet og giver den dig lyst til
Læs mereSå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 mereYosef 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 merePosterpræsentation et middel til formidling. Landskursus for dermatologiske sygeplejersker i Fredericia 10. Marts 2006
Posterpræsentation et middel til formidling Landskursus for dermatologiske sygeplejersker i Fredericia 10. Marts 2006 Hvorfor en posterpræsentation? Vigtigt at formidle sit arbejde/projekt Formidle viden
Læs mereGuide til opbygning af PowerPoints
Kundekommunikation 2. oktober 2018 Guide til opbygning af PowerPoints Inspiration til brug af Skatteforvaltningens PowerPoint-skabelon Kundekommunikation 2. oktober 2018 Eksempel på forside med billede
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereIndholdsfortegnelse. Farveteori 1. Gestaltlove 3. Typografi 7 CMYK 2 RGB 2
Indholdsfortegnelse Farveteori 1 CMYK 2 RGB 2 Gestaltlove 3 White space 3 Simplicity 3 Figure ground 3 Commen fate 4 Continuinity 4 Proximity 4 Rule of thirds 5 Closure 5 Similarity 5 Golden section 6
Læs mereInfographic Klasse arbejdsmiljø
Infographic Klasse arbejdsmiljø Skitse af vores tidlige design Rapport af : 1/7 Målgruppen Målgruppen for vores infographic er generelt eleverne som der går på ZBC i Vordingborg, dog skal det ikke undlades
Læs mereBONUSINFORMATIONER i forbindelse med emnet Billeder og grafik
BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra
Læs mereVejledning 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 mereDansk. 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 mereDesignmanual. Bilag 04
Designmanual Tekst logo: Gruppens logo er RER (står for Red Eyed Rabbit). Det er enkelt og stilrent, men samtidig lidt rustikt, hvilket kendetegner gruppen godt, med den mørkere lidt alternative stil.
Læs mereEt oplæg med PowerPoint bliver til.
Risskov Gymnasium feb. 2007 PowerPoint 2002 Side 1 af 5 Et oplæg med PowerPoint bliver til. Det gode mundtlige oplæg Gode præsentationer sætter fokus på vigtige punkter, kontrollerer informationsstrømmen
Læs mereCase: http://www.julius-nielsen.dk/
Case: http://www.julius-nielsen.dk/ Hjemmesidens formål og målgruppe Formålet med hjemmesiden må være at informere potentielle kunder om firmaet, da hjemmesiden indeholder informationer om firmaets historie,
Læs mereStine 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