Labbrapport: HTML och CSS

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "Labbrapport: HTML och CSS"

Transkript

1 Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: Datum: Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur): Rättad av: Datum:

2 Innehållsförteckning Problembeskrivning 3 Problemlösning 3 Reflektion 8 Bilagor 9

3 Problembeskrivning Denna uppgift består av att skapa en webbsida som både är funktionell och estetiskt tilltalande. Webbsidans syfte är att ge en mer givande upplevelse åt familjespel och videospel som har börjat bli tråkiga, men som man inte vill släppa av emotionella skäl. Webbsidan ska inspirera till att ge liv åt spelen med hjälp av att kombinera uppgifter och uppdrag från spelet i fråga med en utmaning, för sig själv eller tillsammans med andra. På webbsidan ska det finnas en tärning, en timer, en tabell med poäng och liknande, och en lista med förslag på utmaningar att anta, så att man inte behöver skaffa dessa resurser själv, för att sedan ligga och skräpa. I Head taggen finns bland annat de stilmallar som innehåller importerade typsnitt och den stilmall, eller CSS dokument, som bestämmer sidans utseende i stort. Här finns också bestämmelser för vilken titel som ska synas på fliken för webbsidan i webbläsaren. Det finns även en rad meta taggar som ger kort information om webbsidan, såsom dess beskrivning, vilka kodspråk som använts och hur sidan är publicerad. I Body finns först och främst en Div som kallas container som håller samman sidans delar fram till Footern som läggs under. Alla sidor på webbplatsen har en identisk navigationsmeny förutom ett par sidor där valet för Log In har bytts ut mot Profile eftersom dessa sidor hur som helst kommer kräva att man är inloggad för att nå dem. Tillsammans med de olika funktionerna på webbsidan finns förklarande texter för att det ska vara lätt för användaren att förstå hur sidan används. Webbplatsen har på något sätt använt sig av alla medier; texter, listor, bilder, tabeller, video, audio och länkar mellan platsens olika sidor. Det finns numrerade och icke numrerade listor, men på denna sida användes bara en onumrerad lista, dock så syns inte listdekorationerna som vanligtvis följer med då de har valts bort i CSS dokumentet. Ljudfilen som finns på sidan har ingen signifikant funktion, emn finns för till som en referens för hur ljud kan infogas på en webbsida. I ett HTML5 dokument visas denna version endast som <!DOCTYPE html>. Det som verkligen bygger upp webbsidan är de taggar som kallas för element selektorer, och det är alla som markerar en början och ett slut. I dessa är det vanligt att man anger en class eller ID som via CSS dokumentet kan ge elementet ett specifikt utseende. En class kan användas multipla gånger i samma HTML dokument, medan ett ID bara kan användas en gång. Ett element kan också ges både en class och ett ID om man så vill. Problemlösning Den färdiga hemsidan finns att hitta här: Den här webbsidan bestämdes skulle vara skriven på engelska eftersom det fanns planer på att publicera den internationellt. En webbsida behöver en index sida att börja på. Denna gjordes klart först, och var relativt enkel att genomföra eftersom det inte innehåller särskilt många delar eller element (se bild 3 och 4 i Bilagor). Här ges en kort förklaring vad

4 webbsidans syfte är, och hur dess innehåll kan användas. Koden för videoklippet längre ned är den inbäddningskod som man kan ta från youtube klippets sida: Nästa sida i ordningen är sidan där man som inloggad användare kan publicera sin egen idé till utmaning (se bild 5). Det finns olika val för kategorier där användaren skall kunna välja en från listan, och ett antal tags som man kan välja flera utav för att lättare specificera eventuella krav för den utmaningen. Lite längre ned finns knappen för att publicera det man skrivit. I nuläget blir man länkad tillbaka till Challenges sidan där alla tidigare utmaningar är desamma. I koden nedan visas en lista med knappar som har givits en klass som kallas greenbutton, och en rad checkboxar som bestämmer vilken eller vilka tags som utmaningen får. När webbsidan ges en JavaScript kod ska dessa publicera utmaningen i den valda kategorin och tagen. Bilden nedan visar hur man i CSS dokumentet definierar de gröna knapparna.

