STUDIEMATERIAL. Webbpublicering. Ingrid Hallman, Merja Pikkuaho. Mars Folkbildningsnätets Pedagogiska resurser

Storlek: px
Starta visningen från sidan:

Download "STUDIEMATERIAL. Webbpublicering. Ingrid Hallman, Merja Pikkuaho. Mars 2001. Folkbildningsnätets Pedagogiska resurser"

Transkript

1 STUDIEMATERIAL Webbpublicering Ingrid Hallman, Merja Pikkuaho Mars 2001 Folkbildningsnätets Pedagogiska resurser Folkbildningsrådet, Box 730, Stockholm, Sweden. Det material som finns att hämta på denna webbplats får användas i undervisning och i studiegrupper av lärare, cirkelledare och andra inom folkhögskolor och studieförbund. Därutöver får materialet endast användas för enskilt bruk.

2 Innehållsförteckning 1. INLEDNING KURSUPPLÄGGNING FÖRKUNSKAPER KURSMÅL WEBBPUBLICERING - EN PEDAGOGISK MÖJLIGHET INTERNATIONALISERING - PROJEKT MELLAN SKOLORNA...5 TEORIDEL 2. INTERNET FOLKBILDNINGSNÄTET WWW WORLD WIDE WEB VAD ÄR EN WEBBSERVER? HTML HYPERTEXT MARKUP LANGUAGE DATORNS HÅRD- OCH MJUKVARA DATORNS HÅRDVARA DATORNS MJUKVARA DATASÄKERHET OCH SEKRETESS SKAPA DOKUMENT FÖR WEBBEN UPPHOVSRÄTTEN BILDER FÖR WEBBEN ATT FÅ IN BILDER I DATORN EN DIGITAL BILDS UPPBYGGNAD BILDUPPLÖSNINGEN BILDSTORLEK BILDSKÄRMENS UPPLÖSNING BILDFORMAT PÅ WEBBEN FÄRGER LÄGGA IN BILDER PÅ WEBBSIDAN GRUNDTIPS FÖR LAY-OUT PÅ EN WEBBSIDA STRUKTUR PÅ DIN WEBBPLATS EXEMPEL PÅ OLIKA STRUKTURER HÅLL ORDNING PÅ DINA FILER ARBETSGÅNG VID WEBBSIDESTILLVERKNING LÄNKNING ENHETLIGHET...22 PRAKTISKA ÖVNINGAR 10. GÖR DIN EGEN HEMSIDA VIA ANTECKNINGAR (WINDOWS) PUBLICERA DIN EGEN HEMSIDA PÅ FOLKBILDNINGSNÄTET ATT ANVÄNDA WORD 97 SOM WEBB-EDITOR...29

3 1. Inledning Detta kursmaterial ingår i Folkbildningsrådets (FBR) IT-projekt "Särskilda fortbildningsinsatser i IT-stött lärande för folkhögskolelärare". Kursdokumentet och kursplanen har utarbetats av Ingrid Hallman och Merja Pikkuaho. Erik Söderlund har bidragit med kapitel 3-5. Projektledare har varit Jens Bylund. Vi som har jobbat med kursen tycker att publicering på webben är en bra metod för en aktiv IT-användning för både lärare och elever. Hur man använder det skiljer sig från skola till skola och inom skolan mellan olika kurser. Men det öppnar nya möjligheter att dela med sig av kunskap mellan linjer, skolor och länder. Kursen är avsedd att användas på folkhögskolor. Den har ambitionen att ge en grund att stå på för alla lärare som vill använda webbpublicering som ett pedagogiskt instrument. Den kan givetvis användas i undervisningen för att ge elever samma möjlighet. Vi hoppas att kursen ska fungera som inspiration att sätta igång 1.1 Kursuppläggning Kursmaterialet ger en teoretisk grund för att ta de första stegen i att publicera text och bild på nätet. I teoridelen förklaras de basbegrepp som behövs för att förstå hur webben och webbpublicering fungerar. Vi har försökt att hålla de teoretiska avsnitten så korta som möjligt. Du får många litteratur- och länktips för att gå vidare efter kursen. Avsnittet praktiska övningar betår av enkla övningar där du tränar olika sätt att göra en hemsida. Kursen är tänkt som en grundkurs för att komma igång att publicera sidor som läggs ut på nätet. Alla delar av materialet kanske inte hinns med under en kurs, men det kan användas som uppslagsdel när du efter kursen försöker på egen hand. Det viktiga är att komma igång och upptäcka att det inte är speciellt krångligt eller svårt utan roligt och pedagogiskt användbart att producera egna webbsidor. Testkursens längd var två dagar. Under kursen varvades de teoretiska avsnitten med praktiska tillämpningar, men den mesta tiden gick åt till avsnittet Praktiska övningar Förkunskaper För att tillgodogöra sig kursen bör man framförallt vara nyfiken på hur webbpublicering fungerar. Att kunna enkel datorhantering och grundläggande begrepp underlättar arbetet. Eftersom vi använder Folkbildningsnätet är det bra om du är ansluten till detta Kursmål Att deltagarna ska kunna lägga ut text och bild på Internet Att kunna använda denna kunskap i ett vuxenpedagogiskt sammanhang Att kunna lära ut ovanstående i en elevgrupp Sida 3

4 1.4 Webbpublicering - en pedagogisk möjlighet Vad kan då webbpublicering som arbetsredskap tillföra folkhögskolans pedagogiska praxis? Utan att utlova en ny revolutionär metod tror vi att rätt tillämpad kan webbpublicering vara ett nytt och utvecklande sätt för eleverna att redovisa sina arbeten i text, bild, film och ljud - för varandra och andra intresserade. Att nå andra med sina arbeten stimulerar lusten att uttrycka sig. Genom att själv producera sidor på nätet i stället för att bara ta emot blir eleven en aktivare och mer kritisk användare av webben. Eleven/klassen/skolan kan genom att ha en egen webbplats dokumentera sitt skolarbete under året. Specialarbeten, uppsatser, dikter, bilder - allt kan sparas där och visas för andra. Det blir en slags loggbok över läsårsarbetet. Man kanske börjar i det lilla, i klassen och skolsamhället för att sedan öka ringarna. Läraren kan lägga ut arbetsmaterial, arbetsuppgifter och bakgrundsmaterial som eleverna lätt kan komma åt. Användbara länkar, ett länkbibliotek, kan publiceras för eleverna att leta vidare i. Vidare är det ett praktiskt sätt att hålla kontakt med andra folkhögskolekurser med t.ex. samma inriktning, eller med vänortsskolar och därigenom öka det internationella kontaktnätet. Läsa vidare Navigatören, Skolverket Skolverkets vägledning till pedagogiskt arbete med IT. En handledning som kan rekvireras gratis från Bra webbplats Skolverkets webbsatsning. En mötesplats för det pedagogiska IT-arbetet i skolan. Vänder sig främst till lärare. Här finns bl.a. en multimedia-skola och en HTMLskola. Sida 4

