Högskolan i Borås. Solveig Betnér Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)

Storlek: px
Starta visningen från sidan:

Download "Högskolan i Borås. Solveig Betnér 820211-2028. Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)"

Transkript

1 Högskolan i Borås Solveig Betnér Webbredaktörsprogrammet distans Projekt: webbplatsutveckling 15 hp V11 (31RPW1)

2 Innehållsförteckning Sammanfattning 4 Bakgrund 4 Kursen 4 Rapporten 5 Valet av projekt 5 Tjejjouren Juventas systrar 5 Min kontakt 6 Upplägg 6 Ambitionsnivå 6 Syfte 7 Uppdraget 7 Önskemål 7 Utseende 7 Funktioner 7 Sidor 8 Problemanalys 8 Walkthrough 8 Text och design 8 Länkning och url:er 9 Problem som ska lösas 9 Möjligheter och vägval 9 Konkurrenten 9 Skissering 10 Målgrupp 10 Tillvägagångssätt 10 Enkätsvar 11 Fritid 11 Intressen 11 Övrigt 12 Slutsats av enkäten 12 Analys 12 Människorna 12 Uppgifterna 13 Tekniken 13 Sociala aspekter 13 Persona 13 Malin 14 Scenario 15 Scenario 15 Grafisk profil 15 Nuvarande material 15 2

3 Färger 15 Färgschema 16 Typsnitt 16 Utformningen av webbplatsen 16 Funktioner 16 Enkät 17 Sociala medier 17 Tillänglighet 17 Design 17 Bilder 18 Navigationsmöjligheter 18 Tekniska lösningar 18 Programmering 19 Sökmotoroptimering 19 Validering 19 Trycksaken 20 Kommunikation med uppdragsgivaren 20 Vecka 1 20 Vecka 2 21 Vecka Vecka 5 21 Vecka Hur gick det? 22 Planeringen 22 Problem 22 Ambitionsnivån 23 Min roll som webbredaktör 23 Källförteckning 24 Bilagor

4 Sammanfattning Projektrapporten tar i början upp bakgrund kring kursen Projekt: webbplatsutveckling (15 hp) och information om organisationen jag utvecklat webbplatsen åt samt syfte. Önskemål från organisationens sida följs av en problemanalys av deras tidigare webbplats och rubriken Möjligheter och vägval. En utförlig del om målgruppen finns i rapporten och den delen innehåller bland annat persona och scenario. Avsnittet om organisationens grafiska profil följs av en beskrivning av hur webbplatsen utformades. Rubriken Trycksaken beskriver hur en folder utformades åt organisationen och efter den finns en del av kommunikationen med uppdragsgivaren beskriven. Sista avsnittet innehåller tankar kring hur projektet gick. Bakgrund Kursen Den sista kursen i Webbredaktörsprogrammet distans (120 hp) är Projekt: webbplatsutveckling (15 hp) som går ut på att skapa en riktig webbplats åt en riktig organisation. Även en trycksak skall skapas och en rapport skrivas. Detta är rapporten som redovisar och för en diskussion kring projektets alla delar. 4

5 Rapporten Denna rapport syftar till att redogöra och analysera genomfört projektarbete. Jag tänker mig också att min uppdragsgivare kan dra nytta av rapporten. Det är hon som kommer jobba mest med webbplatsen när mitt uppdrag är slutfört och kanske ser nya sätt att redigera innehållet. Jag tror att det kan vara bra för mig att kunna gå tillbaks till denna rapport vid funderingar i början av mitt yrkesliv inom webb. Valet av projekt Jag ville att mitt projektarbete skulle vara betydelsefullt. I mitt framtida yrkesliv önskar jag att jobba med sådant som känns moraliskt rätt. Jag vände mig därför till Volontärbyrån 1 i sökandet efter projektarbete. Där fann jag att tjejjouren Juventas systrar i Södertälje behöver en ny webbplats. Tjejjouren Juventas systrar Tjejjouren Juventas systrar är en ideell, partipolitiskt- och religiöst obunden verksamhet inom föreningen Brottsoffer- Kvinno- och Tjejjouren i Södertälje, Salem och Nykvarn. Syftet är att stärka tjejers självkänsla och på ett respektfullt sätt stötta och möta tjejerna. Tjejjourens mål är att få tjejer att känna att de är värdefulla och har en plats i samhället, att motarbeta våld mot tjejer och att få tjejer att lita på vuxenvärlden. Ytterligare mål är att förebygga psykisk ohälsa hos tjejer och arbeta med att medvetandegöra och förändra begränsande attityder hos ungdomar kring jämställdhetsfrågor. 1 5

6 Tjejjourens verksamhetsidé är att erbjuda stöd till tjejer som har funderingar eller problem som de behöver prata med någon om. De har också en utåtriktad verksamhet som erbjuder systerskap, gemenskap och andra sammanhang med syfte att stärka tjejer. Verksamheten utgår från de mänskliga rättigheterna och barnkonventionen och bedrivs till största delen av volontärer. Min kontakt Gabriella Nilsson är anställd som verksamhetsansvarig för Tjejjouren Juventas systrar. Det är henne jag haft kontakt med under arbetets gång. Gabriella har fört vidare idéer från volontärer som arbetar för tjejjouren till mig. De idéer jag skickat till Gabriella har hon även spridit till jourtjejerna som gett mig respons. Upplägg Arbetet delades upp i fem faser enligt Projektboken av Martalla & Karlsson (1999) och ett arbetsprocesschema (bilaga 1) arbetades fram innan det praktiska arbetet påbörjades. I vissa av rapportens delar hänvisar jag till en vecka följd av en siffra. I rapporten är veckorna numrerade från vecka 1 till 9. I arbetsprocesschemat finns denna siffra inom parentes under det riktiga veckonamnet. Ambitionsnivå Min ambition var att göra en bra webbplats åt tjejjouren Juventas systrar. Tiden jag valde att lägga ner utgår ifrån hur mycket tid jag faktiskt hade möjlighet att disponera på detta. I början fick projektet ganska lite tid på grund av eftersläpning i tidigare kurser med utökning av tid i senare skede. Jag skulle dock ändå säga att min ambitionsnivå var ganska hög då jag ville att uppdragsgivaren skulle bli helt nöjd. 6