5 Challenges sidan är där alla anonymt publicerade utmaningar visas, antingen efter kategori, slumpmässigt valda eller alla. Där finns en lista för de olika tags som går att leta efter, men denna sökfunktion är ännu inte fungerande. Den här sidan ska i framtiden fungera som Twitter, där listan fortsätter i oändlighet, eller tills man når den allra första utmaningen. De utmaningar som blir synliga för alla ges varsin Section, för att separera dem från varandra, både funktionsmässigt och utseendemässigt. Nästa menyval är Timer, där man kommer till en sida som visar timerfunktionen, och en bildknapp som, även detta i framtiden, kommer att visa en pop up med en siffra som kan visas på en vanlig sex sidig tärning. Tärningen rullas en gång i taget. I text fältet ska man kunna skriva in antal minuter eller sekunder man vill att timern ska räkna ned, och dessa kan regleras om 30 eller 10 sekunder åt vardera håll med hjälp av pilarna. En power button startar timern när tiden är inställd klart. Eftersom Timer sidan än så länge mest vestår av bilder som kommer att bli till knappar, är CSS koden för sidomenyn kanske det mest utmärkande. Dess höjd är inställd på 93% eftersom det skulle skapa problem i gränssnittet om höjden skulle vara 100%, och skapa en onödig scrollbar som leder till outnyttjat tomrum. Sedan skapades både en inloggningssida och en sida för en inloggad användare. Inloggningssidan består av två rutor, där man antingen kan logga in på sitt färdiga konto eller skapa ett nytt. Log In knappen och Register knappen leder till profilsidan oavsett om fälten för och lösenord inte innehåller något. På profilsidan hittar man lite statistik som är knuten till sin användare, som hur många poäng man har kammat ihop, hur många utmaningar man har skapat, osv. Det finns även information om sin inloggning, en knapp för att ändra inställningarna, logga ut och radera sitt konto. Koden nedan visar hur tabellen är uppbyggd. den första th taggen som syns är blank eftersom det inte behövs någon rubrik

6 där. I HTML ställs en tabell upp på det sättet att uppifrån ned ställs vänsterifrån till höger. Så för varje th har man ett cell innehåll åt höger, och för varje tr tagg har man en ny rad nedåt. Nedan redovisas de resultat från valideringar från https://validator.w3.org/nu/ :

7 Ovan: Index sidan. Här listas ett error om videolänken längre ned på sidan. Detta ignoreras eftersom iframe taggen är utvecklad för att fungera bra ändå, och detta har testats på hemsidan. Varningarna för heading i de olika sektionerna avfärdas också eftersom det inte var planerat att se ut på det sättet. Create sidan. Liknande situation här. Ovan: Challenge sidan. Timer sidan. Alla bilder har blivit givna en alternativ bild. Login och Profile sidorna ser likadana ut.

8 Reflektion Det var en trög uppgift att strukturera upp sidans utseende till så som jag ville, men när alla problem och krockar som hade att göra med Float och Margins blev arbetet mycket lättare. I min första version hade jag svart, rött, gult och vitt som mitt färgtema vilket var alldeles för ljus för min smak. Detta ändrades till ett grönt tema som är lite mer spännande och originellt, samtidigt som färgerna matchar varandra mycket bättre. Vissa saker hade jag kunnat göra bättre på sidan på en gång, till exempel som att färger ändras när muspekaren står ovanför en knapp, vilket kan göras i CSS. Själva HTML delen var lätt att lära om, eftersom jag hade tagit lektioner i det tidigare, men CSS är lite knepigare och inte lika straightforward som HTML. Margins och Paddings fungerar olika, och ibland kan kosen trassla till alla kommandon så att oförväntade saker händer. Jag tänker att man kanske skulle ha haft lite mer tid på sig att få i ordning allt sådant.

9 Bilagor Bild 1: Flödesschema Bild 2: Lo Fi för Main och Challenges sidan

10 Bild 3: Lo Fi för profil sidan. Bild 4: Index sidans övre del. Webbläsare: Chrome.

11 Bild 5: index sidans nedre del med en videospeare. Bild 6: Create a challenge sidan.

