1. När du öppnar DW första gången får du några alternativ att välja på:

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "1. När du öppnar DW första gången får du några alternativ att välja på:"

Transkript

1 Dreamweaver CS3 Grundinställningarna är något du kommer att behöva göra varje gång du kommer till en ny dator i skolan för att kunna vara säker på att programmet arbetar efter XHTML standarden och inte slänger in en massa onödig kod i dokumentet. Om du har funderingar kring någon del testa och se om du finner svaret på dina frågor i programmets inbyggda hjälpfunkion (F1). Att definiera en sajt 1. När du öppnar DW första gången får du några alternativ att välja på: Först måste du välja kod el designläge, du bör välja kodläge. Man kan ibland växla till designläge men bör vara medveten om att man då har sämre kontroll över kod och hur sidan verkligen ser ut i en webbläsare Därefter kommer en startruta som ger möjlighet att öppna tidigare projekt, färdiga mallar, skapa nytt dokument m.m. Södertörns högskola dw09.doc Sidan 1 av 18

2 2. Välj Create New > Dreamweaver Site eller Site > Manage Sites > New 3. Välj fliken Advanced 4. Skriv ett namn på din sajt. Detta blir bara ett namn på dina inställningar i DW, inte ett filnamn. 5. Bläddra (gul mappikon, Local root folder) fram till din egen webbmapp t.ex www_lokal Tryck sedan på OK Genom att du gjort denna inställning håller DW ordning på dina filer och varnar dig om du försöker infoga en bild eller ett dokument som ligger utanför den sajt (rotmapp) du just definierat. Mappen www_lokal ska nämligen vara den yttersta gränsen för alla dina filer och sidor på webbplatsen. I denna mapp ska alltid spara alla filer som hör till din webbplats. Genom att alltid samla dina filer som hör till din webbplats i en mapp (rotmapp) blir hela webbplatsen flyttbar, mellan olika datorer, servrar, lagringsmedier, utan att bilder "försvinner" eller länkar mellan sidor bryts. Vill du sedan göra ändringar i din sajtdefinition gör du det genom Site > Manage sites > Edit. Du ska senare definiera även var sidorna ligger på nätet, Remote site, mer om det senare. Du är klar för tillfället och väljer OK om du inte redan gjort det. Södertörns högskola dw09.doc Sidan 2 av 18

3 OBS! Att definiera din lokala webbmapp måste du göra varje gång du kommer till skolan. Inställningarna sparas ej tyvärr, eller möjligen om du sitter vid samma dator? Fler grundinställningar 1. Innan vi kan börja med att arbeta i Dreamweaver måste vi göra några mycket viktiga grundinställningar. OBS! Dessa måste du göra varje gång du kommer till skolan och ska arbeta i programmet(?) Inställningarna gör du under Edit > preferences. 2. Varje ord i vänsterspalten representerar ett helt fönster med inställningar. På den första, General, finner du valet att utforma sidans utseende med CSS istället för HTML. Ta bort krysset i rutan framför Use CSS instead of HTML tags. Detta kan tyckas ologiskt men DW använder ett egensinnigt sätt att lägga till CSS som vi vill undvika. Du kan sedan istället själv skriva css enkelt i programmet, men låt inte programmet skriva åt dig, utanför din egen kontroll. 3. Välj sedan New Document i vänstermenyn och ställ in vilken typ av dokument som du skriver, vilken filändelse programmet ska lägga till din filer och vilken DOCTYPE. Förslag: HTML,.htm, xhtml 1.0 strict. Du kan också välja encoding, dvs vilket teckensystem du skriver i. Om du skriver på svenska eller engelska så föreslår jag Western European som är den som vi hittills använt (eller Unicode UTF-8 som ger möjlighet till fler olika tecken.) OBS! Dessa inställningar måste du göra varje gång du kommer till skolan. Eller hitta samma dator? Södertörns högskola dw09.doc Sidan 3 av 18

4 Alla dessa inställningar påverkar hur ett nytt dokument skapas. Alltså, om DW skapat ett tomt dokument, stäng det och öppna ett nytt. Dreamweaver har skapat grundstrukturen enligt dina inställningar. 6. Som du ser på nästa sidan har Dreamweaver skapat sidans grundkoder enligt dina inställningar. Södertörns högskola dw09.doc Sidan 4 av 18

5 7. Skärmumpen visar kodläge, du kan växla till WYSIWYG (What you see is what you get, which it is not!) eller dela skärmen mellan kod och förhandsvisning Du ska börja med att ge sidan en titel <title>. Direkt i verktygsraden ersätter du "untitled document" med titeln: Kursplan NNs webbplats ELLER så väljer du att skriva in direkt i koden. 8. OBS. Hur du än jobbar: kolla koden hela tiden, annars tappar du lätt greppet och kommer inte att förstå din egen sidas uppbyggnad 9. Dreamweaver är duktigt på att bygga upp innehåll på en webbsida på ett enkelt sätt. Även om du antagligen föredrar att skriva in det mesta i kodläge kan man välja att skriva in löpande text och göra enklare formateringar i WYSIWIG-läget. T.ex. får du då automatiskt å ä ö inskrivna som specialtecken/entities. Vi ska också kopiera in en massa text och lägga in några bilder för att visa detta men börjar med ett skriva en egen rubrik. Övningen visar hur du gör en ny sida till din webbplats. Du kan senare länka till den från övriga sidor om du vill, just nu övar vi på sidan mer eller mindre separat från övriga filer. 10. Skriv in NNs studentwebbplats. Du kan givetvis skriva detta direkt i kodläge men prova gärna att skriva detta i förhandsvisningsläget och markera som h1 på ett av tre nedanstående sätt : a) i Paletten properties/egenskaper OBS I vissa lägen är propertiespaletten ihopfälld. Fäll ut här för att se alla inställningar Södertörns högskola dw09.doc Sidan 5 av 18

