6 LÄGG TILL INTERAKTIVITET

Storlek: px
Starta visningen från sidan:

Download "6 LÄGG TILL INTERAKTIVITET"

Transkript

1 6 LÄGG TILL INTERAKTIVITET I den här lektionen, lägger du till Webb 2.0-funktionalitet till dina webbsidor genom att göra följande: Använda Dreamweaver-beteenden Tillämpa ett beteende med hjälp av Spry-effekter Arbeta med XML-data och datakällor Infoga en Spry-tabell och en Spry-dragspelswidget Den här lektionen tar ungefär 60 minuter att fullborda.. Innan du börjar måste du kopiera över filerna från mappen lessons > lesson06 och från mappen images från cd-skivan Adobe Dreamweaver CS4 Allt i en bok till din hårddisk. 126

2 Dreamweaver skapar sofistikerade interaktiva effekter med beteenden, datauppsättningar och dragspelspaneler med hjälp av Spry Framework för Ajax. 127

3 Lär dig mer om Dreamweaver-beteenden Ett Dreamweaver-beteende är JavaScript-kod som utför en händelse, som att öppna ett webbläsarfönster, när det triggas igång av en händelse, som ett musklick. Tillämpandet av ett beteende är en trestegsprocess: 1 Markera sidelementet som du vill ska trigga igång beteendet. 2 Välj beteendet som ska tillämpas. 3 Ange inställningarna eller parametrarna för beteendet. Normalt involverar igångtriggandet av elementet en länk, som kan kopplas till en bestämd text eller till en bild. Ibland kräver inte beteendet att en ny sida laddas och använder sig då av en dummielänk som representeras av ett fyrkantstecken (#). I Lektion 5 använde du dummielänkar till att trigga igång poppuppobjekt i undermenyerna. Spryeffekt-beteendet du kommer att använda i den här lektionen kräver inte en länk för att fungera, men håll länkarna i åtanke när du arbetar med andra beteenden. Dreamweaver kommer i de flesta fall att lägga till den kod som krävs, däremot måste du ibland skapa en dummielänk att användas som den igångtriggare som krävs för att aktivera en del Dreamweaver-beteenden. Dreamweaver innehåller mer än 30 beteenden, som alla nås i Beteendepanelen. Välj Fönster > Beteenden för att visa Beteendepanelen. Sedan klickar du på plus-tecknet (+) i beteendepanelen för att visa de beteenden som finns tillgängliga för en särskild markering i Dokumentfönstret. En del av de funktioner som finns tillgängliga för dig med hjälp av Dreamweavers beteenden innehåller följande Öppna ett webbläsarfönster Växla en bildkälla och växla tillbaka den för en överrullningseffekt Tona in och tona ut en bild eller ett sidområde Förstora eller förminska en bild eller ett grafiskt element Visa ett poppuppvarningsmeddelande Ändra text eller annat HTML-innehåll inom ett givet område Visa eller dölja delar av sidan sidan Anropa en användardefinierad JavaScriptfunktion Alla beteenden finns inte tillgängliga jämt. Vissa beteenden blir tillgängliga först i samband med att vissa sidelement som bilder eller länkar. Exempelvis måste du först montera en bild på sidan, innan beteendet växla bild aktiveras i Beteendelistan. 128 LEKTION 6 LÄGG TILL INTERAKTIVITET

4 Alla beteenden visar en unik dialogruta som definierar de relevanta inställningarna. Exempelvis tillåter dialogrutan Öppna webbläsarfönster dig att ange webbadressen till filen som ska visas i det nya fönstret, bredden och höjden på det fönstret och andra fönsterattribut. De här paramterarna kan ändras när som helst. Efter att du har definierat parametrarna för beteendet, listas det i Beteendepanelen med den förinställda igångtriggningshändelsen visad till vänster och namnet på beteendet visat till höger. Händelsen kan ändras genom att välja en annan händelse från från Beteende-listan. Exempelvis är Öppna webbläsarfönster-beteendet förinställt att tillämpas genom händelsen onclic; om du föredrar en överrullningsigångtriggning, kan du ändra händelsen till onmouseover. Beteendena är extremt flexibla och multipla beteenden kan tilldelas samma igångtriggare. Exempelvis kan du växla en bild till en annan och samtidigt byta ut den medföljande bildtexten med ett enda klick. Även om den snabba responsen tyder på att händelserna sker samtidigt, triggas de i själva verket igång i en följd. När multipla beteenden med samma igångtriggningshändelse tillämpas, har du möjlighet att ändra ordningen de behandlas i genom att flytta dem upp eller ned i Beteendepanelen. Förhandsvisa en färdig fil I den första delen av den här lektionen, kommer du att arbeta med en sida om resebyråkunder. För att förhandsvisa filen du kommer att arbeta med, tar vi oss en titt på den färdiga sidan i webbläsaren. 1 Öppna Adobe Dreamweaver CS4. 2 Om nödvändigt, tryck F8 för att öppna Filernapanelen och välj DW CIB från platslistan. 3 I Filernapanelen expanderar du lesson06-mappen. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 129

5 4 Markera filen ourclients-finished.html och tryck F12 (Windows) eller Alt+F12 (Mac) för att förhandsvisa den i din primära webbläsare. Sidan innehåller Ajax-drivna effekter skapade med Dreamweaver Spryteknologi. 5 Om Microsoft Internet Explorer är din primära webbläsare, kan ett meddelande dyka upp ovanför webbläsarfönstret och tala om att JavaScript hindras från att köra. Om så sker, klickar du på det meddelandet och väljer Tillåt markerat innehåll. För din muspekare över rubriken, Our Corporate clients. Lägg märke till att en röd färg framhäver rubriken för en kort stund och sedan försvinner. Det här är resultatet av en Spry-effekt som kallas Högdager. 6 Klicka på spaltrubriken Startdate för att sortera datan efter år i stigande ordning. Sedan klickar du på rubriken igen för att sortera datan efter år i fallande ordning. Sedan klickar du på spaltrubriken Company för att sortera datan i alfabetisk ordning. Förmågan att sortera tabellen efter spaltrubrikerna uppnås med hjälp av Spry datauppsättningar. 7 När du är färdig, stänger du webbläsarfönstret och återvänder till Dreamweaver. 130 LEKTION 6 LÄGG TILL INTERAKTIVITET

6 Använd Spry-effekter-beteenden Spry-effekter skapar visuella effekter på en sida som att markera element, tona in eller ut ett foto eller skaka en hel div (sidsektion) likt en jordbävning. De här effekterna är avsedda att väcka uppmärksamhet eller att markera ett element. De är dramatiska och skall användas sparsamt så att inte hela tiden olika delar av din sida blinkar, krymper, skakar eller blixtrar till. 1 I Filernapanelen dubbelklickar du på filen ourclients-start.html för att öppna den i Dreamweaver. 2 Välj Arkiv > Spara som och Spara filen som ourclients.html. Behöver du startsidan igen, förblir den oförändrad på din hårddisk. 3 Spry-effekter kan tilldelas till vad som helst som är markerat i Dokumentfönstret. De kan också tilldelas till alla sidelement som har ett ID. Istället för att använda oss av metoden aktuell markering, ska vi tilldela ett ID till ett element och sedan lägga till en Spry-effekt till det elementet. Du lägger till ett ID med hjälp av Kod och Designläget. 4 Placera muspekaren var som helst i <h1>-rubriken: Our Corporate Clients 5 Klicka på Delaknappen för att visa Kod och Designläget. 6 I koden omedelbart efter h1-rubriken men innan den avslutande haken (>), infogar du ett mellanrum och skriver in id= occ. Det IDnamnet är en förkortning för våra företagskunder. 7 Klicka på Designknappen för att återvända till Designläget. 8 Om nödvändigt, väljer du Fönster > Beteenden för att visa Beteendepanelen. Klicka på Plusknappen (+) för att lägga till ett beteende. Välj Effekter > Högdager. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 131

7 9 I dialogrutan för högdager anger du Målelementet till h1 occ. Lämna den förinställda effektvaraktigheten som den står (1000 millisekunder). Se till att Startfärgvärdet är #fff, att Slutfärgvärdet är #f00 och värdet för Färg efter effekt är satt till #fff. Klicka sedan på OK. Effekten blir en kortvarig röd högdager bakom elementet <h1 id= occ >. OBS: Högdagereffekten kan tas bort genom att markera Högdager i Beteendepanelen och klicka på Minusknappen (-). 10 I Beteendepanelen, klickar du på onclickfältet för att aktivera det. Från poppuppmenyn väljer du sedan onmouseover. När du vill ändra inställningarna för Högdagereffekten, dubbelklickar du på dess namn Högdager i Beteendepanelen för att öppna dialogrutan för högdager. 11 Använd Live-vy eller din webbläsare för att visa filen. Du får inte syn på effekten om du inte för din muspekare över rubriken. Klicka på Live-vy igen eller stäng din webbläsare för att återvända till Dreamweavers Redigera-läge. 12 Spara ditt arbete. Andra Spry-effekter kan läggas till en <div> eller alla slags blocknivåelement. De kan även fås att träda i funktion när sidan laddas. Spry-effekter erbjuder ett urval uppmärksamhetsskapande visuella element som lyfter din sida och gör den mer tilltalande. Lär dig mer om XML-data Innan du kan visa några datauppsättningar med Spry, måste du skapa en korrekt XML-datakälla. XML, en förkortning för Extensible Markup Language, är ett standardiserat format för att lagra data, exempelvis i form av en textfil. Varje XML-fil kan innehålla multipla dataposter. I den här övningen kommer du exempelvis att arbeta med en XML-fil som innehåller data för en rad kunder. Den filen heter clients.html och den innehåller flera kundposter. 132 LEKTION 6 LÄGG TILL INTERAKTIVITET

8 Varje kundpost, rensad från datan, ser ut så här: <client> <company></company> <desc></desc> <work></work> <startdate></startdate> </client> XML är precis som HTML ett markup-språk. De använder båda samma taggbaserade metod för att märka upp text. XML är dessutom utvidgningsbart i och med att du kan skapa dina egna taggnamn utifrån den data som du märker upp. Som du kommer att upptäcka i nästa övning, kallas sättet som XML-elementen döps och ordnas för ett schema. Den faktiska datan infogas mellan start- och stopptaggpar, som nedan: <company>company Anon</company> Data som tillsammans med specialtecken (som vinkelparanteserna som omger taggarna) förlitar sig på en specialavgränsare för teckendata som används som nedan: <desc>![cdata[company Anon är a <strong>bold</strong> company.]]</desc> CDATA-avgränsaren gör det möjligt för XML-data att innehålla HTML-taggar. Exempelvis innehåller XML-filen som används i den här övningen en fullt HTMLformaterad oordnad lista. Importera XML-data med Spry Dreamweavers enklaste väg för att arbeta med XML-schemat är Spry dataobjekt, som du använder i enlighet med följande steg: 1 Om nödvändigt, expanderar du mappen lesson06 och dubbelklickar på filen ourclients.html för att öppna den. Placera din muspekare under textstycket i main content <div> för att ange insättningspunkten för Spry datauppsättningar. 2 I Infogapanelen, växlar du till Sprykategorin genom att välja Spry från panellistan eller klicka på Spryfliken. 3 I Sprykategorin, klickar du på Spry Datauppsättningar. En annan metod är att välja Infoga > Spry > Spry Datauppsättningar. Tre steg krävs för att fullborda inställningarna datauppsättningar. 4 När dialogrutan Spry Datauppsättningar öppnas, är den första skärmbilden som visas dialogrutan för att Ange Datakälla. Ställ in menyn Välj datatyp till XML. Lämna namnfältet Datauppsättningar som det står (ds1) och klicka på Bläddra. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 133

9 5 I dialogrutan Välj XML-källa, letar du dig fram till mappen lesson06 och väljer clients.xml. Klicka på Välj för att stänga dialogrutan Välj XML-källa. I Radelementsområdet, väljer du client. 6 Klicka på Nästaknappen längst ned i dialogrutan för att gå vidare till nästa steg. I skärmen för att Ställa in dataalternativ, väljer du en datatyp för varje spalt. 134 LEKTION 6 LÄGG TILL INTERAKTIVITET

10 För att se vilken typ som tilldelats en spalt, klickar du i den. När en spalt är markerad, visas datatypen nära övre delen av Typmenyn. Den förvalda typen kan ändras med hjälp av poppuppmenyn. Datatyperna inkluderar sträng (bokstäver och siffror), nummer, datum och html. De tre första spalternas data kan förbli sträng, men den som kallas work måste anges till HTML, eftersom den innehåller HTML-taggar. Datatypen för den sista spalten ska fortsatt vara sträng. Se faktarutan på nästa sida (Spry datatyper) för en förklaring till varför den här spalten inte använder datatypen datum. 7 Klicka på Nästaknappen för att gå vidare till det sista steget. När skärmen för att Välja infoga alternativ öppnas, väljer du Infoga tabell och klickar sedan på Konfigureraknappen. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 135

11 Dialogrutan Spry Datauppsättningar infoga tabell dyker upp. I den här dialogrutan hittar du verktyg för att lägga till eller ta bort spalter, ändra ordningen på spalterna för att underlätta sorteringen, tillämpa klasser på spalter och rader samt uppdatera detaljregioner när en rad klickas på. 8 Klicka på OK för att acceptera de förinställda alternativen. Du återvänder nu till dialogrutan för att Välja infoga alternativ. För den här övningens lilla tabell duger det utmärkt med de förinställda inställningarna, men som du ser finns det kraftfullare sorterings- och visningsalternativ i Spry datauppsättningar. Dessa används för större eller mer komplexa tabeller. 9 Klicka på Klar. Spry datatyper För att kunna sortera data, krävs att du anger rätt datatyper. Följande datatyper finns tillgängliga: sträng Alfanumerisk data. 136 LEKTION 6 LÄGG TILL INTERAKTIVITET

12 10 Välj Arkiv > Spara. Dreamweaver behöver inkludera ett antal JavaScript-filer för att aktivera Sprydata-funktionaliteten. Filerna fanns redan på plats i mappen SpryAssets, annars hade du inte kunnat förhandsvisa den färdiga sidan ourclients-finished. html. Under mer normala omständigheter, hade Dreamweaver uppmanat dig att lägga till de här filerna. I Designläget, kan du se tabellen med datauppsättningsplatshållarna. Den faktiska datan lagras i en XML-fil och visas endast när sidan återskapas i Livevyn eller en webbläsare. Förutom tabellen och platshållaren, har Dreamweaver dessutom infogat ett antal nyckelkodrader. Förutom de tidigare nämnda JavaScript-filerna, har en JavaScript-funktion lagts till i <head>-taggen. 11 Klicka på Kodknappen för att visa koden. Skrolla upp till början av Dokumentet. Runt rad 25, kommer du att se länkar till JavaScripts och funktionen som lagts till för att styra dina Spry-datauppsättningar. Spry datauppsättningars erbjuder dig ett kraftfullt alternativ för att importera XML- och HTML-källmaterial och visa dem dynamiskt på en webbsida med hjälp av tabeller eller behållare (normalt divs). Staplade behållare (ett av alternativen i dialogrutan för att välja Infogalternativ) kan inkludera detaljerade layouter och spotlight-sektioner, något som ger dig stor valfrihet när du arbetar med Spry datauppsättningar. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 137

13 Skapa Spry Dragspel Ett Spry Dragspel liknar en Spry Flikpanel i det att det organiserar en stor mängd innehåll i ett kompakt och flerpaneligt format. Flikarna staplas ovanpå varandra istället för sida vid sida; när du klickar på en tabb, glider innehållet fram i en smidig rörelse. Om innehållet i panelen är längre eller bredare än själva panelen, dyker rullningslister upp automatiskt. Vi börjar med att förhandsvisa det som ska bli resultatet av den här övningen. 1 I Filernapanelen väljer du santorini-finished.html och trycker F12 (Windows) eller Alt+F12 (Mac) för att förhandsvisa den i din primära webbläsare. Sidan maincontent information befinner sig i ett Spry Dragspel. 2 Navigera mellan panelerna genom att klicka på rubrikerna. 3 Stäng ner din webbläsare och återvänd till Dreamweaver. Välj Arkiv > Stäng för att stänga santorini-finished.html. 138 LEKTION 6 LÄGG TILL INTERAKTIVITET

14 Lägg till ett Spry Dragspel I den här övningen kommer du att införliva ett Spry Dragspel med din layout. 1 I Filernapanelen dubbelklickar du på santorini-start.html för att öppna den i Dreamweaver. 2 Välj Arkiv > Spara som. I filnamnfältet, skriver du in santorini.html. Klicka på Spara. Utgångslayouten för santorini-sidan sparas oförändrad i santorini-start.html file. 3 Placera din muspekare i slutet av raden Paradise by the Sea för att skapa en insättningspunkt Dragspelspanelen. 4 I Sprykategorin i Infogapanelen, klickar du på Spry Dragspelikonen. Dreamweaver infogar det förvalda Spry Dragspelselementet på sidan. Utgångselementet är ett Dragspel med två paneler, där den översta panelen visas. En blå flik med etiketten Spry Dragspel: Dragspel 1 och en ram utmärker det nya objektet. Efter att det infogats, kan Dragspelets etiketter och innehåll ändras direkt i Designläget. 5 Välj Arkiv > Spara allt. Om nödvändigt, klickar du på OK för att acceptera filerna som Dreamweaver lägger till mappen SpryAssets. 6 Markera platshållarfrasen Label 1 och skriv in Welcome to Santorini. 7 Markera fotot av paret på taket och hela texten under det som beskriver byarna och stränderna. Stoppa innan nästa rubrik, What Our Customers Say. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 139

15 8 För att säkerställa att du inte lämnar några lösa taggar efter dig, klickar du på Kodknappen. Se till att hela kodblocket från den inledande <p>-taggen innan bilden till den avslutande </ul>-taggen efter den andra listan är markerad. Det rör sig uppskattningsvis om raderna Klicka på Designknappen för att återvända till Designläget. 10 Välj Redigera > Cut eller tryck Ctrl+X (Windows) eller Kommando+X (Mac) för att kopiera fotot och texten Klippboken. 11 Återvänd till Dragspelspanelen. Markera texten Content 1. Välj Redigera > Klistra in eller tryck Ctrl+V (Windows) eller Kommando+V (Mac) för att Klistra in innehållet i panelen. OBS: För att dölja innehållet så att du kan arbeta med andra paneler, högerklickar (Windows) eller Kontroll-klickar (Mac) du på elementet och väljer Visa Element > Dolda eller Visa Element > Återställ alla visade element. Eftersom skrollningen inte är aktiverad i Designläget, ser du bara delar av innehållet du har lagt till i Designläget. 12 För att se eller redigera hela innehållet, dubbelklickar du på panelen. Du kan också högerklicka (Windows) eller Kontroll-klicka (Mac) och välja Visa element > Hela. 140 LEKTION 6 LÄGG TILL INTERAKTIVITET

16 13 Positionera din muspekare över den gråa Label 2-listen för att visa ögonikonen. Klicka sedan på ögat för att öppna panel Markera Label 2-texten och skriv in What our customers say. 15 Upprepa steg 7 till 11 för att klippa ut nästa rubrik, <h2>-rubriken What our customers say och informationen under den rubriken. Stoppa innan nästa rubrik, Recommended Hotels. Klistra in den inuti panel 2. En sektion av sidan återstår att lägga till Spry Dragspelet. Därför ska vi lägga till en tredje panel för den i nästa övning. Lägg till ytterligare paneler För att lägga till eller ta bort paneler i ett Spry Dragspel, använder du Egenskapsrutan. 1 Se till att Spry Dragspelet Dragspel 1 är markerat i Dokumentfönstret. 2 I Egenskapsrutan, klickar du på Plusknappen (+) för att lägga till en panel. OBS: Paneler kan tas bort genom att klicka på Minusknappen och sorteras genom Uppoch Ned-pilarna. 3 I Dokumentfönstret, väljer du Label 3 och skriver in Recommended Hotels. 4 Upprepa steg 7 till 11 från den föregående övningen för att Klistra in <h1>-rubriken Recommended hotels tillsammans med fotot och tabellen, inuti panel 3. 5 Välj Arkiv > Spara. Använd Live-vy eller tryck F12 (Windows) eller Alt+F12 (Mac) för att förhandsvisa sidan i din primära webbläsare. Förinställningen är att den översta panelen visas när sidan återges. 6 Klicka på de andra Dragspelsflikarna och skrolla för att se mer av innehållet. 7 Klicka på sidolistlänken till rekommenderade hotell samtidigt som fliken Recommended Hotels är stängd. Klicka sedan på fliken Recommneded Hotels för att öppna den panelen. I sidolisten klickar du återigen på länken till rekommenderade hotell. Länken i sidolisten fungerar bara när den tredje panelen är aktiv och öppen. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 141

17 8 Klicka på Live-vy igen eller stäng webbläsarfönstret för att återvända till Redigeraläget. 9 Radera meningen i sidolisten som lyder Check our recommended hotels. Den här länken fungerar endast när panelen Recommended Hotels är öppen, vilket kan skapa förvirring. I och med den snabbare åtkomsten till sidans hela innehåll som dragspelet erbjuder, behövs inte heller länken längst ner på sidan. 10 Välj Arkiv > Spara. Du skapade ett Spry Dragspel och lade till content och ytterligare paneler till det. Även om innehållet som lades till i den här övningen redan fanns på sidan, hade du också kunnat skriva in och redigera innehållet direkt i panelerna. Du kan också kopiera material från andra källor, som Word-dokument. Allt slags innehåll kan infogas till panelerna, utöver den text, de bilder och tabeller som vi använde oss av i den här övningen. I nästa övning kommer du att anpassa CSS:en för Spry Dragspelet. Anpassa ett Spry Dragspel Precis som andra Spry-widgetar, har Spry Dragspel en CSS-fil kopplad till sig. I den här övningen kommer du att justera höjden på innehållet i panelerna och ändra färgschemat för etikettraderna. OBS: En del väljarnamn är för långa för att visas i panelen Alla Regler, utan visas först när du för din muspekare över väljaren. 1 I panelen för CSS-stilar, letar du upp CSS-filen SpryDragspel.css och expanderar dem. Du har nu fyra externa formatmallar kopplade till sidan. 2 Markera.AccordionPanelTab. 3 Klicka på Redigera formatikonen (den som ser ut som en penna). 142 LEKTION 6 LÄGG TILL INTERAKTIVITET

18 4 I dialogrutan CSS-regeldefinition för.accordionpaneltab i SpryDragspel.css, väljer du Typkategorin och klickar på färgrutan för att öppna färgväljaren. I färgväljaren, ändrar du färgen till vitt (#FFF). 5 Välj Bakgrundskategorin. I Bakgrundsfärgfältet, ändrar du #CCC till #345FA3. Det här är färgen som används i <h1>-rubriken precis ovanför Dragspelet. I de kommande stegen, ändrar du all blå färg i Spry Dragspelet till färgen #345FA3. 6 Sedan klickar du på OK. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 143

19 7 I Alla reglerpanelen för CSS-format, väljer du.accordionpanelcontent. Om nödvändigt, förstorar du Egenskapsrutan alldeles under Alla reglerpanelen. Klicka på höjddatafältet för att göra det redigeringsbart och ändra 200 till 400. Lämna menyn som öppnas till höger inställd till px. Tryck Enter (eller Retur). Allt innehåll i panelerna är satt till samma höjd. Valet av 400 pixlar innebär att en större del av innehållet kan visas innan användaren måste skrolla, utan att för den del göra så att användaren inte ser att det finns fler paneler nedanför den första. Vilken höjd du väljer för.accordionpanelcontent, beror på mängden innehåll som du vill visa i det aktuella fallet. 8 I Alla reglerpanelen, väljer du.accordionpanel Open.AccordionPanelTab. I Egenskapsrutan, klickar du på bakgrundsfärgfältet för att göra det redigeringsbart och skriver in #345FA3. Tryck Enter (eller Retur). 9 Klicka på länken Lägg till egenskap. Skriv in color för egenskapsnamnet och skriv in #FFF som färgvärde. Tryck Enter (eller Retur). 144 LEKTION 6 LÄGG TILL INTERAKTIVITET

20 10 I Alla reglerpanelen, väljer du.accordionpaneltabhover. I Egenskapsrutan, klickar du på färgrutan och använder färgväljaren för att välja gul (#FF0) som översvävningsfärg för öppen panel. Du ska nu ändra fler färger genom att redigera färgvärdet i i Egenskapsrutan. 11 I Alla reglerpanelen, väljer du.accordionpanelopen.accordionpaneltabhover. I Egenskapsrutan, upprepar du processen du genomförde i steg 10 till ändra värdet för översvävningsfärg för öppen panel till gul (#FF0). 12 I Alla reglerpanelen, väljer du.accordionfocused.accordionpaneltab. (Focus syftar på hur fliken visas när den är aktiv.) I Egenskapsrutan, upprepar du processen beskriven i steg 8 för att ändra den förinställda blåa bakgrundsfärgen till #345FA3. 13 I Alla reglerpanelen, väljer du till sist.accordionfocused.accordionpanelopen.accordionpaneltab. I Egenskapsrutan, ändrar du den förinställda blåa bakgrundsfärgen till #345FA3. Du har nu framgångsrikt skapat ett färgschema för Dragspelspanelen som matchar webbsidans färger. Du har ändrat höjden på innehållet i panelerna för att göra det möjligt att visa mer av innehållet innan användarna måste börja skrolla. ADOBE DREAMWEAVER CS4 ALLT I EN BOK 145

21 Repetitionsfrågor 1 Sant eller falskt: XML är en metod för att lagra data i en vanlig textfil för senare användning i webbprogram. 2 Vilka är fördelarna med att använda Spry-effekter? 3 Vilka är fördelarna med att använda Spry datauppsättningar för att lägga till en webbsida? 4 Vilken funktion fyller ett Spry Dragspel? Repetitionssvar 1 Sant. XML är ett mark-up-språk som liknar HTML, där data taggas och struktureras som ren text, ett filformat som inte hör till något särskilt program. 2 Spry-effekter skapar en fokuspunkt på en sida genom att visuellt framhäva, tona in eller ut eller skaka om för att dra uppmärksamheten till ett sidelement. 3 Spry datauppsättningar lägger till XML- eller HTML-information till en sida i tabellformat, komplett med sorteringsbara spalter och andra avancerade egenskaper. På så sätt kan användarna interagera med datan på sidan. 4 Ett Spry Dragspel innehåller två eller fler kollapsbara paneler som visar eller döljer innehåll i sidans innehållsområde. 146 LEKTION 6 LÄGG TILL INTERAKTIVITET

22

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett relaterat ämne till ett annat. En länk från en sida

Läs mer

2. Komma igång Skapa grupper och elever Skriv också ut sidan 13 så att eleverna har en snabbguide till programmet.

2. Komma igång Skapa grupper och elever Skriv också ut sidan 13 så att eleverna har en snabbguide till programmet. 2. Komma igång Skapa grupper och elever Börja med att läsa texten nedan om hur man börjar jobba med programmet efter installationen. Skriv gärna ut sidan och ha bredvid dig tills du känner att du behärskar

Läs mer

PLATINA 1(23) Platina, för nya nämndsekreterare

PLATINA 1(23) Platina, för nya nämndsekreterare 1(23) Platina, för nya nämndsekreterare 2(23) INNEHÅLLSFÖRTECKNING NAVIGERING PÅ STARTSIDAN ------------------------------------------------------------ 3 HANTERA INSTANS ----------------------------------------------------------------------------

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

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

Manual Introduktionskurs SiteVision

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

Läs mer

En snabb titt på XML LEKTION 6

En snabb titt på XML LEKTION 6 LEKTION 6 En snabb titt på XML Bokstaven x i Ajax står för XML, ett mycket användbart beskrivningsspråk som gör det möjligt för Ajax-tillämpningar att hantera komplex strukturerad information. I den här

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

Migrera till Word 2010

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

Läs mer

SÅindex 5 i Microsoft Excel 2010

SÅindex 5 i Microsoft Excel 2010 Installera/uppdatera/aktivera SÅindex 5 i Microsoft Excel 2010 Översikt SÅindex 5 är ett tillägg till Microsoft Excel. I SÅindex 5 finns en särskild fil som är en tilläggsfil (en addin). Filen heter Sindex5.xlam.

Läs mer

Skapa en pdf-fil med hög kvalitet, lämpad för tryckning Skapa pdf-filen i en PC med Windows Skapa pdf-filen i en Mac

Skapa en pdf-fil med hög kvalitet, lämpad för tryckning Skapa pdf-filen i en PC med Windows Skapa pdf-filen i en Mac Senast uppdaterad 2016-06-01 Biblioteket Skapa och redigera pdf-filer Vid elektronisk publicering av avhandlingar och studentarbeten (examensarbeten) ska du använda filformatet PDF (Portable Document Format).

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

Arbeta med bilder på bloggen Sida 1 av 7

Arbeta med bilder på bloggen Sida 1 av 7 Arbeta med bilder på bloggen Sida 1 av 7 Infoga, redigera och ta bort bilder på bloggen En webbsida bäddar inte in en bild i sidan som många andra program, till exempel Word. Alla bilder och bildobjekt

Läs mer

Skapa en Word-mall för dina manus. 1. Skapa brödtext med indrag

Skapa en Word-mall för dina manus. 1. Skapa brödtext med indrag Skapa en Word-mall för dina manus 1. Skapa brödtext med indrag Börja med att skapa brödtexten för din bok. Fördelen med att lägga den som en formatmall är att du enkelt kan ändra typsnitt och fontstorlek

Läs mer

Microsoft Windows 8 Grunder

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

Läs mer

WINDOWS 8.1. Grunder

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

Läs mer

J A G T Ä N K E R, D Ä R F Ö R Ä T E R J A G.

J A G T Ä N K E R, D Ä R F Ö R Ä T E R J A G. bistro JAG TÄNKER, DÄRFÖR ÄTER JAG. Stockholm Örebro Gävle Uppsala Norrköping InDesign CS4 innehåller en mängd genomskinlighetsfunktioner som främjar din fantasi och kreativitet. InDesign CS4 ger dig kontroll

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

KOMMUNLEDNINGSKONTORET / IT-AVDELNINGEN. Office 365. Lathund

KOMMUNLEDNINGSKONTORET / IT-AVDELNINGEN. Office 365. Lathund KOMMUNLEDNINGSKONTORET / IT-AVDELNINGEN Office 365 Lathund 1 Innehåll Inledning 2 Vad är Office 365? 2 Innehållet i denna lathund 2 Mer information 2 Office 365-portalen 3 Logga in i Office 365-portalen

Läs mer

Webb: www.magnusfermin.se Email: mediaproducer@fermin.se Tel: +46 706 86 33 30. Utbildning i EpiServer för Konstfack.

Webb: www.magnusfermin.se Email: mediaproducer@fermin.se Tel: +46 706 86 33 30. Utbildning i EpiServer för Konstfack. Webb: www.magnusfermin.se Email: mediaproducer@fermin.se Tel: +46 706 86 33 30 Utbildning i EpiServer för Konstfack Övningsuppgifter Oktober 2010 Övningsuppgifter I mappen kursmaterial på skrivbordet i

Läs mer

Flexibel meny i Studentportalen

Flexibel meny i Studentportalen Guide Flexibel meny i Studentportalen Via en flexibel meny kan lärare och administratörer skapa en menystruktur som består av menyblock och funktioner i valfri ordning. På så sätt kan menyn spegla kursens

Läs mer

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna.

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Upptäcka och analysera Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Qlik, QlikTech,

Läs mer

1 Skapa Tabell...2. 2 Skapa Relationer...20. 3 Redigera Relationer...24. 4 Redigera Fält i Tabell...26. 5 Lägga till Poster i Tabell...

1 Skapa Tabell...2. 2 Skapa Relationer...20. 3 Redigera Relationer...24. 4 Redigera Fält i Tabell...26. 5 Lägga till Poster i Tabell... Kapitel 5 Tabell 1 Skapa Tabell...2 1.1 Tabellfönstret... 4 1.2 Fältegenskaper... 8 1.3 Primärnyckel... 11 1.4 Spara Tabell... 12 1.5 Tabellguiden... 12 2 Skapa Relationer...20 3 Redigera Relationer...24

Läs mer

Aditro HR Portalen - logga in och byta lösenord

Aditro HR Portalen - logga in och byta lösenord Aditro HR Portalen - logga in och byta lösenord 2015-04-22 Innehåll 1. Att komma åt HR portalen... 2 2. Logga in och byta lösenord... 2 Inloggning... 2 Byta lösenord... 2 Glömt lösenord... 3 Hjälpfunktionen...

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

Software Translator 6.1 Manual

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

Läs mer

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

Manual till Genomförandewebben. Treserva

Manual till Genomförandewebben. Treserva SBG1000, v1.3, 2010-04-07 ÄLDREFÖRVALTNINGEN 2013-08-20 1 (34) Manual till Genomförandewebben Treserva Sundbybergs stad, 172 92 Sundbyberg BESÖKSADRESS Kavallerivägen 4, Rissne TELEFON 08-706 80 00 TELEFAX

Läs mer

Resurscentrum för kommunikation Dako 2013. SymWriter. Minimanual

Resurscentrum för kommunikation Dako 2013. SymWriter. Minimanual Resurscentrum för kommunikation Dako 2013 SymWriter Minimanual Symboler som stöd till det du skriver 2 F9 - Byt symbol 2 F11 - Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik

Läs mer

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

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

Läs mer

Skapa ett register över din grupp/klass

Skapa ett register över din grupp/klass SYDSOL Handledning CW 2000-02-23 Skapa ett register över din grupp/klass Syfte: Att göra ett register i ClarisWorks och hantera olika informationer om en grupp/klass Pedagogens viktigaste uppgift är att

Läs mer

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

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

Läs mer

PIM Skriva http://www.pim.skolutveckling.se/

PIM Skriva http://www.pim.skolutveckling.se/ PIM Skriva http://www.pim.skolutveckling.se/ Examination http://pimbevis.skolutveckling.se/ Nivå 1 Frågefilm om sökning på internet Inlämningsuppgift - Worddokument med bilder http://www.pim.skolutveckling.se/upload/pimpresentation.ppt

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

Installationsanvisning från Visma Spcs. Visma löneprogram. Innehåll. Inledning

Installationsanvisning från Visma Spcs. Visma löneprogram. Innehåll. Inledning Installationsanvisning från Visma Spcs Visma löneprogram Innehåll Inledning... 1 Standardinstallation... 2 Steg 1... 2 Steg 2... 2 Steg 3... 3 Steg 4... 3 Steg 5... 3 Steg 6... 4 Installation på arbetsstation...

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

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

IBM SmartCloud for Social Business. IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok

IBM SmartCloud for Social Business. IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok IBM SmartCloud for Social Business IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok IBM SmartCloud for Social Business IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok

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

Resurscentrum för kommunikation Dako 2015. SymWriter 2. Minimanual

Resurscentrum för kommunikation Dako 2015. SymWriter 2. Minimanual Resurscentrum för kommunikation Dako 2015 SymWriter 2 Minimanual Symboler som stöd till det du skriver 2 F9 Byt symbol 2 F11 Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik

Läs mer

Novell Vibe Add-In 1.0.1

Novell Vibe Add-In 1.0.1 Novell Vibe Add-In 1.0.1 1 juli 2013 Novell Snabbintroduktion Med Novell Vibe Add-In för Microsoft Office kan du arbeta med dokument på Vibe-webbplatsen utan att lämna Microsoft Office. Du kan enkelt bläddra

Läs mer

DigitalBild del 1 Adobe Photoshop Elements ver 6.0

DigitalBild del 1 Adobe Photoshop Elements ver 6.0 Sidan 1 av 7 Innehåll Photoshop Elements ver 6.0... 2 Startfönster... 3 Öppna flera bilder samtidigt... 4 Öppna en egen gruppbild... 5 Gör en delförstoring (porträttbild) av varje person... 5 Spara...

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

Lathund GUL Lärare. Allmänt. Hur du presenterar Dig själv för kursdeltagarna. Hur du lägger upp din kontaktlista

Lathund GUL Lärare. Allmänt. Hur du presenterar Dig själv för kursdeltagarna. Hur du lägger upp din kontaktlista Lathund GUL Lärare Allmänt I plattformen kallas din kurs för aktivitet Första gången du loggar in GUL så kommer du att få välja vilket språk du vill att plattformen skall ha. Därefter kommer du in i plattformen.

Läs mer

LäsFlyt Metodhandledning

LäsFlyt Metodhandledning LäsFlyt Metodhandledning Copyright Softogram AB LäsFlyt är skyddat i enlighet med upphovsmannarättslagen och programmet, bilderna, texterna liksom denna manual tillhör Softogram AB. LäsFlyt är ett registrerat

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

2007-03-28. Manual för Typo3 version 4.04

2007-03-28. Manual för Typo3 version 4.04 2007-03-28 Manual för Typo3 version 4.04 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.2 Redigera

Läs mer

Lära känna skrivbordet

Lära känna skrivbordet Är det första gången du använder Windows 7? Den här versionen har mycket gemensamt med tidigare versioner av Windows, men du kan behöva hjälp med att få upp farten. Den här guiden innehåller praktisk information

Läs mer

En liten introduktion till SLI Community

En liten introduktion till SLI Community En liten introduktion till SLI Community Välkommen till SLI Community! Ta dig gärna lite tid och läsa igenom den här introduktionen (många sidor, men det tar inte många minuter) så tror vi att du enklare

Läs mer

Novell Filr 1.2 skrivbordsprogram för Mac snabbstart

Novell Filr 1.2 skrivbordsprogram för Mac snabbstart Novell Filr 1.2 skrivbordsprogram för Mac snabbstart April 2015 Snabbstart Med Novell Filr får du enkelt åtkomst till alla dina filer och mappar från skrivbordet, webbläsaren eller en mobil enhet. Dessutom

Läs mer

ClaroRead Plus Mac Manual. Artikel.nr. 12501

ClaroRead Plus Mac Manual. Artikel.nr. 12501 ClaroRead Plus Mac Manual Artikel.nr. 12501 1 Välkommen till ClaroRead Plus Välkommen till ClaroRead Plus för Mac. ClaroRead Plus är till för att göra din dator mer lättanvänd. Programmet arbetar nära

Läs mer

Handledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA

Handledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA Handledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA Innehållsförteckning Instruktion för att lägga in din avhandling i DiVA... 2 Publicera avhandlingen... 2 Publicering

Läs mer

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

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

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

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

Läs mer

Labbrapport: HTML och CSS

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

Läs mer

Microsoft Windows 10 Grunder

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

Läs mer

Handicom. Symbol for Windows. Blisseditor. Version 3.4

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

Läs mer

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

Handledning för redigering av lagsidor.

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

Läs mer

KOMMUNALT AKTIVITETSMEDLEMSBIDRAG

KOMMUNALT AKTIVITETSMEDLEMSBIDRAG Sida 1 av 15 Förening Närvarokort ID KOMMUNALT AKTIVITETSMEDLEMSBIDRAG Verksamhet Anläggning/Lokal ANSÖKAN AVSER PERIODEN 2011 Riktigheten av lämnade uppgifter intygas: Ledarens namnteckning NAMN PÅ DELTAGARE

Läs mer

NRS Excelrapporter. Välj Export av data. Gör dina val.

NRS Excelrapporter. Välj Export av data. Gör dina val. NRS Excelrapporter Välj Export av data Gör dina val. När du fått fram din rapport i Excel, så väljer du Spara som och ger filen ett tydligt namn, t.ex. Initialt, Avslut respektive Uppföljning Välj sedan

Läs mer

Ändra, kopiera eller radera publikation (staff)

Ändra, kopiera eller radera publikation (staff) Ändra, kopiera eller radera publikation (staff) ändra, ladda upp fil i efterhand, kopiera eller radera publikationer i DiVA Om du är forskare/anställd och inloggad som staff i DiVA kan du ändra eller radera

Läs mer

Göra släktdokument, klistra in och redigera bilder, skriva ut, skapa pdf etc.

Göra släktdokument, klistra in och redigera bilder, skriva ut, skapa pdf etc. Göra släktdokument, klistra in och redigera bilder, skriva ut, skapa pdf etc. För nybörjare i Works utan och med fil från Disgen För Word-användare med fil från Disgen Med bilder direkt i Disgen PDF 2013-12-02

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna

Läs mer

Användarhandledning Rapportgenerator Version: 1.1

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

Läs mer

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

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

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

ORDNA DINA BILDER. Var finns bilderna Var bör de finnas

ORDNA DINA BILDER. Var finns bilderna Var bör de finnas ORDNA DINA BILDER Var finns bilderna Var bör de finnas VAR ÄR MINA BILDER? Några råd till dej som inte kan hitta dina dokument och bilder eller som tycker att de finns på flera ställen och ändå vet du

Läs mer

Manual för Anlita arkitekt

Manual för Anlita arkitekt Anlita arkitekt Här finns råd och tips för dig som söker arkitekt. Sök bland hundratals auktoriserade arkitekter i vårt register. Manual för Anlita arkitekt OKTOBER 2014 Manual för Anlita arkitekt 1 Inloggning...

Läs mer

Instruktion 2014-09-15

Instruktion 2014-09-15 Instruktion Innehåll 1 Inloggning... 3 1.1 Inloggning på lagsida... 3 1.2 Laget.se appen... 4 2 Medlemshantering... 5 2.1 Information om personnr... 5 2.2 Skapa ny medlem... 5 2.3 Lägg till ny medlem...

Läs mer

1700 - talets Piteå. En CD-skiva utgiven till Carina Bäckströms minne

1700 - talets Piteå. En CD-skiva utgiven till Carina Bäckströms minne 1700 - talets Piteå En CD-skiva utgiven till Carina Bäckströms minne Carina Bäckström (1960-1998) var under många år en hängiven släktforskare. Efter att från början gjort släktutredningar om sin egen

Läs mer

Instruktion arbeta med rapportmallen

Instruktion arbeta med rapportmallen Instruktion arbeta med rapportmallen 29 oktober, 2015 INNEHÅLLSFÖRTECKNING 1 BÖRJA ANVÄNDA MALLEN 3 1.1 FYLLA I INFORMATION 3 1.2 INSTÄLLNING VISA /DÖLJ 3 1.3 INSTÄLLNING VISA TABELLSTÖDLINJER 3 2 FORMATMALLAR

Läs mer

SCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text]

SCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text] 20111206 SCHOLA COMAI WEBBKALENDER / SCHEMA VERSION 1.1 ELEV [Skriv text] Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4 1.5 Start... 4 1.5.1 Grundinställning

Läs mer

Mer om Outlook. Extratexter till kapitel 4 Mejla. I avsnittet lär du dig: vad Outlook idag är och kan användas till

Mer om Outlook. Extratexter till kapitel 4 Mejla. I avsnittet lär du dig: vad Outlook idag är och kan användas till B Mer om Outlook Extratexter till kapitel Mejla B 8 I avsnittet lär du dig: vad Outlook idag är och kan användas till hur Kalendern är uppbyggd och fungerar att använda funktionen Uppgifter hur du kan

Läs mer

En liten introduktion till Community på GR-SLI

En liten introduktion till Community på GR-SLI 151112 En liten introduktion till Community på GR-SLI www.grkom.se/gr-sli 2 3 Innehåll Välkommen till Community!...4 Om Community...4 Hur du går med...4 Bekanta dig med Community...5 Händelser...5 Grupper

Läs mer

Lär dig sökmöjligheterna i Disgen 8

Lär dig sökmöjligheterna i Disgen 8 Det har blivit dags att titta på sökmöjligheterna i Disgen. Det finns egentligen två olika sökfunktioner i Disgen, Välj person och Sök personer. Här behandlas dessa båda funktioner. Välj person och Sök

Läs mer

Installationsanvisning för kursens programvara på egen dator

Installationsanvisning för kursens programvara på egen dator Installationsanvisning för kursens programvara på egen dator Två program, Java och DrJava, skall installeras på datorn. DrJava är en så kallad utvecklingsmiljö, ett program som underlättar att programmera

Läs mer

Guide för pdf-formulär

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

Läs mer

QlikView - Lathund för Flödesmodellen bas

QlikView - Lathund för Flödesmodellen bas QlikView - Lathund för Flödesmodellen bas För att komma åt en applikation i QlikView (hädanefter QV) krävs QV-pluginlicens samt behörighet till applikationen. Beställning av både licens och behörighet

Läs mer

Handbok KDE:s Menyeditor. Milos Prudek Anne-Marie Mahfouf Lauri Watts Översättare: Stefan Asserhäll

Handbok KDE:s Menyeditor. Milos Prudek Anne-Marie Mahfouf Lauri Watts Översättare: Stefan Asserhäll Milos Prudek Anne-Marie Mahfouf Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 5 1.1 Användarfall......................................... 6 1.1.1 Anpassa en användares meny...........................

Läs mer

Adobe Photoshop CS. Ritprogrammet Photoshop är ett pixelbaserat ritprogram. I botten på bilderna Photoshop åsadkommer finns ett rutmönster av pixels.

Adobe Photoshop CS. Ritprogrammet Photoshop är ett pixelbaserat ritprogram. I botten på bilderna Photoshop åsadkommer finns ett rutmönster av pixels. Adobe Photoshop CS Ritprogrammet Photoshop är ett pixelbaserat ritprogram. I botten på bilderna Photoshop åsadkommer finns ett rutmönster av pixels. Vad är det du ser när du öppnar Photoshop Nedan ser

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

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

Sida 1 av 12. WSB Biodling. Manual V.1.1. http://www.wermdobiodlare.se

Sida 1 av 12. WSB Biodling. Manual V.1.1. http://www.wermdobiodlare.se Sida 1 av 12 WSB Biodling Manual V.1.1 Sida 2 av 12 Översikt: WSB Biodling är en app som hjälper dig med olika saker inom biodlingen. Nyheter i denna version är möjlighet att skapa skötselkort och dokumentera

Läs mer

Avser Utgåva: Datum Sida: Primula Extern del PA 0.3 08-09-10 1 (17) Dokumentbeskrivning : HANDBOK. Handbok PRIMULA. Primula Handbok för Vårdgivare

Avser Utgåva: Datum Sida: Primula Extern del PA 0.3 08-09-10 1 (17) Dokumentbeskrivning : HANDBOK. Handbok PRIMULA. Primula Handbok för Vårdgivare Primula Extern del PA 0.3 08-09-10 1 (17) Handbok PRIMULA Primula Extern del PA 0.3 08-09-10 2 (17) Innehållsförteckning Innehållsförteckning...3 Primula - Hur loggar man in...4 Primula - Startsida...4

Läs mer

Referens till. WeavePoint 6 Mini

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

Läs mer

I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint.

I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint. Microsoft PowerPoint I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint. Allmänt Det första du ser i programmet

Läs mer

HANDLEDNING ZENIT BILBOKNING

HANDLEDNING ZENIT BILBOKNING Sid 1 (16) HANDLEDNING ZENIT BILBOKNING Sid 2 (16) INNEHÅLLSFÖRTECKNING 1 HANDLEDNING FÖR WEBBASERAD BILPOOL... 3 1.1 LATHUND... 3 1.2 ÖVERSIKT ARBETSLÄGE WEBBASERAD BILPOOL... 3 1.3 INFORMATION OM BILPOOLENS

Läs mer

1284_omslag.qxd 2005-10-11 11:13 Sida 1 ECDL START OFFICE 2003 Allmän IT Windows XP Word 2003 Outlook 2003

1284_omslag.qxd 2005-10-11 11:13 Sida 1 ECDL START OFFICE 2003 Allmän IT Windows XP Word 2003 Outlook 2003 ECDL START OFFICE 2003 Allmän IT Windows XP Word 2003 Outlook 2003 5 Arbeta med mappar och filer I Windows finns det två sätt att arbeta med de olika enheterna i systemet. Vilket du väljer beror på personligt

Läs mer

PNSPO! Exporterar och Importerar texter från CX- Designer. 20 mars 2012 OMRON Corporation

PNSPO! Exporterar och Importerar texter från CX- Designer. 20 mars 2012 OMRON Corporation Exporterar och Importerar texter från CX- Designer 20 mars 2012 OMRON Corporation 2/25 Läs detta innan du bläddrar vidare: PNSPO! Denna bok är avsedd som ett tillägg till de ursprungliga manualerna för

Läs mer

DK-serien. Gör en fotobok med myphotobook.se

DK-serien. Gör en fotobok med myphotobook.se DK-serien Gör en fotobok med myphotobook.se 1 Gör din egen fotobok Den här kursen är gjord för dig som vill vara lite kreativ med dina digitala bilder. Här lär du dig att göra en personlig fotobok där

Läs mer

3Växel Softphone i datorn.

3Växel Softphone i datorn. 3Växel Softphone. För att använda Softphone i dator och mobil samt i fasta IP-telefoner behöver du skaffa tilläggstjänsten Softphone. När du har det kan du använda alla IP-telefonitjänster på ett och samma

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

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

Supernova med Internet Explorer. (SuperNova version 13 eller senare)

Supernova med Internet Explorer. (SuperNova version 13 eller senare) Supernova med Internet Explorer (SuperNova version 13 eller senare) 1 Innehåll Supernova med Internet Explorer... 1 1 Inledning... 3 1.1 Läsmarkör Supernovas markör på hemsidor... 3 1.2 Varför navigering?...

Läs mer

Adobe FLASH CS5 GRUNDER

Adobe FLASH CS5 GRUNDER Adobe FLASH CS5 GRUNDER Innehållsförteckning 1 Inledning...5 Adobe Flash Player... 5 Utbildningsmaterialet... 5 2 Arbetsytan...6 Starta programmet och öppna en fil... 6 Starta Flash... 6 Skapa en ny fil...

Läs mer

Laboration 2 Grunderna i Photoshop

Laboration 2 Grunderna i Photoshop Mitthögskolan Institutionen för Informationsteknologi och medier. Jan-Erik Jonsson 060-14 87 90 Laboration 2 Grunderna i Photoshop Interaktiva multimedier v1.0 2001-11-27 lab_2.doc Sida 2/5 Allmänt Materialet

Läs mer

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

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

Läs mer

4 proffstips för icloud

4 proffstips för icloud 4 proffstips för icloud 7 Använd icloud som Dropbox 7 Automatisk nedladdning av appar och musik 7 Radera onödiga ios-dokument icloud Smartare icloud Apples molntjänst icloud känns ibland lite för enkel

Läs mer