12 Bild 7: Challenge List sidan. Bild 8: Timer sidan.

13 Bild 9: Övre profil sidan. Webbläsare: Chrome. Jämfört med exemplet i den Lo Fi som framställdes finns inte längre knapparna vid sidan kvar, eftersom det beslöts att kontot inte behöver ha så många olika inställningar för en sådan enkel webbsida. Bild 10: Nedre profilsidan. Webbläsare: Chrome.

14 Bild 11: Nedre profilsidan. Webbläsare: Firefox. Det kan synas en liten skillnad i den nedre marginalen under den svarta knappen jämfört med samma sida i Chrome.

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550 Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och

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

Manual C3 BMS för Android-telefoner

Manual C3 BMS för Android-telefoner - för dig som gillar ovanliga fåglar 2012-09-24 Manual C3 BMS för Android-telefoner Hur fungerar det? Larmsystemet består av en server och databas i Stockholm samt applikationen C3 BMS i telefonen. Trafiken

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

Ö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

Manual. Logga in. OBS! Kontrollera så att korrekt epostadress finns ifyllt. Ändra inga andra uppgifter!

Manual. Logga in. OBS! Kontrollera så att korrekt epostadress finns ifyllt. Ändra inga andra uppgifter! Manual Logga in 1. Klicka på Logga in överst på sidan 2. Fyll i lägenhetsnummer och lösenord och tryck på knappen Logga in 3. Lyckas inloggningen kommer man till lägenhetens profilsida. OBS! Kontrollera

Läs mer

Snabbgenomgång. Windows Live Movie Maker

Snabbgenomgång. Windows Live Movie Maker Snabbgenomgång Windows Live Movie Maker Inledning Den här snabbgenomgången är tänkt att användas av dig som är nybörjare på att arbeta i Windows Live Movie Maker. Den är inte tänkt som en omfattande guide

Läs mer

Ö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

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

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

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Laborationsanvisning HTML5 Laboration 6 Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Inledning I denna avslutande laboration ska du testa att märka upp en sida med de nya taggarna i HTML5. Mikroformat

Läs mer

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet

Läs mer

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:

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: 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

Läs mer

P O R T A L S Y S T E M

P O R T A L S Y S T E M P O R T A L S Y S T E M MODULER OCH TILLÄGGSTJÄNSTER: Publisher o Administrationsmeny o Ny sida o Ändra sida o Nytt/ändra stycke o Min publisher o Publisherns verktyg Kalender < Språkmodulen Korsholm Mustasaari

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

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

Projektplan för Website Project Japan

Projektplan för Website Project Japan HT11 Mediateknik A Södertörns högskola 2011-12-15 Projektplan för Website Project Japan Publicering via Internet Interaktiva medier Belsam Djehiche Carina Johansson Kim Olsson Johansson Innehåll Projektet

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

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

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

GAFE Google Apps For Education. Vt 16 Guldkroksskolan Annika Andréasson

GAFE Google Apps For Education. Vt 16 Guldkroksskolan Annika Andréasson GAFE Google Apps For Education Vt 16 Guldkroksskolan Annika Andréasson LATHUND GAFE = Google Apps For Education www.google.se är startsidan där man kan hitta alla sidor i GAFE. Om man inte vill skriva

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

Arg-administratörens guide till Umbraco v 1.2.1

Arg-administratörens guide till Umbraco v 1.2.1 Arg-administratörens guide till Umbraco v 1.2.1 Logga in 1. Öppna en webbläsare och gå till inloggningssidan: https://www.sfog.se/umbraco/ 2. Skriv in följande användarnam & lösenord : 3. Klicka på Logga

Läs mer

PREMIUM COMAI WEBBKALENDER

PREMIUM COMAI WEBBKALENDER 1 PREMIUM COMAI WEBBKALENDER 2.0 ADMINISTRATÖR utvecklar och säljer anpassningsbara smartphone 2 Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4

Läs mer

Användarmanual konsult

Användarmanual konsult Användarmanual konsult Innehållsförteckning 1. Registrera konto 2. Logga in 3. Fylla i kontouppgifter och prenumerationstyp 4. Byta lösenord 5. Inaktivera konto 6. Radera konto 7. Skapa profil 8. Editera