6 b) genom att markera texten och högerklicka c) i menyn Text > Paragraph format > Heading Fortsätt skriv på sidan: Kursplan. Markera som h2 på ett valfritt sätt, gärna i kodläget. Dreamweaver försöker hjälpa dig att skriva kod. Ibland är detta en lysande hjälpfunktion, andra gånger enbart irriterande. Tänk på att du kan styra en del av detta under Edit > Preferences > Code Hints och Code Rewriting m.fl. inställningar. När du blivit lite van bör du kolla igenom att olika möjligheter att ställa in programmet så det jobbar åt dig, inte du åt programmet Skriv igen i förhandsvisningsläget: Detta är den kursplan vi följer inom kursen i medieteknik under mina studier på Södertörns högskola. Kolla i kodläge: Blev det en paragraph <p>? DW brukar skapa det automatiskt. Dessutom bör dina å ä ö ha skrivits in som t.ex.: ö. För att få denna hjälp att skriva specialtecken bör du faktiskt välja att skriva in löpande text i förhandsvisningsläget. 13. Dags att spara din fil och kolla i en riktig webbläsare! Välj filnamnet kursplan.htm och lägg i din mapp www_lokal och sidor. Se till att spara i rätt mapp, som du ställt in som Local Root folder. Om du vill kan du alltid ändra dessa inställningar under Södertörns högskola dw09.doc Sidan 6 av 18

7 Site > Manage Site. Fortsätt att spara och kolla regelbundet. 14. Dags att kopiera in själva kursplanen. Leta upp den på SHs webbplats. När man ska kopiera en text från webben till en annan webbsida bör man först kolla koden. Välj View source eller liknande. Men på den här sidan gillar vi inte att texten är uppmärkt så att den är placerad i ett rutnät som byggs upp av en tabell. Stäng koden, markera texten direkt på webbsidan och välj Copy, växla tillbaka till Dw, men vänta med att klistra in. 15. Om du har ett urklipp redo så har Dw möjlighet till 2 val, Edit > Paste eller Paste special 16. För att bli av med den innästlade tabellen måste vi tyvärr välja bort all annan formatering på denna sida, genom att välja Paste special och kryssa för Text only. Andra gånger kan man ha mer tur och genom att välja paste special få med precis lagom mycket formattering från originalsidan till sin egen sida. 17. OK, vi får samma jobbiga textklump som när vi höll på med litteraturlistan, men det kommer att vara enklare att ta hand om den. Stå kvar i förhandsvisningsläget. Södertörns högskola dw09.doc Sidan 7 av 18

8 18. Börja strukturera upp texten i bitar genom att infoga radbrytningar på lämpliga ställen genom att helt enkelt trycka på enter. I koden blir detta p-taggar? Kolla! Det här kan var ett lämpligt tillfälle att använda Split-läget och se både text och kod. 19. Att jobba så här går mkt snabbare och enklare än att försöka överblicka direkt i kodläget och Dw hjälper dig att inte glömma bort nån endaste slut-tagg utan placerar ut både <p> och </p> när du trycker enter. (Men det kan hända att Dw lägger in extra onödig luft eller onödiga taggar, kolla igen...) 20. Det visar sig trots allt rätt jobbigt att dela upp texten i stycken, eftersom en kursplan utan formatering är ett ganska svårläst dokument. Jag har placerat ett förslag på student.ktd.sh.se/~sh08anne/kursplan0.htm Hämta där om du vill. Men stanna upp och fundera ett tag över hur en sökmotor eller talsyntes skulle ha förstått samma dokument. Med den visuella formatering som skapades av tabellen som fanns i koden, tyckte vi att vi fick mening och struktur när vi kunde se kursplanen på det viset på sh:s webbplats. Men en sökmotor är blind. Om texten saknar betydelsebärande semantisk kodning som t.ex. rubriker så hade sökmotorn varit lika förvirrad som vi. Det är just därför vi inte använder tabeller för layout av webbsidor och alltid markerar upp allt i en logisk struktur med rubriker, strong, etc INNAN vi tar itu med att göra det visuellt begripligt och lättläst och kanske t.o.m. vackert 21. När allt är uppdelat i prydliga stycken kan du fortsätta att göra kursplanen mer lättläst genom att faktiskt märka upp den som ett flertal listor, rubriker etc. Södertörns högskola dw09.doc Sidan 8 av 18

9 Ett exempel: Lärandemålen kan ses som en lista. Markera först orden Kunskap och förståelse som en rubrik t.ex. nivå 4. Markera därefter alla de rader som hör till den rubriken och börjar med # och högerklicka och välj List > unordered list (eller använd Propertiespaletten eller menyerna för att göra samma sak) Städa sedan bort de numera onödiga #-tecknen Södertörns högskola dw09.doc Sidan 9 av 18