7 Syfte Uppdraget Juventas systrar ville ha en ny mer modern webbplats som passar verksamhet och målgrupp. Gabriella vill att tjejjouren i Södertälje ska få bort stämpeln som något negativt. Den positiva och utåtriktade verksamheten ska lyftas fram. Mer interaktivitet önskas som Gabriella själv vill sköta. Därför läggs sajten i Wordpress som hon tidigare jobbat i. Då kan hon själv gå in och redigera innehållet utan att behöva gå in i koden. Uppdragsgivaren behövde en ny folder om tjejjouren. Den gamla foldern är inte enhetlig med den nya webbplatsen och innehåller inte webbadressen. Önskemål Utseende Tjejjouren önskade sig en ljus och positiv webbplats som känns ungdomlig och modern. Tjejer som besökt jouren har tillfrågats av den verksamhetsansvariga. Jag fick en lista på webbplatser de gillar som jag hämtade inspiration ifrån: Tjejjourens ansikte utåt är deras logotyp samt en affisch (bilaga 2) skapad av serietecknaren Lina Neidestam. De önskade att jag för över delar från affischen till webbplatsen. Funktioner Det ska vara lätt för den som arbetar på tjejjouren att redigera text på webbplatsen. De villa att den skulle läggas i Wordpress. Tillgänglighet för funktionshindrade ska finnas. Ett annat önskemål är en webbenkät. 7

8 Sidor Jag fick en lista över specifika önskemål över vilken typ av innehåll olika sidor ska ha. Här är förslag på rubriker från tjejjouren: Önskesida Sponsorsida Stöd och pepp Kurser hos oss Kalender Om oss Kontakt Månadens ord/pepp eller liknande Länkar Panik-knapp, dvs. att de kan lämna sidan snabbt. Problemanalys I Fas 1 sökte jag uppdragsgivarens problem. Jag gick igenom deras nuvarande webbplats, en så kallad Walkthrough. 2 Walkthrough Text och design Många texter skulle kunna förkortas utan att vara mindre informativa. Textstorleken är inte enhetlig. I Texten Om oss ändras storleken mitt i texten. På sidan Kontakta oss är viktig information placerad längst ned på sidan. Jag tror inte att den gamla webbplatsen talade till målgruppen. Jämför jag med andra tjejjourers webbplatser är det stor skillnad på färg, form och uttryck. Det kändes inte genomtänkt hur alla element var placerade. 2 Föreläsning: Maurin Söderholm & Lassi,

9 Länkning och url:er Länkning till sidans top fanns på varje sida, även de sidor med lite innehåll som man överblickade utan att behöva bläddra nedåt. När jag klickat mig vidare från startsidan till en annan sida och vill tillbaks till start fanns det ett alternativ bortsett från att klicka på webbläsarens bakåt-knapp. Längst ner i huvudmenyn fanns länken hem. Denna bör finnas högt upp. Många besökare förväntar sig också att man kommer tillbaks till start genom att klicka på logotypen (Van Duyne, Landay & Hong, 2007, s. 639). Undersidornas url:er var inte bra för sökmotoroptimeringen. Klickade du t.ex. på Systerskap såg url:en ut så här: Att ett ord förekommer i adressen kan ha betydelse för rankingen i en sökmotor. Dessutom ser besökaren vad sidan innehåller om man till exempel använder sidans titel i url:en (Wackå s.88). Problem som ska lösas Viktigt och bra innehåll fanns där men var överflödigt. Designen var inte målgruppsanpassad. Möjligheter och vägval Konkurrenten I Södertälje finns en till mötesplats för tjejer som kallar sig Tjejhuset. När Gabriella visade deras folder var det för att visa att så vill de inte att deras trycksak ska se ut. Jag ser den foldern som flickaktig och barnslig, inte riktad till ungdomar. Tjejhusets webbadress som finns på deras folder leder inte till något innehåll överhuvudtaget. Tjejhuset är nog inget större hot för Juventas systrar. 9

10 Skissering Den första skissen jag gjorde handlade om att få uppdraget. Jag tänkte att fler kanske hade anmält sitt intresse att göra tjejjourens webbplats och jag ville verkligen ha detta uppdrag. Efter att jag fått mail från Gabriella med länkar till webbplatser de gillar skissade jag spontant ett förslag (bilaga 3). Det blev en high-fidelity prototype (Van Duyne, Landay & Hong, 2007, s. 85) för att jag ville visa hur mina tankar rörde sig. Jag fick positiv respons. Jag förstod vad de var ute efter. Mer om det under rubriken Design. Min andra skiss är en bild över hur olika element skulle kunna placeras (bilaga 4). Jag valde att göra en medium-fidelity-prototype för att fokus inte skulle hamna på färg och formgivning. Tjejjouren var nöjd med denna skiss. Därför valde jag att utgå från denna och inte göra någon mer skiss utan att ett behov uppstod. Mina val av elementens placering förklaras under rubriken Utformningen av webbplatsen och underrubriken Design. Målgrupp Tillvägagångssätt För att lära känna besökarna av Juventas systrars webbplats behövde jag ta reda på vilka uppdrag de går dit för att utföra. Jag använde mig av egen erfarenhet, samt Gabriellas erfarenheter inom hennes uppdrag och en enkät som utförts av henne till unga kvinnor i Södertälje kommun. I Van Duyne, Landay & Hong (2007) s. 52 beskrivs fyra kategorier med olika frågor som kan hjälpa mig att lära känna de tänkta användarna av webbplatsen jag skapar. Dessa kategorier är människorna, uppgifterna, tekniken och sociala aspekter. Denna analys kan du läsa efter delen om enkätsvaren. 10

11 Enkätsvar Gabriella påbörjade en undersökning i våras. En enkät delades ut till tjejer i årskurs 8 och gymnasieår 1 i Södertälje kommun. I åttonde klass tillfrågades 80 tjejer och av gymnasieklasserna tillfrågades 16 stycken. Dessa enkätsvar samt Gabriellas beskrivning av tjejjourens målgrupp är underlag för mitt skapande av en persona. I stycket nedan har jag sammanställt det som jag anser mest relevant i skapande av persona. Fritid Den fritidsaktivitet som dominerar i hela tillfrågade gruppen är att lyssna på musik. Detta gör de flesta av tjejerna varje dag. Att surfa och chatta på Internet är också en vanlig aktivitet på fritiden bland denna grupp. Att umgås med vänner hör till de flesta av tjejernas vanliga aktiviteter. Övriga fritidsaktiviteter som många sysslar med är idrott, läxläsning och att hjälpa till hemma. Det som skiljer sig mest är att de äldre tjejerna hjälper till mer hemma än de yngre. En fråga i enkäten handlade om hur ofta de tillfrågade befinner sig i Södertälje centrum och vad de sysselsätter sig med där. De flesta av åttondeklasserna är i Södertälje centrum en till fyra gånger i månaden och det som dominerar är att shoppa, fika eller hälsa på vänner. Bland gymnasietjejernas svar är det samma aktiviteter som dominerar. De flesta av dem befinner sig dock i Södertälje centrum flera dagar i veckan. Intressen En fråga i enkäten handlade om vad tjejerna är intresserade av. Foto är ett stort intresse både bland åttondeklassarna och gymnasietjejerna. Bland de äldre dominerar idrottsutövning följt av att skriva och foto som tredje populäraste intresse. De som går i åttan har foto som största intresse på förstaplats, följt av idrott, dans samt rita och måla. 11