Läs mer

För vikarier i Time Care Pool

För vikarier i Time Care Pool För vikarier i Time Care Pool 2012-07-06 1 av 16 INNEHÅLLSFÖRTECKNING Logga in i Time Care Pool... 3 Logga in på en arbetsplatsdator... 3 Logga in hemifrån... 4 Startsidan... 6 Startsidans delar... 7 Programdelar...

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

Handboken får spridas fritt, i sin helhet, digitalt eller i tryckt format till alla användare av EPiServer Community.

Handboken får spridas fritt, i sin helhet, digitalt eller i tryckt format till alla användare av EPiServer Community. Copyright Denna handbok skyddas av upphovsrättslagen. Förändringar av innehåll eller delvis kopiering av innehåll får ej ske utan tillstånd från upphovsrättsinnehavaren. Handboken får spridas fritt, i

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

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

[MANUAL TILL LUVITS GRUNDFUNKTIONER]

[MANUAL TILL LUVITS GRUNDFUNKTIONER] 2011 Eslövs kommun Gymnasie- och Vuxenutbildningsförvaltningen [MANUAL TILL LUVITS GRUNDFUNKTIONER] Manualen vänder sig till dig som är studerande vid Yrkeshögskolan, Komvux, Sfi, Särvux, Gymnasiet och

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

Webbmanual hittaut.nu

Webbmanual hittaut.nu Webbmanual hittaut.nu - Webbmanual för hittaut.nu Manualen är sammanställd av hittaut.nu-kansliet. Saknas något eller är det något som inte stämmer? Kontakta då hittaut.nu-kansliet på info@hittaut.nu!

Läs mer

EndNote online. T5 ht 2015 Therese Nilsson/Camilla Persson therese.nilsson@umu.se, camilla.persson@umu.se

EndNote online. T5 ht 2015 Therese Nilsson/Camilla Persson therese.nilsson@umu.se, camilla.persson@umu.se EndNote online T5 ht 2015 Therese Nilsson/Camilla Persson therese.nilsson@umu.se, camilla.persson@umu.se Idag går vi igenom: (Skapa konto i EndNote online) Hur EndNote online är uppbyggt Hämta in referenser

Läs mer

Användarinstruktioner för återförsäljare

Användarinstruktioner för återförsäljare Användarinstruktioner för återförsäljare Cybercom Sweden AB Box 646 SE-831 27 Östersund Visit address office Rådhusgatan 56 Board of directors: Stockholm Operator: +46 63 19 51 00 Organization no: 556254-0673

Läs mer

lär dig söka och publicera på världens största videocommunity!

lär dig söka och publicera på världens största videocommunity! lär dig söka och publicera på världens största videocommunity! En guide av Jennifer Erlandsson och Youtube en stor community där du kan titta på och dela med dig av videoklipp. Det är ett utmärkt ställe

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

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

Att använda talsyntesen ClaroRead Pro

Att använda talsyntesen ClaroRead Pro Att använda talsyntesen ClaroRead Pro Version 5 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler och inskannade texter.

Läs mer

Klicka på Skapa Kontakter. Välj sedan om du vill skapa en organisation eller endast en fristående kontakt.

Klicka på Skapa Kontakter. Välj sedan om du vill skapa en organisation eller endast en fristående kontakt. Vi vill underlätta så mycket som möjligt för dig i ditt PR-arbete. Här har vi samlat de vanligaste frågorna som vår kundsupport får angående Plan och Connect. Har du andra frågor eller behöver hjälp med

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

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter.

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. När du är inloggad: 1. Klicka på plustecknet vid ditt ämne i innehållsträdet till vänster. Då fälls alla

Läs mer

Formulär Sida 2 av 12

Formulär Sida 2 av 12 sida. Sidmallen formulärsida används för att skapa olika typer av formulär. Du skapar formuläret med de frågor du vill ha och får sedan in svaren via e-post och/eller spara svaren i en databas. Alla formulär

Läs mer

Lathund Spåra ändringar

