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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Widgetguiden Vad är Publits widgetshop?

Widgetguiden Vad är Publits widgetshop? Widgetguiden Den här guiden är till för dig som vill använda Publits widgetshop för att enkelt sälja böcker direkt på din egen hemsida, blog eller Facebook. Här går vi steg för steg igenom processen för

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

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

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

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

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

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

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett relaterat ämne till ett annat. En länk från en sida

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

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

Snabbmanual. för. Lärresurshanteringsverktyget

Snabbmanual. för. Lärresurshanteringsverktyget Snabbmanual för Lärresurshanteringsverktyget Beskrivning av olika vyer i Lärresurshanteringsverktyget Skapa I detta fönster skapar man nya sidor och/eller väljer struktur på sin lärresurs. Men man redigerar

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

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

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

Internets historia Tillämpningar

Internets historia Tillämpningar 1 Internets historia Redan i slutet på 1960-talet utvecklade amerikanska försvaret, det program som ligger till grund för Internet. Syftet var att skapa ett decentraliserat kommunikationssystem som skulle

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

Introducerande övningar i HTML

Introducerande övningar i HTML Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer

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

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

Snabbguide till EpiServer CMS 5. Globalt delat innehåll. Vad är globalt delat innehåll?

Snabbguide till EpiServer CMS 5. Globalt delat innehåll. Vad är globalt delat innehåll? Snabbguide till EpiServer CMS 5 Globalt delat innehåll Vad är globalt delat innehåll? Globalt delat innehåll innebär att samma information kan visas på olika ställen på webbplatsen. När du ändrar i informationen

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

Information till föräldrar

Information till föräldrar Information till föräldrar Praktisk information kring din skolas blogg Din skola/förskola har en egen blogg. Bloggen är till för att göra det enklare för pedagogerna att nå ut med information till dig

Läs mer

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla info@handels.se då riskerar inget att falla mellan stolarna.

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla info@handels.se då riskerar inget att falla mellan stolarna. Lathund handels.se Skapa sidor, redigera befintliga samt lägga upp och länka till dokument https://www.handels.se/templates/login.aspx?returnurl=/secure är adressen för att kunna logga in i Episerver.

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

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

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

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

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 6 Länklistor 9 Övningar 10 Repetition 11 Kortfattad repetition 9 6 Inledning Välkommen till Nyfiken

Läs mer

Måldriven, informationscentrerad webbdesign

Måldriven, informationscentrerad webbdesign Måldriven, informationscentrerad webbdesign Linus Forsell Digitala Distributionsformer vid Högskolan Väst, Trollhättan, Sverige linus.forsell@student.hv.se 1 Abstrakt I den här essän kommer måldriven och

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

Lathund skapa och redigera sidor en projektwebb

Lathund skapa och redigera sidor en projektwebb Lathund skapa och redigera sidor en projektwebb 1. Gå in via redigeringsadressen: https://projektwebbaradmin.lansstyrelsen.se/miljosamverkanskane 2. Skapa sida Navigera till den del av webbplatsen där

Läs mer

Internet. En enkel introduktion. Innehåll:

Internet. En enkel introduktion. Innehåll: Internet En enkel introduktion Innehåll: Datorns olika delar Starta datorn Så gör du om du kan webbadressen Så gör du om du inte kan webbadressen Kortfattad repetition Alingsås bibliotek, 2012 2 3 4 6

Läs mer

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

Användarmanual Vklass lärplattform. Student

Användarmanual Vklass lärplattform. Student Användarmanual Vklass lärplattform Student Användarmanual Vklass lärplattform (Lärare) Sida 2 av 52 Innehållsförteckning Om Vklass lärplattform... 4 Videomanualer... 5 Inloggning till Vklass... 6 Vad är

Läs mer

Moodle. en snabbguide för utvecklare av virtuella rum - Hans Lindetorp 2007. http://moodle.kmh.se

Moodle. en snabbguide för utvecklare av virtuella rum - Hans Lindetorp 2007. http://moodle.kmh.se Moodle en snabbguide för utvecklare av virtuella rum - Hans Lindetorp 2007 http://moodle.kmh.se Moodle är en plattform för nätbaserat flexibelt samarbete och lärande. Det bygger på den nya generationens

Läs mer

Manual för lokalredaktörer villaagarna.se

Manual för lokalredaktörer villaagarna.se Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...

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

WEBDESIGN A - DTR 1210

WEBDESIGN A - DTR 1210 Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Kom i gång med PING PONG

Kom i gång med PING PONG Kom i gång med PING PONG Studentmanual Version 5 Kom igång med PING PONG Studentmanual. Version 5 Anita Eklöf, Rune Fjelldal vid Centrum för Lärande och Undervisning, Bibliotek & lärande resurser, Högskolan

Läs mer

Nya www.lu.se liten manual i Drupal 2012-03-07 Version 1.1

Nya www.lu.se liten manual i Drupal 2012-03-07 Version 1.1 Nya www.lu.se liten manual i Drupal 2012-03-07 Version 1.1 Innehåll Inloggning... 3 Beskrivning av översta menyn... 3 Förklaring av Workbench... 3 My content:... 3 Skapa innehåll... 3 My sections... 3

Läs mer

!!! Instruk(onsmanual. Ale kommun www.ale.se. Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni

!!! Instruk(onsmanual. Ale kommun www.ale.se. Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni Instruk(onsmanual Ale kommun www.ale.se Roll: Webbredaktör Version: 1.0 Datum: 2013-12- 02 Ansvarig: Anne Kolni 1 av 23 Kom i gång med Sitevision 3 Redigeringsläget i Sitevision 4 Struktur 5 Skapa en ny

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

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

Snabbstart för Novell Vibe Mobile

Snabbstart för Novell Vibe Mobile Snabbstart för Novell Vibe Mobile Mars 2015 Komma igång Mobil tillgång till Novell Vibe-webbplatsen kan inaktiveras av din Vibe-administratör. Om du inte kan använda Vibemobilgränssnittet enligt beskrivningen

Läs mer

Lathund för Novell Filr

Lathund för Novell Filr 1(57) Stadsledningsförvaltningen IT-avdelningen Lathund för Novell Filr 2(57) Innehåll 1. Introduktion... 4 2. Termer... 4 3. Icke tillåtna tecken i filnamn... 4 4. ipad... 5 4.1 Installation... 5 4.2

Läs mer

Underhåll av webbshopsmodul i excellence PRO butik

Underhåll av webbshopsmodul i excellence PRO butik Kort bekrivning av webbplatsens grundfunktioner Webbshoppen består av en Internetapplikation som körs på Windows Internet Information Server. Hela webbshopen jobbar online mot excellence PRO butiks databas.

Läs mer

Frontpage 2002/XP (2)

Frontpage 2002/XP (2) Frontpage 2002/XP Frontpage 2002 eller Frontpage XP som det också kallas är ett hemsideprogram där du inte behöver kunna koda som annars är fallet om man gör en hemsida. Att snabbt, enkelt och snyggt kunna

Läs mer

En kalender i EpiServer CMS 5 tillåter dig att skapa event som sorteras i datumordning.

En kalender i EpiServer CMS 5 tillåter dig att skapa event som sorteras i datumordning. Snabbguide till EpiServer CMS 5 Kalender Vad är en kalender? En kalender i EpiServer CMS 5 tillåter dig att skapa event som sorteras i datumordning. I EpiServer CMS 5 finns en central kalender för alla

Läs mer

Grundutbildning EPiServer CMS6

Grundutbildning EPiServer CMS6 Grundutbildning EPiServer CMS6 Välkommen! Presentation av kursledare och kursdeltagare Kursinnehåll Verktygsfält och funktioner Skapa sida, spara och publicera Redigera sida Länkar till andra sidor och

Läs mer

Inloggning. 1. http://www.spfpension.se/medlem.html 2. https://medlem.foreningssupport.se/spf/ open24/admin/system/default.asp

Inloggning. 1. http://www.spfpension.se/medlem.html 2. https://medlem.foreningssupport.se/spf/ open24/admin/system/default.asp Inloggning 1. http://www.spfpension.se/medlem.html 2. https://medlem.foreningssupport.se/spf/ open24/admin/system/default.asp Gör så här: Peka och klicka i rutan nedanför Ange ditt användarnamn och skriv

Läs mer

Wordpressguide - Palmstiernska Släktföreningen. Det här kan du göra:

Wordpressguide - Palmstiernska Släktföreningen. Det här kan du göra: Palmstierna Wordpressguide Hej! Vad kul att du vill hjälpa till med Palmstiernska Släktföreningens hemsida http://palmstiernskaslaktforeningen.wordpress.com. Det första du behöver göra är att bestämma

Läs mer

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19 Hur tillgänglig är du? Om hur du tänker tillgängligt på webben Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum 2014-02-19 Pär Lannerö Projektledare webbriktlinjer.se

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

PRO Järbo Navigeringsguide

PRO Järbo Navigeringsguide PRO Järbo Navigeringsguide Startsida PRO Järbo Fliken Start i HUVUDMENYN är markerat. Vi befinner oss på webbplatsens STARTSIDA. Nyhetskarusellen - webbplatsens löpsedlar. Växla genom att klicka på vänstra

Läs mer

Medarbetarens guide till Kompetenskoll version 1,62

Medarbetarens guide till Kompetenskoll version 1,62 Medarbetarens guide till Kompetenskoll version 1,62 Sida 2 av 21 Innehåll Inledning 3 Välkommen till Kompetenskoll 4 Logga in - Byt lösenord Godkänn lagring av uppgifter och cookies 4 Del 1: Överblick

Läs mer

Använda Limesurvey. Efter inloggning kommer du till startsidan för Limesurvey. Nedan visas en bild på de val som kan göras från startsidan.

Använda Limesurvey. Efter inloggning kommer du till startsidan för Limesurvey. Nedan visas en bild på de val som kan göras från startsidan. Skapa konto För att använda Limesurvey måste du ansöka om ett separat datakonto, d.v.s. det är inte samma användaruppgifter som ditt datakonto vid HiG. Ansökan görs genom att kontakta Mats Brenner alt.

Läs mer

Nätet. Uppgiften. Nivå

Nätet. Uppgiften. Nivå Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har

Läs mer

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man

Läs mer

Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 4 Övningar 5 Kortfattad repetition 9

Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 4 Övningar 5 Kortfattad repetition 9 Vad är Internet? Innehåll: Inledning 1 Vad är Internet? 2 Om du kan Internetadressen 3 Söka på Internet 4 Övningar 5 Kortfattad repetition 9 Inledning Välkommen till steg 3 av Internetkursen för nybörjare!

Läs mer

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm Användarhandbok (testsite http://www.pahlm.com/dynapahlm/ Förord DynaPahlm är levererat tillsammans med din webbplats från KM-Företagsutveckling. DynaPahlm är ett Content Management System (CMS), fritt

Läs mer

BuildingPortalSuite. Beskrivning. 2012-09-03 BuildingPortalSuite - Beskrivning

BuildingPortalSuite. Beskrivning. 2012-09-03 BuildingPortalSuite - Beskrivning Beskrivning 1 Komma igång Följ dessa steg för att enkelt komma igång med BuildingPortalSuite: 1. Installera BuildingPortalSuite 2. Använd Setup Tool BuildingPortalSuite för att ställa in uppkopplingen

Läs mer

Användarhandledning för redaktörer. www.fi.se. Dokumenthistorik. Ändrat datum: datum: 1.0 2004-11-20 Första utgåva Lena Lille

Användarhandledning för redaktörer. www.fi.se. Dokumenthistorik. Ändrat datum: datum: 1.0 2004-11-20 Första utgåva Lena Lille Användarhandledning för redaktörer www.fi.se Dokumenthistorik Version: Skapat datum: Ändrat datum: Kommentar: Utarbetad av 1.0 2004-11-20 Första utgåva Lena Lille Innehållsförteckning 1 Inledning... 4

Läs mer

Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning

Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning Inställningar och visningssätt i CMS7.5, på sunne.se Sida 1 av 8 Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning Hjälp finns i den globala menyn... 1 Formulärredigering...

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

www.luvit.com LUVIT Portal 2.2 Användarmanual

www.luvit.com LUVIT Portal 2.2 Användarmanual www.luvit.com LUVIT Portal 2.2 Användarmanual Innehållsförteckning 1 INLEDNING TILL MANUALEN... 4 2 STARTSIDA... 5 2.1 INLOGGNINGSFÄLT... 5 2.2 LOGGA IN... 5 2.3 GLÖMT LÖSENORD... 5 2.4 ÖPPNA KURSER...

Läs mer

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Enkel guide till ordbehandling med Word 2010 Medieteknik Södertörns högskola 2 september 2011 Du hittar vilka krav

Läs mer