Hvordan du opnår fordele med Progressive Enhancement. Et whitepaper af Morten Jakab Pedersen
|
|
- Erik Christiansen
- 8 år siden
- Visninger:
Transkript
1 Skær hjørner og skab værdi i browseroptimering Hvordan du opnår fordele med Progressive Enhancement Et whitepaper af Morten Jakab Pedersen
2 WHITEPAPER Indholdsfortegnelse 1. Intro Hvad er Progressive Enhancement? Eksempler Tekstkasse Knap Avanceret tekstformattering Fordele Fordel 1: Mere tid til det der er vigtigt Fordel 2: Udvikling til browsere der udvikler sig Fordel 3: Bedre oplevelse af performance Fordel 4: Jo hurtigere site, jo højere ranking på søgemaskiner Fordel 5: Få Et fremtidssikret website Fordel 6: Større gavn for funktionsnedsatte Fordel 7: Plus det løse Den gamle snak om browseroptimering er død Sammenlignet med TV-verdenen Men hvad siger brugerne? Opsummering Referencer og yderligere læsning Kildereference Paul Irish Paul Boag Nickolas Zakas The User and Business Impact of Delays Understanding Progressive Enhancement Hvad er forretningsværdien af et rundt hjørne All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. 2 / 10
3 WHITEPAPER 1. Intro Vil du optimere, må du prioritere. Overskriften her er pointen, når det gælder succesfuld browseroptimering. Det er nødvendigt at holde fokus, når du skal tage beslutninger om browserkompatibilitet, og især udnyttelse af mediet. Med mobile enheder og stadigt flere browserfunktioner, er emnet mere aktuelt end nogensinde. Vil du have succes, er du nødt til at foretage bevidste valg og de er ikke alle tekniske. Du kan nørde med at skabe runde hjørner i de ældste browsere. Men i mellemtiden risikerer du at blive overhalet ikke bare af udviklingen, men også af brugernes adfærd på tværs af de mange platforme. Du mister forretnings-fordele, tid og penge. 2. Hvad er Progressive Enhancement? Web betragtes ikke længere som en online tryksag, men tager en mere fleksibel tilgang. I stedet for at kæmpe med begrænsningerne, er det en fordel at bruge energien på at udnytte mediets styrker og værdier. Og de findes ikke ved at fokusere på en pixelperfekt gengivelse på tværs af platforme. Brugere besøger websites med et hav af forskellige browsere (fra Internet Explorer til Chrome) og platforme (laptops til smartphones). Hver device og browserversion viser websitet på sin egen måde, med små forskelle og nuanceringer. I stedet for at forsøge at eliminere disse, introduceres en gradbøjning af brugeroplevelsen Eksempler Her følger nogle eksempler på hvilke forskelle, der kan være i visningen, hvis du følger principperne for Progressive Enhancement, og udnytter de features som browseren allerede udstiller. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. I dette white paper beskriver jeg værdien i at prioritere og vælge smartere måder at optimere i forhold til browsere. Jeg gennemgår også principperne bag Progressive Enhancement, som kort fortalt bygger på en tilpasning af brugeroplevelsen i browseren, og argumenterer for, hvorfor dette bliver fremtiden inden for webdesign og udvikling. I stedet for at kæmpe med begræns- ningerne, er det en fordel at bruge energien på at udnytte mediets styrker og værdier Tekstkasser Tekstkasser kan adskille sig på følgende måder; FireFox og Chrome: En moderne browser viser både ramme, farveovergang (gradient) og runde hjørner. 3 / 10
4 WHITEPAPER Explorer 9: En næsten-moderne browser viser ramme og runde hjørner - men ikke nogen gradient. I stedet viser den en passende helfarvet baggrund Knap FireFox og Chrome: En moderne browser viser både ramme, farveovergang (gradient), runde hjørner og faldskygge på baggrunden. Explorer 9: En næsten-moderne browser viser ramme og runde hjørner - men ingen gradient eller faldskygge. Explorer 7 og 8: En ældre browser viser ramme, men her er ingen runde hjørner, gradient eller faldskygge. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. Explorer 7 og 8: En ældre browser kan kun vise ramme og helfarvet baggrund. Her er ingen runde hjørner eller gradient Avanceret tekstformatering FireFox og Chrome: En moderne browser viser, ud over ramme og runde hjørner, automatisk en spalteopdelt tekst. Explorer 9: En næsten-moderne browser viser ramme og runde hjørner, men ingen spalteopdelt tekst. I stedet faldes tilbage på almindelig tekstomløb. 4 / 10
5 WHITEPAPER All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. Explorer 7 og 8: En ældre browser viser ramme, men ingen runde hjørner eller spalteopdelt tekst. 5 / 10
6 WHITEPAPER 3. Fordele Accepterer du, at web er anderledes, introducerer det en lang række fordele. De mest åbenlyse er listet nedenfor. Fordel 1: Mere tid til det der er vigtigt Det er tidskrævende fx at gengive runde hjørner i Explorer 7 og 8. I stedet for at kæmpe med små browserforskelle, kan tid og penge bruges på andre vigtige områder som brugertests, forretningsmål og analyse af besøgsstatistik. Fordel 2: Udvikling til dem der bliver flere af At bruge tid på at designe til ældre browsere, er ikke særligt produktivt. De er allerede under udskiftning til nyere browsere med de omtalte forbedringer. Brug i stedet tiden på at sikre sitets fremtid ved at udvikle til den nye generation af browsere. Fordel 3: Bedre oplevelse af performance Performance handler ikke kun om at optimere serverens arbejde. Hvis browseren efterfølgende kæmper med at få siden tegnet for brugeren, så påvirker det den oplevede performance i lige så høj grad. Fordel 4: Højere ranking på søgemaskiner Google ved, at brugere vil have hurtige sites, derfor indgår downloadtider i dag i deres søgealgoritme. Hvis et website performer godt, vil det med tiden give en højere placering hos Google end ellers. At tilføje ekstra kode for gamle browseres skyld er med til at modarbejde dette. Derudover er lavt kodeomfang i forhold til indhold, i sig selv med til at forbedre indeksering, og i sidste ende ranking. Fordel 5: Få et fremtidssikret website Ved ikke hovedsageligt at designe til ældre browsere, men i stedet udvikle op mod moderne browserfeatures vil sitet fremstå tidssvarende og levetiden forlænges. Samtidig lægger man sig op af den standard, som browserproducenterne har udpeget for fremtiden. Fordel 6: Større gavn for funktionsnedsatte Blinde, svagtseende og andre funktionsnedsatte får gavn af semantisk velstrukturerede sider, der ikke er fyldt med unødvendig kode. Det kræver ekstra kode og billedmateriale at forsøge at gengive moderne features i ældre browsere. Det kan påvirke brugerens oplevede performance i negativ retning. Lavt kodeomfang i forhold til indhold gør hjælpeprogrammer som skærmlæsere mere anvendelige. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. 6 / 10
7 WHITEPAPER Fordel 7: Plus det løse Dertil kommer en række sidegevinster, herunder: Sitet bliver mere vedligeholdelsesvenligt. Der bliver flere og mere avancerede designmuligheder. Besøgende åbner ikke sitet i to forskellige browsere. At bruge tid på at designe til ældre browsere, er ikke særligt produktivt. De er allerede under udskiftning til nyere browsere. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. 7 / 10
8 WHITEPAPER 4. Den gamle snak om browseroptimering er død Problemet er, at browseroptimering kommer til at lyde som et tilvalg. Vi vil også gerne lige optimere til Explorer 6 & 7, så vi er på den sikre side. Men det siger sig selv, at optimerer du til det hele, optimerer du ingenting. Oftere kommer man til at begrænse oplevelsen for dem, der faktisk har en opdateret browser. Det skal ikke forstås sådan, at ældre browsere ikke stadigt skal understøttes, men det giver god mening at spørge til på hvilket niveau. Hvor forretningskritisk er det fx med en skygge eller en gradient i Explorer 7? 4.1. Sammenlignet med TV-verdenen er taget fra eks Yahoo!-udpræsentation af Progressive drager han en parallel til udog det er nemt at se pointen. Gamle browsere kan sammenlignes med sort/hvid tv (tv.), hvor nye browsere er HD tv (th.) På det område har tv-verdenen allerede løst problemet - oplevelsen tilpasser sig tv et. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. Denne sammenligning vikler Nickolas Zakas Enhancement 2.0. Her viklingen i tv-verdenen, Det skal ikke forstås sådan, at ældre browsere ikke stadigt skal understøttes, men det giver god mening at spørge til på hvilket niveau. Hvor forretningskritisk er det fx med en skygge eller en gradient i Explorer 7?. For det her ville da ha været for åndssvagt. (Alligevel kan det sammenlignes med det man har forsøgt på web) Se linket til den fulde præsentation under referencer, der følger nogle væsentlige pointer. 8 / 10
9 WHITEPAPER 5. Men hvad siger brugerne? 6. Opsummering De vil elske det! For det første er der en stor del af brugere, der med deres moderne browser vil få glæde af det allerede i dag. Hvis du er heldig får du endda en fornuftig mobilvisning oven i købet. For det andet vil det stadigt se godt ud i ældre browsere som Explorer 7 og 8. De færreste brugere vil opdage, at der mangler små detaljer i designet, for de vil aldrig åbne en anden browser til sammenligning. Det er langt mere sandsynligt at opleve negativ respons på fx hastighed, fordi man forsøge at tilpasse sig ældre browsere. På internet er branding ikke bare en stærk visuel identitet. Den er et produkt af en samlet oplevelse - hvor koncept, teknik og medieudnyttelse går op i en højere enhed. Google er med deres overlegne webapplikationer og minimalistiske look et klassisk eksempel herpå. Derfor er det i bedste fald også spild af penge, at holde fast i de gamle forestillinger. I værste fald risikerer man at blive hægtet af, i kapløbet om morgendagens travle brugere. At optimere til en gammel browser ødelægger oplevelsen på de nye det er tidskrævende og forstyrrende for brugerne af de nyere browsere, da det forringer loadingtiden og i sidste ende brugeroplevelsen. Sats på fremtiden og brug kræfterne på at optimere til de moderne browsere det vil betale sig i sidste ende. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. 9 / 10
10 WHITEPAPER 7. Referencer og yderligere læsning 7.1 Kildereferencer Video med detaljeret præsentation af forsøg med load-tider hos Microsoft og Google. Det er også den undersøgelse, der refereres til i ovenstående Book of Speed. Der hentet inspiration i et engelsk blog-indlæg af Paul Irish og udvalgt konkrete pointer fra brochuren Factsheet Where are my rounded corners af Paul Boag Paul Irish Paul Irish, frontend udvikler hos Google, beskriver disse principper på engelsk: Understanding progressive enhancement En artikel på det populærere A List Apart online magasin, der beskriver fænomenet og hvordan det har udviklet sig frem til i dag Paul Boag Paul Boag fra Boagworld, populær blog og podcast om udvikling: Nickolas Zakas Nickolas Zakas præsentation med mange gode slides og hvor han bl.a. sammenligner med den udvikling tv-verdenen har været igennem Hvad er forretningsværdien af et rundt hjørne Et indlæg på Verticas blog, der også sætter fokus på en mere moderne tilgang til web som medie. aspx 7.2 The users and business impact of delays En gennemgang af sammenhænge i load-tider, brugeradfærd og i sidste ende forretningen. All rights to the present document are reserved Vertica A/S. Any use or distribution of the document or its contents without written consent is strictly prohibited. 10 / 10
11 VERTICA A/S NY BANEGÅRDSGADE AARHUS C FLÆSKETORVET KØBENHAVN V INFO@VERTICA.DK
Hvor er mine runde hjørner?
Hvor er mine runde hjørner? Ofte møder vi fortvivlelse blandt kunder, når de ser deres nye flotte site i deres browser og indser, at det ser anderledes ud, i forhold til det design, de godkendte i starten
Læs mereVelkommen til den nye og forbedrede Dynamicweb 9
Velkommen til den nye og forbedrede Dynamicweb 9 Effektive kundeoplevelser på tværs af alle kanaler med én integreret platform. Én platform dækker (alle) dine digitale behov Med Dynamicweb 9 får du adgang
Læs mereGRAFISK WORKFLOW. Kasper Staal - Portfolio - H2
GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer
Læs mereSQL ny front-end
SQL 2016 - ny front-end Overblik De største nyheder i SQL Server 2016 finder vi på front-enden, hvor en helt ny og redesignet rapporteringsplatform i Reporting Services er den fremadrettede grundstamme
Læs mereGrafisk produktionsforståelse
Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen Opgave: Opgaven var at lave en simpel hjemmeside, hvor kunden selv har mulighed for at lægge tekster op på sin blog. Han havde nogen grafiske valg omkring
Læs mereBliv synlig på nettet!
Bliv synlig på nettet! Østfyns Erhvervsråd Sinatur Hotel Storebælt Nyborg d. 8. september 2015 Sanne Schibsbye IBIZ-Center sanne@ibiz-center.dk +45 7220 1751 Morgenens program Introduktion til online synlighed
Læs mereHosted CRM Outlook client connector setup guide. Date: Version: 1. Author: anb. Target Level: Customer. Target Audience: End User
Hosted CRM 2011 Outlook client connector setup guide Date: 2011-09-08 Version: 1 Author: anb Target Level: Customer Target Audience: End User Language: da-dk Page 1 of 19 LEGAL INFORMATION Copyright 2011
Læs mereCOKKIEPOLITIK I CISU MAJ 2018
COKKIEPOLITIK I CISU MAJ 2018 INDHOLD: 1. INTRODUKTION... 3 2. DATAANSVARLIG... 3 3. HVAD ER EN COOKIE?... 4 4. HVAD ER FORMÅLET MED COOKIES?... 4 5. HVILKE COOKIES BRUGER CISUs HJEMMESIDE?... 4 6. HVORDAN
Læs mereHosted CRM Outlook client connector setup guide. Date: Version: 1. Author: anb. Target Level: Customer. Target Audience: End User
Hosted CRM 2011 Outlook client connector setup guide Date: 2011-06-29 Version: 1 Author: anb Target Level: Customer Target Audience: End User Language: da-dk Page 1 of 16 LEGAL INFORMATION Copyright 2011
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 mereGRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
Læs mereSharePoint 2007 Fælles platform for kommunikation, videndeling og samarbejde. Uffe Meiner Markedschef, Creuna Danmark A/S (uffe.meiner@creuna.
Inspirationsseminar SharePoint 2007 Fælles platform for kommunikation, videndeling og samarbejde Uffe Meiner Markedschef, Creuna Danmark A/S (uffe.meiner@creuna.dk) Formål Inspiration til udnyttelse af
Læs mereOPRINDELSE. Ordet blog har sin oprindelse i. Weblog
OPRINDELSE Ordet blog har sin oprindelse i Weblog OPRINDELSE blog: a website that contains an online personal journal with reflections, comments and often hyperlinks provided by the writer - Merriam-Webster
Læs mereForstå brugbarheden af Google Analytics på 10 minutter
Forstå brugbarheden af Google Analytics på 10 minutter Hvad er Google Analytics? Hvem kan bruge det? Hvad kan Google Analytics bruges til? Google Analytics viser dig hvor dine kunder har fundet frem til
Læs mereGoogle Site Search Google-websitesøgning til din organisation
Google Site Search Datablad Google Site Search Google-websitesøgning til din organisation Google Site Search Få flere oplysninger ved at besøge: http://www.google.com/enterprise/search/ Det får du Google-relevans
Læs mereBliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner
Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister
Læs mereMobile Engagement Platforms
KUPONER, VOUCHERS Mobile Engagement Platforms Brand Video Mobil kupon Tip en ven via sms Tilmeld nyhedsbrev Desktop ikon Nærmeste forhandler Del på Facebook Database Social & Mobile Coupons MOBIL INTERNET
Læs mereTrin for trin guide til Google Analytics
Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent
Læs mereEmnerne skal være fremstillet i forbindelse med projekter knyttet til Projekt Fantasy Design.
Fantasy Design Web Udstilling Instruktion: Hvordan får man sine ting præsenteret på webudstillingen. Fantasy Design Web Udstilling er en offentlig hjemmeside hvor du kan se design fremstillet af børn og
Læs mereInden vi starter: Følg novicell på @novicelldk Checkind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.
Inden vi starter: Følg novicell på @novicelldk Checkind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.dk/blog/nyhedsbrev Content Marketing Skriv til dine kunder og skab forretning Novicell
Læs mereContent Marketing Skriv til dine kunder og skab forretning
Content Marketing Skriv til dine kunder og skab forretning Agenda Præsentation af Novicell Sådan steger du en bøf på 58 mio. måder Content marketing strategi Content & SEO Brug content til at få flere
Læs mereEn miniguide til. nyhedsbreve. skab intern afklaring af behov, setup og mål. Af Rasmus Thau Riddersholm, rådgiver
En miniguide til nyhedsbreve skab intern afklaring af behov, setup og mål Af Rasmus Thau Riddersholm, rådgiver 2 Intro! E-mailmarketing er ikke død.! Har man indblik i marketingkanaler på tværs, ved man,
Læs mereGalleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag
Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag 2 Case: Galleri Christoffer Egelund September 2012 Scan QR-koden for at hente app en Galleriet på mobilen udvider rammerne
Læs mereUGE 47: Digitale Strategier. #stormvind
UGE 47: Digitale Strategier En slide om Dorte Min passion: At påvirke virksomheder, så det kan mærkes! 20+ års erfaring fra IT-branchen Lever af at sælge viden & rådgivning Iværksætter lige som dig Social
Læs mereGalleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag
Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag 2 Case: Galleri Christoffer Egelund September 2012 Scan QR-koden for at hente app en Galleriet på mobilen udvider rammerne
Læs mereHvad er InfoPath? Et program i Microsoft Office System En desktop applikation Platformen for en ny generation af elektroniske formularer
Hvad er InfoPath? Et program i Microsoft Office System En desktop applikation Platformen for en ny generation af elektroniske formularer Office InfoPath 2007 kan hjælpe dig med at indsamle oplysninger
Læs mereLav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress?
Agenda d. 25. oktober 2015 Lav din egen hjemmeside/blog Dag 1 Præsentation af underviser og deltagere Pc erepå nettet Hvad er WordPress? Og hvad er forskellen på en blog og en hjemmeside Hej verden Kvik
Læs mereBetalt indhold. - det nye sort eller bare helt sort?? 1/ Pressens Hus
Betalt indhold - det nye sort eller bare helt sort?? 1/4 2014 Pressens Hus Hvad er det egentligt? Native add Promotions Sponsorships Advertorials Branded content Content marketing Den kommercielle definition
Læs mereWORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly
WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop
Læs mereIndhold. Side 1 af 6. Internet Explorer 7 Internet Explorer 7
Internet Explorer 7 Side 1 af 6 Indhold Internet Explorer 7...1 Indhold...1 Nye ting i Internet Explorer 7...2 Nyt udseende...2 Faneblade...2 Nemmere søgning...3 Nemme nyheder...3 Bedre sikkerhed...5 Understøttelse
Læs mereFØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER
FØR DU TESTER TILGÆNGELIGHED PÅ HJEMMESIDER VEJLEDNING Vejledning til tilgængelighedstest Digitaliseringsstyrelsen 2012 Design: www.kopilot.dk 1 Før du tester tilgængelighed på hjemmesider Det er ofte
Læs mereHIGHLIGHTS EPOS REKRUTTERING
HIGHLIGHTS EPOS REKRUTTERING VERSION 2.13 SP0 MAJ 2015 Indholdsfortegnelse 1 Indledning... 2 2 Internet Explorer vigtig info vedr. kompatibilitets-visning. 2 3 Browser-understøttelse... 2 4 Forbedret performance
Læs mereAGENDA. Lidt om mig Markedsføring Hvorfor SEM? SEM Hvad består det af? DJØF Fredag d. 30. maj kl 16-18. Adwords SEO
AGENDA DJØF Fredag d. 30. maj kl 16-18 Lidt om mig Markedsføring Hvorfor SEM? SEM Hvad består det af? Adwords SEO 1 Sarah Vos Thrysøe Arbejde 10 år hos IBM bl.a. som pipeline analytiker Udarbejdelse af
Læs mereSOCIALE MEDIER: FACTS
SOCIALE MEDIER: FACTS 1 Præsentation Mette Bierbum Bacher Head of Social Mindshare @Mettebb SOCIALE MEDIER I DAG MEDIEBILLEDET SOCIALE MEDIER I DK 1.100.000 aktive brugere 3.400.000 aktive brugere 500.000
Læs mereKT 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 mereOftest stillede spørgsmål
Oftest stillede spørgsmål Her finder du svaret på nogle væsentlige spørgsmål vedrørede brugen af Historiefaget.dk. Tekniske spørgsmål Elevernes navne stemmer ikke overens med deres eget Der kan være to
Læs mereKom i gang med Adwords
Kom i gang med Adwords Guide fra AdwordsForum skrevet af Jan P. Olsen Er du parat til at få del i alle de fordele Google Adwords kan give? Googles søgemaskine er i dag en af de mest besøgte websites overhovedet
Læs mereMICROSOFT ONLINE KURSER
MICROSOFT ONLINE KURSER Table of Contents Articles... 3 Kom igang med Microsoft IT Academy... 4 Log ind og vælg kursus... 9 Page 2 Articles Page 3 Kom igang med Microsoft IT Academy Med Microsoft IT Academy
Læs merehar jeg hentet nedenstående anmeldelse af et godt program til
Software Fra design af hjemmesider: har jeg hentet nedenstående anmeldelse af et godt program til Wordpress er intet mindre end et genialt program til hjemmesider. For det første er det gratis, og for
Læs mereJEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.
JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er
Læs mereSamtykke, Cookie- og privatlivspolitik
Samtykke, Cookie- og privatlivspolitik Samtykke til at Webministeriet Webbureau, Aarhus må sende mig meddelelser Webministeriet Webbureau, Aarhus må sende mig tilbud på anfordring, samt emails, nyhedsbreve,
Læs mereVelkommen til. Tim Nybro Hansen
Velkommen til Tim Nybro Hansen Dagens Agenda Kl. 16.00 Velkomst 1. Hvorfor optimere en hjemmeside? 2. Statistik & konverteringsoptimering 3. Skab tillid online Kl. 17.00 - Pause Kl. 17.10 4. Gennemgang,
Læs mereGRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE
GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.
Læs mereEn guidet tur gennem Clilstore
En guidet tur gennem Clilstore Elementære skridt Dette er en trin for trin demonstration af hvordan man kan lave en online webside (Unit) med video samt tekst hvor alle ordene er kædet til en lang række
Læs mereGoogle Plus for Virksomheder Hvordan laver man en Google plus side?
Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus er måske ikke det første du tænker på når du skal øge kendskabet til din virksomhed. I det følgende viser jeg hvorfor du
Læs mereMARITIME PROFESSIONALS, ASHORE AND AT SEA. Online Identitet. 29-03-2011 www.job2sea.com 1
Online Identitet 2011 29-03-2011 www.job2sea.com 1 Online Identity The social web, i.e. the usage of the web to support the social process, represents a space in which people have the possibility to express
Læs mereWorkflow & Grafisk produktion
Workflow & Produkt Markedsføringen af BBQ Wing it er vigtigt for at blive en succes. Derfor er det ikke nok, at magasinet bliver trykt, men at det også bliver tilgængeligt online. I dag læser mange danskere
Læs mereInstallation af Wordpress
Kræver et webhotel der kører PHP og database (MySQL) Installation af Wordpress Wordpress-grund-programmet downloades fra WordPress.org det er gratis Fra webhotellet skal man have 4 informationer som skal
Læs mereGoogle Analytics. Værdifuld viden om din hjemmeside. Daniel Ord Rasmussen Twitter: @danielord
Google Analytics Værdifuld viden om din hjemmeside Daniel Ord Rasmussen Twitter: @danielord Source: https://www.flickr.com/photos/fstoaldo/7091271377 Program 1. Velkomst og intro 2. Introduktion til Google
Læs mereBrugervejledning 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 mereInstallation af Diigo... 3
DIIGO Table of Contents Installation af... 3 Hvad er?... 4 Sikkerhed ved brug af let... 5 Hvordan oprettes en konto på?... 6 Hvordan installeres let toolbar?... 8 Brug af let toolbar...11 Videovejledning...12
Læs meregrafisk 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 mereUniIReg : Web program til registrering, rapportering, statistik/udtræk og opfølgning
Version 2 UniIReg : Web program til registrering, rapportering, statistik/udtræk og opfølgning UniIReg : Registrering Rapporting Statistik/udtræk Opfølgning Backend 1 UniIReg Copyright 2012-2013 JLRC CO.
Læs mereSucces med intranet til Office 365. Den 13. august 2014 Webtop A/S s. 1
Succes med intranet til Office 365 Webtop A/S s. 1 Hvem er jeg https://twitter.com/jeslas http://www.linkedin.com/in/jesslassen Webtop A/S s. 2 Hvad er Office 365 Office pakken (Word, Excel..) Skyudgaver
Læs mereMediegruppen bevæger mennesker
Mediegruppen bevæger mennesker 03 Fra ide til færdig løsning Hos Mediegruppen har vi arbejdet med internettet siden bureauets start i 1997. Vi har været med fra de traditionelle løsninger i HTML og de
Læs mereInden vi starter: Følg novicell på @novicelldk Check-ind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.
Inden vi starter: Følg novicell på @novicelldk Check-ind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.dk/blog/nyhedsbrev 15 Online Marketingtips i 2015 Martin Skøtt, Online Marketingchef,
Læs mereHHBR. 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 mereVejledning til at ligge billeder ind på Jerslev gruppes hjemmeside.
Vejledning til at ligge billeder ind på Jerslev gruppes hjemmeside. Først skal du åbne Windows Internet Explorer da dette program kan køre gruppen hjemmeside 100 %, du skal kigge ind på www.spejdernet.dk/jerslev
Læs mereVelkommen. Ved registrering sendes en besked til værten for mødet, og dit gæstekort printes, hvorefter du afhentes i receptionen. Allan Mørch.
AskCody Welcome+ Welcome+ Manager AskCody Welcome+ er din nye interaktive receptionist, der står klar til at modtage gæster og besøgende når de ankommer til din virksomhed. Welcome+ AskCody Welcome+ er
Læs mereSlip for NYT. For hver eneste dag der GENIALT PROGRAM FÅ HJÆLP NÅR DU INSTALLERER: Hvorfor er der ekstraprogrammer?
FÅ HJÆLP NÅR DU INSTALLERER: NYT GENIALT PROGRAM Slip for PÅ DANSK alt skidtet Hvis du ikke er ekstremt opmærksom, risikerer du at få en masse snavs med ind på din pc, når du installerer nye programmer
Læs mereInspiration, tips og tricks
Køb et helt bibliotek om WordPress ebogen om WordPress 3 er mere omfattende end nogen anden dansk vejledning om WordPress. Køber du ebogen, får du fri adgang til alle kommende versioner. Du køber altså
Læs mereStart med at downloade app en Youtube via Play Butik (Play Store).
APP #7 Youtube I denne uge kigger vi på Youtubes app. På Youtube kan du finde næsten alt! Youtube bliver brugt til alt fra gamle tv-klip fra hele verden til musikvideoer til folk der lave video-blogs (de
Læs mereABCD- E-Læring TEKNISKE BEGREBER
ABCD- E-Læring 2018 Prolearning ApS ABCD- E-Læring Arbejder du med e-læring, så har du sikkert mødt en del nye begreber, som du skal forholde sig til. Nogle af fremmedordene drejer sig om teorier og modeller.
Læs merePHP 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 mereNærmere om VDX v/ Per Abildgaard. 20. juni 2019
Nærmere om VDX v/ Per Abildgaard 20. juni 2019 Hvad kan VDX? VDX er en integrator mellem systemer og videostandarder Systemintegration via API til egne fagsystemer som Bookplan, Min Læge, Sundhedsplatformen
Læs mereGRAFISK 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 mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mereWebinar: SEO for kommunikatører. Nicolai Vittrup Direktør i Webamp
Webinar: SEO for kommunikatører Nicolai Vittrup Direktør i Webamp nv@webamp.dk +45 31 41 54 20 Webinarets indhold Best practices i SEO 2019 Struktureret data Linkbuilding Anbefalede tools/værktøjer Alle
Læs mereGRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1
GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.
Læs mereSkyfillers Hosted SharePoint. Kundemanual
Skyfillers Hosted SharePoint Kundemanual Kundemanual Indhold Generelt... 2 Online adgang SharePoint side... 2 Skift brugeradgangskode... 2 Adgang & opsætning... 3 Windows... 3 Tilføj SharePoint som intranet
Læs mereGrafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
Læs mereANALYSE 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 mereUCSJ DIGITAL. Tips og Tricks
UCSJ DIGITAL Table of Contents Webbrowsere...3 Slet midlertidige filer og cookies... 4 Mobile enheder...8 UCSJ mail på smartphone og tablet... 9 Video mm....10 Rip en DVD... 11 Brug Handbrake til at reducere
Læs mereFor andre browsere, se længere nede I dokumentet. Har du problemer med at åbne breve i Breve fra CA i internet explorer 11, prøv da følgende.
For andre browsere, se længere nede I dokumentet Internet explorer 11 Har du problemer med at åbne breve i Breve fra CA i internet explorer 11, prøv da følgende. Tryk på Tandhjulet og efterfølgende på
Læs mereBESLUTNINGSBARRIEREN ER HØJERE
At lave innovation og tænke nye forretningsområder kræver et velfunderet grundlag, der sikre kendskab til målgruppens behov og forretningens strategiske mål. Det er vigtigt at være sin position bevidst
Læs mere# Redesign af copenhagenskatepark.dk
# 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring
Læs mereprogram * opsamling * skype foredrag * online markedsføring
dagens program * opsamling * skype foredrag * online markedsføring opsamling visuel identitet * hvad synes I? * pitch * s/h + negativ * farver Logo Logo Logo Web Tryk #0000ff Pantone Blue 072c C 100 M
Læs mereApp til indmelding af glemt check ud
App koncept til indmelding af glemt check ud App til indmelding af glemt check ud 5. mar. 2015 Side 1 App koncept til indmelding af glemt check ud 1 Introduktion Flg. er en besvarelse til en idekonkurrence
Læs mereHVAD ER SEO? HVORFOR ER SEO VIGTIGT? 1. FIND INDLÆGGETS SØGEORD 2. INSTALLER PLUGINNET YOAST SEO
1 / 6 HVAD ER SEO? SEO betyder Search Engine Optimization, og det er en betegnelse for, at man søgemaskineoptimerer sin hjemmeside for at gøre den mere synlig i de forskellige online søgemaskiner, f.eks.
Læs mereDet Nye Testamente lyd-app. v. Stefan Lykkehøj Lund
Det Nye Testamente lyd-app v. Stefan Lykkehøj Lund Indledning For nogle år siden, fik jeg Det Nye Testamente som lydbog på USB. I starten lyttede jeg en del med tiden blev det dog til mindre og mindre.
Læs mereSEO og Kommunikation
SEO og Kommunikation Agenda 1. Kommunikation på nettet 2. SEO hvad er det? 3. Teknisk SEO 4. Søgeordsanalyse 5. On-page SEO 6. Off-page SEO Kommunikation på nettet Kend din målgruppe Hvilke kunder har
Læs mereInformationsteknologi D Gruppe 16 Opgaver. Gruppe 16. Informationsteknologi D
Opgaver Gruppe 16 Informationsteknologi D IT Opgaver Her kan du se alle de IT opgaver som vi har lavet i løbet at vores informationsteknologi D periode. Media College Aalborg Side 0 af 7 Indholdsfortegnelse
Læs mereGRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.
GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity
Læs mereDen gode. hjemmeside. Oplæg v/ chefrådgiver Randi Hovmann
Den gode hjemmeside Web-workshop Kommunernes Landsforening Oplæg v/ chefrådgiver Randi Hovmann December 2012 2 CROSS MEDIA Dagsorden Intro: - Formålet med i dag - Ølkassen Situation Tendenser: - Content
Læs mereArticles... 3 I gang med Adobe Connect... 4 Når du skal invitere deltagere til et Adobe Connect møderum...11 Sådan redigerer du en video optaget i
WEB KONFERENCER Table of Contents Articles... 3 I gang med Adobe Connect... 4 Når du skal invitere deltagere til et Adobe Connect møderum...11 Sådan redigerer du en video optaget i Adobe Connect og indsætter
Læs mereSEO. en digital værktøjskasse for begyndere og øvede
SEO en digital værktøjskasse for begyndere og øvede 1 Indholdsfortegnelse Hvad er SEO? 3 Stryg til tops i søgning og salg 4 Trends og stats om SEO 5 Best practices for SEO 6 4 gode råd til indhold 10 Linkbuilding
Læs mereSabine 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 mereWWW Evaluation. Ressourcens troværdighed, indhold funktionalitet. Elektronisk. Let at publicere. Svært at publicere. Du har hjælp til kontrollen
WWW Evaluation Kvalitetsvurdering af Information på hjemmesider Inspireret af http://www.aub.auc.dk/mileinternet/ 1 Mangfoldighed Nettets styrke og svaghed Ressourcens troværdighed, indhold funktionalitet
Læs mereITSprint. Sådan printer du vha. print.supportcenter.dk 13-02-2014 ITS
ITSprint Sådan printer du vha. print.supportcenter.dk Denne vejledning beskriver hvordan du kan printe vha. print.supportcenter.dk fra computere og mobile enheder såsom tablets (fx ipads) og smartphones
Læs merehjemmeside rediger selv din med få klik Professionel e-mail, som du kan se overalt Hvor mange besøger din side og hvem er de?
Rediger selv din hjemmeside med få klik Hvor mange besøger din side og hvem er de? Professionel e-mail, som du kan se overalt rediger selv din hjemmeside med få klik + + Få en hjemmeside i et CMS system,
Læs mereJumpfooddesign guideline
design guide Jumpfooddesign guideline Som enhver anden mærkevare ønsker vi at beskytte brandets identitet. En identitet der er skabt i et samspil mellem mange forskellige elementer: kernefortælling, maden,
Læs mereSTATISTIK hjemmesiden HEI-tennis.dk 2007
STATISTIK hjemmesiden HEI-tennis.dk 2007 Nedenfor lister vi et uddrag af besøgsstatistikken for www.hei-tennis.dk totalt og selvfølgelig specielt med fokus på det sidste år (2007) med en kommentar om hvordan
Læs mereProgrammet giver en række fordele i betjeningen af callcentre med en grafisk fremstilling, der giver bedre overblik over kø-længder m.m.
TDC Wallboard Basis Administratorvejledning Programmet giver en række fordele i betjeningen af callcentre med en grafisk fremstilling, der giver bedre overblik over kø-længder m.m. Indhold Se hvordan programmet
Læs mereKODNING AF RESPONSIV DESIGN
Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte
Læs mereInvolvering på sociale medier
Involvering på sociale medier Content Marketing og Employee Advocacy Maria Schwarz @mariaschwarz Fotos: Morten Fauerby, Montgomery.dk Seismonaut rådgiver virksomheder og organisationer i at navigere i
Læs mereHvornår er dit ERP-system dødt?
Hvornår er dit ERP-system dødt? Ved du egentlig hvornår dit ERP-system er dødt? Vi giver dig vores bud på, hvilke tegn du skal holde øje med, så du kan handle i tide. Hvornår er dit ERP-system dødt? At
Læs mereMinimér risikoen for data-lækage i din virksomhed
Minimér risikoen for data-lækage i din virksomhed Maj 2012 Jan Johannsen SE Manager, Nordics & Benelux 2011 Check Point Software Technologies Ltd. [Protected] All rights reserved. Agenda 1 Data lækage,
Læs mere