10 22. Träna mera (om du orkar) på att formatera texten med rubriker och listor och strong och em m.m. Träna gärna både i kodläget och olika hjälpmenyer i förhandsvisningen. Jag gjorde en ordnad lista för de numrerade posterna, då blev det listor i listor och jag skrev i koden men använde läget split för att snabbt hoppa till rätt ställe i koden genom att markera rätt ställe i förhandsvisningen. Har lagt upp mitt exempel på student.ktd.sh.se/~sh08anne/kursplan1.htm 23. Dags att lägga in en bild eller flera om du vill. Hämta sh:s logga, spara först utanför din rätta webbmapp för att se att Dw försöker hjälpa dig att ha koll Placera markören där du vill ha bilden på sidan och infoga bilden via menyn Insert > Image (eller på nåt annat sätt), leta upp bilden och välj. Dw kommer att varna dig för att bilden inte finns inom den sajt-mapp du definerat och föreslå att den kopieras dit. Tacka ja och välj att placera i mappen bilder. Du får antagligen också hjälp att komma ihåg att skriva in alternativtext till bilden 25. Kolla i koden. Hur blev den kod till bilden som Dw skrev åt dig? Hur blev sökvägen till bildfilen? Kom ihåg att allt Dw gör är att skriva ett textdokument åt dig. Du kan hela tiden sluta använda Dw och redigera samma sida i Notepad eller Crimson. 26. Spara sidan. Kolla i webbläsare. Dreamweaver visar ju inte en fungerande webbsida, bara en sorts förhandsvisning, av ung. hur en webbläsare skulle tolka sidan, du kan t.ex. inte klicka på länkarna. För att förhandstitta i en riktig webbläsare kan du välja jordgloben i verktygsraden eller som vanligt öppna en webbläsare och bläddra dig fram till din sida. Testa vidare en stund eller läs gärna vidare först och testa mer senare. 27. Dags att lägga upp din sida och din nya bild på servern. Dw innehåller en ftp-klient som hjälper dig att hålla reda på filerna mer än de metoder vi använt hittills. Men du kan alltid flytta dina filer med vanlig FTP, du avgör själv när och om du vill använda Dw för detta. Södertörns högskola dw09.doc Sidan 10 av 18

11 28. FTP mha Dreamweaver Åter till Site > Manage Site för att göra ftp-inställningar Markera ditt sajtnamn och välj Edit Välj Remote info och Access FTP 29. Välj OK och Done OBS om du sitter utanför vår brandvägg måste du dessutom göra den dubbla inloggningen via student.ktd.sh.se/login i en webbläsare! 30. Nu ska vi dubbelkolla dina inställningar. Öppna Files-paletten om den inte redan är öppen. Där kan du titta på antingen Local eller Remote Files. Vi vill se båda och klickor på ikonen för ökad storlek Södertörns högskola dw09.doc Sidan 11 av 18

12 31. Sedan kopplar du upp dig med ikonen ( sätt i sladden ) för att se lokala filer och din www-mapp på servern på samma gång 32. För att ha glädje av Dreamweaver sajthantering fullt ut måste du ha korrekta inställningar, dvs de två filträden ska väga exakt jämt! I exemplet ser du min www till vänster och www_lokal till höger Båda ligger på samma nivå. Detta beror på hur vi gjorde de lokala inställningarna i början och ftp-inställningarna nyss. Gå tillbaka och kolla om det inte stämmer hos dig. Alternativa inställningar för den som vill Man kan avstå från att fylla i www som host directory under FTP. Då kommer man åt även privat, publik etc på servern. MEN då bör du inte välja www_lokal som Local Site Folder heller utan i så fall välja en annan mapp en nivå upp från www_lokal, det måste vara jämvikt! 33. Dags att lägga upp kursplan.htm. Öppna mappen sidor på den lokala sidan, markera filen och klicka på blå uppåtpil. Blå pil uppåt betyder Put = skicka dina lokala filer till webbservern och uppdatera därmed dina webbsidor på nätet. Grön pil neråt betyder Get = hämta ner dina filer från webbservern och ersätt dina lokala versioner med de som finns på nätet. Dw placerar filen i motsvarande mapp på servern (utan att du behöver kolla om den är öppen). Du kan också använda dra-och-släpp för att placera filer, men har du ställt in rätt så är det ett sämre alternativ att dra-och-släppa, vi syftar alltid till att det ska ligga en exakt kopia av filstrukturen på servern, och det är lika bra att låta Dreamweaver skicka filerna dit de hör Dw kommer också att fråga dig om du vill ta med dependent files. I detta fall skulle det vara bildfilen, annars kan det gälla t.ex. css- och javascriptfiler som sidan refererar till. Södertörns högskola dw09.doc Sidan 12 av 18

13 Tacka ja, eller nej och lägg upp bilden själv istället? 35. Du kan låta Dw sköta uppdateringar av relativa länkar och sökvägar inom din egen sajt. Spara och stäng först alla filer i Dreamweaver. Bara sajtfönstret ska vara öppet (se varning nedan) Testa att i Dws sajtfönster byta namn på t.ex. Shs logga, då får du hjälp av programmet att uppdatera sökvägen i alla filer som länkar till den. Välj update och kolla i filen kursplan.htm att sökvägen är ändrad för att sidan ska fortsätta att hitta bilden trots det ändrade namnet. Varningar!!!!! 1. När du döper om och flyttar i sajtfönstret, se till att alla Dreamweavers dokumentfönster är stängda. Annars uppstår en konflikt mellan den version som visas i det öppna fönstret och den version som uppdaterats av sajtfönstret. Det är väldigt lätt att spara fel version eller rent av gripas av panik när allt verkar ha blivit fel i dokumentfönstret 2. Det är fortfarande lika jobbigt att byta namn och flytta filer om du gör det nån annanstans än i Dw! Du kan inte börja byta namn och städa mappar i Windows eller Finder och tro att dina sökvägar ändras av sig själva bara för att det funkat i Dw! Fortsätt att välja kloka namn och hålla god ordning och ha exakt samma struktur lokalt och på server. 3. Glöm inte att Dw bara ändrat dina lokala filer. Du måste själv komma ihåg att ladda upp dem igen för att den korrekta versionen ska finnas på servern. Dreamweaver döper inte om eller uppdaterar de filer som ligger på servern. Om det ligger filer kvar där med gamla namn måste du själv ta bort dem. Dreamweaver har bara lagt upp nya kopior med nya namn. 36. Prova gärna att klistra in kod på din sida. Kopiera sidfot m.m. från en av dina tidigare övningssidor genom att hämta koden och klistra in direkt i kodläget. Spara och kolla. Södertörns högskola dw09.doc Sidan 13 av 18