12 Övrigt Enkäten visar att en stor del av de tillfrågade önskar en biograf i Södertälje. Även andra ställen och arrangemang för ungdomar önskas. En stor del är dock nöjda med aktiviteterna som finns i Södertälje. Många har gett ett osäkert svar. Ungefär hälften av enkätens svaranden kände till Juventas systrar sedan tidigare. Mer än hälften av de tillfrågade kan tänka sig att vända sig med problem till tjejjouren. I gruppen med tjejer i åttonde klass vill de flesta ha stöd genom chatt eller mail. Många i den äldre gruppen vill också ha stöd på detta sätt men här är också personligt möte ett populärt alternativ. I gruppen med gymnasietjejer var svaren ganska varierande hur man ville ha kontakt med en tjejjour. Telefonkontakt var också ett vanligt svar. Vilka problem som tjejerna upplever var också en fråga i enkäten. Ångest/oro och deppigheter var de två vanligaste svaren här. Slutsats av enkäten Enkäten gav mig mycket hjälp till analysen som följer under nästa rubrik. Analys Människorna Besökaren av Juventas systrars webbplats identifierar sig som tjejer. Målgruppen är 13 till 21 år men de flesta som kontaktar jouren är 16 år. Den största delen är studerande. Populära intressen i gruppen är foto och idrott. När det gäller vad de gör på fritiden är det dock inte dessa intressen som dominerar. Det är mest Internetanvändande, att lyssna på musik och umgås med vänner som sysselsätter tjejerna. De är vana datoranvändare och är nog aktiva mobilsurfare. Den största delen av gruppen försörjer inte sig själva. De bor hemma med minst en förälder. En del av målgruppen hjälper till med hushållssysslor i hemmet ibland på fritiden. Jag tänker mig att det är Södertäljes smala utbud av fritidsaktiviteter som gör att intressen och fritidssysselsättningar skiljer sig åt. Tjejer med attityd, säger Gabriella om de som kontaktar tjejjouren. 12

13 Uppgifterna Målgruppens uppgifter i vardagen är att klara skolan och ha en betydelsefull fritid. Tjejerna besöker Juventas systrar för att få hjälp med något problem, prata med någon eller kolla om det är aktiviteter på gång. Tekniken Datorer och mobiltelefoner används flitigt av målgruppen. Sociala aspekter Det kan ju vara känsligt att besöka en tjejjour för att få hjälp med ett problem. Tjejerna tar hänsyn till vilka människor som rör sig runtomkring dem när de surfar på webbplatsen. Persona Min persona är skapad utifrån enkät, analys och verksamhetsansvariges beskrivning av målgruppen med utgångspunkt från hur Redish (2007) beskriver skapandet av en sådan på s

14 Malin Så fort jag är vid en dator kollar jag min Facebook. Man vill ju se vad folk gör o så. Malin Lundberg är 16 år och bor i Södertälje kommun. Hon avslutar snart sitt första år på gymnasiet. Studierna bedriver hon på ekonomiprogrammet. Det framtida yrkesvalet är hon osäker på men tror att det alltid är användbart att vara kunnig inom ekonomi. Malin, hennes mamma och mammans pojkvän bor tillsammans i en lägenhet. Malin bor hos sin far varannan helg. På fritiden träffar hon gärna vänner. De umgås gärna i Södertälje centrum där de ofta shoppar eller fikar. Vardagskvällarna ägnar Malin gärna framför datorn där hon mest chattar på Msn eller Facebook. Irritation kan uppstå när hon inte finner det hon söker snabbt på en webbplats. Ibland upplever Malin stress på grund av pressen att hänga med i sociala medier. Musik är viktigt för henne så hon har Spotify i sin Smartphone. Hon surfar även mycket på mobiltelefonen. Juventas systrar besökte Malins skola i höstas. Hon tycker det är bra att det finns en grupp som fokuserar på tjejer eftersom det alltid är killar som får mest uppmärksamhet. Malin har besökt tjejjourens webbplats för att ställa frågor som hon inte vill fråga någon annan om. Hon är också nyfiken på kursutbudet och vad tjejjouren gillar just nu. 14

15 Scenario För att testa om min uppbyggnad av webbplatsen fungerar fantiserar jag ihop scenarion för min persona. I mitt scenario utgår jag från personans egenskaper (Van Duyne, Landay & Hong, 2007, s. 54). Scenario Malin fick en folder av tjejjouren i skolan idag. Malin är nyfiken på vad en storasyster är eftersom hon inte har några syskon och känner sig ensam ibland. Hon är osäker på var hon ska klicka för att hitta den information hon vill ha. Hon väljer att klicka på Kontakt. Där finns inte så mycket information men det finns en länk att klicka sig vidare om man vill veta mer om kontakten med Juventas systrar. Där klickar Malin. Där kan hon läsa om vad det innebär att ha en storasyster hos tjejjouren. Hon vill dock fundera lite på saken innan hon mailar. Grafisk profil Nuvarande material Uppdragsgivarens grafiska profil bestod av en logotyp som är röd och svart (bilaga 6). De använder sig även av en affisch (bilaga) skapad av serietecknaren Lina Neidestam. Det är den de identifierar sig mest med just nu och ville att jag utgick ifrån den i jobbet med webbplatsen. Tjejjourens logotyp har fått en annan färg på affischen men Gabriellas önskan var att Logotypen är röd på webbplatsen. Färger Jag tycker det är ett problem att tjejjouren använt en annan färgskala till affischen än att utgå från deras logotyp. Det blev en diskussion kring vilken färg logotypen ska ha 15

16 på webbplatsen och om jag skulle ändra färg på bilderna så att det fungerar ihop. Den grafiska profilen känns spretig. Jag utgick från färgerna i tjejjourens affisch för det känns rätt att det är enhetligt. Då kunde inte logotypen vara röd. Det blir icke-funktionellt och mottagaren kan bli förvirrad av motstridiga färgsignaler (Bergström, 2007, s. 256). Färgschema Typsnitt En sans-serif bör används, alternativt en antikva som är anpassad för webb. Texten kan bli grötig när en antikva används för skärmanpassat material eftersom texten ofta är ganska liten (Bergström, 2007, s. 135). Typsnittet som används här i rapporten är en sans-serif. Efter diskussion med Gabriella väljer jag Arial för brödtexten på webbplatsen. Samma typsnitt använder jag i foldern för enhetlighetens skull. Till serierutor används typsnittet Comic sans för att det ska passa ihop med övriga serierutor. Utformningen av webbplatsen Funktioner Tjejjouren kan själva gå in och ändra i olika delar. Huvudinnehållet är lätt att ändra och styla. 16

