Open24 Webtool Inofficiell komplettering till manual Förord När detta skrivs är den officiella manualen knapphändig, speciellt beträffande bilder och tabeller. Jag har provat mig fram och hittat några lösningar som presenteras här. Programversion är 1.10. Vänersborg i februari 2010 Göte Johansson gote@spflillaparis.se Start Starta Internet Explorer. Skriv i adressfältet: www.spfpension.se/medlem.html Klicka på Medlemsregistret. Skriv in Användarnamn Skriv in Lösenord Klicka på: Logga in Klicka på + framför Distrikt Klicka på + framför ditt distrikts namn. Klicka på + framför Föreningar Klicka på + framför din förenings namn Klicka nu på namnet på din förening. Klicka på Nej när det kommer upp en Säkerhetsvarning. Alla datorer är inte som din Den som själv har ett snabbt bredband gör kanske webbsidor som blir mycket långsamma, ja näst intill omöjliga för den som använder modem eller ett riktigt långsamt bredband. Se vidare under bildbehandling. Nya skärmar är bredare än gamla, men webbverktyget eliminerar detta problem genom att sidan har fast bredd. Din webbsida kan se annorlunda ut på andra skärmar. Olika webbläsare kan ha olika stor text, men framför allt kan användaren själv ändra textstorlek. För att undvika problem bör man inte använda Avdela inte ord med bindestreck. På torsdag har vår förening månadsmöte klockan 13.00. Detta skrevs med bindestreck och radbyte (radbytestangent) annat än vid nytt stycke. På torsdag har vår förening månadsmöte klockan 13.00 Så här kan någon annan se det. Se resultatet Klicka på ikonen (Förhandsgranska) eller spara sidan och se resultatet under fliken Layout. Eftersom det verkliga resultatet kan avvika från Layout så bör man dessutom Spara och publicera och gå över till webbsidan, trycka F5 och kolla utseendet. Detta är särskilt viktigt beträffande tabeller. Prova dina webbsidor med olika textstorlekar (ändras i sidans huvud). 1
Spara version Om du har en riktig sida så är det lämpligt att spara den som en version innan du börjar göra ändringar. Om ändringarna misslyckas så är det oftast enklare att börja om från utgångsläget än att försöka rätta till det hela. Bildhantering Anpassning av bild. Bildens namn får inte innehålla å, ä, ö, specialtecken eller mellanslag. Om bilden är alltför stor för att publiceras, dvs över 200 KB, minskas vanligen bildens minnesbehov automatiskt i samband med uppladdningen. Bilder över 500 KB stoppas med motiveringen att filen är för stor. En bild på 200 KB tar c:a en minut att ladda ner om man har ett vanligt modem. Eftersom det fortfarande finns många som har modem bör alltså filstorleken minskas. Med ett bildhanteringsprogram minskar man bildens mått och lagrar den med lägsta acceptabla bildkvalitet. Överföring av bild Bildhanteringen görs i två steg. Först (nr 5-7 nedan) laddas bilden upp från din dator, t.ex mapp, CD eller USB-minne, till hemsidans uppladdningsmapp. Bilden finns då på servern. I andra steget (8-10) infogas bilden i hemsidan. 1. I Redigera-läge: Sätt markören på det ställe där bilden skall läggas in. 2. Klicka på ikonen (Infoga lokal bild) för att ladda upp bild. 3. Ett nytt fönster öppnas. Den övre vänstra delen av bilduppladdningsfönstret visar redan uppladdade bilder. 4. Om bilden redan är uppladdad: gå till punkt 8. 5. Klicka på knappen Ladda upp och ännu ett fönster öppnas som visar mappstrukturen på din dator. 6. Leta fram rätt bild och klicka Öppna 7. Ett meddelande om att bilden har laddats upp visas och bilden förhandsvisas i den högra delen av fönstret. Det dröjer en liten stund beroende på filstorlek och överföringshastighet 8. Markera bildfilen i övre vänstra delen av fönstret. Bilden, eller en del av den, förhandsvisas. 9. Gör eventuella ändringar i layouten. Se nedan. Om bildbredden är större än 650 kan det vara bekvämt att minska den nu. 10. Klicka Lägg till för att lägga in bilden Modifiering av infogad bild. Bildens storlek kan modifieras genom att man först markerar bilden. Den har då små kvadratiska handtag i hörnen och mitt på varje sida. Använd något av handtagen på en vertikal sida. För muspekaren över handtaget så att den blir en dubbelriktad pil. Håll ner musknappen och drag bildsidan tills bilden har rätt bredd. Höjden anpassas automatiskt så att proportionerna bibehålles. Bildens storlek och många andra egenskaper kan även ändras genom att man högerklickar på bilden. Klicka på Properties. Här kan layouten ändras. Layout Layout kan ändras vid infogningen av bilden eller genom att välja Properties efter högerklick på bilden. 2
Justering. Här kan man välja var på sidan bilden skall ligga. Ett annat sätt för placering i sidled är att markera bilden och klicka på någon av ikonerna (Vänsterjustering, Centrera, Högerjustera) Kantlinjestorlek. Skriv ett tal här om du vill ha en kantlinje. Prova med t ex 5 och ändra efter behag. Kantlinjefärg. Klicka i den lilla rutan och välj färg. Bredd. Här anges vilken bredd bilden skall ha. Höjden ändras automatiskt om Bibehåll proportioner är valt. Om man vill ha bilder under varandra så är det oftast snyggt om alla har samma bredd. Justera då in den första bilden och skriv in samma bredd vid infogande av följande bilder. Maximal bredd är c:a 650 punkter, men om man använder kantlinje eller spacing så minskas detta mått. På startsidan kan man ha högst 400 punkter vid sidan av nyhetskolumnen. Under nyhetskolumnen kan man ha full bredd på bilder men lämna utrymme så att nyhetskolumnen kan växa nedåt. Det speciella fönstret för bilder på startsidan tycks inte behövas. Höjd. Kan inte ändras om Bibehåll proportioner är valt. Bibehåll proportioner. Skall normalt vara valt. Mellanrum. Skapar ett mellanrum så att bilden inte ligger direkt an mot omgivningen. Vertikalt mellanrum gör t ex att det blir ett mellanrum mellan varje bild om man lägger bilder under varandra. Prova med t ex 10 och ändra efter behag. Borttagning av bild Genom att markera bilden och trycka Delete-tangenten tar man bort en bild från arbetsytan. Om en bild inte används på någon sida, kan den tas bort från uppladdningsmappen. Man klickar på ikonen (Infoga lokal bild), bockar för bilden/bilderna och klickar på saxen ovanför. Exempel på tabeller: Tabellhantering Vänern Vänern Stadsmuren i Xian Stadsmuren i Xian 3
1 Ordföranden hälsade alla välkomna. Särskilt vände han sig till PRAO:n Lukas, som valt att praktisera som pensionär. Lön varje månad utan större ansträngning. 2 Föreningens sekreterare Anna Annasson tilldelas titeln Föreningens Hjälte. Motivering: Hon skriver snygga protokoll. 3 Anna tackade och framhöll att det är lätt som en plätt. När man skriver i tabellform blir det automatiskt rakt och snyggt. Studiecirkel Ledare Tid Engelska Tony Blair Tisdag 13.00 Trafikkunskap 65+ Henry Ford Onsdag 13.00 Infoga tabell Sätt markören där tabellen skall läggas. Läget i sidled kan styras med ikonerna (Vänsterjustera, Centrera, Högerjustera). Klicka på ikonen (Infoga/redigera tabell). Markera det antal kolumner och rader som tabellen beräknas omfatta och klicka på musen. Om tabellen saknar linjer Dubbla prickade linjer som enbart syns på arbetsytan kan skapas genom att klicka på ikonen (Synliga kantlinjer). Om man lägger in riktiga kantlinjer så syns inte dessa när Synliga kantlinjer klickats. Man får då klicka en gång till på ikonen. Fylla tabellen med innehåll. Vänta helst med att ändra tabellens mått tills tabellen är helt fylld med innehåll. Klicka (evt två gånger) i den cell som skall fyllas i. Du får då en markör där texten/bilden hamnar. Skriv text och/eller infoga bild i cellen. Använd piltangenter eller muspekaren för att hoppa mellan celler. Ändra teckenform, cellform mm. Alternativ 1: Om cellen redan innehåller text, markera den. Högerklicka i cellen och välj Formating. Nu kan man välja typsnitt, textstorlek, fetstil osv. För att ändra fler egenskaper måste alternativ 2 väljas. Alternativ 2: För muspekaren till en kantlinje så att pekaren får detta utseende. Högerklicka och välj Properties. Fönstret TABLE som då kommer fram har i nuvarande version några obekväma egenskaper. Bl a syns och fungerar tabellens markeringar trots att fönstret egentligen täcker tabellen. Man kan behöva klicka i fönstret för att kunna använda det. I rutmönstret i fönstret finns en ruta per cell i tabellen. Övre vänstra cellen är markerad från början, men andra kan markeras genom en klickning. Celler kan läggas ihop/delas med hjälp av + och Span. Klicka på Radegenskaper eller Cellegenskaper och sök upp vad som skall ändras. Var försiktig med text- och bakgrundsfärg eftersom läsbarheten lätt försämras. Ändra tabellens bredd. Klicka på en kantlinje på tabellen. Den får då små kvadratiska handtag i hörnen och mitt på varje sida. Använd handtaget mitt på höger sida för att öka bredden. För muspekaren över handtaget så att den blir en dubbelriktad pil. Håll ner musknappen och drag tills tabellen har rätt bredd. Ändra tabellens längd. Gör som vid ändring av bredden, men använd handtaget mitt på undersidan. 4
Ändra kolumnbredd eller radhöjd. För snabbt muspekaren nedifrån och upp till en cell i den kolumn eller rad som skall ändras. Cellen får en röd ram och en svart pil under cellen pekar nedåt höger. Håll ner musknappen och drag. Ett alternativt sätt att ändra bredd och höjd är att följa instruktioner för Ändra teckenform, cellform mm alternativ 2. Problem med kolumnbredd eller radhöjd Om t ex radhöjden inte blir rätt när man ändrat den enligt föregående stycke kan flera motstridiga höjdmått ha lagrats i HTML-koden. Högerklicka i en cell, välj Table utan att klicka, välj Verbs och Reset cells. Klicka Height, Width eller för bådadera Size. Nu kan man börja på nytt att anpassa bredd och höjd om det behövs. Ändra antal rader eller kolumner. För muspekaren till en kantlinje så att pekaren får detta utseende Properties. Se figur.. Högerklicka och välj Här tar man bort eller lägger till en kolumn längst till höger. Här tar man bort eller lägger till en rad längst ner. Radera/infoga kolumn/rad inne i en tabell Högerklicka i en cell i berörd kolumn/rad och välj Table utan att klicka. Välj lämplig funktion. Tabell från Word Om man har en tabell i Word kan man markera den och klicka kopiera. I Webtool sätter man markören där tabellen skall vara, högerklickar, väljer Redigera och Klistra in från Word. Borttagning av tabell Markera tabellen och tryck på Delete-tangenten. 5