14 Dags för CSS. 37. Dreamweaver kan hjälpa dig att skriva css, men inte tänka ut hur du på smaraste sättet planerar och strukturerar kod och css, det måste du alltid göra själv om du vill ha ett logiskt och rationellt resultat. 38. Börja med att länka till ditt befintliga stylesheet genom att välja Text > CSS styles > Attach eller ta fram paletten CSS och klicka på länksymbolen längst ner 39. Bläddra dig fram till din stilmall.css och välj att länka till den. Spara och kolla i webbläsare. Dw är dåligt på att visa anvancerad css i sitt designläge/förhandsvisning, du måste öppna webbläsarna Ser det konstigt ut? Du har ju i koden till dina andra sidor lagt till t.ex. <div id=content> Om det ska se ut ungefär som övriga sidor måste du ändra koden och lägga till lämpliga id och class. För att lägga till <div id=content> kan du t.ex. först markera allt synligt innehåll i förhandsvisning. Välj Insert > Layout Objects > Div Tag Fyll i nedanstående dialogruta. Kolla i koden att allt blev rätt. 41. Eller så går du direkt till koden och skriver in? Södertörns högskola dw09.doc Sidan 14 av 18

15 42. Om det redan finns en lämplig tagg att använda som du bara vill tilldela en class som redan finns i din stilmall, t.ex..nav så gör så här: Stå i designläge/förhandsvisning. Placera pekaren på sidan i den del du vill påverka. Då ser du längst ner i statusraden alla element som påverkar det området. Högerklicka på p-taggen, välj set class, välj bland de classer din stilmall redan innehåller 43. Prova nu att skriva en helt ny regel. Jag testade att skapa en class för kommentarer som jag vill ska synas tydligt på sidan. Välj Text > CSS styles > New (eller klicka på den lilla +ikonen i nederkanten av CSSpaletten) I dialogrutan markerar du class och hittar på ett vettigt namn t.ex. kommentar. Om du vill kan du kryssa i This document only, då hamnar din nya deklaration i bara den här sidans head-del (i en <style>-tagg). Om den ska användas på fler sidor så välj förstås att skapa direkt i din länkade stilmall Södertörns högskola dw09.doc Sidan 15 av 18

16 44. När du klickar OK kommer du till ett antal formulär som hjälper dig att skriva css 45. Prova olika saker under Category. Du kan redan skriva mer och bättre css än Dws formulär kan, men det kan vara ett bekvämt sätt att få hjälp att komma ihåg vad man kan göra och hur det stavas. 46. Jag valde vit text på röd bakgrund inom en tjock dubbel border, och måste då fylla i under Type, Background, Border 47. Sen måste man på sidan berätta att ett visst stycke ska ha classen kommentar innan det syns nån skillnad. När jag nu högerklickar på en p-tagg i statusraden så hittar jag min nyskapade class kommentar valbar under Set class. Spara både css och html-fil (de finns på olika flikar nu) och kolla både koden som skrivs och webbläsare. Södertörns högskola dw09.doc Sidan 16 av 18

17 48. Jag vill lägga till lite padding. Jag kan ändra det direkt i stilmallens textdokument eller i CSS-panelen eller klicka på penn-ikonen för att komma tillbaka till mina formulär: Prova nu att skriva en ny deklaration direkt i din stilmall.css men med hjälp av Dw. Stilmallen ska redan ligga öppen som en flik Dw 49. Min kommentar föranleddes av ett fel, nu vill jag skapa en ny class som heter t.ex. fel Du kan givetvis välja nåt helt annat exempel. Jag skriver.fel { Genast dyker en hjälp-meny upp med alla tänkbara properties/egenskaper som en selektor kan ha. Leta upp t.ex. text-decoration, markera och tryck enter Då kommer förslag på värden till denna egenskap. Välj t.ex. strike-through Skriv ; (semikolon) och enter Då förslår Dw fler egenskaper... Prova color: Dw låter dig välja, först bland de webbsäkra färgerna, eller full RGB om du klickar på färghjulet. Glöm inte sista måsvingen/curly bracket Södertörns högskola dw09.doc Sidan 17 av 18

18 50. Spara din css och använd din nya class nånstans i dokumentet 51. Dreamweaver har väldigt många sätt att göra samma sak, men kan också göra mycket som vi inte ens berört. Det finns under menyn windows t.ex.: Results - Där du kan kolla länkar, validera, sök/ersätt m.m. Reference ett helt O'Reillybibliotek med fackuppslagsböcker Assetts ditt eget lager av t.ex. färger och länkar och kodsnuttar som du återanvänder på din sajt Behaviors - som skriver enkla javascript åt dig m.m. Du kan dessutom ladda hem extensions för att ytterligare bygga ut programmets funktioner Missa inte heller finesserna i kodfönstret. Det har en egen verktygsrad som hjälper dig att överblicka och skriva kod på bästa sätt. I exemplet är hela head ihopfällt för att ge plats åt resten koden Södertörns högskola dw09.doc Sidan 18 av 18

3. Hämta och infoga bilder

3. Hämta och infoga bilder Sida 1 av 8 Lektion 1: sida 4 av 4 «Sida 3 av 4 Till kursens framsida 3. Hämta och infoga bilder Nu vet vi ju hur man sätter in text i sin sida. Men hur gör man med bilder? Det är inte svårt alls! Det

Läs mer

Välkommen som användare av medietekniks och informatiks publika studentserver

Välkommen som användare av medietekniks och informatiks publika studentserver Välkommen som användare av medietekniks och informatiks publika studentserver student.ktd.sh.se Syfte Vår server är en kombinerad ftp- och webbserver med två grundläggande syften: 1) Spara dokument som

Läs mer

Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er

Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi

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

2009-08-20. Manual för Typo3 version 4.2

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 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.1.1

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

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Open Office Writer Enkel guide till ordbehandling med Open Office www.openoffice.org Medieteknik Södertörns högskola 31 januari 2011 uppdaterad

Läs mer

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Enkel guide till ordbehandling med Word 2010 Medieteknik Södertörns högskola 2 september 2011 Du hittar vilka krav

Läs mer