Lathund Spåra ändringar Lathund Spåra ändringar Word 2010 Av språkkonsultstudenterna Maria Burström, Karin Jonsson Sandström, Anna Tillas-Lindberg Oktober 2013 Innehåll 1. Aktivera funktionen... 3 1.1 Inställningar... 3 2. Redigera...

Läs mer

LATHUND FÖR MALVIN. 1 Registrera ny användare... 2. 2 Logga In... 3. 2.1 Glömt lösenord... 4. 3 Annonsering... 5. 3.1 Skapa annons...

LATHUND FÖR MALVIN. 1 Registrera ny användare... 2. 2 Logga In... 3. 2.1 Glömt lösenord... 4. 3 Annonsering... 5. 3.1 Skapa annons... LATHUND FÖR MALVIN INNEHÅLL 1 Registrera ny användare... 2 2 Logga In... 3 2.1 Glömt lösenord... 4 3 Annonsering... 5 3.1 Skapa annons... 5 3.2 Redigera annons... 8 3.3 Ta bort förmedlad annons... 8 3.4

Läs mer

Artiklar via UB:s sö ktja nst

Artiklar via UB:s sö ktja nst 1 Artiklar via UB:s sö ktja nst UBs startsida har fått ett nytt utseende. I centrum finns nu UBs söktjänst. Istället för tre sökrutor möts du nu som användare av en sökruta där det är meningen att du kan

Läs mer

Wordpress handledning för distrikt, lokalavdelningar och personsidor

Wordpress handledning för distrikt, lokalavdelningar och personsidor Wordpresshandledning fördistrikt,lokalavdelningaroch personsidor 1 Index Adminpanel... 5 Användare... 21 BWS Plugins... 15 inlägg... 6 Inlägg skapa och hantera... 7 Kategorier... 7 Inställningar... 14

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

Användarmanual Jobb i Stan. CV-Handboken. Registrering, jobbsökning mm. Copyright Aditro. All rights reserved.

Användarmanual Jobb i Stan. CV-Handboken. Registrering, jobbsökning mm. Copyright Aditro. All rights reserved. Användarmanual Jobb i Stan CV-Handboken Registrering, jobbsökning mm. Innehållsförteckning: 2 Registrering 5-16 2.1 Skapa ett konto 5-6 2.2 Skapa ett CV 6 2.2.1 CV-profil (steg 1) 7-8 2.2.2 Arbetslivserfarenhet

Läs mer

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm

WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma igång

Läs mer

Nya Mina vårdkontakter. En presentation över det nya gränssnittet för invånare

Nya Mina vårdkontakter. En presentation över det nya gränssnittet för invånare Nya Mina vårdkontakter En presentation över det nya gränssnittet för invånare Nyheter i nya Mina vårdkontakter Responsiv design gör Mina vårdkontakter tillgänglig även i mobiltelefon och surfplatta Stöd

Läs mer

Mikromarc 2 Meddelandecenter

Mikromarc 2 Meddelandecenter Mikromarc 2 Meddelandecenter Version 2.6 och högre Bibliotekscentrum Sverige AB, Växjö, september 2006 Bibliotekscentrum Sverige AB - 0470-532 530 - www.bibliotekscentrum.se Sida 1 av 59 Innehållsförteckning

Läs mer

Manual för externa sökande

Manual för externa sökande Aditro Recruit 9.2 10.11.2015 Aditro Recruit 9.2 Manual för externa sökande Aditro Recruit 9.2 10.11.2015 Innehållsförteckning 1. Logga in i systemet... 1 1.1. Låst användarkonto... 2 2. Skapa ett användarkonto...

Läs mer

Macromedia. Flash 8 Grundkurs. www.databok.se

Macromedia. Flash 8 Grundkurs. www.databok.se Macromedia Flash 8 Grundkurs www.databok.se Innehållsförteckning 1 Börja arbeta med Flash 8...1 Användningsområden...1 Bekanta dig med arbetsytan...2 Scen och tidslinje...3 Lager...3 Bibliotek...4 Verktygsfältet

Läs mer

Snabbguide till CtrlPrint