17 Enkät Uppdragsgivaren önskade sig en enkät. Jag valde att inte bygga den själv utan använde mig av tjänsten SurveyMonkey för att spara tid. Användaren klickar sig vidare till den webbplatsen där enkäten finns för att svara på frågor. Sociala medier Jag anser att det bör vara självklart att länka till Facebook på webbplatser idag. Troligtvis använder målgruppen Facebook mycket. Juventas systrar har en Facebook-grupp och den är det tydligt länkat till. Tillänglighet Den största delen av den viktigaste texten är svart och mycket viktig information upprepas så tror jag att tillgängligheten är bra (Redish, 2007, s.152). I vissa delar är texten rosa mot vit bakgrund vilket inte är så bra eftersom det är viktigt med kontrast för läsbarheten, men som tidigare nämnts så upprepas mycket viktig information på olika ställen så det fungerar ändå. Webbplatsen bör finnas på flera språk, framförallt engelska. Detta hör dock inte till uppdragsgivarens prioriteringar därför får det ske i ett senare skede. Detta kan ju också tjejjouren själva göra. Användaren kan förstora texten genom att klicka ctrl och plustecken (pc) eller kringla och plustecken (mac). Alla kanske inte vet om det så det vore bra att ha en länk till att förstora texten tydligt på webbplatsen (Redish, 2007, s. 148). Design I placeringen av olika element på webbplatsen inspirerades jag mycket av tjejjouren.se. Det är snyggt och tydligt när olika innehåll är placerat i lådor med luft i mellan. Den stora tydliga rubriken på varje sida är placerad där många förväntas hitta det som användaren vill läsa först (Van Duyne, Landay & Hong, 2007, s. 641). 17

18 Bilder Jag arbetar fram en banner med logotyp och delar av affischen. Jag använder Adobes program Photoshop och Illustrator till detta. Navigationsmöjligheter De viktigaste delarna är placerade så att man inte behöver bläddra nedåt om man har en liten dataskärm. Här utgick jag från en 13 tums skärm. Klickar man på bannern kommer man tillbaks till start. I bannern finns logotypen och enligt undersökningar förväntar sig många att komma till startsidan när de klickar på logotypen (Van Duyne, Landay & Hong, 2007, s. 639). I övre delen av sidan är det också förväntat att man ser en huvudmeny som visar webbplatsens sidor. Tekniska lösningar Det blev mycket läsande om Wordpress på deras webbplats. Många problem löstes den vägen men också genom att hitta andra forum genom webbsökning. Under den 8:e veckan, två dagar innan projektet skulle lämnas in fick jag ett stort problem. Jag kunde inte logga in i Wordpress. Efter att ha mailat och skrivit i forum utan resultat efter ett dygn skaffade jag ett nytt wordpresskonto. Jag sparade phpfiler innan jag tog bort wordpress-filerna från min webbserver så det gick ganska smidigt trots att jag blev tvungen att göra om vissa moment. Många element på min webbplats visas frekvent på alla sidor, men några ska bara visas på vissa sidor. Att hitta en lösning på detta jobbade jag mycket med. Ett försök vara att göra en till stilmall som skulle användas på alla sidor utom start, men det lyckades jag inte med. I detta läge hade jag inte mycket tid att jobba med att få det att lyckas så jag lade specifika stilregler i en ny header. Jag hittade också php-kod för att hämta innehåll från specifika sidor i Wordpress. 18

19 Programmering Jag utgick från de filer som redan fanns i Wordpress när jag installerat det. Jag utgick från ett tema och redigerade några av filerna. Mycket innehåll som fanns från början har tagits bort. Vissa delar som tjejjouren själva ska kunna ändra ska inte vara placerade i content, den stora rutan i mitten, med huvudinnehållet för varje sida. Jag har använt en phpfunktion för att kalla på innehåll till olika element på webbplatsen. Jag har också använt custom fields i Wordpress som jag också kallat på med php-kod. Sökmotoroptimering Både sidans titel, taggad som <title> och sidans huvudrubrik, taggad som <h1> har stor betydelse för att lyckas i sökmotorer (Wackå, 2009, s ). Enligt Wackå (2009) är titeln den mest betydelsefulla delen i detta sammanhang. Först hade jag titeln Juventas systrar men ändrade det till Tjejjouren i Södertälje med tanke på att alla som söker efter dem troligtvis inte vet att de kallar sig Juventas systrar. Mellanrubrikerna, taggade med <h2> och <h3> har ju också betydelse (Wackå, 2009, s ). Url:en har betydelse för hur man hamnar i en sökmotor (Wackå, 2009, s. 83) men också beskrivningen av webbplatsen. Detta är enkelt för alla att tänka på i Wordpress. Validering Jag har en macintosh-dator och testade min webbplats i webbläsarna Firefox och Safari. Detta fungerade bra. Jag fick hjälp av en pc-användare att kontrollera sajten på en sådan dator i olika webbläsare. Jag blev tvungen att ändra på ord- 19

20 mellanrummet i menyraden från måttenheten em till px, samt lägga till en css-regel i filen header-other.php för att inte bottom-content skulle synas på alla sidor utom startsidan. Jag testar webbplatsen i w3c:s validator. Det blir 7 errors. Jag tror inte att dessa fel har betydelse för jag kan själv inte hitta dem och det syns inte i någon webbläsare. Trycksaken Jag beslutade mig för att göra en liten folder som är smidig att lägga i fickan. Gabriella tyckte att det var bra att den gamla foldern var så pass liten. I övrigt så är den gamla foldern inte enhetlig med webbplatsen och Linas affisch. En dubbelvikt folder valde jag dels för att Gabriella gillar den utformningen och det blir inte så mycket text så betraktaren tycker att det är för mycket. Här tänker jag som med webbtexterna, att det ska vara lätt att överblicka texten (Redish, 2007, s.191). För bilder, se bilaga 5. Tyvärr blev det ett tryckfel från tryckeriet. Kommunikation med uppdragsgivaren Min kontakt med tjejjouren skedde mestadels via e-mall med verksamhetsansvarige Gabriella Nilsson. Hon har i sin tur visat mina förslag för hennes medarbetare på tjejjouren. Diskussioner och beslut som kommunicerats mellan mig och Gabriella delar jag upp veckovis. Vecka 1 Efter min intresseanmälan till annonsen i Volontärbyrån fick jag ett mail med några önskemål. Ett möte bokades in mellan oss. Jag åker till Södertälje och träffar Gabriella tisdagen den 26 april. Det är projektets femte vecka. 20

21 Vi mailade en del fram och tillbaks angående färgerna i Linas affisch. Det kändes som att vi var överens om att det bästa vore att få Linas affisch i gråskala. Annars bör färgen i logotypen ändras så den passar ihop med Linas bilder alternativt använda andra bilder. Detta diskuteras men Lina verkar vara svår att få tag på. Vecka 2 En skiss på förslag till hur webbplatsens element kan byggas upp har mailats (se bilaga 4). Gabriella visade förslaget för sina medarbetare. De är nöjda med förslaget men vill få in en ruta med en enkät så att tjejerna lätt hittar den. Vecka 3-4 Här var det inte så mycket kontakt. Jag mailade några skisser och förslag och fick positiv respons. Vecka 5 Jag åkte till Södertälje för ett möte med Gabriella. Efter mötet fick jag med mig en del att jobba vidare med. Jag fick en liten folder som de vill förbättra. Detta blev min uppgift, att skapa denna trycksak. Eventuellt blir det fler trycksaker beroende på tid. Jag fick även en folder från en konkurrent till Juventas systrar och en folder från tjejjouren.se. Den sistnämnda ville de gärna att jag inspireras av och använder samma format. Jag gillar också tjejjouren.se:s folder och inspirerades även av deras webbplats i utvecklandet av Juventas systrars sajt. Gällande textproduktionen till webbplatsens innehåll mailade Gabriella mig kontinuerligt de texter som skulle visas på sajten. Texterna redigerades av mig. Gabriella önskade att webbplatsen ska vara mer interaktiv. Ett förslag från henne var att man ska kunna se vad tjejjouren gillar på startsidan, t.ex. ett You tube-klipp. Jouren är också på gång med en blogg och det bör finnas en länk till den på startsidan. 21

22 Vecka 6-8 Här handlade kontakten mycket om texterna till webbplatsen. Hur gick det? Planeringen Det blev lite brett uppdelat, att bestämma att en hel fas skulle vara klar åt gången. Detta med tanke på bland annat kommunikationen. Material som jag hade behov av var inte alltid tillgängligt i tid. Jag tycker ändå att det känns okej att de flesta delar i fas 1 var färdiga vid satt deadline. Att jag sedan gick tillbaks till vissa delar under arbetet med nästa fas kändes okej. Hade jag arbetat med fler än mig själv i webbplatsutvecklingen hade det nog varit bra att lagt upp fler deadlines och delat upp faserna i olika delar. Problem Den svåraste delen för mig var att arbeta i Wordpress. Mycket tid gick till att lösa problem. En annan del som tog upp mycket tid var bildredigering. Ett samarbete med illustratören som utformat bilderna jag arbetat med hade underlättat mycket. Förbättringar för webbplatsen Bakåtknappar Enkät där fler svar än 100 kan lämnas in Val av språk, först och främst engelska Klicka på en länk för att få större text Mobiltelefonanpassat Gul ruta med beskrivning kommer upp när man är över en länk Länka till oss. Bilder man kan ladda ner. Pressmaterial Drop-down-meny eller liknande för att minska text-innehållet på enskilda sidor. 22

23 Ambitionsnivån Jag tror att Juventas systrar är nöja med min prestation och därför anser jag mitt mål som uppnått. Däremot vill jag gärna jobba vidare med webbplatsen och lägga till de förbättringar jag listat ovan. Min roll som webbredaktör Jag har kunskap om hur man utvecklar en bra webbplats och borde varit mer bestämd. I min första kontakt med tjejjouren kunde jag ha gett mer konkreta riktlinjer om vilka uppgifter de måsta utföra själva och vilka tider som måste hållas. 23

24 Källförteckning Bergström, B. (2007). Effektiv visuell kommunikation : om nyheter, reklam och profilering i vår visuella kultur. Stockholm: Carlsson Marttala, A & Karlsson, Å. (1999). Projektboken: metod och styrning för lyckade projekt. Lund: Studentlitteratur Redish, J. (2007). Letting Go of the Words: Writing Web Content that Works. San Francisco: Morgan Kaufmann Van Duyne, D. K., Landay, J. A. & Hong, J.I. (2007). The Design of Sites: Patterns for Creating Winning Web Sites 2nd edition. Upper Saddle River: Prentice-Hall Wackå, F. (2009). Webbredaktörens handbok: skapa värdefullt innehåll för webb och intranät. Stockholm: No Digit Media AB Wedin, Å., Lundin, K., Westman, M. & Ehrenberg-Sundin, B. (2008). Att skriva bättre i jobbet: En basbok om brukstexter. Stockholm: Norstedts Juridik. Rapporten färdigställd:

25 Bilaga 1 25

26 Bilaga 2 26

27 Bilaga 3 Bilaga 4 27

28 Bilaga 5 Bilaga 6 28

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck Projektarbete Solveig Betnér Sammanfattning och syfte Företaget Solveig skapar textila handarbetade produkter

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

Att skapa en webbplats

Att skapa en webbplats Att skapa en webbplats En introduktion till ämnet med vägledning, tips och råd Andreas Ellhar 2014 1 Innehållsförteckning 1. Syfte med webbplatsen s. 4 2. Domännamn s. 4-5 3. Webbhotell s. 5 4. Webbplatsens

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

Webbsidekurs för nybörjare

Webbsidekurs för nybörjare Webbsidekurs för nybörjare Hörselskadades distrikt i Stockholms län (www.distriktet.info) Inledande faktaruta Alla HRF föreningar erbjuds möjligheten att kostnadsfritt publicera information på en egen

Läs mer

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet är en praktisk handbok för dig som någon gång skriver text för webb, surfplattor och

Läs mer

Sammanfattning från Stormötet med skolorna 14 april

Sammanfattning från Stormötet med skolorna 14 april Sammanfattning från Stormötet med skolorna 14 april VIKTIGT ATT TÄNKA PÅ NAR VI BYGGER VÅR WEBBPLATS! Målgruppen. Vilken är din målgrupp? Vad vill de veta? Vad vill de göra? Layout och design Tänk på placeringen

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

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Uppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB www.krokedil.se

Uppdateramera. Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB. 1 Krokedil Produktionsbyrå AB www.krokedil.se Uppdateramera Tio tips för en bättre webbplats. PRODUKTIONSBYRÅ AB 1 Krokedil Produktionsbyrå AB www.krokedil.se Välkommen Här har vi samlat tio grundläggande tips som hjälper dig att skapa en effektivare,

Läs mer

Lathund för webbpublicering på Vi Ungas distriktswebbplatser

Lathund för webbpublicering på Vi Ungas distriktswebbplatser Lathund för webbpublicering på Vi Ungas distriktswebbplatser 1 1. Introduktion 3 2. Inloggning 3 3. Publicering av nyheter 4 4. Hantera nyheter 7 5. Snabblänkar 7 6. Sidor 8 7. Händelser 8 8. Distriktets

Läs mer

Manual för nya hemsidan. Grundläggande funktioner för lagledare

Manual för nya hemsidan. Grundläggande funktioner för lagledare Manual för nya hemsidan Grundläggande funktioner för lagledare Inledning Detta dokument beskriver de grundläggande funktionerna på Onyx nya hemsida och hur Du: Lägger ut en nyhet på ditt lags hemsida Lägger

Läs mer

