Länkar och navigering

Storlek: px
Starta visningen från sidan:

Download "Länkar och navigering"

Transkript

1 Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik Rune Körnefors

2 Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens Myntades av Ted Nelson 1963 Ted Nelson Länk i HTML <a href="url">text</a> ankare desgnagon 2

3 Navigering Ur Bra Böckers Lexikon: navigera, bestämma kurs och posi>on >ll sjöss, i eller i rymden. naviga(on (av la>nets navigare: segla), bestämning av en farkost posi>on vid vilken som helst >dpunkt och bestämning av kursen >ll des>na>onsorten. Alltså: Var är jag? och hur kommer jag dit jag vill? InformaGonsarkitektur: Navigering i hyperrymden (hyperspace, Nielsen 1990) Förfly`ning i informagonsmängden Nielsen, J. (1990) HyperText & HyperMedia, Academic Press 3

4 Två former av förflylning Orientera sig, bläddra runt (eng. browse) Förfly`a sig på måfå, surfa Navigera Målmedveten förfly`ning 4

5 Jämför med verkligheten Hur gör man då man förfly`ar sig Gll en plats, kommer Gll en plats, G`ar i en bok, etc.? Hur gör man då man kommer dit första gången? Hur gör man då man redan känner Gll platsen, boken, etc.? Exempel: En bok Ny bok: snabbläddra - skaffa sig en uppfa`ning om innehåll, omfa`ning och organisagon Van vid boken: innehållsförteckning, index, kapitelrubriker, sidnummer, Åker tunnelbana Ny resenär: stadskarta och tunnelbanekarta Bestämmer plats: se namn på väggarna, lyssna på utrop av hållplatser Van resenär: följer färgmarkering, går där man brukar gå Kommer Gll campus Ny: orienteringstavlor, fråga ener vägen Van: gå dit man brukar gå, husbenämningar och salsnummer, 5

6 Lost in hyperspace Går in på en webbplats" Klickar på ett val i en meny" Klickar på ett val i en annan meny" Klickar på en länk i texten" Klickar på en länk i texten" Klickar på en länk i texten" Klickar på ett val i en meny" Var är jag?! Vad gör jag här?! Hur har jag kommit hit?! Hur kommer jag tillbaks?! Varför är jag här?! Har jag missat något?!?! Nielsen, J. (1990) HyperText & HyperMedia, Academic Press 6

7 Från bild3 Navigering: var är jag? och hur kommer jag dit jag vill?! Lost in hyperspace Exempel på problem: Ser endast en sida i taget Var befinner man sig, omfa`ning på materialet,? Kan komma in mi` i strukturen Hoppar man bakåt, framåt, djupare i strukturen,? Vet inte vad länken ger Djupare förklaring, associagon, ny sida i samma avdelning, en annan avdelning,? Vet inte om och i så fall hur vikgg länken är Behöver man gå dit för a` förstå resten, eller kan man gå vidare ändå,? Hur komma Gllbaks Upp genom strukturen? Till en sida man varit på Gdigare? Hur komma framåt Till den informagon man söker? Finns den informagon man söker på webbplatsen? Var är jag?! Vad gör jag här?! Hur har jag kommit hit?! Hur kommer jag tillbaks?! Varför är jag här?! Har jag missat något?!?! 7

8 Från bild3 Navigering: var är jag? och hur kommer jag dit jag vill?! Lost in hyperspace Exempel på stöd: Söksystem Fritextsökning Webbkarta (site map) / strukturdiagram / innehållsförteckning Index / katalog Lä` kunna förfly`a sig mellan huvudavdelningar och underavdelningar Global och lokal navigering Back- track / Historik Lä` och naturligt a` följa vägen Gllbaka eller uppåt i strukturen "Brödsmulor" (bread crumbs) Landmärken Fasta: t.ex. startsida, innehållsförteckning Egna: t.ex. bokmärken Guide För a` få en snabb orientering Metafor Liknelse för a` lä`are förstå struktur och navigering Konsekvent i beskrivning av struktur och navigering... Var är jag?! Vad gör jag här?! Hur har jag kommit hit?! Hur kommer jag tillbaks?! Varför är jag här?! Har jag missat något?!?! 8

9 Naviga>onssystem Global navigering Navigering mellan webbplatsens avdelningar Finns hela Gden Gllgänglig Lokal navigering Navigering inom en avdelning eller sida Kontextuell navigering Inbäddade länkar Problem: Svårt a` veta vilken typ av info man får? Rosenfeld, L. & Morville, P. (2007) Informa>on Architecture for the World Wide Web, 3rd edi>on, O'Reilley, s.113f 9

10 Exempel Sökruta" Webbplats för kursen Webbdesign medieteknik.lnu.se/1me101 Global navigering" Lokal navigering" Var är jag? Visas av: Fönstrets Gtelrad, webbplatsens rubrik, sidans rubrik, logo i sidfoten Markerade knappar i navigeringsmenyerna Hur kommer jag dit jag vill? Navigering sker med: Global navigering (de orange knapparna ) ligger kvar hela Gden Rubriker på länkar i global/lokal navigering stämmer med rubriker på sidorna Kontextuell navigering på en del sidor (t.ex. Gll föreläsningar, laboragoner och uppginer i schemat) Länkar utanför den egna webbplatsen öppnas i e` ny` fönster Snabbguide ( mikroportal ) med genvägar Gll föreläsningar, laboragoner och uppginer på startsidan Fritextsökning 10

11 Fler exempel Studera t.ex. Arbetsmiljöverket h`p://www.av.se Var är jag? Visas av: Sidans Gtel i fönstrets Gtelrad och logo på sidan Rubriker på sidan, även rubriker (länkar) Gll överliggande sidor ("brödsmulor") Färgmarkering i navigeringsmenyn Hur kommer jag dit jag vill? Navigering sker med: Global navigeringsmeny som finns kvar på alla sidor Lokal navigeringsmeny inom avdelningarna» Konsekvent uwormad i samma sgl på alla sidor Webbkarta som visar struktur och innehåll» Länkar Gll sidorna Symboler (ikoner) för länkar Gll temasidor Kontextuell navigering på en del sidor SökfunkGon med sökning avgränsad Gll webbplatsen 11

12 E>keLer Val i navigeringssystem Länkar i en navigeringsmeny för a` snabbt komma Gll olika avdelningar på webbplatsen Ger samgdigt en översikt av avdelningarna Kontextuella länkar (inbäddade länkar) EGke`en utgör en del av texten. Trots den omgivande texten kan det vara svårt a` veta vad länken ger. På campus finns Teleborgs slott i en vacker park." Får man en bild på slottet, en sida som beskriver slottet, en karta över campus där slottet är markerat, eller något annat?" På campus finns Teleborgs slott (visa bild) i en vacker park." Här förstår man att man får en bild på slottet." 12

13 E>keLer Rubriker Avdelar informagonsmängden (texten) och beskriver den text som kommer ener rubriken. 13

14 AL välja e>keler EGke`er väljs anpassade Gll innehåll, målgrupp och omgivning Context" Lä`are hi`a bra egke`er, om omfa`ningen av innehåll, målgrupp och omgivning ej är för stor En bred målgrupp => svårare hi`a egke`er som tolkas lika av alla Content" Users" Från föreläsning 2 Utgå från: användarnas kunskap, språk, etc. vad som är brukligt i omgivningen, liknande webbplatser innehållsanalys, ämneskunniga, ordlistor 14

15 Ikoner Bilder / symboler som egke` (se Arbetsmiljöverkets webbplats) Används främst för länkar i navigeringssystem Fördelar EsteGskt Framträder tydligt på sidan (särskilt om innehållet främst består av text) Tar liten plats Nackdelar Kan vara svåra a` förstå, svårt hi`a bra bilder som tolkas lika av alla i målgruppen Användaren kan behöva lära sig betydelsen 15

16 EGke`er (rubriker och namn på länkar) SubstanGv = innehåll Verb = funkgon/uppgin Konsekvent uwormning Samma egke` ger samma länk Exempel: En kontextuell länk med rubriken W3C går Gll webbplatsen för World Wide Web ConsorGum. Används samma rubrik igen för en annan länk, ska man komma Gll samma sida. Metafor för struktur och navigering Anpassad Gll målgrupp Konsekvent tolkning 16

17 Utny`ja vad folk är vana vid UtnyLja inbyggt stöd i webbläsarna Några exempel Färg på länkar Användaren kan själv ställa in färg i inställningarna Gll webbläsaren Byt ej färg, om det ej är mogverat Tillbaka- knapp Vad betyder en Gllbaka - länk på en sida? Ska ej användas för en länk uppåt i strukturen Använd istället en egke` som talar om vart man går, t.ex. Startsidan Webbadress i statusraden Ersä` ej med annan text (t.ex. m.h.a. JavaScript) Filnamnet bör ge en indikagon av innehållet Titel i fönstrets Gtelrad (<Gtle>- taggen) bör beskriva sidans innehåll 17

18 Exempel Länkar i HTML Uppdelning i avdelningar med <div> <html>" <head>" <title>min" </head>" <body>" index.htm" 18

Labora&on 3 HTML och struktur övningar/uppgi:er

Labora&on 3 HTML och struktur övningar/uppgi:er Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som

Läs mer

Mappar och filer för webbsidor

Mappar och filer för webbsidor Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar

Läs mer

Användarcentrerad design Structure plane (tredje nivån)

Användarcentrerad design Structure plane (tredje nivån) Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope

Läs mer

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se

Läs mer

Guide till användande av Interaktiv bok på iphone

Guide till användande av Interaktiv bok på iphone Guide till användande av Interaktiv bok på iphone Logga in på N&K Läromedel 1. Öppna N&K Läromedel i din iphone och logga in med samma uppgifter som till www.nok.se/loggain. Ladda ner en bok Du är nu i

Läs mer

Guide till användande av interaktiv bok på ipad

Guide till användande av interaktiv bok på ipad Guide till användande av interaktiv bok på ipad Logga in på N&K Läromedel 1. Öppna N&K Läromedel i din ipad och logga in med samma uppgifter som till www.nok.se/loggain. Ladda ner en bok Du är nu i Biblioteket.

Läs mer

Allmänt beteende hos Konqueror. Burkhard Lück Översättare: Stefan Asserhäll

Allmänt beteende hos Konqueror. Burkhard Lück Översättare: Stefan Asserhäll Burkhard Lück Översättare: Stefan Asserhäll 2 Innehåll 3 På den här sidan hittar du inställningar av hemsida och startsida, och beteende vid användning av flikar både för Konquerors filhanteringsläge och

Läs mer

Loopar och objekt i JavaScript

Loopar och objekt i JavaScript Föreläsning i webbdesign Loopar och objekt i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Programflöde Vanligt sekvendellt flöde InstrukDonerna ugörs en eher en i den

Läs mer

Lathund länkar. Skapa en intern länk som en sida

Lathund länkar. Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

Lathund länkar. Skapa en intern länk som en sida

Lathund länkar. Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

Visa och dölja element med JavaScript

Visa och dölja element med JavaScript Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility

Läs mer

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren. Vad är Semantic Elements? HTML5 Semantic Informationen kommer från w3schools.com Semantik (av grekiska sema, "tecken") avser det vetenskapliga studiet av teckensystems innebörd och tolkning. Semantic elements

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Skeleton plane & Responsiv webbdesign med CSS

Skeleton plane & Responsiv webbdesign med CSS 1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor

Läs mer

Labora&on 4 CSS och validering övningar/uppgi9er

Labora&on 4 CSS och validering övningar/uppgi9er Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna

Läs mer

Länk till modulen Skapa Filarkiv

Länk till modulen Skapa Filarkiv Dokumenthantering i Ping Pong: åhörarkopior I denna modul går du igenom hur funktionen Dokument fungerar i PING PONG och hur den skiljer sig från Filarkivet. Du får också en genomgång av hur du laddar

Läs mer

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Skapa blogg i ÅA:s bloggverktyg komplett guide

Skapa blogg i ÅA:s bloggverktyg komplett guide 31.3.2014/ Quiroz-Schauman & Forslund Skapa blogg i ÅA:s bloggverktyg komplett guide Skapa en blogg - i korthet!... 2 1 Logga in och beställa en bogg... 2 2 Panel... 3 3 Panel-menyn... 4 4 Inlägg... 4

Läs mer

Guide till användande av interaktiv bok på Mac

Guide till användande av interaktiv bok på Mac Guide till användande av interaktiv bok på Mac Logga in på N& K Läromedel 1. Öppna N&K Läromedel på din PC och logga in med samma uppgifter som till www.nok.se/loggain. Ladda ner en bok Du är nu i Biblioteket.

Läs mer

www.luvit.com LUVIT Portal Användarmanual

www.luvit.com LUVIT Portal Användarmanual www.luvit.com LUVIT Portal Användarmanual Innehållsförteckning 1 INLEDNING... 4 2 STARTSIDA... 5 2.1 MENYN UPPE TILL HÖGER... 5 2.1.1 Mitt campus... 5 2.1.2 Om BSVC... 5 2.1.3 Kurskatalog... 5 2.1.4 Länkar...

Läs mer

Axalon Process Navigator SP Användarhandledning

Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP 2013, senast reviderad: den 11 juni 2014 Innehåll Innehåll... 2 Om denna användarhandledning... 3 Syfte... 3 Vem är denna handledning

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

Lathund länkar. 1Skapa en intern länk som en sida

Lathund länkar. 1Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna

Läs mer

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1

Innehåll. Omslagsfoto: Daniel Sahlberg. Liber AB Version 2.1 Sida 1 ONLINEBOKEN MANUAL Innehåll Om onlineboken...2 Onlinebok på dator och surfplatta...2 Kom igång med onlineboken... 3 Öppna onlineboken... 3 Läsa i onlineboken... 3 Hitta i onlineboken... 3 Lyssna på onlineboken...

Läs mer

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

Användarmanual WebNailer. 19 januari 2004

Användarmanual WebNailer. 19 januari 2004 Användarmanual WebNailer Tobias Holgers Mattias Castegren 19 januari 2004 1 Innehåll 1 Inledning 3 1.1 Definitionerochförkortningar... 3 2 WebNailer 4 2.1 Knapprad... 4 2.1.1 Gemensamma... 4 2.1.1.1 Webbläsare...

Läs mer

Introduk+on +ll JavaScript if- sats, funk+oner, bilder

Introduk+on +ll JavaScript if- sats, funk+oner, bilder Föreläsning i webbdesign Introduk+on +ll JavaScript if- sats, funk+oner, bilder Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se if- sats I en if- sats kan man kontrollera ee villkor

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Open Office Writer Enkel guide till ordbehandling med Open Office www.openoffice.org Medieteknik Södertörns högskola 31 januari 2011 uppdaterad

Läs mer

Labora&on 2 HTML och validering övningar/uppgi:er

Labora&on 2 HTML och validering övningar/uppgi:er Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det

Läs mer

Användarhandledning för vårdnadshavare 1 (36) Användarhandledning. Procapita Education Vårdnadshavare. Version 3.2 2009-08-17.

Användarhandledning för vårdnadshavare 1 (36) Användarhandledning. Procapita Education Vårdnadshavare. Version 3.2 2009-08-17. Användarhandledning för vårdnadshavare 1 (36) Användarhandledning Procapita Education Vårdnadshavare Version 3.2 2009-08-17 TietoEnator INNEHÅLL 1 PROCAPITA EDUCATION FÖR VÅRDNADSHAVARE... 3 1.1 VÄLKOMMEN!...

Läs mer

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system

Usability Partners. World Usability Day 2012 Användbarhet av finansiella system World Usability Day 2012 Användbarhet av finansiella system En eye-tracking studie på fyra av Sveriges storbankers webbplatser. Bakgrund 8 november 2012 är utsett till World Usability Day av UPA (Usability

Läs mer

Ditt användarnamn är den e-postadress som du angav när du registrerade dig. Ditt lösenord får du från ditt barns klasslärare.

Ditt användarnamn är den e-postadress som du angav när du registrerade dig. Ditt lösenord får du från ditt barns klasslärare. Att logga in Öppna Internet Explorer (eller någon annan webbläsare). I adressfältet skriver du www.hjarntorget.net (eller bara hjarntorget.net). Tryck sedan på Enter-tangenten. Nu öppnas Hjärntorgets inloggningssida.

Läs mer

Gör en modern släktbok för CD eller webben

Gör en modern släktbok för CD eller webben Gör en modern släktbok för CD eller webben 21 Den traditionella släktboken består av ett antal tabeller och i bästa fall en grafisk stam- eller antavla, och man kan med ett register eller hänvisningar

Läs mer

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2. Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner

Läs mer

1 Handledning för vårdnadshavare...3 1.1 Vad är lärportalen och vad kan jag göra där?...3

1 Handledning för vårdnadshavare...3 1.1 Vad är lärportalen och vad kan jag göra där?...3 Innehållsförteckning 1 Handledning för vårdnadshavare...3 1.1 Vad är lärportalen och vad kan jag göra där?...3 2 Logga in första gången...3 2.2 Logga in med användarnamn och lösenord...3 2.3 Min profil...4

Läs mer

APA för nybörjare. Innan du börjar. Översikt

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben Ellibot 1.0 Interaktivmedia Content Management System Publicera för webben Innehåll Logga in 3 Skapa en ny webbsida 4 o Publicering 5 o Information 5 o Standardfiler 6 o Innehåll 7 Hur man skapar en länk

Läs mer

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

ATT GÖRA WEBBSIDOR. Frivillig labb Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR

Läs mer

Välkommen på kurs hos RIGHT EDUCATION!

Välkommen på kurs hos RIGHT EDUCATION! Välkommen på kurs hos RIGHT EDUCATION! När du startar på en ny kurs, börja med att orientera dig i kursupplägget så att du får en uppfattning om vad kursen innehåller. Du har full översikt över kursens

Läs mer

Din manual ARCHOS 604 WIFI http://sv.yourpdfguides.com/dref/1227011

Din manual ARCHOS 604 WIFI http://sv.yourpdfguides.com/dref/1227011 Du kan läsa rekommendationerna i instruktionsboken, den tekniska specifikationen eller installationsanvisningarna för ARCHOS 604 WIFI. Du hittar svar på alla dina frågor i instruktionsbok (information,

Läs mer

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide Använda Internet med hjälp av Internet Explorer Nybörjarguide Av Carl Ewnert 1 Innehåll: 1. Introduktion 3 2. Utseendet 4 3. Verktygsfältet 4 4. Börja Surfa. 5 5. Att söka på Internet 5 6. Spara en sida

Läs mer

Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden

Infobank kvickguide. Kom i gång med Infobank. Logga in till Infobank. Installationsguiden Infobank kvickguide Kom i gång med Infobank Välkommen till SKL Kommentus webbaserad tjänst Infobank Arbetsrätten. Denna snabbguide ger dig en kort introduktion som användare av Infobank, så att du snabbt

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

Användarmanual Legimus för Iphone och Ipad. Version 0.9

Användarmanual Legimus för Iphone och Ipad. Version 0.9 Användarmanual Legimus för Iphone och Ipad Version 0.9 Innehåll Vad är Legimus?... 3 Införande... 3 Kom igång... 3 Inloggning... 3 Hur laddar jag ner böcker?... 3 Hur hittar jag mina böcker?... 4 Hur tar

Läs mer

SGH-A400 WAP Browser Användarhandbok

SGH-A400 WAP Browser Användarhandbok * Vissa innehåll i denna handbok kan skilja sig från din telefon beroende på mjukvaran som installerats eller din operatör. SGH-A400 WAP Browser Användarhandbok ELECTRONICS Behöver du hjälp eller har frågor,

Läs mer

LATHUND TILL GOOGLE SITES

LATHUND TILL GOOGLE SITES LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2

Läs mer

Arbetsmaterial HTML pass 1 - Grunder

Arbetsmaterial HTML pass 1 - Grunder Arbetsmaterial HTML pass 1 - Grunder Det vi idag kallar Internet växte fram ur ett amerikanskt nätverk kallat ARPAnet som skapades i slutet av 60 talet. Ett topphemligt verktyg för att koppla ihop stordatorer

Läs mer

Webbsida i Wordpress. Existens på webben och bli sökbar

Webbsida i Wordpress. Existens på webben och bli sökbar Webbsida i Wordpress Existens på webben och bli sökbar Om Susann Rickan Susann Rickan bor i Nora Byggt webbsidor i 16 år Eget företag sedan 2009. Hjälper företag med webb och foto. Tycker om att bygga

Läs mer

Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida

Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida Redaktörens Lathund för Glokala Glokala Folkhögskolan www.glokala.se Hej och välkommen till redaktörens lathund! Detta är en snabbguide för dig som har behörigheter att skapa och uppdatera sidor på Glokalas

Läs mer

Bättre koll på jobbet - Kunskapsstöd

Bättre koll på jobbet - Kunskapsstöd Bättre koll på jobbet - Kunskapsstöd Västra Götalandsregionen Interaktionsdesign Version 1.0, 2009-10-14 Förfa7are Sonja Larsson, inuse Consul(ng AB E post: sonja.larsson@inuse.se Telefon: 0708 45 70 76

Läs mer

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Manual Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Innehållsförteckning Start... 3 Lägg till ny sida...3 Redigera sida som redan finns...3 Titta på resultatet...

Läs mer

Dina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer.

Dina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer. Att logga in Öppna Internet Explorer (eller någon annan webbläsare). I adressfältet skriver du www.hjarntorget.net (eller bara hjarntorget.net). Tryck sedan på Enter-tangenten. Nu öppnas Hjärntorgets inloggningssida.

Läs mer

Ny startsida i Marknadsplatsen

Ny startsida i Marknadsplatsen Regionservice, område Inköp Ny startsida i Marknadsplatsen Information till dig som är extern kund Akuta kommunala läkemedelsförråd Ny Startsida/Välkomstsida i Marknadsplatsen Marknadsplatsen har fått

Läs mer

Labora&on 1 Variabler och beräkningar övningar/uppgi9er

Labora&on 1 Variabler och beräkningar övningar/uppgi9er Labora&on 1 Variabler och beräkningar övningar/uppgi9er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns

Läs mer

Administrationsmanual för SCMS

Administrationsmanual för SCMS Administrationsmanual för SCMS Merea AB Box 69, 311 21 Falkenberg Tel: 0346-450 400 E-post: info@merea.se www.merea.se 1 Innehållsförteckning Inledning... 3 Skapa ny sida... 3 Skapa Nyheter...4 Redigera

Läs mer

Lathund Slutattestant. Agresso Self Service

Lathund Slutattestant. Agresso Self Service Lathund Slutattestant Agresso Self Service Sidan 2/15 Innehållsförteckning 1. Inloggning 3 2. Startsida 5 Mina uppgifter 5 Rapporter 5 Inköp 5 Alternativ 6 3. Slutattestering av fakturor 6 Åtgärdsknappar

Läs mer

Lathund för att hantera kongresshandlingar

Lathund för att hantera kongresshandlingar Lathund för att hantera kongresshandlingar Läsplatta - ipad Inför och under kongressen 2013 förekommer handlingarna enbart i digital form, närmare bestämt i PDF-format. I denna lathund får du som använder

Läs mer

Google Analy+cs. Umeå universitet

Google Analy+cs. Umeå universitet Google Analy+cs Umeå universitet Webbanalys? Återkoppling Kommunika+onsbehov Strategi Sociala medier Webb Kampanjer Effekt Vad ska vi mäta? Ansökningar Nedladdade filer Läst vik+g info Fyllt i kontaklormulär

Läs mer

skapa genvägar till andra sidor (externa och interna)

skapa genvägar till andra sidor (externa och interna) Hotspot skapa genvägar till andra sidor (externa och interna) Du kan låta bilder och/eller text bli knappar för genvägar eller navigering. Genvägarna kan leda till en annan sida i din resurs (intern sida)

Läs mer

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla 1.0 Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla gör det lättare för personer med olika typer av funktionsnedsättningar

Läs mer

Snabbguide till Polopoly

Snabbguide till Polopoly Snabbguide till Polopoly Följande handledning är en snabbintroduktion till Polopolysystemet och hjälper dig att fort komma igång med att skapa, redigera och ta bort innehåll. Utförligare orientering ges

Läs mer

Välkommen till Studiekanalen.se

Välkommen till Studiekanalen.se Välkommen till Studiekanalen.se Det här produktbladet beskriver besökarens (elevens) väg till utbildningen, hur de matchas mot rätt skola och utbildning. Det beskriver även hur utbildningsanordnaren kan

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

LUVIT LMS Quick Guide LUVIT Composer

LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Bevaka vetenskapliga tidskrifter med hjälp av RSS

Bevaka vetenskapliga tidskrifter med hjälp av RSS Bevaka vetenskapliga tidskrifter med hjälp av RSS Vad ska jag lära mig? Att använda en RSS-läsare, t ex Google Reader Bevaka nya tidskriftsartiklar inom ditt ämne Prenumerera på innehållsförteckningar

Läs mer

Välkommen till edwise - Elev

Välkommen till edwise - Elev Välkommen till edwise - Elev 2011 Tieto Corporation Inloggning Skriv www.edwise.se i webbläsarens adressfönster. Ditt användarnamn samt lösenord får du av edwiseansvarige på skolan. Har du haft ett konto

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

Klicka på en sökrad för att få fram hänvisningar, fullständig information och möjlighet att skicka meddelande via e-post eller sms.

Klicka på en sökrad för att få fram hänvisningar, fullständig information och möjlighet att skicka meddelande via e-post eller sms. Via Informera kan du själv lägga in egna hänvisningar, skicka meddelanden och ringa till kollegor, hantera samtal och söka på anknytningar inom företaget utan att behöva vända dig till telefonist. Informera

Läs mer

Projektuppgift: Kalender Martin Hultman 840813 marhu002 Patrik Karlsson 840320 patka843

Projektuppgift: Kalender Martin Hultman 840813 marhu002 Patrik Karlsson 840320 patka843 TNM065 Dokumentstrukturer Projektuppgift: Kalender Martin Hultman 840813 marhu002 Patrik Karlsson 840320 patka843 Innehållsförteckning Inledning... 3 Användningsområdet för systemet... 4 Köranvisning...

Läs mer

Användarmanual Legimus för Android. Version 0.9

Användarmanual Legimus för Android. Version 0.9 Användarmanual Legimus för Android Version 0.9 Innehåll Vad är Legimus?... 3 Införande... 3 Kom igång... 3 Inloggning... 3 Hur laddar jag ner böcker?... 3 Hur hittar jag mina böcker?... 3 Hur tar jag bort

Läs mer

Hur man lägger upp och redigerar dokument i Typo3.

Hur man lägger upp och redigerar dokument i Typo3. Hur man lägger upp och redigerar dokument i Typo3. Typo3 är ett så kallat CMS, Content Management System där du enkelt och smidigt kan lägga ut kursinformation och bilder. Detta verktyg är webbaserat vilket

Läs mer

Skriv http:// före adressen och lämna bort www enligt modellen: http://foreningensnamn.hemochskola.fi/admin

Skriv http:// före adressen och lämna bort www enligt modellen: http://foreningensnamn.hemochskola.fi/admin INTRODUKTION Välkommen att ta i bruk uppdateringsverktyget DigiStoff. För att använda verktyget behöver du en Internetuppkoppling och en webbläsare. Det rekommenderas att du använder webbläsaren Firefox.

Läs mer

Lathund FE-edit i Typo3

Lathund FE-edit i Typo3 1(6) Lathund Front-end-editing (FE-edit) i Typo3 Front-end-editing (FE-edit) är ett förenklat sätt att redigera innehåll med Typo3. Helt kort går det ut på att man redigerar innehållet medan man surfar

Läs mer

Förenklad användarmanual för DAISY-användning. Olympus DM-5

Förenklad användarmanual för DAISY-användning. Olympus DM-5 Förenklad användarmanual för DAISY-användning Olympus DM-5 Komma igång 1 Sätt i batteriet Börja med att sätta i medföljande batteri i spelaren. Gör detta genom att öppna luckan på baksidan. En skarv i

Läs mer

Den här manualen tar upp läsplattans olika läsfunktioner, samt hur man laddar ner bibliotekets e-böcker via datorn och via wifi.

Den här manualen tar upp läsplattans olika läsfunktioner, samt hur man laddar ner bibliotekets e-böcker via datorn och via wifi. Manual E600 Den här manualen tar upp läsplattans olika läsfunktioner, samt hur man laddar ner bibliotekets e-böcker via datorn och via wifi. För att du ska kunna låna böcker behöver du ha ett Adobe id.

Läs mer

Webbpublicering på ki.se med Polopoly. Bilaga för huvudredaktörer

Webbpublicering på ki.se med Polopoly. Bilaga för huvudredaktörer Webbpublicering på ki.se med Polopoly Polopoly förvaltning Version 5 augusti 2010 2 Innehållsförteckning 1 HUVUDREDAKTÖR I POLOPOLY... 4 1.1 HANTERA BEHÖRIGHETER OCH KONTON FÖR EN NOD... 4 1.2 BESTÄLLA

Läs mer

Så här använder du Legimus app för Iphone och Ipad

Så här använder du Legimus app för Iphone och Ipad Så här använder du Legimus app för Iphone och Ipad Innehåll Vad är Legimus?... 3 Legimus webb... 3 Kom igång med appen Legimus... 4 Logga in... 4 Bokhyllan... 5 Så här söker du en talbok... 5 Ladda ner

Läs mer

Manual Invånare. Stöd och Behandling release 1.8. Stockholm,

Manual Invånare. Stöd och Behandling release 1.8. Stockholm, Manual Invånare Stöd och Behandling release 1.8 Stockholm, 2016-09-29 Revisionshistorik Version Författare Kommentar 0.1 Anni Axelsson Upprättat dokument 0.2 Anni Axelsson Uppdaterad utifrån förändringar

Läs mer

Visuell design Bilder & färger

Visuell design Bilder & färger 1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning

Läs mer

Klassens aktivitet. Inställningar

Klassens aktivitet. Inställningar Klassens aktivitet Inställningar Förslag till struktur på klassens aktivitet Jag föreslår att vi till en början väljer att ha ganska lite att välja på i aktiviteten, så att det inte blir för rörigt för

Läs mer

Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor

Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor http://w3.msi.vxu.se/multimedia Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor Rune Körnefors Innehåll Variabler i JavaScript

Läs mer

Version lättläst. Så här använder du Legimus app. för Android

Version lättläst. Så här använder du Legimus app. för Android Så här använder du Legimus app för Android Innehåll Vad är Legimus?... 3 Talsyntes... 3 Legimus webb... 3 Kom igång med appen Legimus... 4 Logga in... 4 Bokhyllan... 4 Så här söker du en talbok... 5 Ladda

Läs mer

Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I. Rune Körnefors. Medieteknik Rune Körnefors

Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I. Rune Körnefors. Medieteknik Rune Körnefors Föreläsning 2 1ME403 Design av grafiska gränssni8, 7,5hp Gränssni)sdesign I Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC A Arkitektur, struktur

Läs mer

12 Webb och kurshemsidor

12 Webb och kurshemsidor 12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

www.grade.com LUVIT LMS Quick Guide Att använda LUVIT Reports

www.grade.com LUVIT LMS Quick Guide Att använda LUVIT Reports www.grade.com LUVIT LMS Quick Guide Att använda LUVIT Reports Att använda LUVIT Reports I LUVIT Administration finns menyn LUVIT Reports där ett antal fördefinierade standardrapporter finns tillgängliga.

Läs mer

Användarmanual Legimus för Iphone och Ipad. Version 1.0

Användarmanual Legimus för Iphone och Ipad. Version 1.0 Användarmanual Legimus för Iphone och Ipad Version 1.0 Innehåll Vad är Legimus?... 3 Utveckling av appen... 3 Kom igång... 3 Inloggning... 3 Ladda ner böcker... 3 Bokhyllan... 4 Ta bort en bok... 4 Appens

Läs mer

Användarmanual Utbildningsportalen. 2011-03-30 Användarmanual SDH webbutbildning

Användarmanual Utbildningsportalen. 2011-03-30 Användarmanual SDH webbutbildning Användarmanual Utbildningsportalen 1 Innehållsförteckning Sid 1. Logga in 3 1.1 Registrera dig 4 1.2 Logga in på startsidan 7 1.3 Om du glömt ditt lösenord 8 2. Startsidan 9 3. Utbildningar 10 4. Tester

Läs mer

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Agenda 8.30-8.40 Mobilwebb vilka är vi? 8.40-9.00 Mobila trender och mobilt beteende Vad händer på marknaden? Hur påverkar det mobila beteendet våra affärer?

Läs mer

Jordbruksverket. Web Service Index 2010 Avrapportering

Jordbruksverket. Web Service Index 2010 Avrapportering Jordbruksverket Web Service Index 2010 Avrapportering Vår bakgrund Webbplats- och intranätundersökningar sen år 2000 Utgångspunkt de verkliga besökarna Unik databas med ett stort antal företag Vår vision

Läs mer

HJÄLPFIL: ELEVAPPLIKATIONEN

HJÄLPFIL: ELEVAPPLIKATIONEN HJÄLPFIL: ELEVAPPLIKATIONEN Innehållsförteckning A. Access och webbläsarkrav B. Funktioner i programmet C. Kontrollpanelen: 1. Huvudinställningar 2. Avancerade inställningar D. Om produkten: en kort översikt

Läs mer

LUVIT Resource Centre 1.4. Användarmanual

LUVIT Resource Centre 1.4. Användarmanual LUVIT Resource Centre 1.4 Användarmanual INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING... 1 PORTALEN... 2 LOGGA IN... 2 SJÄLVREGISTRERING... 2 ÖPPNA KURSER... 3 NYHETER... 4 DEN PERSONLIGA MENYN... 4 MENYN...

Läs mer