Snabbguide till CtrlPrint Snabbguide till CtrlPrint För Administratörer Januari 2016 Gå till innehållsförteckningen Innehåll Inloggning och lösenord 3 Logga in i CtrlPrint 4 Byta lösenord 5 Logga in som administratör 6 Administrera

Läs mer

Innehåll. WordWall låter dig som pedagog skapa övningar, aktiviteter och presentationer med några enkla klick.

Innehåll. WordWall låter dig som pedagog skapa övningar, aktiviteter och presentationer med några enkla klick. Wordwall innebär ett nytt sätt att arbeta interaktivt i klassrummet. Genom bara några klick skapar du interaktiva aktiviteter. Aktiviteterna kan sedan omvandlas och återanvändas på ett sätt som tidigare

Läs mer

Forskare & Handledare. 1. Inloggning

Forskare & Handledare. 1. Inloggning Forskare & Handledare 1. Inloggning Du använder samma inloggning till Forskningsdatabasen som till universitetets övriga system. OBS! Är du en extern handledare utan anställning på MIUN så använder du

Läs mer

Att använda talsyntesen ClaroRead Pro Version 6

Att använda talsyntesen ClaroRead Pro Version 6 Att använda talsyntesen ClaroRead Pro Version 6 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler, bilder och inskannade

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

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor Hemsida Lathund för medlemsföreningar 2015 10 13 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva

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

Classfronter Vägledning för Studenter (version 1.1)

Classfronter Vägledning för Studenter (version 1.1) Classfronter Vägledning för Studenter (version 1.1) 1. LOGGA IN. VÄLJA RUM/KURS 4 3. SKRIVA IN INFORMATION OCH ÄNDRA PERSONLIGA UPPGIFTER. 4 4. ANVÄNDA HJÄLP-SYSTEMET 5 5. LÄSA MEDDELANDEN. 5 6. DELTA

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

Att arbeta med. Müfit Kiper

Att arbeta med. Müfit Kiper Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.

Läs mer

Användarbeskrivning ARBETSGIVARINTYG. för Sveriges alla arbetsgivare. arbetsgivarintyg.nu. En ingång för alla användare. Innehåll. Version 1.

Användarbeskrivning ARBETSGIVARINTYG. för Sveriges alla arbetsgivare. arbetsgivarintyg.nu. En ingång för alla användare. Innehåll. Version 1. 2015 05 17 Arbetslöshetskassornas samorganisation SO Version 1.0 ARBETSGIVARINTYG för Sveriges alla arbetsgivare Användarbeskrivning arbetsgivarintyg.nu Med tjänsten arbetsgivarintyg.nu kan du som arbetsgivare

Läs mer

Blogga med Wordpress

Blogga med Wordpress Blogga med Wordpress Introduktion En blogg kan användas på en lång rad olika sätt, även om det vanligaste kanske är att se den som en mer eller mindre publik yta på nätet att dela med sig av tankar och

Läs mer

MULTI COMAI WEBBKALENDER

MULTI COMAI WEBBKALENDER 1 MULTI COMAI WEBBKALENDER 1.1 ANVÄNDARE utvecklar och säljer anpassningsbara smartphone 2 Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4 2 Start...

Läs mer

Handbok Hogia PBM - Personal Business Manager

Handbok Hogia PBM - Personal Business Manager Handbok - Personal Business Manager Innehållsförteckning Vad är?... 2 Portalens uppbyggnad... 3 Övre meny... 3 pråk (Tilläggsmodul )... 3 Visningsläge... 6 Vänster meny... 6 PBM Portalyta... 6 Nyheter

Läs mer

Bambusermanual - Plattformen distans

Bambusermanual - Plattformen distans Bambusermanual - Plattformen distans Av: Sofie Sjöstrand, Nätverket SIP Senast reviderad: 2012-09-16 Innehåll Om Bambuser och manualen... 2 Registera ett konto... 3 Dashboard - din startsida... 4 Dashboard

Läs mer

Bloggen har tre sidtyper

Bloggen har tre sidtyper Handbok för bloggare i CMS7.5, på sunne.se Sida 1 av 12 Bloggen har tre sidtyper Blogginläggen Dina återkommande inlägg (berättelser, kåserier, personliga iakttagelser) som du skriver för din klass/grupp.