5 1.5 Internationalisering - projekt mellan skolorna Det pågår en livlig projektverksamhet inom folkbildningen i Sverige. Förutom de projekt som folkbildningsrådet bedriver i folkhögskolorna arbetar många skolor med transnationella projekt inom EU och bidrar på sätt till utvecklingen av folkbildningen. De projekt, som bedrivs i samarbete med andra skolor och institutioner i Europa har varierade mål och medel. Många har att göra med åtgärder för de vuxna kortutbildade arbetslösa, som vill förbättra sin ställning på arbetsmarknaden genom olika väglednings- och utbildningsinsatser. Bra webbplats Folkbildningsrådet: Här finns information om de pågående projekten som FBR står för. Axevalla folkhögskola: Om samarbete med Estland bl.a för att starta en folkhögskola där. Carlforska gymnasiet: Många olika projekt bl.a. en gemensam bok, material etc. Westerlundska gymnasiet: Elevutbyte, andra kontakter etc. Handikapporganisationer: Internationellt biståndsarbete och samarbete mellan handikapporganisationer Distum: Många olika projekt som Distum står för. Sida 5

6 Teoridel 2. Internet Internet är ett vildvuxet kommunikationssystem, ett nät av nätverk. Där kan du hitta konsumentupplysning, nynazistisk propaganda, akademiska avhandlingar, Ikeas försäljningssida mm. Där kan du "chatta" med nyfunna, okända människor världen över. Där kan du delta i en diskussion om demokratins kris i den nya ekonomin eller ladda hem den senaste hitlåten. Internet skapades för ungefär 30 år sedan av den amerikanska försvarsindustrin för att skydda sina datacentraler från att slås ut av en kärnvapenattack. Man länkade samman sina datorer i ett nätverk. Brast en länk fanns det alltid någon kvar. Det skulle inte finnas någon central dator utan datatrafiken skulle kunna dirigera sig själv mellan de olika datorena i nätverket. Men först efter 1989 när den speciella HTML-koden utvecklades, blev nätet mer spritt och använt utanför dataexperternas grupp. Internet erbjuder sina användare ett antal tjänster. De mest använda är: WWW, world wide web E-post FTP (File Transfer Protocol), filöverföring Nyhetsgrupper, diskussionsgrupper (news groups) Chat Internet utvecklas hela tiden för att göras mer användarvänligt och mer attraktivt. Att skicka e-post blev tidigt ett väl utnyttjat sätt att använda nätet och är idag den flitigast använda tjänsten. Från att ha varit ett kommunikationssystem för att överföra textdokument, kan man idag se film, ladda ner den senaste hitlåten, beställa flygbiljetten. Interaktiviteten har ökat, liksom antal användare var antalet 40 miljoner, miljoner och miljoner, av dessa bor hälften i USA och en fjärdedel i Europa. Liksom vid andra teknikskiften genom tiderna blir den nya tekniken både ett hot och ett löfte. Hotbilderna som tornar upp sig är risken för "storebror ser dig", övervakningssamhället, ökade klasskillnader och en global uppdelning där tredje världen halkar efter än mer i ekonomisk utveckling. Löftena vad gäller den nya tekniken har varit allt från lösning på skolans kris, en ny global gemenskap till en förenklad vardagstillvaro. Läsa vidare Internet för lärare, Göran Lindgren, Studentlitteratur Mycket användbar bok om den pedagogisk användning av Internet. Sida 6

7 Hur förändras våra livsvillkor? Emin Tengström En kritisk betraktelse av IT-samhället och kunskapssamhället. Lämpar sig bra för diskussioner i klassen. Net-wars, Ilshammar, Larsmo En rolig och intresseväckande debattbok om IT Sida 7