WEBBUTVECKLING Kursplanering

WEBBUTVECKLING Kursplanering Kursplanering v 35-37: Struktur, mappar, google-skills, planering, html-grunder, bra/dåliga exempel, webbläsare, editorer v 38-43: HTML - länkar, färger, text, listor, bilder. v 44: Höstlov v 45: Repetition,

Läs mer

Grundutbildning EPiServer CMS6

Grundutbildning EPiServer CMS6 Grundutbildning EPiServer CMS6 Välkommen! Presentation av kursledare och kursdeltagare Kursinnehåll Verktygsfält och funktioner Skapa sida, spara och publicera Redigera sida Länkar till andra sidor och

Läs mer

Dreamweaver för nybörjare

Dreamweaver för nybörjare Startpaketet Dreamweaver för nybörjare För att kunna skapa en hemsida så måste du först öppna en plats för den och även skapa en bild mapp om du vill ha bilder på din hemsida. Tänk på en regel inom hemsideskapande,

Läs mer

Macromedia. Dreamweaver 8. Grundkurs. www.databok.se

Macromedia. Dreamweaver 8. Grundkurs. www.databok.se Macromedia Dreamweaver 8 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 1 Arbeta i Dreamweaver... 3 Fönster... 4 Statusfältet... 4 Menyer...

Läs mer

eller Snabbkurs i filhantering Tema: Mappar och filer i Windows samt Lagringsenheterna OBS! Endast för medlemmar i SeniorNet, Klubb Södertälje!

eller Snabbkurs i filhantering Tema: Mappar och filer i Windows samt Lagringsenheterna OBS! Endast för medlemmar i SeniorNet, Klubb Södertälje! eller Snabbkurs i filhantering Tema: Mappar och filer i Windows samt Lagringsenheterna OBS! Endast för medlemmar i SeniorNet, Klubb Södertälje! 1 Utgåva 1 Sammanställd av SeniorNet Södertälje Februari

Läs mer

Skriv http:// före adressen och lämna bort www enligt modellen: http://foreningensnamn.hemochskola.fi/admin

Skriv http:// före adressen och lämna bort www enligt modellen: http://foreningensnamn.hemochskola.fi/admin INTRODUKTION Välkommen att ta i bruk uppdateringsverktyget DigiStoff. För att använda verktyget behöver du en Internetuppkoppling och en webbläsare. Det rekommenderas att du använder webbläsaren Firefox.

Läs mer

1. Skapa och förbered en webbplats

1. Skapa och förbered en webbplats Sida 1 av 25 Lektion 1: sida 2 av 4 «Sida 1 av 4 Till kursens framsida Sida 3 av 4» 1. Skapa och förbered en webbplats Vi ska alltså börja med det krångligaste först: vi ska skapa och förbereda vår webbplats.

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

Labora&on 2 HTML och validering övningar/uppgi:er

Labora&on 2 HTML och validering övningar/uppgi:er Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det

Läs mer

Introducerande övningar i HTML

Introducerande övningar i HTML Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer

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

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man

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

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

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

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

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

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

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

I.site Webbsidesverktyg handledning

I.site Webbsidesverktyg handledning I.site Webbsidesverktyg handledning Ingela Ek IT-pedagogisk utveckling Barn- och ungdomsförvaltningen Botkyrka kommun Senast uppdaterad 2007 Välkommen som webbredaktör till Botkyrka kommuns hemsidor Logga

Läs mer

Steg 1 Minnen, mappar, filer Windows 7

Steg 1 Minnen, mappar, filer Windows 7 Steg 1 Minnen, mappar, filer Windows 7 Maj -13 Liljedalsdata.se Liljedalsdata Steg 1 Sida 1 Inledning Välkommen till denna kurs. Att jobba med datorer är ofta som att jobba med matematik. Det nya bygger

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

Administration av lagets arbetsrum lathund