Läs mer

Manual C3 BMS v. 3 för iphone/ipad

Manual C3 BMS v. 3 för iphone/ipad Manual C3 BMS v. 3 för iphone/ipad Hur fungerar det? Larmsystemet består av en server och databas i Stockholm samt applikationen C3 BMS i telefonen. Trafiken mellan server o ch telefon sker över internet

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

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

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

Enkla inspelningsverktyg PowerPoint

Enkla inspelningsverktyg PowerPoint Enkla inspelningsverktyg PowerPoint Att snabbt och enkelt kunna spela in röst och bild kan vara mycket användbart i undervisningen. Att publicera inspelningar på nätet kan däremot vara lite knepigt eftersom

Läs mer

Lathund. Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30. www.interaxo.se interaxo@joint.se. Org.nr.

Lathund. Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30. www.interaxo.se interaxo@joint.se. Org.nr. Lathund Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30 www.interaxo.se interaxo@joint.se Org.nr. 556565-2590 SE INNEHÅLL LATHUND, INTERAXO... 2 1 Varför är det olika färg och utseende

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

Inspektion Användarmanuel

Inspektion Användarmanuel Onix AS Version 1.0.5.0 16.12.2014 2014 Inspektion Användarmanuel Denna applikation kan du enkelt kontrollera utrustningar i Utrustningsportalen. 0 S i d a INNEHÅLLSFÖRTECKNING Sida INLEDNING... 3 STARTA

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

Användarmanual Timvärde El o Fjärrvärme

Användarmanual Timvärde El o Fjärrvärme Användarmanual Timvärde El o Fjärrvärme INNEHÅLL 1 Inloggning...2 2 Översikt...3 2.1 Välj anläggning...4 3 Timvärden...5 3.1 Ändra period...6 3.2 Ändra periodstorlek...7 3.3 Visa som...8 3.4 Enhet...9

Läs mer

