Webbskribent @ Tjörn Handläggare: Peter Olausson, webbmaster Datum: 2015-03-19 Tjörn Möjligheternas ö
Grundutbildning för skribenter på hemsidan och/eller intranätet Upplägg: Vi tar en titt på hur hemsidan ser ut för besökarna. Vi tar en titt på hur hemsidan ser ut för webbskribenterna. Vi skapar en ny sida. Vi lägger in text. Vi lägger in länkar. Vi lägger in bilder. Vi publicerar sidan. De sista fyra punkterna upprepas tills vi tröttnar eller känner oss någorlunda säkra på det hela, vilket som kommer först. Hemsidan och intranätet använder något olika versioner av samma system (Sitevision). De är ganska lika varandra och fungerar i princip likadant. Denna genomgång är främst inriktad på hemsidan. Vissa detaljer skiljer sig på intranätet. 2
Vad besökarna ser Här har vi en typisk sida på www.tjorn.se. Den har tre delar: menyn till vänster, själva innehållet i mitten, och relaterat material (kontaktpersoner, länkar, mer information) till höger. Indelningen återfinns på intranätet: vänstermeny innehåll högerkolumn. 3
Logga in För att arbeta med sidorna får man först logga in. Använd Chrome eller Internet Explorer och gå till inloggningssidan: Hemsidan www.tjorn.se/inloggning Intranätet intra.tjorn.se portal.tjorn.se Användarnamn och lösenord är desamma som vid den vanliga jobb-inloggningen. Väl inloggad ser man först ingen skillnad. När man hamnar på en sida som man har behörighet att ändra på så får man en grön knapp i nedre högra hörnet: Klicka på knappen för att komma till redigeringsläget. Nu laddas Sitevision. Det kan ta en liten stund, i synnerhet när man gör det första gången. Om det dyker upp en dialogruta med en fråga så är det bara att svara Ja. Om det är något som krånglar så beror det oftast på de så kallade Javainställningarna. Titta på intranätet: handböcker > webbhandbok > Java och kompatibilitet. Där beskrivs två mycket vanliga fel och hur man löser dem. 4
Redigeringsläget ser ut ungefär så här: De markerade fönstren och knapparna är de man arbetar med allra mest. Fler är de inte. 5
Den verktygsknapp man använder överlägset oftast är Publicera. Därefter kommer Ny text och Ny bild. Vi ska snart gå igenom dem. Navigatorn är som en Utforskare för hela sajten. (Det finns en del speciella sidor länkar, struktursidor och allt vad de heter men de är överkurs.) Om man klickar på en sida som man inte får ändra på så lämnar man redigeringsläget. I övrigt kan man bläddra hur mycket man vill bland sidorna. 6
I fönstret Innehåll ser man hur den sida som visas är uppbyggd som en Utforskare för en enda sida. Återigen är det bara en bråkdel som man är intresserad av till vardags, mestadels de så kallade modulerna Bild och Text. Alla sidor är uppbyggda av moduler. Textmoduler och bildmoduler är överlägset vanligast. Sedan finns det en rad andra sorter som man använder ibland, sällan eller inte alls. 7
Skapa en sida Vi börjar med att skapa en sida som du kan öva på. + Välj en sida i Navigatorn. Klicka på Ny sida. Dialogrutan Skapa ny... dyker upp: Välj vilken mall du vill utgå ifrån. Textsida kort bild är en enkel mall som fungerar till det mesta. Klicka på OK. Den nya sidan lägger sig under den sida du valde innan. Den lilla röda markeringen innebär att sidan varken är sparad eller publicerad. Vi ska snart återkomma till dessa begrepp. 8
Sidans ursprungliga utseende bestäms av mallen. I fönstret Innehåll ser man att den valda mallen Textsida kort bild har bildmodulen Bild och textmodulen Text (liksom en del annat vi inte behöver bekymra oss för just nu). Du kan när som helst spara sidan med knappen Spara. En sparad sida lagras i systemet men syns inte utåt. Den lilla mörkblå markeringen visar att ändringar på sidan har sparats men inte publicerats. Du och andra (inloggade) medarbetare kan titta på sidan och arbeta med den, men vanliga besökare ser inte förändringarna förrän sidan publicerats. Innan vi publicerar sidan ska vi lägga in lite material på den. 9
Text För att ändra i en befintlig textmodul: Klicka på den. Den blinkande markören visar att du kan börja skriva. Samtidigt har några nya verktyg dykt upp i verktygsraden. Du kan till exempel markera en text och ange att den ska vara kursiv eller fet, eller ange stilval, som brödtext eller olika rubriker. Ibland behöver man skapa en ny textmodul. Välj en modul i fönstret Innehåll och klicka sedan på Ny text. + 10
Länkar Markera lite text och klicka på länk-knappen. Dialogrutan Skapa länk dyker upp. Här kan man länka till andra sidor på sajten (internt) andra hemsidor på nätet (externt) epost-adresser (göra dem klickbara) filer i filarkivet bilder i bildarkivet Vi tittar nu på de två förstnämnda. Om det är en intern länk du vill ha så får du bläddra fram till rätt sida. Länkbeskrivningstexten är valfri att skriva in. Klicka på OK. 11
Om det är en extern länk du vill ha så väljer du Extern webbsida och skriver in adressen ( http... behövs inte). Länkbeskrivningstexten är valfri att skriva in. Klicka på OK. För att ändra en länk, sätt markören på den och klicka på länk-knappen. 12
Bilder För att ändra en befintlig bild: Dubbelklicka på bilden eller på bildmodulen. För att skapa en ny bildmodul: Välj en modul i fönstret Innehåll och klicka sedan på Ny bild. + I båda fallen får du upp fönstret nedan, med fliken Bildval och bildarkivet. Leta reda på en passande bild (bläddra bland mapparna eller använd sökfunktionen) och markera den. 13
Kryssar gärna för Förhandsgranska så får du se varje bild du markerar. För att lägga upp en ny bild i bildarkivet, klicka på Lägg till bild (nere till höger). Obs! Bilder som läggs ut på hemsidan ska följa några regler. Bland annat är standardformatet 500 x 375 pixlar. När du valt bildfil går du till nästa flik, Bildbeskrivning. Kryssa för Använd alternativtext. Om det finns en text i det nedre fältet ( Hämta alternativtext... ) kan den användas. Annars skriver du in en alternativtext i det övre fältet. 14
Den tredje fliken heter Inställningar. Där anger du hur stor bilden ska vara. De allra flesta bilder på Tjörns hemsida visas i formatet 210 x 158 pixlar. När du är klar med denna flik klickar du på OK. Om något fattas får du en dialogruta om det. Annars är det klart. 15
Lite mer om bilder Standardformatet för bilder på Tjörns hemsida är 210 x 158. Bilderna som läggs upp är som sagt något större, 500 x 375. De visas alltså förminskade på skärmen. Ett vanligt fel är att lägga upp bilder direkt från kameran. De bilderna är jättestora, med webb-mått mätt. För fler tips och riktlinjer om hur vi använder bilder på hemsidan/intranätet, de olika bildformaten med mera, se intranätets webbhandbok, sidan Bilder på hemsidan. 16
Publicera en sida När du är klar med en sida publicerar du den genom att klicka på Publicera. När man publicerar en sida kan man få upp en hel ström av dialogrutor, om man så vill. Dessa innehåller en mängd inställningar av vilka flera är användbara. Just nu ska vi inte bekymra oss för dem. Hoppa över dem genom att klicka på Slutför. Klart! Sidan är publicerad. Nu finns den ute på riktigt. 17
Några tips... Radbrytningar och nytt stycke Enter = nytt stycke, med blankrad. Skift + enter = ny rad. Sök bilder & filer I Sitevision 3 har bild- och filväljarna en sökrad längst upp. Skriver man något där listas alla bilder/filer med matchande namn. Sökningarna görs utan fördröjning och är en mycket användbart metod för att hitta material. Sök sidor I Sitevision 3 kan man även leta efter sidor på samma sätt. I Navigatorn finns det ett litet förstoringsglas. Klicka på det så dyker det upp ett litet sökfält, "Sök sidor". Där kan man snabbt och effektivt ta fram sidor på sajten utan att behöva gräva i kataloger. Hur kommer jag åt högerspalten? Kontaktuppgifterna i hemsidans högerspalter är inte inlagda på samma sätt som annan text. För att ändra kontaktpersoner får man gå in i sidans så kallade metadata. Det är den längsta av dialogrutorna man får upp när man publicerar sidan. Resten av högerspalten puffar, rutor med länkar med mera är inlagt som allt annat. Klicka på det du vill ändra och redigera. Läs mer på intranätet! På intranätet har vi samlat en hel del tips, råd, riktlinjer och bestämmelser kring hemsidan, intranätet och relaterat i webbhandboken. Du hittar den under rubriken Handböcker. En bra utgångspunkt är sidan Grundutbildning för webbskribenter. Där finns den senaste versionen av denna handledning, liksom länkar till några särskilt viktiga och/eller användbara sidor. Där kan du läsa om vanliga fel och hur man löser dem, vad man ska tänka på när man skriver för webben, hur vår sidstruktur Funkaboda fungerar, med mera. 18