Bloggdesign { ALEXANDRA 299:- 359:- Lilla Designpaketet. Designpaketet Mellan. Prislista: Designpaket

Bloggdesign { ALEXANDRA 299:- 359:- Lilla Designpaketet. Designpaketet Mellan. Prislista: Designpaket Bloggdesign Dessa designpaket är utformade för dig som bloggar och vill ha en ny, proffsigare och mer personlig design. Jag gör designer för blogg.se/webblogg.se/blo.gg. När du har bestämt dig för vilket

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

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

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,

Läs mer

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner [Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner [Rune Tennesmed] [Göran Hultgren] Profil Kön Ålder Arbete/roll [Kund] [Man] [46 år] [Sågverksoperatör] Personlighet

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

Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb

Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb Kommunikationspolicy samt Grafisk profil för Kungsbacka Ridklubb Den interna Kommunikationen skall ge kunskap om vad som sker inom och utom ridklubben, den skall också skapa motivation och delaktighet

Läs mer

Snabbkurs i Wordpress för IOGT-NTO

Snabbkurs i Wordpress för IOGT-NTO Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta

Läs mer

2012-10-09. Skapa Bufblogg

2012-10-09. Skapa Bufblogg Skapa Bufblogg Vill du skapa en blogg till klassen/avdelningen? Alla anställda inom BUF har möjlighet att skapa blogg på http://bufblogg.kristianstad.se. Elisabeth Banemark, Skoldatateket Sida 1 Innehåll

Läs mer

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan Projektrapport Diverse slutsatser i relation till ursprungligt projektplan När det gäller projektet som slutprodukt i jämförelse med vår ursprungliga plan så är det en del som har ändrats. Då huvudidén

Läs mer

Projektplan Magasinet

Projektplan Magasinet Magasinet agnes.walmstedt@gmail.com juliask_y@hotmail.com ludvig93@live.se Bakgrund Projektets förutsättningar Detta projektarbete görs inom Medieteknik A på Södertörns högskola. Projektets syfte är att

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

PROJEKTRAPPORT GRUPP 10

PROJEKTRAPPORT GRUPP 10 PROJEKTRAPPORT GRUPP 10 AD/ID: Oskar Kiviniemi oskarkiviniemi@gmail.com Projektledare: Mikaela Olsson mikaela-olsson@live.se Teknik-/ljud-/bild-ansvarig: Filip Edde Martinsson filipeddemartinsson@gmail.com

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

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

BLOGG PETER WALTONEN @ DPI.FI

BLOGG PETER WALTONEN @ DPI.FI BLOGG PETER WALTONEN @ DPI.FI WordPress är en väldigt användbar nätportal, som kan användas både som blogg men även för att bygga upp din hemsida på nätet. Verktygen är lätta att använda och det erbjuds

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

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

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg

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

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

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

Läs mer

Ungas internetvanor och intressen 2015

Ungas internetvanor och intressen 2015 Ungas internetvanor och intressen 2015 Rapport av Anna Falkerud Ung i Kungsbacka har gjort en enkätundersökning där 184 ungdomar i åldrarna 13 20 år deltagit. Undersökningen handlade om ungas internetvanor

Läs mer

2013-04-02 Ver 3.0. Lathund WP-tema SAGA

2013-04-02 Ver 3.0. Lathund WP-tema SAGA 03-04-0 Ver 3.0 Lathund WP-tema SAGA Om SAGA för wordpress SAGA är ett Wordpresstema framtaget av Psynkprojektet inom SKL för att underlätta kommuner och landsting att presentera vart man ska vända sig

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

Umgås på nätet KAPITEL 6. Chatta via webbläsaren

Umgås på nätet KAPITEL 6. Chatta via webbläsaren KAPITEL 6 Umgås på nätet Internet håller alltmer på att utvecklas till en parallellvärld med vår vanliga tillvaro. Man spelar spel över nätet, bygger upp virtuella världar med virtuella prylar och virtuella

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

Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand

Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand Riktlinjer och tips för facebookgrupper Erikshjälpen Second Hand Varför Facebook? Facebook är ett socialt forum där det är enkelt att hålla kontakt, uppdatera medlemmar om aktuella händelser och så vidare.

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Kom-igång-hjälp för hemsida & e-butik Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Ta reda på dina behov Skapa förutsättningar för att lyckas. Skriv ner en tydlig sidstruktur

Läs mer

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application Manual till APA En instruktionsmanual för användare av APA Advanced Publication Application Versionshistoria 2005-10-13 början Anders Nilsson 2007-05-12 slutversion Adam Boman Vid frågor om APA eller denna

Läs mer

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation.

Genom att följa instruktionerna når vi konsekvens, tydlighet och trovärdighet i vår kommunikation. Hotell Grafisk Profil Vår grafiska profil är en viktig del av vår identitet och ett grundläggande verktyg i våra relationer. Därför är det avgörande att vi använder vår grafiska profil rätt och att alla

Läs mer

Vilken version av Dreamweaver använder du?

Vilken version av Dreamweaver använder du? Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser

Läs mer

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com Grundläggande om sökordsoptimering Sida 1 Grundläggande om sökordsoptimering Marcus Österberg, marcus@webbfunktion.com Sida 2 Innehåll: Ordlista... 3 Varför sökordsoptimering... 4 Viktiga faktorer inom

Läs mer

Lathund för att hantera kongresshandlingar

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

Läs mer

Projektrapport. Projekt - Anna Broström Keramik

Projektrapport. Projekt - Anna Broström Keramik Projektrapport Projekt - Anna Broström Keramik Kurs: Medieteknik A, VT 2013 Delkurs: Interaktiva medier och Publicering via Internet Inlämningsdatum: 2013-06-04 FIMS: Freja Krogh-Andersen, Ida Josefsson,

Läs mer

Word-guide Introduktion

Word-guide Introduktion Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.

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

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

Manual för lokalredaktörer villaagarna.se

Manual för lokalredaktörer villaagarna.se Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750

Läs mer

Bättre webb för barn och unga!

Bättre webb för barn och unga! Bättre webb för barn och unga! Utdrag av bilagor till rapporten Genomlysning av webbinfo om psykisk ohälsa för barn och unga för projektet Psynk i november 2014 Bilagorna är personabeskrivningar, anvisning

Läs mer

Starta din försäljning med hjälp av sociala medier

Starta din försäljning med hjälp av sociala medier Starta din försäljning med hjälp av sociala medier Facebook Ett av de snabbaste sätten att sprida sin webbutik och få sin första beställning är att använda sig av Facebook. Det finns två olika sätt att

Läs mer

Projektrapport Ewa Kwiatkowska & Marika Johansson

Projektrapport Ewa Kwiatkowska & Marika Johansson Projektrapport Ewa Kwiatkowska & Marika Johansson Projekt: webbplatsutveckling 15 hp Vårterminen 2011 Sammanfattning I den avslutande kursen för webbredaktörsprogrammet skulle vi göra ett projektarbete.

Läs mer

Manual för webbpublicering. Enköpings kommun

Manual för webbpublicering. Enköpings kommun Manual för webbpublicering Enköpings kommun Innehåll ATT LOGGA IN I SWWWING 3 Inloggningsrutan 3 GRÄNSSNITTET 4 Filhanteraren 4 Content Management 4 Verktyget Notify - Dags att uppdatera 4 SKAPA OCH REDIGERA

Läs mer

Vad är SEO? Topp 10 SEO handlar om att förenkla för sökmotorerna att förstå vad din webbplats handlar om

Vad är SEO? Topp 10 SEO handlar om att förenkla för sökmotorerna att förstå vad din webbplats handlar om SEO en stilguide Vad är SEO? Har du sprungit på begreppet SEO? Kanske har någon försökt förklara vad det är utan att lyckas fullt ut. Du har förstått att din webbplats behöver SEO för att bli bra, men

Läs mer

Manual för administratör

Manual för administratör Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera

Läs mer

FÅR JAG GIFTA MIG MED VEM JAG VILL?

FÅR JAG GIFTA MIG MED VEM JAG VILL? FÅR JAG GIFTA MIG MED VEM JAG VILL? KÄNNER DU IGEN DIG? ÄR DU OROLIG ATT DU...... inte får gifta dig med vem du vill?... inte får vara kär i någon av samma kön?... inte kan skilja dig om du redan är gift?

Läs mer

WORDPRESSGUIDE 2013. Uppdaterad 20131029. WORDPRESSGUIDE 2013 Sida 1

WORDPRESSGUIDE 2013. Uppdaterad 20131029. WORDPRESSGUIDE 2013 Sida 1 Uppdaterad 20131029 WORDPRESSGUIDE 2013 Sida 1 WordPress är ett modernt publiceringsverktyg med fokus på utseende, webbstandard och användarvänlighet. Det perfekta verktyget för både privatpersoner och

Läs mer

ANVÄNDARMANUAL FÖR WORDPRESS

ANVÄNDARMANUAL FÖR WORDPRESS FÖR WORDPRESS Surfa in på http://klubb.seko.se/< din sida >/wp-admin/ vet du inte vad < din sida > är kan du logga in direkt på http://klubb.seko.se/wp-admin 3. Fyll i ert användarnamn 3. Fyll även i ert

Läs mer

En grafisk profil. Har du frågor? Kontakta oss på info@soulchildren.se 018-430 25 80. Kära användare av Soul Childrens grafiska profil!

En grafisk profil. Har du frågor? Kontakta oss på info@soulchildren.se 018-430 25 80. Kära användare av Soul Childrens grafiska profil! Grafisk profil En grafisk profil INNEHÅLL: En grafisk profil 2 Vision och värderingar 3 Symbolik 3 Logotyper 4 Användning av logotyper 4 Färger 5 Typsnitt 5 Grafiska element 6 Exempel 7 Salt barn och unga

Läs mer

SSU:s Klubbmaterial Aktiviteter demokrati och ekonomi aktiva förtroendevalda medlemmar. www.ssu.se

SSU:s Klubbmaterial Aktiviteter demokrati och ekonomi aktiva förtroendevalda medlemmar. www.ssu.se a v ti k A SSU:s Klubbmaterial Aktiviteter demokrati och ekonomi aktiva förtroendevalda medlemmar www.ssu.se publicerat våren 2013 AKTIVA De aktiva är de som arrangerar aktiviteter i SSU-klubben och bär

Läs mer

Den grafiska profilieringen för roar

Den grafiska profilieringen för roar Den grafiska profilieringen för roar 2013 edition INNEHÅLL LOGOTYP 04 LOGOTYPENS FRIZON 05 TYPOGRAFI 06 FÄRGER 07 KONTORSMATERIAL 08 ANNONS & BILDER 10 BROSCHYR 12 GRAFISKA ELEMENT/BYXMÄRKE 14 WEBBSIDA

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

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

2013-04-09. Vem är vi? Magnus Äng

2013-04-09. Vem är vi? Magnus Äng 1 2 Vem är vi? Magnus Äng 3 14 år 4 5 TopVisible 6 Kunder Digital byrå ü Grundandes 2012 ü 7 st i TopVisible-team ü +50 år samlad erfarenhet inom Digital Marketing ü Omsättning ca 5,1 Mkr ü Resultat ca

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

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord Sidan 1 av 9 Logga in och administrera hemsidan Inloggningslänk: www.alvsbyn.se/wp-admin Byta lösenord 2. Klicka på Profil 3. Längst nere hittar du två fält: Nytt lösenord och Bekräfta nytt lösenord. Fyll

Läs mer

PROSPEKT MEDIAS HANDBOK

PROSPEKT MEDIAS HANDBOK PROSPEKT MEDIAS HANDBOK 1 INNEHÅLLSFÖRTECKNING INLEDNING 3 FACEBOOK 4-5 INSTAGRAM 6-7 TWITTER 8-9 LINKEDIN 10 YOUTUBE 11 2 INLEDNING Idag är sociala medier ett måste i ett företags mediemix. Det har blivit

Läs mer

Kommunikation och presentation

Kommunikation och presentation Kommunikation och presentation MFM310 2010-09-16 Eva Larsson FoUU-enheten primärvården i Fyrbodal Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut.

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

Utseende. Lauri Watts Översättare: Stefan Asserhäll

Utseende. Lauri Watts Översättare: Stefan Asserhäll Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................

Läs mer

Människa-Dator Interaktion

Människa-Dator Interaktion Människa-Dator Interaktion Uppgift 1, Datainsamling Utbildningsföretag vill ha programvara (Håkan Johansson) Produkter på marknaden: 3 st gratisprogram för elearning/webkonferans: Yugma Låter dig köra

Läs mer

Lata marknadsföraren

Lata marknadsföraren Lata marknadsföraren *************************************************** * * * * Inre Cirkelns Månadsbrev 8, januari 2015 * * * * *************************************************** Checklista för ett

Läs mer

Talarmanus för Surfa Lugnts föreläsning 40 minuter om ungas nätvardag

Talarmanus för Surfa Lugnts föreläsning 40 minuter om ungas nätvardag Talarmanus för Surfa Lugnts föreläsning 40 minuter om ungas nätvardag Du kan välja att följa det ordagrant, eller använda det som stöd och/eller som inspiration. Manuset är uppdelat per bild i presentationen.

Läs mer

Handledning och checklista för klarspråk

Handledning och checklista för klarspråk Handledning och checklista för klarspråk i Brottsofferjouren 2015-02-24 Innehåll Vad är klarspråk?... 2 Varför ska vi skriva klarspråk?... 2 Hur du kan använda checklistan... 2 Innan du börjar skriva...

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

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

Webbplats. Projektplan för webbplats. Karin Tuvell

Webbplats. Projektplan för webbplats. Karin Tuvell Webbplats Projektplan för webbplats Karin Tuvell Innehåll Syfte... 3 Mål... 3 Målgrupp... 3 Innehåll och avgränsningar... 3 Utformning... 3 Storyboard... 4 Flödesschema... 5 Tidsplan... 6 Resurser... 6

Läs mer

Talmanus till presentation om nätvardag 2015

Talmanus till presentation om nätvardag 2015 Talmanus till presentation om nätvardag 2015 Bild 1: Här kommer det finnas ett stolpmanus för föreläsningen. Du kan även ladda hem manuset på www.surfalugnt.se om du vill ha manuset separat. Om du inte

Läs mer

KARLSTADS UNIVERSITETSBIBLIOTEK

KARLSTADS UNIVERSITETSBIBLIOTEK 1 (7) Guide till Zotero Med referenshanteringsprogrammet Zotero kan du enkelt samla dina referenser till böcker, artiklar m.m. och infoga källhänvisningar samt skapa litteraturlistor i MS Word, OpenOffice

Läs mer

Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress

Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress Skapa webbplats med WordPress En guide hur man använder publiceringsverktyget WordPress WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma

Läs mer

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015 Grafisk profil 2014/2015 Förord Vi inom S.M.A.R.T UF arbetar för avstigmatiseringen kring psykisk ohälsa genom olika projekt. Talespersonen som agerar som en del av ansiktet utåt är Emin Agga. Han jobbar

Läs mer

Anna Jonströmer. Bloggning

Anna Jonströmer. Bloggning Anna Jonströmer Bloggning Del 2 BÖRJA BLOGGA 6. Bloggverktyg... 28 7. Skapa en blogg... 31 8. Publicera... 35 9. Inställningar... 39 10. Ändra design... 42 11. Övriga ändringar och funktioner... 48 12.

Läs mer

Bidrag till tävlingen Bästa vara

Bidrag till tävlingen Bästa vara Haganässkolan, Älmhult Erik Nilsson tel. 070-574 97 18 Vår affärsidé: Att skapa snyggt designade kökstillbehör där funktion och kvalité står i centrum. Bidrag till tävlingen Bästa vara Bakgrund ES Design

Läs mer

Manual för administration av Familjepeppen.se

Manual för administration av Familjepeppen.se Manual för administration av Familjepeppen.se Innehållsförteckning Rekommendationer och support... 2 Logga in... 2 Adminpanelen... 2 Forum... 3 Profil... 3 Aktiviteter... 3 Skapa ny aktivitet... 4 Aktivitetens

Läs mer

Joel Sundberg 2012-02-27

Joel Sundberg 2012-02-27 CIVILFÖRSVARSFÖRBUNDET Manual för civil.se En guide för webbansvariga Joel Sundberg 2012-02-27 Uppdaterad 2014-05-16 Malin Håkansson INNEHÅLL Förberedelser... 3 Hitta på civil.se... 3 Användare... 3 Uppdatera

Läs mer

www.faltbiologerna.se

www.faltbiologerna.se Redigering av www.faltbiologerna.se sammanställt av Magnus Bjelkefelt, november 2011 reviderad oktober 2012 Innehållsförteckning 1. Logga in................................................... 2 1.1 Var

Läs mer

Innehållsförteckning Inloggning: Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn högst upp i bildkant.

Innehållsförteckning Inloggning: Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn högst upp i bildkant. 1 Innehållsförteckning Inloggning: 2 Så här skaffar du E-id/Bank-id:... 2 Mobilt Bank-id/E-id... 2 Var och hur loggar jag in med användarnamn och lösenord?... 2 Hur loggar jag in med Bank-id/E-id?... 3

Läs mer

HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09)

HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09) DOKUMENTATIONER IDÈSKISS ÄMNESOMRÅDE: Webbdesign och marknadsföring HANDLEDARE: Jonny Pedersen Datum: (Detta skrevs i November 09) Min idéskiss: Jag ska skapa en hemsida vars syfte är att tjäna pengar.

Läs mer

Kategorisidor optimeras för sina produktkategorier och synonymer till dem.

Kategorisidor optimeras för sina produktkategorier och synonymer till dem. Vill du ha nya kunder direkt från Google? Det är enkelt! Genom att synas på Google kan de som letar efter det du erbjuder hitta till din e-butik. Här kommer vi ge dig 4 tips om sökmotoroptimering (SEO)

Läs mer

Grafisk manual GAKE DOJO. Riktigt bra självförsvar!

Grafisk manual GAKE DOJO. Riktigt bra självförsvar! Grafisk manual 2007 JUJUTSU Riktigt bra självförsvar! Högskolan för Lärande och Kommunikation i Jönköping Andrea Drljaca, Viktor Larsson och Jesper Jarl Grafisk manual 2007-06-08 INNEHÅLL GRAFISK MANUAL...4

Läs mer

Webbproducentutbildning i InfoGlue

Webbproducentutbildning i InfoGlue 2014-02-17 Sid 1 (17) Webbproducentutbildning i 2014-02-17 Sid 2 (17) Innehåll Logga in i systemet och ändra inställningar... 3 Flikarna struktur och innehåll... 5 Komponenter... 6 Använda innehåll från

Läs mer

Musik bland dagens ungdomar

Musik bland dagens ungdomar Musik bland dagens ungdomar En undersökning som tar reda på hur dagens ungdomar gör då de vill lyssna på musik. Musik är för många ungdomar en mycket stor del av vardagen. Utbudet av musik och sätt att

Läs mer

Scio. en liten användarguide. Skriven av: Josefine Siewertz

Scio. en liten användarguide. Skriven av: Josefine Siewertz Scio en liten användarguide Senast ändrad: 2011-03-18 (Korrigerat typsnitt samt information om kursplaner) Skriven av: Josefine Siewertz Innehåll Allmän information samt att logga in i Scio... 1 Strukturen

Läs mer

Skapa en rapport med snygg formatering, rubriker, sidnummer och innehållsförteckning

Skapa en rapport med snygg formatering, rubriker, sidnummer och innehållsförteckning Skapa en rapport med snygg formatering, rubriker, sidnummer och sförteckning MS Office Word 2011 för Mac Precis som med målning och tapetsering blir jobbet med rapportskrivning både bra och roligt om man

Läs mer

Värderingsövning -Var går gränsen?

Värderingsövning -Var går gränsen? OBS! jag har lånat grundidén till dessa övningar från flera ställen och sedan anpassat så att man kan använda dem på högstadieelever. Värderingsövning -Var går gränsen? Detta är en övning i att ta ställning

Läs mer

Skvadronskolan Vårdnadshavares lathund för skolwebben

Skvadronskolan Vårdnadshavares lathund för skolwebben Skvadronskolan Vårdnadshavares lathund för skolwebben Under höstterminen 2012 kommer vi att använda oss av de funktioner i skolwebben som vi har markerat. 1 Innehållsförteckning Inloggning: 2 Så här skaffar

Läs mer