Administration av lagets arbetsrum lathund Administration av lagets arbetsrum lathund 1: Logga in Öppna din webbläsare och gå in på nya Skuru-webben (www.skuruik.se/handboll). 1. Gå till ditt lags arbetsrum (du hittar laget antingen under Barn/Ungdom

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

SLUNIK manual. SLUNIK version 2 2010-08-03

SLUNIK manual. SLUNIK version 2 2010-08-03 SLUNIK manual SLUNIK version 2 2010-08-03 Innehåll SLUNIK...1 Kursledare... 1 Lärare... 1 LOGGA IN... 1 Hjälp, inloggning... 2 Välj kurs att administrera... 2 Om du inte ser din kurs i listan... 3 Filtrera

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

Lathund Office online

Lathund Office online Denna lathund lär dig det du behöver veta för att komma igång med Office online. Innehållet uppdateras löpande. I slutet av lathunden finner du övningar som hjälper dig att komma igång. Praktiska övningar

Läs mer

Steg 1 Minnen, mappar, filer Windows 8

Steg 1 Minnen, mappar, filer Windows 8 Steg 1 Minnen, mappar, filer Windows 8 Feb -14 Liljedalsdata.se Liljedalsdata Steg 1 W8 Sida 1 Inledning Välkommen till denna kurs. Att jobba med datorer är ofta som att jobba med matematik. Det nya bygger

Läs mer

InfoGlue för lättredaktörer

InfoGlue för lättredaktörer 1 InfoGlue för lättredaktörer Gå till www.publicera.gu.se/enkel-inloggning och klicka på Länk till den enkla inloggningen. Alternativt så finns det en inloggningslänk någonstans på den (institutions-)webbplats

Läs mer

Anvä ndärguide Nyä Expeditionsresor

Anvä ndärguide Nyä Expeditionsresor Anvä ndärguide Nyä Expeditionsresor Hjälpguide för att använda Wordpress och Nya Expeditionsresor.se 2014-08-10 Innehållsförteckning Logga in till Wordpress-panelen... 3 Skapa bildspel... 4 Färgkoder...

Läs mer

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet. E-post A. Windows Mail Öppna alternativ Klicka på startknappen Startmenyn öppnas Klicka på Alla Program Leta reda på Windows Mail Dubbelklicka Windows Mail öppnas. Om ikonen ligger i Start-menyn Klicka

Läs mer

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad: 2014-10-07

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad: 2014-10-07 Guide Eva Pärt-Enander, 2012-12-14 Webbsidor i Studentportalen Uppdaterad: 2014-10-07 Innehåll Webbsidor i Studentportalen... 1 Om webbsidor... 2 Lägg till en webbsida... 2 Lägg till samma webbsida på

Läs mer

Lathund FE-edit i Typo3

Lathund FE-edit i Typo3 1(6) Lathund Front-end-editing (FE-edit) i Typo3 Front-end-editing (FE-edit) är ett förenklat sätt att redigera innehåll med Typo3. Helt kort går det ut på att man redigerar innehållet medan man surfar

Läs mer

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet.

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet. Välj bort om du vill Om du är nöjd med att ha din e-post på nätet, kan du lugnt hoppa över detta avsnitt. Har du tid och tycker att det är roligt, kan du testa att använda e-postprogrammet Windows Live

Läs mer

Användarutbildning i SiteVision

Användarutbildning i SiteVision Användarutbildning i SiteVision Innehållsförteckning 1 Komma igång med SiteVision 2 1.1 Starta SiteVision 2 1.2 Redigeringsläget i SiteVision 3 1.2.1 Verktygsfält 3 1.2.2 Modulväljare 4 1.2.3 Navigator

Läs mer

Frontpage 2002/XP (2)

Frontpage 2002/XP (2) Frontpage 2002/XP Frontpage 2002 eller Frontpage XP som det också kallas är ett hemsideprogram där du inte behöver kunna koda som annars är fallet om man gör en hemsida. Att snabbt, enkelt och snyggt kunna

Läs mer

Version X6 Fler tips

Version X6 Fler tips Version X6 Fler tips Jobba i ditt EndNote-bibliotek Hantera PDF:er För att använda dig av den automatiska Find fulltext-funktionen, markera den eller de referenser du vill söka fulltext för och välj References

Läs mer

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Sida 1 av 23 Editor, Avancerad I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Detta dokument syftar till att hjälpa dig som vill jobba mer aktivt

Läs mer

SLU anpassad lathund

SLU anpassad lathund SLU anpassad lathund för personpresentation i EPiServer uppdaterad 17 maj 2011 För att kunna använda CV mallen på SLU webben krävs två saker: 1. Att man är anställd på SLU och har AD behörighet. Detta

Läs mer

Hur använder du som elev Fronter?

Hur använder du som elev Fronter? Hur använder du som elev Fronter? Fronter är en lärplattform. Det är ett digitalt verktyg som du som elev ska använda dig av för att hitta uppgifter, länkar och dokument från alla dina lärare, lämna in

Läs mer

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19)

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Handbok i OEW 28 sept 2012 Mari-Anne Englund Barbro Olofsson Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Använd det användarnamn och lösenord som du fått. Fungerar det inte hör av dig till Mari-Anne

Läs mer

när du arbetar med uppsatser och andra långa texter

när du arbetar med uppsatser och andra långa texter Tricks i Word när du arbetar med uppsatser och andra långa texter Åsa Kronkvist Högskolan Kristianstad Våren 2007 Innehåll Dags att skriva uppsats?... 3 Att tänka på innan du börjar... 3 Spara klokt...

Läs mer

Mer information om RefWorks, andra referenshanteringsprogram och hur man refererar hittar du på Linköpings universitetsbiblioteks webbsidor.

Mer information om RefWorks, andra referenshanteringsprogram och hur man refererar hittar du på Linköpings universitetsbiblioteks webbsidor. Guide till RefWorks För att förenkla hanteringen av referenser och referenslistor finns det flera olika verktyg, s.k. referenshanteringsprogram. Med dem kan du samla, organisera och presentera dina referenser.

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

Hur man skapa en Wiki.

Hur man skapa en Wiki. Hur man skapa en Wiki. Ordet wiki (i t.e.x Wikipedia) kommer från Hawaiian och betyder snabbt. Kortfattat kan man säga att en wik i är en webbplats där alla enkelt kan publicera och redigera material när

Läs mer

Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon).

Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon). Laboration 0 Laborationen är till för dig som inte är familjär med att navigera i filträd på en dator. Om du är van vid detta (vilket är det vanliga nu för tiden) så kan du bara snabbt titta igenom laborationen.

Läs mer

Se till att posten är i Ändringsläge. Gå till rullgardinsmenyn under Föremål och välj Lägg in bild.

Se till att posten är i Ändringsläge. Gå till rullgardinsmenyn under Föremål och välj Lägg in bild. Bilder (11) Det går att lägga en eller flera bilder till varje föremålspost. Det enklaste är att lägga in en bild, från den registrerade föremålsposten. Det går också att lägga in ett större antal bilder

Läs mer

1. För att komma till inloggningen skriver du in följande adress i din webbläsare: http://skolpost.varnamo.se

1. För att komma till inloggningen skriver du in följande adress i din webbläsare: http://skolpost.varnamo.se 1. För att komma till inloggningen skriver du in följande adress i din webbläsare: http://skolpost.varnamo.se 2. När du är framme vid själva inloggningen, fönstret nedan, där du skriver in ditt användarnamn

Läs mer

Lathund för lättredaktörer i InfoGlue

Lathund för lättredaktörer i InfoGlue Lathund för lättredaktörer i InfoGlue Kommunikationsenheten 1 (8) Erik Dahlbergsgatan 11 B, plan 5, Box 100, 405 30 Göteborg 031 786 00 00 www.gu.se Innehållsförteckning Inloggning Gröna plattan Redigeringslänkar