8 2.1 Folkbildningsnätet Internet är ett nät mellan miljoner av datorer i världen - men vad är då ett folkbildningsnät? Jo, det är ett konferenssystem och ett pedagogiskt verkstyg för folkbildare i Sverige. Det fungerar som en mötesplats, ett informationstorg, en konferensanläggning och ett studiecentrum för oss alla. Det nya jämfört med vanliga mötesplatser är att allt sker digitalt dvs. man ser endast symboler och text på dataskärmarna i landet. Tid och rum är inte viktigt, utan man kan när som helst på dygnet gå in och säga sin mening, sprida information och ta reda på vad andra har sagt. Man kopplar upp sig på Internet, söker fram Folkbildningsrådets hemsida; loggar in sig på folkbildningsnätet och klickar fram den konferens man vill delta i. De flesta folkhögskolor och studieförbund har egna konferenser som används dagligen. 2.2 WWW World Wide Web Web betyder spindelnät på engelska och WWW är som ett stort nät som kopplar ihop många mindre nät och miljontals enskilda datorer över hela världen. Egentligen är det inte ett nätverk av datorer som Internet utan ett nätverk av dokument. Dokumenten är sammankopplade med länkar som anger vilka andra dokument på webben som kan vara av intresse för läsaren. Webben använder sig av Internet för att överföra dokumenten. Det kan beskrivas som ett lager ovanpå Internet som gör det enklare att komma åt informationen på nätet. Framsidan av en tjänst - rotsidan t.ex. Torget eller Passagen kallas för en hemsida. Därifrån kommer man sedan vidare till innehållet och länkar. För att kunna använda webben måste man ha en webbläsare (browser) alltså ett program som kan förstå webbens språk. De mest använda är Internet Explorer eller Netscape. Bra webbplats Sidan är skriven av några studenter vid Umeå Universitet. 2.3 Vad är en webbserver? Vanligen är detta en kraftfull dator med snabb fast Internetanslutning. Den är utrustad med en speciell programvara för att skicka ut sidor på webben. Via något som heter DNS svarar servern på anrop till sin egen domän (till exempel Servrar hos stora organisationer och operatörer är dyra anläggningar som sköts av specialister. Om mindre kapacitet krävs kan man installera gratis serverprogramvara i en enkel PC och ansluta den som domänserver till Internet. På detta sätt kan en folkhögskola ha en egen webbserver med eget domännamn i sina lokaler. Ett annat sätt att få ut sidorna på nätet är att hyra in sig hos en operatör med servar som betjänar många kunder (s k. webbhotell). För privatpersoner och ideella organisationer finns gratis webbhotell. Sida 8

9 I privata Internetabonnemang ingår oftast rätten att publicera en mindre mängd sidor. Många Internetportaler erbjuder gratis publicering. Som framgår på annan plats erbjuder även folkbildningsnätet denna möjlighet. Nackdelen är att portalens eller operatörens domännamn måste finnas först i adressen (t ex Om trafiken skulle bli livlig får Du räkna med att bli utkastad. 2.4 HTML Hypertext Markup Language HTML är ett markeringsspråk eller sidbeskrivningsspråk, som används för att dokument/sidor på Internet skall kunna läsas av alla webbläsare (browsers) oavsett om användaren har en Mac eller en PC. Ett HTML-dokument är alltså en www-sida, som har gjorts/skrivits med hjälp av markeringar (tags/sv. taggar), texter och bilder. Exempel: Så här ser sidan ut på webben: min hemsida.html Detta är min hemsida Jag heter Kalle Karlsson och bor... Så här ser HTML- markeringen ut: <html> <head> <title> min hemsida</title> <body bgcolor= lightgrey > <b> Detta är min hemsida</b> Jag heter Kalle Karlsson och bor... <centre><img src:= syrsa.jpg > </body> </html> Läsa vidare Internet databoken, Erik Ronne, Docendo En lättfattlig handbok om Internet. Bra uppslagsdel, som förklarar alla termer man stöter på. Bra webbplats En bra sida om HTML En första introduktion till HTML-språket. Får kopieras fritt. Sida 9

10 3 Datorns hård- och mjukvara 3.1 Datorns hårdvara Vad behöver man för dator för att kunna arbeta med webbpublicering på enkel nivå? Svaret är att en vanlig modern standarddator räcker bra (prisklass i dag kr). Är din dator mer än tre år gammal eller äldre måste Du räkna med att vissa saker inte går att göra snabbt och enkelt. Extra internminne är bra att ha om man vill kunna jobba med flera program och dokument samtidigt. Det underlättar om bildskärmen har bra kvalitet och är åtminstone 17. En bläckstråleskrivare som skriver färg hyfsat bör finnas tillgänglig. (Pris kr och uppåt) En CD-brännare (ca kr) är bra att ha för arkivering och för att skicka större datamängder till andra. En bildläsare/skanner bör finnas tillgänglig ( kr) Hemma behöver du ett modem för att komma ut på Internet. På skolan har du normalt en fast Internetanslutning via det lokala datanätet. 3.2 Datorns mjukvara Operativsystemet (OS) är en basprogramvara som krävs för att datorn ska fungera på avsett vis. Mac eller PC kan diskuteras länge men för webbpublicering spelar det ingen större roll vilket du väljer. Det är stora fördelar med att ha ett modernt operativsystem, eftersom dessa på olika sätt är bättre anpassade för Internet. (OS ingår normalt i köpet av datorn) Du bör ha flera webbläsare installerade och se till att dessa är relativt moderna. Det behövs för att Du ska kunna testa att Dina sidor fungerar. Webbläsarna är sedan några år gratis att installera och använda. I Netscape ingår en modul som heter Composer där man skriver HTML-kod i något som liknar en ordbehandlare. Du har en enkel texteditor (Skriv text/anteckningar) bland tillbehörsprogrammen som levereras med datorn. Lär dig att använda den. Ett modernt ordbehandlingsprogram är bra att ha när du författar dina texter. Där ingår bland annat en modul för stavningskontroll. Word 2000 kan spara texter som webbsidor på ett ganska bra sätt. Om Du använder Word 97 bör Du ladda hem och installera ett förbättrat tillägg för att spara som HTML. Ett program för bildbehandling är nödvändigt för att du ska kunna anpassa dina bilder till webben. Ett sådant program ingår när du köper bildläsare. En stor mängd specialprogram finns för webbdesigners. Frontpage och Dreamweaver är de vanligaste. Dessa är inte nödvändiga för att kunna göra enklare sidor. Sida 10

11 4 Datasäkerhet och sekretess Detta ämne är stort och i sig en världsindustri med många tals anställda. Vi vill här ta upp några punkter som kan vara relevanta för en lärare som vill publicera sig på nätet i ett pedagogiskt sammanhang. En aspekt av datasäkerhet är att man bör lagra sina dokument på ett säkert sätt. Att skriva en bok och bara ha den lagrad på sin lokala hårddisk är rent ut sagt olämpligt. Listan över fatala händelser som kan inträffa börjar med: hårddiskhaveri, datorhaveri, virusangrepp, radering av misstag, brand i hemmet, stöld osv. Lösningarna är ganska enkla; att lära sig och även att utföra: säkerhetskopia på diskett, på CD (via CD-brännare) e-posta dokumentet till dig själv på folkbildningsnätet eller skolan. Förlust på grund av brand eller stöld kan man bara säkra sig mot genom att förvara säkerhetskopior på annan plats. En form av säkerhet är faktiskt att skriva ut på laserskrivare och förvara utskriften i arkiv. Det finns inget skydd som är helt fullkomligt för data som sparas på datorer i nätverk eller Internet. Däremot finns en rik skala av skydd som många gånger räcker mer än väl: Lagra data i en dator med säker inloggning och möjlighet till exklusiv åtkomst till kataloger efter användare (T ex Windows NT och 2000). Använd skydda dokument i Word (Officepaketet). Skaffa en speciell krypteringsprogramvara och använd den. Använd bra lösenord och se till att de inte råkar i händerna på obehöriga. Om du vill skydda en publicerad hemsida mot åverkan måste du lita på den operatör som sköter Webbservern. Internet och sekretess är på sätt och vis två motsatta begrepp. Om man vill att bara en begränsad krets ska kunna läsa en hemsida är detta fullt möjligt att genomföra. Du bör dock ta hjälp av någon som kan din webbservers programvara. Till sist Utgå från att det du lägger ut på Internet kommer att kopieras och användas av andra (om det är bra). Om du absolut inte vill bli utnyttjad på det viset bör du nog avstå från publicering. Sida 11

12 5. Skapa dokument för webben För att skapa dokument som ska visas i en webbläsare (Explorer eller Navigator) kan man gå till väga på många olika sätt. Vilken metod man väljer beror på syftet med hemsidan och hur mycket tid man vill lägga ner på produktionen. De egna kunskaperna spelar givetvis en avgörande betydelse. En yrkesverksam webbredaktör använder en hel uppsättning dyra och avancerade program för att skapa professionella sidor. I ett pedagogiskt sammanhang på en folkhögskola har man en begränsad tid och budget till sitt förfogande. Målgruppen är liten och känd och behöver inte övertygas med en massa grafik och andra "trix". Några lämpliga program och metoder: 1. Manuell HTML-kod Alla som har Windows 95/98 eller NT har ett litet program för textredigering som heter "anteckningar" (Start - program - tillbehör - anteckningar. Detta program skiljer sig från ett ordbehandlingsprogram genom att det inte sparar en massa styrtecken utan bara det man skriver in. Det passar därför bra för att skriva eller redigera programkod som t ex HTML-kod. Programmet finns normalt i alla datorer och kostar således ingenting extra. Nackdelen med detta sätt att skriva in koden är att man måste lära sig ett antal HTML-taggar utantill. Om man lägger in större textmassor blir det ganska omständigt att arbeta på detta sätt. Alla specialtecken måste skrivas in på ett speciellt sätt. 2. "Spara som HTML" Vi räknar med att alla skolor har tillgång till datorer med Microsoft Office 97 eller 2000 installerade. Efter att ha redigerat klart sitt dokument i Word går man till Arkiv - spara som HTML. Programmet skapar då automatiskt HTML-kod och man bestämmer dokumentnamn och lagringsplats. Detta sker mycket snabbt och enkelt. Nackdelen är att särskilt Word 97 inte klarar av att återge sidan i HTML på avsett sätt. 3. HTML-kod via en gratis HTML-editor (t ex Netscape Composer) 4. Avancerad hemsidekonstruktion (t ex Frontpage eller Dreamweaver) 5. Spara som HTML" i ett grafiskt program (t ex Indesign) För nybörjaren som producerar för en begränsad grupp motiverade läsare och som inte kan lägga ner mycket tid på utformningen eller sin egen utbildning är någon av de tre första metoderna att föredra. Sida 12

13 6. Upphovsrätten Nya medier för med sig nya etiska och juridiska frågeställningar. Lättheten att kopiera text och bild från nätet har gjort att många nätanvändare kopierar material från nätet. Om man arbetar med webbpublicering inom undervisning är det viktigt att känna till hur lagen om upphovsrätt fungerar på Internet. Grunden i Upphovsrättslagen är att upphovsmannen, dvs. författaren, tecknaren, kompositören eller fotografen har rätten till sina verk. Upphovsrätten gäller femtio år efter upphovsmannens död. Lagen om rätt till fotografisk bild reglerar fotografers rätt till sina bilder. Alla fotografiska bilder skyddas av lagen, alltså även amatörbilder. Här gäller ett skydd på femtio år efter att bilden framställdes. En enkel regel gäller: Allt material (text, bild, musik, grafik etc.) som är publicerat är upphovsrättsskyddat, oavsett om det uttryckligen står eller ej. Så fort du lägger ut något på nätet är det likställt med att publicera. Det betyder att du inte utan tillstånd får vidareanvända material från nätet annat än för personligt bruk. Man får t.ex. inte ladda ner en bild man hittar på nätet och sen lägga ut den på sin egen hemsida. Lärarnas kopieringsavtal, som reglerar tryckta medier gäller inte material på nätet. Men mycket material på nätet är utlagt för att informera och för att spridas. Det brukar vara tydligt angivet, ofta med tillägget att källan eller upphovsmannen måste anges. Det finns t.ex. undervisningsmaterial som fritt får användas. Citaträtt Ingen regel utan undantag, Du får använda dig av korta citat ur skyddade verk för att förtydliga delar i ditt eget verk. Du måste då ange källan. Att läsa vidare Internetpublicering, en juridisk vägledning, Malin Edmar, Kulturnät Sverige Bra webbplats Här kan du läsa om olika juridiska frågor runt nätet, och även fritt ladda hem "Internetpublicering, en juridisk vägledning" se ovan. Sida 13

14 7. Bilder för webben Bilder på en webbsida lättar upp en textmassa och kan ibland även ersätta text. Möjligheten att visa bilder är en av anledningarna till varför webben har blivit så populär. Men bilder ställer lätt till problem. De kan ta lång tid att ladda ner och irritera besökaren. Att få bilder att fungera på webben. kräver en hel del hel kunskap om hur den digitala bilden fungerar. 7.1 Att få in bilder i datorn Bildinläsning i en skanner. De flesta bilder som används idag är fotograferade med en vanlig kamera och måste omvandlas till digital form i en skanner (bildläsare) för att kunna visas i en dator. De vanligaste kallas flatbäddsskanner och där kan du läsa in en färdig bild. Det finns även negativskanner, där du kan läsa in negativ eller diabild. Digitalkameror. Bilden kan läsas in direkt i datorn utan framkallning och kopiering. I stället för film används ett bildkort där bilderna lagras digitalt. Det finns enkla kameror, typ kompaktkameror, som lämpar sig bra för webbilder. De är i dag inte dyrare än en bra kompaktkamera. Fotoaffären kan föra över bilder till en diskett eller CD. Att föra över sina bilder till diskett samtidigt som du lämnar din filmrulle för kopiering är idag ett billigt sätt att digitalisera dina bilder. CD är en dyrare lagring men ger flera varianter på samma bild (olika bildupplösningar) Egna bilder kan skapas i ett bildprogram som Paint Shop Pro eller Illustrator. Du kan ladda ner bilder som är fria att använda från webben. Speciella bildskivor finns att köpa med "fria" bilder.. De är ofta indelade efter olika motiv. Sida 14

15 7.2 En digital bilds uppbyggnad En starkt uppförstorad pixelbild, För att få in en bild i datorn måste den alltså digitaliseras, dvs göras om till ettor och nollor. Det innebär oftast att bilden kommer att bestå av små fyrkanter som kallas pixlar, vi säger då att bilden är punktupplöst. Det betyder alltså att bildens information är en mängd små punkter i olika färger. Pixlarna är olika stora beroende på vilken upplösning bilden har. Ju mer du förstorar en bild uppbyggd av pixlar desto tydligare syns fyrkanterna och desto taggigare blir bilden. En bild med hög upplösning kan du förstora mycket innan den uppfattas som taggig. Högupplösta bilder har fler och mindre pixlar och kvaliteten är därför bättre. Bilden på hunden är inläst i mycket låg upplösning på 16 dpi för att pixlarna ska synas tydligt. 7.3 Bildupplösningen Bildens upplösning, bildkvaliteten, anges punkter per tum, dpi (dot per inch). När du läser in en bild med en skanner eller redigerar bilden i ett bildbehandlingsprogram, så kan du välja vilken upplösning bilden ska ha. Ju högre upplösning, desto fler pixlar och desto mer datorminne krävs. Bilder för webben behöver inte högre upplösning än 72 dpi, vilket ungefär motsvarar bildskärmens upplösning. 7.4 Bildstorlek Det bästa är att bilden är i rätt storlek när du tar in den på webbsidan. Såväl en förstoring som en förminskning resulterar oftast i en försämrad bildkvalitet. En bilds storlek anges i Kb. Du ska försöka få ner vikten på bilden utan att förstöra bildkvaliteten. Ju tyngre bild desto längre tid tar nedladdningen av sidan. Du kan t.ex. ta bort information som är onödig i bilden genom att beskära den. Om du vill visa många bilder, en fotoutställning eller visa bilder från skolans temadag kan du minska bildens fysiska storlek, bara göra små tumnagelbilder. Du länkar sedan bilderna till samma bild fast i originalstorlek. OBS! Även bilder kan göras till länkar. Skriv på sidan att genom att klicka på bilderna kan man få se bilderna större. Det går då mycket snabbare att ladda hem sidan. Sida 15

16 7.5 Bildskärmens upplösning När man talar om en bildskärms upplösning menar man hur många pixlar som visas på hela skärmen, i sid- och höjdled. Vanliga skärmupplösningar är 640 x 480, 800 x 600, 1024 x 768 skärmpunkter. Beroende av vad ditt grafikkort till skärmen klarar kan du ställa in bildskärmens upplösning. Högre upplösning ger bättre kvalité, men bilder och text visas mindre. Det här är viktigt att tänka på när du skapar dokument för att lägga ut på nätet. Hur ska dokumentet visas? Du har själv inget inflytande hur över vilken storlek användarna har på sina skärmar, (här finns allt från 14 till 21-tum). Du vet inte heller vilken skärmupplösning de har ställt in. Så här visas bilden beroende på vilken upplösning som bildskärmen har Sida 16

17 7.6 Bildformat på webben GIF Det är ett av de vanligaste formaten som används för att visa bilder i HTMLdokument på webben. Bilder i GIF-format är starkt komprimerade för att snabbt kunna laddas ner på bildskärmen. Formatet klarar maximalt 256 färger. JPEG Formatet JPEG(.jpg) används främst för att visa fotografier på webben. Formatet komprimerar bilden och gör att bilderna laddas snabbare. Bildinformation tas bort som inte är så viktig för bilden. Om du arbetar med JPEG-bilder undvik att spara om bilden flera gånger eftersom bilden då tappar i kvalitet. Detta format kan hantera flera färger jämfört med GIF. Bilden varierar beroende på antal färger, filstorlek och hur lång nedladdningstiden är. Sida 17

18 7.7 Färger Varje pixel på skärmen kan visa de tre grundfärgerna rött, grönt och blått eller en blandning av dessa tre, RGB-färg. Maximalt kan ca 16,8 miljoner färger visas på bildskärmen. Bildens färgdjup anger hur många nyanser den kan visa. 8 bitars färgdjup ger 256 olika kombinationer. Läser du in en svartvit bild får du automatiskt 8 bitar per bildpunkt. För färgfotografier är 24 bitars färgdjup det maximala. Men ju fler färger du väljer att spara din bild med desto tyngre blir den. Om du har ett bildbehandlingsprogram kan du ta bort de färger som inte är nödvändiga för bilden. Om du gör om en färgbild till en svartvit bild minskas storleken med en tredjedel av den ursprungliga. Kom ihåg att alltid spara en kopia av den ursprungliga bilden när du gör om den. Illustrationen ovan visar olika alternativ för samma bild, det är en funktion i Photoshop 5.5, Spara för webben. 7.8 Lägga in bilder på webbsidan Bild med 72 dpi Koden för att sätta in en bild är <IMG SRC= >. Det betyder image source. Efter likamedtecknet ska du ange korrekt namn på bilden och sökväg till bilden. Det är enklast att ha alla bilder i en mapp som du lägger på samma ställe som webbsidorna. I bilden på hunden blir koden <IMG SRC= "king.jpg"> Med attributen WIDTH och HEIGT ger du webbläsare måtten för bilden (antalet pixlar). Det underlättar för webbläsaren och nedladdningen går snabbare. Bilden ovan WIDTH="220" HEIGT="160" Alternativ text Med attributet ALT kan du ange en text som visas i en textruta när du för musen över bilden. Det är också den texten som visas om grafiken är avstängd. ALT= "min hund" Hela taggen för bilden <IMG SRC= "king.jpg" WIDTH="220" HEIGT="160" ALT= "min hund"> Läs vidare Under rubriken Praktiska övningar sid. 27 Sida 18

19 Läsa vidare Digital bildbehandling, Astrid Haugeland, Pagina En pedagogisk och grundlig bok. Den har ett särskilt kapitel om den digitala bilden. Den beskriver tre vanliga bildbehandlingsprogram; Photoshop. Paint Shop Pro och Photo-Paint Det finns många bra läroböcker för Photoshop. Några att rekommendera: Starta med Photoshop, KnowWare-serien Enkelt och billigt häfte För fulla segel med Photoshop, grundkurs i bildhantering, Björn Kläppe Många exempel och praktiska övningar Bra webbplats Här hittar du bra manualer till många program, som vi tar upp i det här materialet. Även praktiska övningar. Sida 19

20 8. Grundtips för lay-out på en webbsida När du presenterar text Använd inte för långa rader. Max 65 tecken på en rad. Det är svårare att läsa text på skärm än i tryckt form. Använd korta stycken. Det blir lättare att läsa Lägg ut långa texter på flera sidor med länkar emellan, i stället för ett långt dokument. Normalt ska en textsida aldrig vara längre än två skärmbilder, Mellanrubriker lättar upp Fet stil kan användas som rubrik i stället för att öka storleken på bokstäverna. Begränsa antalet storlekar på bokstäverna. Två stycken räcker gott. Begränsa även olika typsnitt. Använd t.ex. ett typsnitt för rubriker och ett för löpande text (brödtext) Använd kursiv text sparsamt. För att markera ord men inte flera rader. Använd aldrig funktionen blinkande text för att framhäva något. Grafik och bild Använd gärna bilder för att variera sidornas utformning och framhäva budskapet. Frilagda bilder kan ofta vara bra att använda. De ger ett luftigare, mer levande intryck samtidigt som de går lite snabbare att ladda ner. Undvik starka färger som bakgrund. Läsbarheten försämras. Vitt och ljusgrått är att föredra. Bilder som bakgrund tar ofta för mycket uppmärksamhet från innehållet. Använd endast ett minimum av animerade, rörliga, bilder. De drar till sig uppmärksamheten och stör om de visas hela tiden. Bilder ska vara tydliga och lätt avlästa. Använd så små bilder som möjligt, bilder tar lång tid att ladda ner och användare tycker inte om att vänta. Sida 20

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

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

ATT GÖRA WEBBSIDOR. Frivillig labb

ATT GÖRA WEBBSIDOR. Frivillig labb Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

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

Manual för. 2.4 KALAS Sitemanager

Manual för. 2.4 KALAS Sitemanager Manual för 2.4 KALAS Sitemanager 1. Introduktion Den här manualen skall hjälpa dig att komma igång så att du själv på ett enkelt sätt kan lägga till, redigera eller ta bort webbsidor på din webbplats.

Läs mer

Så skapas färgbilder i datorn

Så skapas färgbilder i datorn Så skapas färgbilder i datorn 31 I datorn skapas såväl text som bilder på skärmen av små fyrkantiga punkter, pixlar, som bygger upp bilden. Varje punkt har sin unika färg som erhålls genom blandning med

Läs mer

Laboration med Internet och HTML

Laboration med Internet och HTML Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

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

Digital bildhantering

Digital bildhantering Digital bildhantering En analog bild blir digital när den scannas. Bilden delas upp i småbitar, fyrkanter, pixlar. En pixel = den digitala bildens minsta byggsten. Hur detaljrik bilden blir beror på upplösningen

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

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

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

Bilaga 2. Layoutstöd för examensarbeten och uppsatser

Bilaga 2. Layoutstöd för examensarbeten och uppsatser Bilaga 2 Layoutstöd för examensarbeten och uppsatser Lärstöd Karlstads universitetsbibliotek ht 2007 Layoutstöd examensarbeten och uppsatser ht -07 Innehåll 1. Inledning...1 1.1 Dispositon...2 2. Om omslag...3

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

Manual för. 2.5 KALAS Sitemanager

Manual för. 2.5 KALAS Sitemanager Manual för 2.5 KALAS Sitemanager 1. INTRODUKTION...1 1.1 SYSTEMKRAV...1 1.1.1 Visning av sidor...1 1.1.2 Produktion av sidor...1 1.1.3 Inloggning...1 2. KALAS SITEMANAGER...3 2.1 LÄGGA TILL EN WEBBSIDA...4

Läs mer

LATHUND FRONTPAGE 2000

LATHUND FRONTPAGE 2000 LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.

Läs mer

Skärmbilden i Netscape Navigator

Skärmbilden i Netscape Navigator Extratexter till kapitel Internet Skärmbilden i Netscape Navigator Netscape är uppbyggt på liknande sätt som i de flesta program. Under menyraden, tillsammans med verktygsfältet finns ett adressfält. I

Läs mer

Internets historia Tillämpningar

Internets historia Tillämpningar 1 Internets historia Redan i slutet på 1960-talet utvecklade amerikanska försvaret, det program som ligger till grund för Internet. Syftet var att skapa ett decentraliserat kommunikationssystem som skulle

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

Gör en modern släktbok för CD eller webben

Gör en modern släktbok för CD eller webben Gör en modern släktbok för CD eller webben 21 Den traditionella släktboken består av ett antal tabeller och i bästa fall en grafisk stam- eller antavla, och man kan med ett register eller hänvisningar

Läs mer

Att lyckas med utskrifter

Att lyckas med utskrifter Att lyckas med utskrifter Utgiven av Universitetstryckeriet, Luleå, 1999 Gunnar Tuisku Foldern tar upp vanliga problem som kan uppstå vid utskrifter i PC- och Mac-miljö. Att lyckas med utskrifter! Denna

Läs mer

Webbdesign vt. 2010. Innehållsförteckning

Webbdesign vt. 2010. Innehållsförteckning Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans

Läs mer

Webbdesign vt. 2009. Innehållsförteckning

Webbdesign vt. 2009. Innehållsförteckning Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder

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

Word-guide Introduktion

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

Läs mer

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

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

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

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1 Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min

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

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

Lär dig POWERPOINT. Lars Ericson datorkunskap.com Lär dig POWERPOINT Lars Ericson datorkunskap.com POWERPOINT D A Programmet Microsoft PowerPoint används till att skapa grafiska presentationer till bildspel, presentationer mm. När du öppnar upp PowerPoint

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

WEBDESIGN A - DTR 1210

WEBDESIGN A - DTR 1210 Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden

Läs mer

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben Ellibot 1.0 Interaktivmedia Content Management System Publicera för webben Innehåll Logga in 3 Skapa en ny webbsida 4 o Publicering 5 o Information 5 o Standardfiler 6 o Innehåll 7 Hur man skapar en länk

Läs mer

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm Användarhandbok (testsite http://www.pahlm.com/dynapahlm/ Förord DynaPahlm är levererat tillsammans med din webbplats från KM-Företagsutveckling. DynaPahlm är ett Content Management System (CMS), fritt

Läs mer

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

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

Snabbmanual. för. Lärresurshanteringsverktyget

Snabbmanual. för. Lärresurshanteringsverktyget Snabbmanual för Lärresurshanteringsverktyget Beskrivning av olika vyer i Lärresurshanteringsverktyget Skapa I detta fönster skapar man nya sidor och/eller väljer struktur på sin lärresurs. Men man redigerar

Läs mer

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Nov 13 Liljedalsdata.se Liljedalsdata Steg 5 Mac Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida på

Läs mer

Steg 5 Webbsidor One.com File manager Web editor Windows 7/8

Steg 5 Webbsidor One.com File manager Web editor Windows 7/8 Steg 5 Webbsidor One.com File manager Web editor Windows 7/8 Dec 14 Liljedalsdata.se Liljedalsdata Steg 5 W78 Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida

Läs mer

Snabbstartsguide. Verktygsfältet Snabbåtkomst Kommandona här är alltid synliga. Högerklicka på ett kommando om du vill lägga till det här.

Snabbstartsguide. Verktygsfältet Snabbåtkomst Kommandona här är alltid synliga. Högerklicka på ett kommando om du vill lägga till det här. Snabbstartsguide Microsoft Word 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden så att du så snabbt som möjligt ska komma igång. Verktygsfältet Snabbåtkomst Kommandona

Läs mer

FIRSTCLASS. Innehåll:

FIRSTCLASS. Innehåll: FIRSTCLASS Innehåll: Hämta klient...2 Installera klient...2 Konfigurera klient...2 Koppla upp...3 Skrivbordet...3 Mailbox...3 Presentation...3 Skapa ett nytt meddelande...4 Söka mottagare för nytt meddelande...4

Läs mer

FC-kurs Röbäcks skolområde, åk 5-6

FC-kurs Röbäcks skolområde, åk 5-6 FC-kurs Röbäcks skolområde, åk 5-6 En kortfattad manual för följande funktioner: 1. Hur det ser ut i FC (repetition) 2. Hur man skickar och läser mail i FC (repetition) 3. Att skicka och ta emot en bilaga

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

Dokumentation av rapportmall

Dokumentation av rapportmall Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens

Läs mer

LATHUND WORD 2003. RXK Läromedel Tel: 08-580 886 00, Fax: 08-580 886 08 www.rxk.se, e-post: info@rxk.se

LATHUND WORD 2003. RXK Läromedel Tel: 08-580 886 00, Fax: 08-580 886 08 www.rxk.se, e-post: info@rxk.se LATHUND WORD 2003 RXK Läromedel Tel: 08-580 886 00, Fax: 08-580 886 08 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel. Mångfaldigande av någon del av eller hela innehållet

Läs mer

Inför prov 1 i webbdesign

Inför prov 1 i webbdesign Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Carl-Oscar Hermansson WEBB DESIGN

Carl-Oscar Hermansson WEBB DESIGN Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...

Läs mer

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering Innehåll Redigeringsverktyget... 3 Hantera bilder... 5 Infoga pdf-fil... 5 Lägg till mall... 6 Infoga YouTube-klipp... 6 Infoga länk... 7 Infoga tabell... 8 Kodupprensning... 10 CSS-klass... 10 Egna anteckningar:...

Läs mer

Dags att skriva uppsats?

Dags att skriva uppsats? Dags att skriva uppsats? Grundkurs i Word 2010 SDM Studentdatorutbildning vid Malmö högskola Att skriva i Word! 1 Börja skriva/skapa ditt dokument- något att tänka på 1 Spara ditt dokument 1 Bra att veta

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

Innehållsförteckning. Skräppost... 19

Innehållsförteckning. Skräppost... 19 Innehållsförteckning 1 Börja arbeta med Outlook... 1 Öppna e-postprogrammet... 1 Skapa nytt meddelande... 2 Skicka ett brev... 3 Öppna och stäng ett meddelande... 3 Markera/avmarkera ett meddelande...

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

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

Att använda talsyntesen ClaroRead Pro

Att använda talsyntesen ClaroRead Pro Att använda talsyntesen ClaroRead Pro Version 5 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler och inskannade texter.

Läs mer

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil. Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition

Läs mer

Sammanställd av Peter Essen Datoriet - Lundby 2002-05-07

Sammanställd av Peter Essen Datoriet - Lundby 2002-05-07 Sammanställd av Peter Essen Datoriet - Lundby 2002-05-07 1 Denna bok är producerad med Claris Works 4.0 för Windows 95 2 Innehåll Förord... 4 1 - FrontPage 2000 - en första titt...5 2 - Skapa en webb-plats...9

Läs mer

Allmän IT-kunskap. Innehåll

Allmän IT-kunskap. Innehåll sförteckning Datorkunskap Office 2007, Windows Vista Allmän IT-kunskap Datorer och program... 7 Användningsområden...7 Program...7 Datorn från utsidan... 8 Datorlåda...8 Bildskärm...8 Stora och små datorer...8

Läs mer

Lär dig grunderna i Photoshop Elements 4.0

Lär dig grunderna i Photoshop Elements 4.0 Lär dig grunderna i Photoshop Elements 4.0 Här får du lära dig hur man flyttar bilder från kameran till datorn, hur man fixar till ett foto, hur man skriver ut bilder och mycket mera. Lycka till! copyright

Läs mer

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla info@handels.se då riskerar inget att falla mellan stolarna.

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla info@handels.se då riskerar inget att falla mellan stolarna. Lathund handels.se Skapa sidor, redigera befintliga samt lägga upp och länka till dokument https://www.handels.se/templates/login.aspx?returnurl=/secure är adressen för att kunna logga in i Episerver.

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

Grundläggande Ordbehandling Microsoft Word

Grundläggande Ordbehandling Microsoft Word Grundläggande Ordbehandling Microsoft Word Programfönstret Namnlist Verktygsfält Menyrad Vågrät linjal Lodrät linjal Rullningslist Statusfält Menyer och Verktygsfält Visa eller dölja ett verktygsfält Högerklicka

Läs mer

9 Webbföreläsningar. 9.1 Streaming

9 Webbföreläsningar. 9.1 Streaming 9 Webbföreläsningar Webbföreläsningar innebär att en lärare håller en föreläsning vid sin dator och studenterna kan ta del av den live. För att fler ska kunna titta på detta samtidigt krävs att man använder

Läs mer

KAPITEL 5 Användbara program. Tillbehör. WordPad. Paint

KAPITEL 5 Användbara program. Tillbehör. WordPad. Paint KAPITEL 5 Användbara program Som jag nämnde i inledningen är Windows mycket mer än bara ett operativsystem. Det följer även med ett antal användbara program som är mycket användbara. Du har fått bekanta

Läs mer

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER Hermundstad Östlund Ansell Grundläggande IT för SENIORER Windows Vista och Office 2007 INTRODUKTION 1. ABC OM INTERNET...5 2. TJÄNSTER PÅ INTERNET...6 A. Webbsidor och webbplatser... 6 B. Mejl (e-post)...

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

Regler för publicering på www.vimmerby.se

Regler för publicering på www.vimmerby.se Regler för publicering på www.vimmerby.se Antagen av kommunstyrelsen 2006-04-04 100 VIMMERBY KOMMUN 1. Kommunledningskontoret Kanslienheten LHR Regler för publicering på www.vimmerby.se 1. Inledning Internet

Läs mer

Allmän it-kunskap. Innehåll

Allmän it-kunskap. Innehåll sförteckning Datorkunskap 2.0 Office 2007, Windows Vista Allmän it-kunskap Datorer och program... 7 Användningsområden...7 Program...7 Stora och små datorer...8 Gamla datorer...9 Datorns funktion... 10

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

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

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

!!!!! Bruksanvisning !!!!!!!!! För version 1.11.x (uppdaterad 2014-07-09) !!!!!!!!!!!!! Birger Eriksson webblots.se

!!!!! Bruksanvisning !!!!!!!!! För version 1.11.x (uppdaterad 2014-07-09) !!!!!!!!!!!!! Birger Eriksson webblots.se Bruksanvisning För version 1.11.x (uppdaterad 2014-07-09) Birger Eriksson webblots.se Bruksanvisning för webbsidor byggda med CMS Made simple Start... 4 Lägg till eller ändra sida... 4 Lägg till ny sida...

Läs mer

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson Thor Stone Education Datakurs, grund (Windows 7) 1 Efter att du slagit på strömmen till datorn och den har laddat in operativsystemet (Windows), visas skrivbordet på skärmen. Det som visas på skrivbordet

Läs mer

ORDBEHANDLIG MED OPEN OFFICE.ORG...2 PRINCIPER...2 STARTA PROGRAMMET...2 ARBETSINSTÄLLNINGAR...2

ORDBEHANDLIG MED OPEN OFFICE.ORG...2 PRINCIPER...2 STARTA PROGRAMMET...2 ARBETSINSTÄLLNINGAR...2 MED OPEN OFFICE 1 ORDBEHANDLIG MED OPEN OFFICE.ORG...2 PRINCIPER...2 STARTA PROGRAMMET...2 ARBETSINSTÄLLNINGAR...2 Marginaler...2 Sidnumrering...2 Och sedan Infoga/Fältkommando/Sidnummer...3 Radavstånd...3

Läs mer

och Lär dig surfa på Internet Bilden nedan föreställer Södertälje kommuns hemsidans startsida Adressen till hemsidan

och Lär dig surfa på Internet Bilden nedan föreställer Södertälje kommuns hemsidans startsida Adressen till hemsidan Utgåva 1 och Lär dig surfa på Internet Sammanställd av: SeniorNet i Södertälje November 2008 Vi använder här Microsofts surfprogram: Windows Internet Explorer På skrivbordet högerklickar du på ikonen:

Läs mer

Publicera material i Blackboard

Publicera material i Blackboard Marie Andersson, IKT-centrum E-post: iktcentrum@mdh.se 2012-06-25 (Bb Learn 9.1.8) Publicera material i Blackboard Innehåll Att tänka på... 2 Mappar och Lärmoduler... 2 Skapa en mapp... 2 Skapa en lärmodul...

Läs mer

Grunder. Grafiktyper. Vektorgrafik

Grunder. Grafiktyper. Vektorgrafik 2 Grunder All vår början bliver svår eller hur det nu brukar heta, och detta är något som gäller även Flash. För den som är ovan vid Flash gäller det säkert extra mycket, då det kan vara knepigt att förstå

Läs mer

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand.

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand. I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand. Innehållsförteckning Kontrollpanelen i kategoriläge. Frågor 2 Utforskaren, hantera filer och mappar.

Läs mer

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011 Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man

Läs mer

Allmän IT-kunskap. Innehåll

Allmän IT-kunskap. Innehåll Allmän IT-kunskap Datorer och program... 5 Användningsområden...5 Program...5 Stora och små datorer...6 Datorn från utsidan... 6 Datorlåda...6 Bildskärm...6 Pekdon eller mus...7 Diskettstation...7 Cd-läsare/spelare...8

Läs mer

www.s-info.se Personlig hemsida/blogg Version 5.1

www.s-info.se Personlig hemsida/blogg Version 5.1 www.s-info.se Personlig hemsida/blogg Version 5.1 Innehållsförteckning Innehållsförteckning... 1 Portalen... 2 Exempel på en personlig hemsida... 3 Inloggning till er hemsida... 4 Startsida redigering...

Läs mer

Webbsidekurs för nybörjare

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

Läs mer

Skapa mappar, spara och hämta dokument

Skapa mappar, spara och hämta dokument Skapa mappar, spara och hämta dokument Övningen görs på hårddisken i mappen Mina dokument 1a Starta programmet utforskaren 1 b Huvudgrupper i utforskaren 1c Expandera huvudgrupper, enheter och mappar Skapa

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

Arbeta med bilder på sunne.se i CMS 7.5 Sida 1 av 9

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

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

Snabbguide för E-lomake

Snabbguide för E-lomake Snabbguide för E-lomake 1 Om E-lomake/E-blankett...1 1.1 Inloggning...1 1.2 Symboler...1 1.3 Användargränssnittets flikar...1 1.4 Skapande av en ny blankett...2 2 Skapande av en ny blankett, Fält-funktionen...3

Läs mer

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton.

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton. Snabbstartsguide Microsoft OneNote 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden för att hjälpa dig minimera din inlärningskurva. Växla mellan pekskärm och mus

Läs mer

Bilder Innehåll: Inledning Minneskort Ansluta kamera eller minneskort Föra över bilder, ett sätt Föra över bilder, ett a nnat sätt

Bilder Innehåll: Inledning Minneskort Ansluta kamera eller minneskort Föra över bilder, ett sätt Föra över bilder, ett a nnat sätt Bilder Innehåll: Inledning 1 Minneskort 1 Ansluta kamera eller minneskort 1 Föra över bilder, ett sätt 2 Föra över bilder, ett annat sätt 4 Var finns bilderna på datorn 6 Avslutning 6 Inledning 2 Välkommen

Läs mer

manual D E M O Systemkrav Pc med Windows 98/2000 166 Mhz Pentium 64 Mb RAM Miljontalsfärger (24 bit) Upplösning: 800 x 600 pixels

manual D E M O Systemkrav Pc med Windows 98/2000 166 Mhz Pentium 64 Mb RAM Miljontalsfärger (24 bit) Upplösning: 800 x 600 pixels D E M O manual produced by Tony Åström Production / tonyastrom.com Nu är det enkelt att komma igång med vårt nya Hissdesignprogram! Hissdesignprogrammet passar alla typer av hissar och hissfabrikat. Både

Läs mer

Gör en egen webbplats

Gör en egen webbplats I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats

Läs mer

WORDPRESSGUIDE 2013. Uppdaterad 20131029. WORDPRESSGUIDE 2013 Sida 1

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

Läs mer

Tina Alfonsson Gunilla Stenkilsson

Tina Alfonsson Gunilla Stenkilsson av: Tina Alfonsson Gunilla Stenkilsson INNEHÅLLSFÖRTECKNING INLEDNING... 3 INSTRUKTION TILL DIGITAL KAMERA MVC-FD73... 4 SÅ HÄR GÖR DU FÖR ATT TA/LAGRA EN BILD... 5 VISNING AV BILDER PÅ LCD-SKÄRMEN I KAMERAN...

Läs mer

Manual för administratör

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

Läs mer

Datorn som Pedagogiskt Verktyg

Datorn som Pedagogiskt Verktyg Lätt-fil för Kortkommandon första hjälpen för att effektivisera arbetet vid datorn Datorn som Pedagogiskt Verktyg Lär dig koppla ihop Internet, MS Word och Paint Shop Pro 6.0 Sammanställd av Peter Essen

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer