För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

Storlek: px
Starta visningen från sidan:

Download "För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:"

Transkript

1 Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter en grundligare genomgång finns det kurser man kan gå och andra guider som går att hitta gratis på internet. Hur CSS kan nyttjas på er hemsida På er hemsida har ni säkerligen olika boxar med olika innehåll, allt från nyheter till viktig information och inlägg om olika evenemang. Likaså har ni en menyrad där ni kan navigera er runt. Genom att använda sig av de inbyggda redigeringsverktygen kan ni välja om alla rubriker ska vara röda, alla länkar blå eller bakgrundsfärgen vit. Verktygen vi har slår då igenom på alla rubriker. Det kan underlätta en del och ge en enhetlig design. Men ibland kanske man önskar att man kunde ändra om designen på sidan lite mer i detalj. Då är det bra att känna till hur man kodar i CSS. Exempel på vad man kan ändra för utseende med CSS: Textfärg Textstorlek Textstil Typsnitt Bakgrundsfärg Hur skriver man en CSS-kod, och var? För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: body { color: #FF0000; Vad betyder då den koden? Vi går igenom det steg för steg: body Detta specificerar vilket element vi vill ändra på. I detta fall allt inom <body></body>-taggarna. Detta kallas väljaren (selector). { Här öppnar man blocket där alla inställningar för body-elementet ska ligga. color: Här specificerar vi vilken egenskap vi vill ändra på. 1

2 #FF0000 Det här är hexkoden för röd färg. De två första tecknen är för rött, de nästa två för grönt och de två sista för blått. RGB. Hexkod innebär hexadecimal kod, alltså istället för att gå från 0-9 så finns siffrorna (och bokstäverna) 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Det decimala värdet (i bas 10) för bokstäverna är 10, 11, 12, 13, 14 och 15. Alltså ställer vi in det maximala (FF) för rött och ingenting (00) för grönt och blått. Det finns också fördefinierade färger som man kan använda då skriver man bara t.ex. color: blue; istället för hexkoden. ; Raden avslutas. Man måste ha med ett semikolon i slutet av varje rad för att skriva korrekt kod. Man behöver inte bara göra en inställning per block som i det här exemplet. Blocket med inställningar för body-elementet avslutas. Härefter kan man påbörja ett nytt block för ett annat element. För att skriva din kod kan du använda dig av olika editorer, t.ex. Notepad++. Ett program som finns för installerat på de flesta datorer är Anteckningar. När du har skrivit din kod sparar du den med.css på slutet. Exempelvis: idrottonline.css eller designhemsida.css. Dessa filer läggs sedan in under huvudssidans designflik i redigeraläget i IdrottOnline. Selectors I det tidigare exemplet valde vi ett element, body-element, vilket är ett ganska speciellt element eftersom det bara kan finnas ett per sida och nästan alla synliga HTML-element ligger inom body-elementet. Om vi skulle använda oss av koden från det tidigare visade exemplet, skulle det slå igenom för all text på hemsidan och den skulle bli röd det vill säga, om vi inte gör ett annat kommando som är mer specifikt. En mer specifik selector. För element som återkommer flera gånger likt ett div-element med olika egenskaper, kan det vara viktigt att skilja dem åt. Vi kanske har skrivit i bodyn att texten ska vara röd. Om vi då använder oss av en selector som väljer ut endast alla nyhetsboxar och säger att texten i vår nyhetsbox ska vara grön, kommer texten i vår nyhetsbox ändras till grön. Resten av texten förblir röd. För att skilja element åt kan man göra på två sätt: Man ger sina element antingen en klass eller ett id. Skillnaden på dessa är att det är tänkt att ett id ska vara unikt det ska alltså bara finnas ett element med varje id medan det får finnas många av samma klass. Att ge element en klass/och eller ett id gör man när man skriver html-kod, alltså inte i CSSkod. <div class= LitenBox>innehåll</div> Koden ovan ger div-elementet klass LitenBox. Det innebär att man tilldelar div-elementet alla egenskaper som finns i de block som har en selector som väljer ut klassen LitenBox. 2

3 .LitenBox { width: 260px; height: 100px; color: #00FF00; Vi specificerar att det är en klass vi väljer ut genom punkten innan klassnamnet. ID specificeras genom en # istället för punkt..rubrik { text-decoration: underline; Ett element kan ha flera klasser, man tilldelar elementet flera klasser genom att skriva ett mellanrum mellan namnen för klasserna. Så om vi skriver ett div-element såhär: <div class= LitenBox Rubrik >Innehåll</div> kommer egenskaperna från båda klasserna att gälla. Konflikter mellan inställningar Vad händer då om det blir konflikter mellan egenskaperna? En klass som säger att texten ska vara röd medan en annan säger att texten ska vara blå. Detta är något man ofta stöter på när man försöker ändra på redan existerande element på IdrottOnline-sidor, eftersom det redan finns CSSmallar som är inbyggda i systemet. Om flera egenskaper krockar genereras inget felmeddelande, istället finns det vissa regler som bestämmer vilken egenskap som väljs. Högst prioritet får den egenskap som har!important efter sig. Näst högst prioritet har inställningarna som ligget direkt i html-koden med hjälp av style -attributet. Efter det blir det krångligare. Ju specifikare selectorn är desto högre prioritet, och id väger tyngre än klass som väger tyngre än element. Om två selectorer är exakt lika specifika gäller den som läses in sist av webbläsaren..litenbox.rubrik { text-decoration: line-through; 3

4 Egenskaperna ovan gäller för element med både klassen LitenBox och Rubrik. De elementen med båda klasser kommer alltså få texten genomstruken. Hade den däremot haft endast klassen Rubrik, hade texten varit understruken. I exemplet var selectorn skriven utan mellanslag mellan klasserna, men vad hade blivit annorlunda om den istället sett ut såhär?.litenbox.rubrik { text-decoration: underline; Svaret är att den, istället för att specificera ett element som har båda klasserna, hade pekat ut element av klassen Rubrik som ligger i element av klassen LitenBox. I html-koden skulle det se ut såhär: <div class= LitenBox ><div class= Rubrik ></div></div> Prioriteringsnivån på innehåll i Rubrik ser då ut som:.litenbox.rubrik har högst prioritering.rubrik har näst högst prioritering.litenbox har lägst prioritering Hur hittar jag vad de befintliga elementen heter/har för klass? Om man vill ändra på ett befintligt element på hemsidan så behöver man ta reda på vad och hur elementet är definierat. Detta kan göras på olika sätt med olika webbläsare, men i Google Chrome så kan man göra på det här sättet: Högerklicka på sidan där elementet du vill ändra på ligger. Välj Granska komponent (om du är inloggad på IdrottOnline så är högerklicksmenyn ersatt av en blå meny, du kan avaktivera denna genom menyalternativet och sedan högerklicka igen). 4

5 När du gjort det så kommer du direkt till källkoden för det området du klickade på i en flik till höger av webbläsaren. När du håller musen över en bit av koden så markeras det motsvarande elementet på hemsidan med blått. Klickar du på ett element i koden så får du också se vilka stil-inställningar som gäller för elementet (rutan med grön ram i bilden). I det här exemplet kan du också se att de konflikterande inställningarna som inte gäller är genomstrukna. 5

6 I exemplet på bilden granskar vi elementet NewsListBoxIntroDiv, och vi ser att det inte finns någon mer specifik selector än en som väljer just den klassen. Om vi vill att boxar av den klassen ska ha grön text och vara av bredden 100 pixlar kan vi alltså göra en CSS-mall som ser ut så här:.newslistboxintrodiv { color: #00FF00; width: 100px; Eftersom vi specificerar width här och vi kan se att det redan finns specificerat så kommer det bli en konflikt. Men eftersom vår läses in sist och är lika specifik som den existerande selectorn så kommer våra inställningar att gälla. I denna bild kan ni se resultatet: 6

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende: Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla webbsidor 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.

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

CSS-övningar. 1. Grunder

CSS-övningar. 1. Grunder CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement

Läs mer

Instruktion för att slutföra registreringen

Instruktion för att slutföra registreringen Instruktion för att slutföra registreringen Introduktion Vi antar i den här instruktionen att du redan har registrerat sig. Du kan också ha klickat på aktiveringslänken i mailet. Vi använder ett fiktivt

Läs mer

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

Läs mer

Labbrapport: HTML och CSS

Labbrapport: HTML och CSS Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):

Läs mer

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista Uppdaterad: 2014-03-18 Lathund Nyheter och nyhetslista 1 1 Innehållsförteckning Inledning 3 Nyheter 4 Nyhetslista 4 Dela nyhetslistor med andra organisationer eller arbetsrum 6 Skapa en nyhetslista till

Läs mer

Föreningarnas nya sidmall. Version 4, 12.4.2016

Föreningarnas nya sidmall. Version 4, 12.4.2016 Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya

Läs mer

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg

layout-tagg

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size=6> CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning

Läs mer

Komma igång med Eventor

Komma igång med Eventor Guide Eventor Komma igång med Eventor Version 2.0, 2013-10-07 Starta med startsidan På Eventors startsida finns en kortare guide över hur du skaffar användarkonto och hur du loggar in. Börja med den för

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Att använda laget.se

Att använda laget.se 2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du

Läs mer

WEBBUTVECKLING CSS. Formatmallar - CSS

WEBBUTVECKLING CSS. Formatmallar - CSS betyder Cascading Style Sheets, vilket i svensk översättning blir ungefär formatmallar (inte riktigt, men nästan...). Anledningen till att man använder är att det är ett lätt sätt att skilja utseende och

Läs mer

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst.

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Routerinställning Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Om frågor uppstår efter att du använt denna guide så går det bra att maila fibergruppen.

Läs mer

E-post för nybörjare

E-post för nybörjare E-post för nybörjare Innehåll: Inledning 1 E-post 2 Att skapa ett e-postkonto 3 Skicka och ta emot e-post 5 Övningar 7 Söderköpings stadsbibliotek sep. 2012 2 Inledning Välkommen till Nyfiken på nätet

Läs mer

Handledning för redigering av lagsidor.

Handledning för redigering av lagsidor. Handledning för redigering av lagsidor. Hela sidan redigeras online vilket innebär att man sitter uppkopplad mot en server och utför sina kommandon. Kör igång webbläsaren och skriv in adressen: http://www.ronn.se/itw/

Läs mer

Användarmanual för Hemsida

Användarmanual för Hemsida Användarmanual för Hemsida Sida 1 av 44 Inledning Detta dokument är en användarmanual för redigerbara hemsidor utvecklade av. Du kan själv, i ett wordliknande gränssnitt, enkelt uppdatera din egen hemsida

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

Läs mer

Introduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser.

Introduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser. LATHUND Introduktion Välkommen till vår interaktiva kursportal. Detta är en lathund för dig som ska utbilda dig med hjälp av ipoint-kurser. Instruktionerna gäller när du använder Internet Explorer 8.0

Läs mer

Innehållsförteckning. Manual WebCT

Innehållsförteckning. Manual WebCT Innehållsförteckning Introduktion. 3 Inloggning 4 Översiktssida...5 Lösenordsbyte..6 Kursens startsida..8 Kalender...9 Webblektion 10 Diskussionsforum...11 Privat post.. 14 Chatt...16 Meny 2007 2 Introduktion

Läs mer

Switch Driver 5. Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software

Switch Driver 5. Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software Switch Driver 5 Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software Innehållsförteckning Att använda programvaran Switch Driver... 3 Installera programvaran Switch Driver... 4 Kontaktanslutning...

Läs mer

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera Stilbyggar-manual Logga in Börja med att logga in på Digistoff. Skriv in adressen för föreningens hemsida, och lägg till /loggain på slutet av adressen. Exempel: trevapplingen.nsu.webbhuset.fi/loggain

Läs mer

Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar

Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar 1 (7) 2014-04-01 Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar Det här är en guide till de olika funktionerna i Netpublicator. I appen Netpublicator finns en mer ingående lathund

Läs mer

Delmoment 2: Skapa nyhetsmallen (om det inte redan finns en nyhetsmall)

Delmoment 2: Skapa nyhetsmallen (om det inte redan finns en nyhetsmall) Lathund Nyheter SiteVision har en inbyggd nyhetsfunktion. Den kan bland annat sättas upp för att visa en artikel på flera olika ställen på webbplatsen, tex som en notis på startsidan eller som ett arkiv

Läs mer

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ...

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>... Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...

Läs mer

Uppdaterad 2015-02-05. Ansök om LOK-stöd med närvaroregistrering

Uppdaterad 2015-02-05. Ansök om LOK-stöd med närvaroregistrering Uppdaterad 2015-02-05 Ansök om LOK-stöd med närvaroregistrering Inledning... 4 Utbildning... 4 Specialidrottsförbundens och distriktens hemsidor... 4 Information... 4 Manualer... 4 Operativsystem och webbläsare...

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

Handledning Miljömanualen på webben

Handledning Miljömanualen på webben Handledning Miljömanualen på webben Välkommen till Miljömanualen på webben. Det här dokumentet beskriver hur man använder Miljömanualen. Inloggning Börja med att logga in i avsedda fält uppe till höger

Läs mer

Skapa en webbplats med WordPress

Skapa en webbplats med WordPress Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast

Läs mer

Användarmanual flexconnect.se Administratör

Användarmanual flexconnect.se Administratör Användarmanual flexconnect.se Administratör Innehållsförteckning 1 HJÄLP TILL TDC MOBILFLEX CONNECT (ADMINISTRATÖR)... 3 2 TELEFONBOK... 3 3 FÖRETAGSINFORMATION... 4 4 LÄGGA TILL EXTRA FÄLT TILL PROFILER...

Läs mer

Fortnox. För att aktivera bokföring genom Fortnox för er förening finns dessa krav:

Fortnox. För att aktivera bokföring genom Fortnox för er förening finns dessa krav: Krav Fortnox För att aktivera bokföring genom Fortnox för er förening finns dessa krav: Föreningen ska ha en ordförande och en kassör registrerad i IdrottOnline, båda två personerna måste ha en e-postadress

Läs mer

Laboration 2. Webbproduktion En stiligare webbsida HT2015

Laboration 2. Webbproduktion En stiligare webbsida HT2015 Laboration 2 Webbproduktion Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt sätt som möjligt. Nu är det dags att ge ögat något vackert att vila på.

Läs mer

Manual Behörighetsadministratör

Manual Behörighetsadministratör Manual Behörighetsadministratör Stöd och behandling version 1.4 Stockholm, 2015-11-23 Innehåll 1. Inledning... 3 1.1. Stöd och behandling... 3 1.2. Roller och Behörigheter... 3 1.3. Förutsättningar för

Läs mer

Användarhandledning Rapportgenerator Version: 1.1

Användarhandledning Rapportgenerator Version: 1.1 Användarhandledning Rapportgenerator Version: 1.1 Umefast AB 2008 www.umefast.se Innehåll 1. Rapportgenerator... 2 1.1. Syfte och avgränsningar... 2 1.2. Wizards... 2 1.3. Förutsättningar för arbete med

Läs mer

Lathund. Skolverkets behörighetssystem för e-tjänster. Rollen huvudman

Lathund. Skolverkets behörighetssystem för e-tjänster. Rollen huvudman Lathund Skolverkets behörighetssystem för e-tjänster Rollen huvudman Postadress: 106 20 Stockholm Besöksadress: Fleminggatan 14 Telefon: 08-527 332 00 vx Fax: 08-24 44 20 skolverket@skolverket.se www.skolverket.se

Läs mer

Lathund för överföring av rapporter och ljudfiler

Lathund för överföring av rapporter och ljudfiler Lathund för överföring av rapporter och ljudfiler I den här lathunden finns detaljerade instruktioner om hur du gör för att skicka rapporter och ljudfiler till din handledare. Först kommer en beskrivning

Läs mer

Import av utlandsresultat

Import av utlandsresultat Import av utlandsresultat Att importera utlandsresultat till Eventor kräver en del arbete av löparen men kan automatiseras till stor del. Här beskrivs dels hur utlandsresultat hanteras och hur man kan

Läs mer

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010 ADAD-net Användarmanual INDIVIDEN Råbe och Kobberstad Februari 2010 1 INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING... 1 INLOGGNING OCH BEHÖRIGHETER... 2 STARTA PROGRAMMET OCH LOGGA IN... 2 BEHÖRIGHETSSYSTEM...

Läs mer

Manual Nedladdningsbara klienten NLK

Manual Nedladdningsbara klienten NLK Manual Nedladdningsbara klienten NLK www.bildtelefoni.net Direktlänk: www.tolk.sip.nu Copyright 2015 bildtelefoni.net Fokus på tillgänglighet Med Nedladdningsbara klienten, NLK, kan alla som har behov

Läs mer

Användarmanual HOIF.org

Användarmanual HOIF.org Användarmanual HOIF.org HOIF.org 2013-05-21 37 sidor Användarmanual för HOIF.org Introduktion Det här är en manual till alla användare på hemsidan HOIF.org Hur får jag ett användarkonto? För att kunna

Läs mer

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar 2014-11-17 Lathund för redaktörer Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar Åsa Widert Schoug Saco Box 2206 103 15 Stockholm Besök: Lilla Nygatan 14 Tel växel: 08-613 48 00 Fax:

Läs mer

Inledning. Att bli medlem

Inledning. Att bli medlem - Inledning Nedan följer en instruktion om hur man blir medlem på Vreta-Ytternäs hemsida och sedan en instruktion om hur man loggar in. Innan man kan logga in måste man registrera sig som medlem. Anledningen

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

Elisabeth Bejefalk IT-Assistent Avesta kommun Elisabeth Bejefalk IT-Assistent Avesta kommun Du ska nu få lära dig hur du enkelt kan göra ett bildspel i PowerPoint. Utifrån det du snart har lärt dig kan du sen göra mer avancerade bildspel genom att

Läs mer

Webbdesign Process till produkt

Webbdesign Process till produkt Webbdesign Process till produkt Umeå Universitet Mediaproduktion för www II 7,5hp Isak Madoun Introduktion; VÅR-KOKBOK Är en kokbok som i sin första upplgaga kom ut på 50-talet. Boken innehåller mer av

Läs mer

Referens till. WeavePoint 6 Mini

Referens till. WeavePoint 6 Mini Referens till WeavePoint 6 Mini Arkiv Öppna Välj Arkiv Öppna eller klicka på snabbknappen Öppna för att komma till dialogrutan Öppna. Du kan öppna ett av de senaste mönstren du arbetat med genom att klicka

Läs mer

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ Tillgänglighetskrav på teknik 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 DATUM: 2009-04-03

Läs mer

Guide för pdf-formulär

Guide för pdf-formulär Guide för pdf-formulär Innehållsförteckning Rätt programvara... 3 Instruktion för automatiskt formulär... 3 Steg 1 Mall till pdf-format via Word... 3 Alternativt steg 1 Mall till pdf-format via Acrobat...

Läs mer

Konfigurera Wordpress som Hemsida istället för blogg

Konfigurera Wordpress som Hemsida istället för blogg Konfigurera Wordpress som Hemsida istället för blogg - exempel från hemsidorna: www.vestus.se och www.thingsbym.se Copyrightinformation: Detta dokument är fritt att använda, även kommersiellt, så länge

Läs mer

Clicker 5. Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel

Clicker 5. Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel Clicker 5 Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel Vad är Clicker 5? Clicker 5 är ett stöd till personer i behov av extra

Läs mer

19. Skriva ut statistik

19. Skriva ut statistik 19. Skiva ut statistik version 2006-05-10 19.1 19. Skriva ut statistik Den här dokumentationen beskriver hur man skriver ut statistik från SPFs medlemsregister via Internet. Observera att bilderna är exempel

Läs mer

En handledning för studerande på Högskolan Kristianstad

En handledning för studerande på Högskolan Kristianstad Använda kurskonferenser i FirstClass En handledning för studerande på Åsa Kronkvist, augusti 2005 Innehåll Introduktion...3 Webbklient eller FirstClassklient?...3 Allt ligger online...3 Hitta rätt...4

Läs mer

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration

Läs mer

Uppdaterad: 2014-05-07. Lathund. Varukorgen avgifter

Uppdaterad: 2014-05-07. Lathund. Varukorgen avgifter Uppdaterad: 2014-05-07 Lathund Varukorgen avgifter 1 1 Skriv ej ut manualen! För att alltid ha aktuell information och slippa dyra utskriftskostnader ber vi dig att ladda hem manualen som en PDF från vår

Läs mer

SNABBGUIDE TILL NEWSDESK

SNABBGUIDE TILL NEWSDESK SNABBGUIDE TILL NEWSDESK Kom igång snabbt och enkelt 1 Om Newsdesk... 1.1 Så här går det till... 1.2 Informationen kan du få på olika sätt... 2 Vad kostar det?... 2.1 Registrera dig... 3 Inloggning...

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

TDDD52 CSS. Färger. Färger 1/3/13 Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis

Läs mer

Lägga till artiklar i Joomla

Lägga till artiklar i Joomla Lägga till artiklar i Joomla från framsidan Logga först in så att du är inloggad. Klicka sedan på Lägg till ny artikel i menyn under hem. Skriv in en rubrik på rubrikraden ej för lång! Skriv sedan artikeln

Läs mer

Manual för administration av Stängda Länkar i BoxOffice

Manual för administration av Stängda Länkar i BoxOffice Manual för administration av Stängda Länkar i BoxOffice VP Direct Stängda länkar Användningsområde En försäljningslänk som kan användas för områden nedan: Pre- sale Special pris Riktad försäljning Unika

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Microsoft Windows 8 Grunder

Microsoft Windows 8 Grunder WINDOWS 8 GRUNDER Inledning Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 Del 1 1 Introduktion till Windows Grundläggande om operativsystem...7 Starta och avsluta Windows 8...8 Välja

Läs mer

Manual för Veneröds Dressyrstall

Manual för Veneröds Dressyrstall 1 Manual för Veneröds Dressyrstall Bildredigering På nyhetssidan finns möjlighet att lägga in en bild. Restriktionerna på denna är en bredd på 320 px och en höjd på 120 px, den får inte heller överstiga

Läs mer

Widgets i DynaMaster 5 Golf

Widgets i DynaMaster 5 Golf Widgets i DynaMaster 5 Golf En nyhet i DynaMaster 5 Golf är vårt system med widgets. Detta widgetsystem utvecklades för att göra det så flexibelt som möjligt för kunden att själv kunna bestämma hur innehållet

Läs mer

Läs detta innan du fortsätter, eller skriv ut det, klicka runt lite och läs samtidigt.

Läs detta innan du fortsätter, eller skriv ut det, klicka runt lite och läs samtidigt. Bruksanvisning Installera CubeBiz... 2 Välj språk... 2 När du vill köra testversionen i 15 dagar... 3 När du köper en CubeBiz-licens... 3 Registrera en giltig licensnyckel... 3 Starta ett nytt projekt...

Läs mer

Det finns möjlighet att skicka SMS från ett flertal ställen i Rebus-systemet, detta dokument går igenom alla ställen där det fungerar.

Det finns möjlighet att skicka SMS från ett flertal ställen i Rebus-systemet, detta dokument går igenom alla ställen där det fungerar. Rebus SMS-modul 2011-06-08: Nytt sändningsförfarande, via Internet 2011-08-25: SMS sparas i Dokumentloggen 2011-08-29: SMS i Norge Om SMS ska skickas från Sverige måste ett avtal slutas med SMS-operatören

Läs mer

PÄRMEN.SE LATHUND ARKIV. Telefonsupport: 019-205460 E-Post: support@parmen.se. Utgåva 1.0

PÄRMEN.SE LATHUND ARKIV. Telefonsupport: 019-205460 E-Post: support@parmen.se. Utgåva 1.0 PÄRMEN.SE LATHUND ARKIV Telefonsupport: 019-205460 E-Post: support@parmen.se Utgåva 1.0 Hur kommer jag igång?... 3 Välkommen till Pärmen.se... 3 Internet Explorer... 3 IKEA Arkiv... 3 Hur kommer jag in

Läs mer

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

Läs mer

Uppdaterad 2011-05-31. Enkel manual tävlingsanmälan i friidrottens nya IT- system.

Uppdaterad 2011-05-31. Enkel manual tävlingsanmälan i friidrottens nya IT- system. Enkel manual tävlingsanmälan i friidrottens nya IT- system. Anmälan i FRIDA Innan du börjar. För att kunna anmälas till en tävling i FRIDA måste man finnas med i medlemsregistret i IdrottOnline. Om du

Läs mer

725G61 - Laboration 7 Implementation av ett API. Johan Falkenjack

725G61 - Laboration 7 Implementation av ett API. Johan Falkenjack 725G61 - Laboration 7 Implementation av ett API Johan Falkenjack December 13, 2013 1 Inledning Hittills i kursen har vi tittat på grundläggande programmering och grundläggande objektorientering. I den

Läs mer

Lathund. Tillsätt roller och behörigheter. Uppdaterad: 2014-03-18

Lathund. Tillsätt roller och behörigheter. Uppdaterad: 2014-03-18 Uppdaterad: 2014-03-18 Lathund Tillsätt roller och behörigheter -Lägg in person i grupp/lag/arbetsrum -Rollista -Tillsätt roll -Behörighetslista -Tillsätt behörighet 1 1 Innehållsförteckning Inledning

Läs mer

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual IdrottOnline Klubb tilläggsmanual version 1.2 Bild & dokumenthantering Svenskidrott har sedan 1994 långsiktigt satsat på IT för att utveckla information och kommunikationsvägarna mellan förening och förbund.

Läs mer

Blogga med wordpress. Lina Tannerfalk Wiberg

Blogga med wordpress. Lina Tannerfalk Wiberg Blogga med wordpress Lina Tannerfalk Wiberg Blogga med Wordpress Varför blogga i skolan? - öka antalet mottagare för elevernas arbete. - förmågan att kommunicera tränas och utvecklas. - otaliga användningsområden,

Läs mer

SmiNet 2 Manual Webanmälan

SmiNet 2 Manual Webanmälan SmiNet 2 Manual Webanmälan SmiNet2 Manual 2005-06-14 Introduktion - Sidan 2 av 15 INTRODUKTION TILL WEB-GRÄNSSNITTET... 3 ANVÄNDARE/MÅLGRUPPER... 3 TILLGÅNG TILL SIDAN... 4 INLOGGNING TILL WEB-SIDAN...

Läs mer

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument ViTex snabbguide 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument 2. Uppläsning i ViTex Ikoner för uppläsning Läs upp enstaka

Läs mer

Uppdaterad: 2014-05-07. Lathund. ImageVault

Uppdaterad: 2014-05-07. Lathund. ImageVault Uppdaterad: 2014-05-07 Lathund ImageVault 1 Innehållsförteckning Inledning 3 Imagevault 4 Ladda upp fil 5 Ladda upp fler än fyra bilder samtidigt 7 Snabbuppladda bildalbum 9 Beskrivning kortkommando via

Läs mer

Administration - Skapa och administrera användare. Din roll som administratör 1. Meny och huvudfunktioner 2-4. Skapa en användare...

Administration - Skapa och administrera användare. Din roll som administratör 1. Meny och huvudfunktioner 2-4. Skapa en användare... myschenker.se Administration - Skapa och administrera användare Din roll som administratör 1 Meny och huvudfunktioner 2-4 Skapa en användare.... 5-8 Lägga till/ta bort kundnummer och e-tjänster för användare..

Läs mer

Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium

Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium 1. Logga in på föreningens sida i IdrottOnline genom att klicka på hänglåset i högra hörnet (se bild), så måste du skriva

Läs mer

Software Translator 6.1 Manual

Software Translator 6.1 Manual Software Translator 6.1 Manual 1 Innehåll Sidan Inledning 3 Installation 4 Auktorisation 4 Översikt Programfönster 5 Menyer Arkiv 5 Visa 6 Språk 6 Verktyg 7 Hjälp 7 Handhavande Att lägga till ett program

Läs mer

LATHUND PA-WEBBEN KOMPETENSSÖKNING. Version 1. 2010-08-12. Sida 1 av 7

LATHUND PA-WEBBEN KOMPETENSSÖKNING. Version 1. 2010-08-12. Sida 1 av 7 LATHUND PA-WEBBEN KOMPETENSSÖKNING Version. 200-08-2 Sida av 7 INTRODUKTION... 3 KOMPETENSSÖKNING... 3 SÖKNING - SÖKNING PÅ ORGANISATIONSNIVÅ... 3 SÖKNING 2- SÖKNING MED HJÄLP AV KOMPETENSNIVÅER... 5 KOMPETENSKNAPPEN...

Läs mer

Migrera till Word 2010

Migrera till Word 2010 I den här guiden Microsoft Microsoft Word 2010 skiljer sig rent utseendemässigt mycket, så vi har skapat den här guiden för att hjälpa dig att snabbare lära dig programmet. Här kan du läsa om de viktigaste

Läs mer

Microsoft Windows 10 Grunder

Microsoft Windows 10 Grunder WINDOWS 10 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows 10...8 Välja kommandon...10

Läs mer

Lathund för värderingsverktyg för en tillgänglig utbildning

Lathund för värderingsverktyg för en tillgänglig utbildning Lathund för värderingsverktyg för en tillgänglig utbildning Innehållsförteckning Inledning... 3 Värdering... 3 Verksamhetskonto... 3 1. Dags att logga in!... 4 2. Startsidan... 5 2 Värdera verksamheten...

Läs mer

WINDOWS 8.1. Grunder

WINDOWS 8.1. Grunder WINDOWS 8.1 Grunder EXCEL 2013 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows

Läs mer

Adobe. Dreamweaver CS3. Grundkurs. www.databok.se

Adobe. Dreamweaver CS3. Grundkurs. www.databok.se Adobe Dreamweaver CS3 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 2 Arbeta i Dreamweaver... 2 Fönster... 3 Statusfältet... 4 Menyer...

Läs mer

Information om ny hemsida laget.se för innebandyn

Information om ny hemsida laget.se för innebandyn Information om ny hemsida laget.se för innebandyn Laget.se Vi flyttar vår sida från IdrottOnline till Laget för att få en modernare, aktivare och mer lättanvänd sida. Länken är ändrad på SIFs huvudsida

Läs mer

Uppdaterad: 2013-11-04. Lathund. Varukorgen avgifter

Uppdaterad: 2013-11-04. Lathund. Varukorgen avgifter Uppdaterad: 2013-11-04 Lathund Varukorgen avgifter 1 1 Skriv ej ut manualen! För att alltid ha aktuell information och slippa dyra utskriftskostnader ber vi dig att ladda hem manualen som en PDF från vår

Läs mer

Kommentarer utbildning föreningar. Närvarokort. Grundföreskrifter. För sent inkommen ansökan

Kommentarer utbildning föreningar. Närvarokort. Grundföreskrifter. För sent inkommen ansökan Kommentarer utbildning föreningar Bild 5 Närvarokort - Närvarokorten (manuella eller digitala i IdrottOnline) är föreningens värdehandling och grunden för LOK-stödsansökan. - Föreningen måste vara noga

Läs mer

Guide för Google Cloud Print

Guide för Google Cloud Print Guide för Google Cloud Print Version 0 SWE Definitioner av symboler Följande symboler används i hela bruksanvisningen: Det här indikerar att det finns en förklaring till hur du hanterar en viss situation

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

Tips och idéer för Chrome OS och Google Dokument

Tips och idéer för Chrome OS och Google Dokument Tips och idéer för Chrome OS och Google Dokument Läs mer om it i lärandet på webben: www.spsm.se/itilarandet Tips och idéer för Chrome OS och Google Dokument Skriften är utgiven av Specialpedagogiska skolmyndigheten

Läs mer

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

Läs mer

Handledning Historiska Kartor

Handledning Historiska Kartor 1 av 16 Innehållsförteckning Innehållsförteckning... 1 Historiska Kartor... 2 1 Allmänt... 2 2 Sökning i Historiska Kartor... 3 2.1 Sökning via karta... 3 2.2 Avancerad sökning... 5 2.3 Söktips... 9 3

Läs mer

Handicom. Symbol for Windows. Blisseditor. Version 3.4

Handicom. Symbol for Windows. Blisseditor. Version 3.4 Handicom Symbol for Windows Version 3.4 Handicom, Nederländerna/Frölunda Data AB 2009 Innehåll Installation och licenser...2 1. Inledning...2 2. ns huvudfönster...2 2.1 Verktygsfältet...2 2.2 Matris...2

Läs mer

Sellport.se. Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se

Sellport.se. Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se Sellport.se Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se skapar en samlingsplats på nätet som underlättar för försäljningschefer och säljare att hitta bland de bästa säljverktygen

Läs mer

Logga in. Elevöversikt. Kolumner. Godkänna. Urval. Hantera inflytt och byte. Sök. Familjebild. Utskriftsrutin Om pengen

Logga in. Elevöversikt. Kolumner. Godkänna. Urval. Hantera inflytt och byte. Sök. Familjebild. Utskriftsrutin Om pengen 2014-03-04 Logga in Glömt lösenord Uppdatera lösenordet Kolumner Lägga till, ta bort och ändra ordning Spara egna kolumnval Urval Excelformat Välja antal barn som visas Sök Söka med filter Familjebild

Läs mer

Manual Introduktionskurs SiteVision

Manual Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till

Läs mer

Menys webbaserade kurser manual för kursdeltagare. Utbildningsplattform: Fronter

Menys webbaserade kurser manual för kursdeltagare. Utbildningsplattform: Fronter Menys webbaserade kurser manual för kursdeltagare Utbildningsplattform: Fronter Innehållsförteckning Introduktion 3 Inloggning & Lösenordsbyte 4 Idagsidan 6 Kursens rum (startsida) 7 Webblektion 8 Inlämning

Läs mer

Tilldelning av roller + Meddelanden i MinPlan

Tilldelning av roller + Meddelanden i MinPlan Tilldelning av roller + Meddelanden i MinPlan Institutionsrollen, uppdaterad 09/2010 Innehåll 1. Information... 1 1.1 Mina meddelanden... 1 1.2 Aktuella kurser... 1 1.3 Studieplanering... 1 2. Våra studerande...

Läs mer

Section Divider. Skapa nytt utskick

Section Divider. Skapa nytt utskick Section Divider Skapa nytt utskick Skapa nytt utskick Gå till Connect och välj Skapa utskick. Välj typ av information Först väljer vilket språk ditt utskick är skrivet på. Den bransch som är inställd för

Läs mer

Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten.

Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten. Till läraren om kopieringsunderlag: Ledtrådar och bevis Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten. 1. De börjar med att titta på rubriker och bilder.

Läs mer