Läs mer

Zimplit CMS Manual. Introduktion. Generell Information

Zimplit CMS Manual. Introduktion. Generell Information Zimplit CMS Manual Introduktion Detta dokument ger en överblick av Zimplit CMS (Content Management System) användargränssnitt och dess funktioner. (För mer information och hjälp-forum, se zimplit.org.)

Läs mer

Kort instruktion för arbete i Sitevision ( exempel från ATM)

Kort instruktion för arbete i Sitevision ( exempel från ATM) Sitevision på HiG BOL /2010-06-07 Kort instruktion för arbete i Sitevision ( exempel från ATM) För att lägga in text eller redigera text på HiG s nya webb måste du tillhöra någon grupp som har behörighet

Läs mer

Lathund för redigering av Falkenbergs gymnasieskolas hemsidor

Lathund för redigering av Falkenbergs gymnasieskolas hemsidor Lathund för redigering av Falkenbergs gymnasieskolas hemsidor Börja med att logga in på hemsidan Adress: http://www.edu.falkenberg.se/gymnasieskolan Klicka på nyckeln. Skriv i användarnamn och lösenord,

Läs mer

Användarutbildning i SiteVision

Användarutbildning i SiteVision Användarutbildning i SiteVision Senselogic AB Version 2.4 Innehållsförteckning 1 Komma igång med SiteVision...1 1.1 Starta SiteVision... 1 1.2 Redigeringsläget i SiteVision... 2 1.2.1 Verktygsfält...2

Läs mer

Klassens aktivitet. Inställningar

Klassens aktivitet. Inställningar Klassens aktivitet Inställningar Förslag till struktur på klassens aktivitet Jag föreslår att vi till en början väljer att ha ganska lite att välja på i aktiviteten, så att det inte blir för rörigt för

Läs mer

LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT

LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT Joomla Guide 2.5.11 LÄNKAR LADDA UPP EN PDF & LÄNKA TILL I ARTIKEL Sida 1 av 11 LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT I denna guide får du lära dig att: Ladda upp ett PDF dokument på

Läs mer

FC-kurs Röbäcks skolområde femmor och sexor ---------------

FC-kurs Röbäcks skolområde femmor och sexor --------------- FC-kurs Röbäcks skolområde femmor och sexor En kortfattad manual för följande funktioner: 1. Besvara brev på olika sätt 2. Läsa och skicka bifogade filer 3. Byta lösenord 4. Lägga in en presentation 5.

Läs mer

Kurs 6:1 Att publicera på webben

Kurs 6:1 Att publicera på webben Kurs 6:1 Att publicera på webben S TUDE NTDATOR UTBILDNINGE N MALMÖ HöGSKOLA Beijerskajen 8, K3, källaren, sal Apollo (A01:303), 205 06 Malmö www.bit.mah.se/undervisning/sdm Att publicera på webben, del

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

Administration av lagets arbetsrum. Lathund

Administration av lagets arbetsrum. Lathund Administration av lagets arbetsrum Lathund Innehåll 1 Logga in... 2 2 Koppla serier till ditt lag... 3 3 Koppla serier och matcher till lagets kalender... 4 4 Konfigurera välkomsttext... 5 5 Konfigurera

Läs mer

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

Du kan själv följa med i denna steg-för-steg guide i din texteditor. Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information

Läs mer

Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem.

Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem. Kap 03.indd 444 KAPITEL TRE Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem. Gadgetar och den nya Sidpanelen är nog mina favoriter bland de nya funktionerna i Windows Vista.

Läs mer

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format

Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format Lathund för Microsoft Word Innehåll Autokorrigering 1 2 3 4 5 6 7 8 9 4 Format På denna rullgardinsmeny väljer du om du vill skriva brödtext, rubriker osv. Mycket bra verktyg om du arbetar med formatmallar.

Läs mer

Att bygga enkla webbsidor

Att bygga enkla webbsidor Nivå 1 Att bygga enkla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what

Läs mer

Introduktion till LÄROBJEKT. tisdagen 18.10.2005

Introduktion till LÄROBJEKT. tisdagen 18.10.2005 Introduktion till LÄROBJEKT tisdagen 18.10.2005 Ann Westerstråhle, Gabriella Stenvall-Vihervuori Cygnæus skola SKAPA DIN HEMSIDA 1. Öppna Front Page. 2. Spara din ingångssida genom att gå till -> arkiv

Läs mer

Text och galleri på fotoklubbens nya hemsida

Text och galleri på fotoklubbens nya hemsida Text och galleri på fotoklubbens nya hemsida Inloggning Denna instruktion vänder sig till användare som skall lägga upp texter/blogginlägg på klubbens hemsida. Användarna har behörighetsnivå Författare

Läs mer

http://office.microsoft.com/sv-se/word/ha100444731053.aspx

http://office.microsoft.com/sv-se/word/ha100444731053.aspx 1. Öppna Word 2007 i 97-2003 2. Vilken Explorer har jag 3. Inloggning med Explorer 8 4. Sökväg till sidan 5. Ha två fönster öppna 6. Stilar 7. Storleksändra 8. Inklistring av text 9. Bilder till startsidan

Läs mer

Dokument i klassens aktivitet

Dokument i klassens aktivitet Dokument i klassens aktivitet I min mall har jag ju tagit bort Aktivitetens dokument, så att eleverna inte har tillgång till dem. Min tanke med detta är att de lärare som arbetar i klassen då får en plats

Läs mer

Lathund för publicering i KI Commons wikitjänst

Lathund för publicering i KI Commons wikitjänst 1 Lathund för publicering i KI Commons wikitjänst (juni 2013) Skapa ett konto 1. Gå till webbplatsen: http://www.kicommons.wikispaces.net/ och klicka på Join längst upp till höger i webbläsarfönstret.

Läs mer

Snabbguide för publicering i Drupal för ki.se