en stor bokstav och en siffra. Lösenordet får inte innehålla några tecken (!,,#,%,&)

en stor bokstav och en siffra. Lösenordet får inte innehålla några tecken (!,,#,%,&) Gå in på www.lernia.se Klicka på rubriken Registrera CV 1. Fyll i dina användaruppgifter. - Skriv in din e-postadress, glöm inte att upprepa e-postadressen - Skriv in ett önskat lösenord och upprepa detta.

Läs mer

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform.

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform. 1 Diagram Med diagram kan du presentera information på ett effektivt sätt. Eftersom datan visas grafiskt så kan betraktaren ta till sig mycket information på en gång. Microsoft Excel har ett kraftfullt

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

Berättarministeriet. Lathund Light

Berättarministeriet. Lathund Light Berättarministeriet Lathund Light 1 1.1 - Administrationspanelen 1.1 - Logga in För att göra ändringar på berattarministeriet.se måste du logga in i administrationspanelen. Du måste då skriva in adressen

Läs mer

Datum: 2013-03-22 Version 1.6. Sidan 1 (43)

Datum: 2013-03-22 Version 1.6. Sidan 1 (43) Datum: 2013-03-22 Version 1.6 Sidan 1 (43) Innehållsförteckning 1. Aktivitetsstöd - Inledning...3 1.1 Användare - Webbadress till Aktivitetsstöd... 3 1.2 Användare - Inloggning och glömt lösenord... 3

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

B = Bokad tid. T = Tillfälligt bokad tid. L = Ledig tid. X = Spärrad tid

B = Bokad tid. T = Tillfälligt bokad tid. L = Ledig tid. X = Spärrad tid 3 Elev När eleven har loggat in får eleven upp denna bild, ett schema över sin lärares körtider och en gul meny som visas högst upp. Här nedan, under funktionsbeskrivning, kommer alla funktioner som eleven

Läs mer

Välkommen till Jaguarklubben på internet

Välkommen till Jaguarklubben på internet Välkommen till Jaguarklubben på internet Menyn här ovanför tar dig snabbt till olika delar av webbplatsen. Start är förstasidan, För medlemmar innehåller länkar till bl.a. förmåner och försäkringsinformation,

Läs mer

Laboration 1. Webbprodution Struktur & innehåll HT2015

Laboration 1. Webbprodution Struktur & innehåll HT2015 Laboration 1 Webbprodution Inledning Denna inledande laboration syftar i mångt och mycket till att du ska känna dig bekväm med den laborationsmiljö ni blivit introducerat inför. De inledande uppgifterna

Läs mer

STADSBYGGNADSFÖRVALTNINGEN. Aktivitetsstöd. Behörigheten Föreningsadministratör. Datum: 2015-09-22 Version 2. Sidan 1 (30)

STADSBYGGNADSFÖRVALTNINGEN. Aktivitetsstöd. Behörigheten Föreningsadministratör. Datum: 2015-09-22 Version 2. Sidan 1 (30) Aktivitetsstöd Behörigheten Föreningsadministratör Datum: 2015-09-22 Version 2 Sidan 1 (30) Innehållsförteckning 1. Aktivitetsstöd - Inledning... 3 1.1 Användare - Webbadress tillre Aktivitetsstöd... 3

Läs mer

Lumbago - Förord. Välkommen till Journalprogrammet Lumbago.

Lumbago - Förord. Välkommen till Journalprogrammet Lumbago. Lumbago - Förord Välkommen till Journalprogrammet Lumbago. Vår förhoppning är att du ska få mer tid över för dina patienter och att du ska ha nytta av alla de effektiva funktioner som Lumbago erbjuder.

Läs mer

Manual Jourläkarschema Närhälsan V7 - Version 1.0

Manual Jourläkarschema Närhälsan V7 - Version 1.0 Manual Jourläkarschema Närhälsan V7 - Version 1.0 Denna manual innehåller olika avsnitt och beroende på vilken roll man har är de olika avsnitten aktuella. Innehåll Logga in...2 Glömt lösenord...3 Logga

Läs mer

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge Introduktion till Blästadsgatans diskussionsforum Inledning Som en del av vår webbplats, blastadsgatan.se, finns ett diskussionsforum. Tanken med forumet är att det ska fungera som en diskussionsplats

Läs mer

Komma igång med Widgit Online

Komma igång med Widgit Online Komma igång med Widgit Online Innehåll 1. Logga in 2. Hitta i Widgit Online 3. Skapa ett dokument 4. Skapa ett rutnät 5. Kontakta oss Hej! Den här guiden bör ge dig den information du behöver för att börja

Läs mer

Version: 1.0.1 Datum: 2012-05-23. DynaMaster 5 Golf Övergripande manual

Version: 1.0.1 Datum: 2012-05-23. DynaMaster 5 Golf Övergripande manual Version: 1.0.1 Datum: 2012-05-23 DynaMaster 5 Golf Övergripande manual Innehållsförteckning 1 Inledning 3 1.1 Systemkrav 3 2 Logga in 4 3 Översikt 5 4 Verktygsfält och funktioner 6 4.1 Översikt gränssnitt

Läs mer

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

Bilaga 2. Layoutstöd för examensarbeten och uppsatser

Bilaga 2. Layoutstöd för examensarbeten och uppsatser Bilaga 2 Layoutstöd för examensarbeten och uppsatser Lärstöd Karlstads universitetsbibliotek ht 2007 Layoutstöd examensarbeten och uppsatser ht -07 Innehåll 1. Inledning...1 1.1 Dispositon...2 2. Om omslag...3

Läs mer

Scribus fortsättning

Scribus fortsättning Scribus fortsättning Guide och uppgifter Gunnar Markinhuhta ITLyftet ~ 1 ~ Scribus forts del 1 Hantera text och objekt Text längs bana 1. Rita ut en vågig linje med Frihandspennan eller Bezier-verktyget

Läs mer

F13 HTML5 Dagens agenda

F13 HTML5 Dagens agenda F13 HTML5 Dagens agenda HTML5 Struktur Outline Nya element APIr Microdata/RDF/Microformats WHAT Working Group? Initiativ, 2004, startat av Apple, Mozilla och Opera WHATWG adapterades 2007 av W3C och rekommendationen

Läs mer