Snabbguide för publicering i Drupal för ki.se Senast uppdaterad 2014-04-20 av Webbteamet Version: 1.0 Snabbguide för publicering i Drupal för ki.se Den här snabbguiden tar bara upp de vanligaste momenten i Drupal. Du hittar hela manualen på webben:

Läs mer

1. Basics. Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning 5. 2. Sidhantering

1. Basics. Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning 5. 2. Sidhantering Manual Grunderna Av 1. Basics Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning 5 2. Sidhantering Skapa en ny sida 6 Ta bort sida 9 Flytta sida 10 3. Filhantering Skapa

Läs mer

Så här gör du för att flytta en film från Ping Pong till KI Play

Så här gör du för att flytta en film från Ping Pong till KI Play Så här gör du för att flytta en film från Ping Pong till KI Play Filmer som är publicerade direkt i Ping Pong (i den sk Resursbanken) ska flyttas från Ping Pong till KI Play innan hösten 2017 (KI Play:

Läs mer

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size="6">

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size=6> CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning

Läs mer

TIS-Web startguide 3.6. TIS-Web Startguide

TIS-Web startguide 3.6. TIS-Web Startguide TIS-Web Startguide Den här guiden hjälper dig komma igång med de vanligaste funktionerna i TIS-Web, ladda upp data och utvärdering av färdskrivardata. För mer detaljerad information se manualerna som finns

Läs mer

STEGBESKRIVNING - WEBB

STEGBESKRIVNING - WEBB STEGBESKRIVNING - WEBB Logga in och Ut 1. Öppna upp en webbläsare (Chrome eller Firefox) 2. Skriv in sökvägen: www.krukmakarenshus.org/wp-admin/ 3. Fyll i inloggningsuppgifterna och tryck Logga in 3. När

Läs mer

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa

Läs mer

Lathund Hemsida för Astma- och Allergiförbundets föreningar

Lathund Hemsida för Astma- och Allergiförbundets föreningar 1/17 Lathund Hemsida för Astma- och Allergiförbundets föreningar Webbplatsen är byggd i WordPress 3.8.1. Den är byggd för att på ett enkelt sätt ska kunna skapa nya föreningshemsidor och innehåller: Inloggning

Läs mer

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren 600 IT för seniorer Windows 7.qxp 2011-06-0 10:27 Sida 1 Eva Ansell Marianne Ahlgren Eva Ansell Marianne Ahlgren Grundläggande IT för SENIORER Windows 7 Det här är en bok för dig som behöver grundläggande

Läs mer

Skapa innehållsförteckning i WORD. IT-avdelningen

Skapa innehållsförteckning i WORD. IT-avdelningen Skapa innehållsförteckning i WORD IT-avdelningen Skapa innehållsförteckning i Word Detta är en handledning i hur man skapar innehållsförteckning i Word. När man gör innehållsförteckningar kan man göra

Läs mer

Infoga sidnummer på annan sida än första sidan samt hur man gör en Innehållsförteckning

Infoga sidnummer på annan sida än första sidan samt hur man gör en Innehållsförteckning Studentcentrum studenthelpdesk. MANUAL Infoga sidnummer/ Innehållsförteckning Word 2007 Infoga sidnummer på annan sida än första sidan samt hur man gör en Innehållsförteckning Det viktigaste att komma

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

Snabbguide till First Class

Snabbguide till First Class Snabbguide till First Class Guide till First Class Grundläggande funktioner Logga in i First Class För att logga in i First Class dubbelklickar du på skrivbordsikonen First Class, eller väljer First Class

Läs mer

Lathund ClaroRead Plus v6

Lathund ClaroRead Plus v6 Lathund ClaroRead Plus v6 sid 2. sid 3. sid 4. sid 5. sid 6. sid 7. sid 8. sid 9. sid 10. Starta ClaroRead Plus. Inställningar för verktygsraden. Välja röst och språk. Läsa upp text. Inställningar för

Läs mer

Introduktion av Quality Works 3.0

Introduktion av Quality Works 3.0 Introduktion av Quality Works 3.0 Den här introduktionen vägleder dig igenom de vanligaste funktionerna i Quality Works och hur man kan använda sig av programmet för att skapa en enkel manual för sitt

Läs mer

Guide Att publicera och redigera på strukturtorget

Guide Att publicera och redigera på strukturtorget Guide Att publicera och redigera på strukturtorget 1 Att logga in i WordPress Systemet där strukturtorgets sidor och filer hanteras heter WordPress. Gå till https://strukturtorget.academedia.se/wp-admin

Läs mer

Installation av datafil för lokal lagring av e-post i Microsoft Outlook 2016

Installation av datafil för lokal lagring av e-post i Microsoft Outlook 2016 Installation av datafil för lokal lagring av e-post i Microsoft Outlook 2016 1. Starta Outlook 2. Gå till Arkiv längst upp till vänster. 3. Se till att fliken Info är markerad. Klicka sedan på Kontoinställningar

Läs mer

Arbeta i Sharepoint dokumenthanteringssystem

Arbeta i Sharepoint dokumenthanteringssystem Arbeta i Sharepoint dokumenthanteringssystem För att komma ifrån problemet med olika versioner av dokument ska alla webbdokument läggas in i dokumenthanteringssystemet Sharepoint. Så här laddar du upp

Läs mer

Guider för specialprogrammen

Guider för specialprogrammen Guider för specialprogrammen Talsyntes: Voxit Budgie 2.3 OCR-behandling: ScanSoft OmniPage Rättstavningsprogram: Stava Rex Spell Right Läslinjal: Screen Ruler Om du vill vara säker på att kunna använda

Läs mer

Snabbguide till Polopoly

Snabbguide till Polopoly Snabbguide till Polopoly Följande handledning är en snabbintroduktion till Polopolysystemet och hjälper dig att fort komma igång med att skapa, redigera och ta bort innehåll. Utförligare orientering ges

Läs mer