Laboration med Internet och HTML

Storlek: px
Starta visningen från sidan:

Download "Laboration med Internet och HTML"

Transkript

1 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 verktyg (eller något av dem) finns dock på institutionens datorer så att du kan prova dig fram själv. Hör i så fall med läraren mot slutet av laborationen så kan vi se till att du kommer igång. Syftet med denna (och den tidigare laborationen) är att du skall kunna använda PC:n och nätet som ett arbetsverktyg för dina fortsatta studier. Du skall efter denna laboration t.ex. kunna använda PC:n för att skriva ett PM, söka information för PM:en på nätet, och publicera PMet på din egen hemsida. Under de följande övningarna kan du gärna ha en sida med en bra tutorial som finns på öppen i Internet Explorer. Då kan du enkelt gå dit och titta på hur HTML-koden skall skrivas. Om du vill kan du följa den tutoralen istället för att fortsätta med det här dokumentet. Här har jag försökt att göra en ganska enkel experimentera dig fram anvisning. Oavsett vilket du väljer så skall du experimentera dig fram genom HTML. Ju mer du testar, ju mer förstår du utav hur det fungerar, och ju enklare blir det också att fortsätta lära sig hemsideredigering. Nu skall vi börja med att skriva lite html-kod. Tyvärr är det lite bökigt att skapa htmldokument utan att använda en html-editor i Windows. Eftersom tanken är att ni skall få praktisera html-skrivande så kommer vi att gå en liten enkel genväg för att skapa ett nytt html-dokument. För detta kommer vi att använda Microsoft Word. 1. Starta Microsoft Word och skapa ett nytt, tomt dokument. 2. Om du vill skriva in lite text, kan du naturligtvis göra det, men risken är att Word fixar till html-koden, så det enklaste är att du inte skriver något i det nya dokumentet. 3. Välj Spara som HTML från Arkiv-menyn. 4. Lägg dokumentet med passande namn i din dokumentarea. 5. Starta programmet WordPad från Tillbehörsmenyn under Start -knappen. 6. Öppna det dokument du sparade i html-form med Word men nu i Word-pad 7. Du har nu ett tomt HTML-dokument framför dig. Även när dokumentet är tomt innehåller det en hel del saker som Word har lagt in. Bland annat finns det t.ex. några <META> </META> märken. Dessa innehåller information on vem som skapat dokumentet, vilket program som användes m.m.

2 Du kan nu sudda allt mellan <HTML> </HTML> märkena. Nu är du färdig att börja skriva HTML-kod. Nu har du ett tomt HTML-dokument som du kan använda för att testa lite HTMLkodning. All kod skall hamna mellan <HTML> </HTML> Delmoment 1. Mitt första HTML-dokument Nu skall du skriva ett första HTML-dokument. Tanken är att det skall ha en titel, som du anger. Titeln finns i huvudet. Alltså måste du först definiera de två delarna huvud och kropp. <HTML> <HEAD> </HEAD> <BODY> </BODY> <HTML> Nu har du ett helt korrekt, (om än ganska tråkigt) HTML-dokument. (Indenteringen är inte viktig, men gör det enklare att läsa). Spara det. Öppna sedan Internet Explorer och välj Öppna från Arkiv menyn. Välj din sparade fil och betrakta resultatet. Nu placerar du in titeln i huvudet. <TITLE>Mitt första dokument.</title> Spara igen och öppna dokumentet på nytt i Explorer. (Du gör det enklast genom att klicka på knappen Uppdatera som syns på verktygsfältet. Fortfarande rätt tråkigt. Men nu skall vi ta i lite grand. Vi skall lägga in lite text. I kroppen skriver du nu in en rubrik (<H1> </H1> och lite text. Varje stycke text skall omges av <p> </p>. Prova att lägga in några rubriker på olika nivåer <H2> - <H5> t.ex. Kom bara ihåg att varje rubrik omges av ett par märken. Titta lite då och då på dokumentet i Internet Explorer Om du vill ha lite enkel grafik kan du lägga in en horisontell linje enkelt. Du skriver bara in <HR> där du vill ha den placerad. Nu är det klart! Fint va? Delmoment 2 Strukturer Nu vill man kanske ha lite annat än text och rubriker. T.ex. vill man kanske ha listor. Med punkter eller nummer. Då fixar vi det. Ta ditt gamla dokument. Låt texten vara kvar. Nu skall vi definiera en lista. Det finns några färdiga listformat osorterade och sorterade listor. De förra markeras med punkter ( ), de senare med numrering.

3 Varje lista är en enhet som omges av märken: osorterad lista <UL> </UL> sorterad lista <OL> </OL> Innanför listmärkena så anger man varje listelement med ett eget märke <LI> </LI>. Så en enkel osorterad lista skulle alltså se ut som: <UL> <LI> lite text </LI> <LI> mera text </LI> <LI> och så vidare </LI> </UL> Skriv in en liten lista och se hur den ändras om man gör den sorterad. Kanske vi skall ha en liten tabell? En tabell definieras genom märkena <TABLE> </TABLE>. Inuti tabellen markeras sedan varje rad med märkena <TR> </TR>. och på varje rad blir tabellcellen markerad med <TD> </TD>. I första raden kan man även markera att man vill ha tabellrubriker med märkena <TH> </TH>. En enkel tabell skulle kunna se ut så här: <table border="0" cellpadding="0" cellspacing="0" width="90%"> </table> Som du ser står det lite saker före > i <TABLE>. Det är saker som modifierar hur tabellen skall se ut. Prova hur du kan ändra de olika värdena innanför -tecknen. Se hur det påverkar din hemsidas utseende.

4 Delmoment 3 Länkar Den viktigaste delen av HTML är nog länkhanteringen. Genom att länka ihop dokument bygger man enkelt sin egen hemsida som ett litet nätverk. När man skriver HTML direkt är det lite krångligare, men har man ett webbredigeringsprogram är det mycket lättare. Vi skall ta och ordna en länkad fil till att börja med. En länk är egentligen bara ett märke som anger en adress som en viss del av dokumentet skall kopplas till. Adressen är en URL, och märket är <A> </A> med lite modifierare som i tabellen ovan. Antag att du vill koppla en länk till institutionens hemsida. Då skriver du helt enkelt (!) in följande delar: Märke med modifierare, texten som skall ha länken kopplad, och slutmärke. <A HREF = > Institutionens hemsida </A> Prova!!! Nu skall du skapa ett nytt dokument på samma sätt som du skapade ditt första dokument i Word, fast med ett nytt namn. Skriv sedan in lite HTML-kod i det så att du har två HTML-dokument i samma katalog. Antag att det första heter ettan.htm och det andra tvaan.htm. Då kan du i ettan.htm skriva in följande lilla snutt: <A HREF = tvaan.htm > Institutionens hemsida </A> Observera att om man bara anger ett filnamn så tittar Internet Explorer i samma mapp som det första dokumentet ligger i. Man behöver alltså inte ange hela URL:en utan bara filen. Om du vill att någon skall kunna skicka brev till dig med en klickning byter du ut URL:en mot en adresslänk: <A HREF = > maila mig! </A> Delmoment 5 Slut När du har kommit hit har du en grund i att skapa HTML-dokument. Med hjälp av program som OpenOfficeWeb, DreamWeaver eller FrontPage kan du nu fortsätta och göra mer avancerade sidor. Men jag rekommenderar ändå att du går igenom tutorialen som finns på adressen ovan, för att du skall förstå hur det fungerar och även kunna finjustera sidorna lite bättre. Dreamweaver skall finnas installerad på några av institutionens datorer. Principen är ganska lik en vanlig ordbehandlare, och man kan ganska enkelt experimentera sig fram.

5 Inlämning: Som inlänmningsuppgift skall du skicka in en liten hemsida. Den skall presentera dig och vem du är med lite färger, en tabell, en bild och någon av de olika formerna av listor. Du får göra layouten precis som du vill men det skall se ut som en seriös hemsida. Eftersom det kan vara svårt att lägga in en bild på dig själv, så får du använda en annan bild, kanske någon fri bild från nätet (utan copyright). I slutändan skall du kunna lägga upp det som din hemsida på din egen area (under public_html). Då kanske du kan lägga in en bild på dig själv som du skannat in i Maclabbet efter labben på Mac OS X.

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

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

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

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

Nätet. Uppgiften. Nivå

Nätet. Uppgiften. Nivå Nivå 1 Nätet 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/ccwreg to register your club. Uppgiften Har

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

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

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

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

WEBDESIGN A - DTR 1210

WEBDESIGN A - DTR 1210 Lektion 6: Tabeller Vi ska lägga till en tabell i hemsidan. Först ska vi titta lite på hur man gör tabeller. Vi börjar med enklast tänkbara tabell. En tabell med bara en ruta: Nu ska vi gå igenom steg

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

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

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

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

Arbetsmaterial HTML pass 1 - Grunder

Arbetsmaterial HTML pass 1 - Grunder Arbetsmaterial HTML pass 1 - Grunder Det vi idag kallar Internet växte fram ur ett amerikanskt nätverk kallat ARPAnet som skapades i slutet av 60 talet. Ett topphemligt verktyg för att koppla ihop stordatorer

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

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

HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00

HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00 Mitthögskolan ITM Telefon 063-16 53 00 HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon 063-16 53 00 Laborationskompendium för konstruktion

Läs mer

Laboration 2. Webbproduktion En stiligare webbsida HT2015

Laboration 2. Webbproduktion En stiligare webbsida HT2015 Laboration 2 Webbproduktion Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt sätt som möjligt. Nu är det dags att ge ögat något vackert att vila på.

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

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET Olika slags datornätverk Förberedelse inför laboration 4. Historik Protokoll, / Adressering, namnservrar WWW, HTML Föreläsning 5 Internet LAN Local Area Network student.lth.se (ganska stort LAN) MAN Metropolitan

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

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

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

Ikonen för ett Microsoft Word-dokument.

Ikonen för ett Microsoft Word-dokument. 2 Dokument Du kan skapa både enkla och mer komplicerade dokument på din dator. Det beror på vilket datainnehåll du vill ha i ditt dokument. Datainnehållet kan vara till exempel text och grafiska objekt,

Läs mer

Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail.

Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail. Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail. E-programmets datorsalar är utrustade med datorer som

Läs mer

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

Kursvärdering. Denna manual beskriver hur du kan skapa en mapp i Fronter som heter Kursvärdering där du ladda upp reslutat från kursutvärderingar.

Kursvärdering. Denna manual beskriver hur du kan skapa en mapp i Fronter som heter Kursvärdering där du ladda upp reslutat från kursutvärderingar. Kursvärdering Denna manual beskriver hur du kan skapa en mapp i Fronter som heter Kursvärdering där du ladda upp reslutat från kursutvärderingar. Här finns även tips på några olika sätt att skapa en kursvärdering

Läs mer

Integrerad i egen cup-portal Sid 1

Integrerad i egen cup-portal Sid 1 Integrerad i egen cup-portal Sid 1 Skillnader mellan fristående och integrerad cup-portal En liten viktig synpunkt innan ni går vidare: Det går snabbt och enkelt att växla mellan den fristående och integrerade

Läs mer

Laboration 1. Webbprodution Struktur & innehåll HT2015

Laboration 1. Webbprodution Struktur & innehåll HT2015 Laboration 1 Webbprodution Inledning Denna inledande laboration syftar i mångt och mycket till att du ska känna dig bekväm med den laborationsmiljö ni blivit introducerat inför. De inledande uppgifterna

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

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

Att använda laget.se

Att använda laget.se 2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du

Läs mer

LABORATION 1 Pingpong och Installation av Server 2008 R2

LABORATION 1 Pingpong och Installation av Server 2008 R2 LABORATION 1 Pingpong och Installation av Server 2008 R2 Laboranter: Kurs: Klass: Operativsystem 1 HT12 DD12 Handledare: Hans Ericson Martin Andersson Utskriftsdatum: 2012-08-29 Mål Laborationen skall

Läs mer

Användning av pdf Vägledningen 24-timmarswebben

Användning av pdf Vägledningen 24-timmarswebben 1 (7) Användning av pdf Version 1.1 Uppdaterad: 2007-07-03 Användning av pdf I den här checklistan får du veta hur du skapar tillgängliga pdf-dokument. Checklistan är ett extramaterial till 1. Använd gärna

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

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

SNABBGUIDE för Windows Media Encoder (media kodaren) - Sänd live med din webbkamera

SNABBGUIDE för Windows Media Encoder (media kodaren) - Sänd live med din webbkamera SNABBGUIDE för Windows Media Encoder (media kodaren) - Sänd live med din webbkamera Instruktionerna till denna kameraguide är en enkel kom igång guide. Grundkrav: En webbkamera som är kopplad till datorn

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

Webbutveckling Laboration 1: HTML5 och CSS3.

Webbutveckling Laboration 1: HTML5 och CSS3. Institutionen för 2015-11-30 Tillämpad fysik och elektronik Karin Fahlquist Webbutveckling Laboration 1: HTML5 och CSS3. Målsättning Att skapa en webbplats genom att först skapa en Lo-fi prototyp och sedan

Läs mer

Ehandelslösningars komma igång tips!

Ehandelslösningars komma igång tips! Ehandelslösningars komma igång tips! Här kan du få reda på allt du behöver för att komma igång och sälja dina produkter! Om du behöver redigera bilder kan du göra det gratis på www.pixlr.com (exempelvis

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

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT PlanCon Viewer Med PlanCon Viewer kan du som inte har PlanCon öppna PlanCon projekt (*.prj) och skriva ut dessa. Inga ändringar i projektet kan göras. Filtreringar, sorteringar och vissa ändringar i utseendet

Läs mer

Användarmanual för Hemsida

Användarmanual för Hemsida Användarmanual för Hemsida Sida 1 av 44 Inledning Detta dokument är en användarmanual för redigerbara hemsidor utvecklade av. Du kan själv, i ett wordliknande gränssnitt, enkelt uppdatera din egen hemsida

Läs mer

Grundkurs 1 IKT Filhantering

Grundkurs 1 IKT Filhantering Filhantering Dan Haldin Ålands lyceum I N N E H Å L L S F Ö R T E C K N I N G Innehållsförteckning... 2 Filhantering med Windows... 3 Skapa Mappar... 4 Spara rätt... 5 Öppna sparade filer... 7 Flytta och

Läs mer

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5 Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med

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

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle. Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera

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

För publicerande på nätet: tentor, lösningsförslag mm

För publicerande på nätet: tentor, lösningsförslag mm För publicerande på nätet: tentor, lösningsförslag mm. 2003-05-23 För pågående kurser använder vi webct, men endast registrerade studenter för gällande läsår kommer då ifråga. För att erbjuda gamla tentor

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

En bortsprungen katt

En bortsprungen katt Nivå 1 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/ccwreg to register your club. En bortsprungen katt

Läs mer

Installationsmanual OpenOffice 3.0

Installationsmanual OpenOffice 3.0 Installationsmanual OpenOffice 3.0 Ursprungligen skapad av Georg Bredberg 2003-03-27 för OpenOffice 1.0 Uppdaterad och kortad 2009-01-07 för OpenOffice 3.0 av Folkbildningsnätets Fria Programvarugrupp

Läs mer

Struktur och innehåll Laboration 2

Struktur och innehåll Laboration 2 Laborationsanvisning Struktur och innehåll Laboration 2 Författare: Johan Leitet Version: 2 Datum: 2011-08-08 Inledning Till skillnad från laboration 1 som mest handlade om att komma igång med arbetsmiljön

Läs mer

E-post för nybörjare

E-post för nybörjare E-post för nybörjare Innehåll: Inledning 1 E-post 2 Att skapa ett e-postkonto 3 Skicka och ta emot e-post 5 Övningar 7 1 Inledning Välkommen till steg 4 av Internetkursen för nybörjare! Vid det förra kurstillfället

Läs mer

Så får du Microsofts Office-paket gratis

Så får du Microsofts Office-paket gratis Så får du Microsofts Office-paket gratis 7 Kör Word, Excel, Powerpoint och Onenote i webbläsaren 7 Dela dina dokument 7 För dator, mobil och platta. Kom igång med Microsoft Skydrive och Office Web Apps

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

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550 Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och

Läs mer

Konfigurera Wordpress som Hemsida istället för blogg

Konfigurera Wordpress som Hemsida istället för blogg Konfigurera Wordpress som Hemsida istället för blogg - exempel från hemsidorna: www.vestus.se och www.thingsbym.se Copyrightinformation: Detta dokument är fritt att använda, även kommersiellt, så länge

Läs mer

VERKTYGSFÄLTET I ARTIKELEDITORN

VERKTYGSFÄLTET I ARTIKELEDITORN Joomla Guide 2.5.11 VERKTYGSFÄLTET JCE EDITORN Sida 1 av 8 VERKTYGSFÄLTET I ARTIKELEDITORN En kort genomgång/förklaring till de vanligaste symboler och användningsområdena för verktygsfältet i Joomla Uppdateringsmodulen

Läs mer

Om Mappar... 2. Uppgift 1: Skapa en mapp på Skrivbordet... 2 Om enheter... 3 Uppgift 2: Byt namn på din nya Höst -mapp till Vår...

Om Mappar... 2. Uppgift 1: Skapa en mapp på Skrivbordet... 2 Om enheter... 3 Uppgift 2: Byt namn på din nya Höst -mapp till Vår... RIGMOR SANDER WINDOWS-ÖVN Sid 1 (9) Om Mappar... 2 Om mappars namn... 2 Uppgift 1: Skapa en mapp på Skrivbordet... 2 Om enheter... 3 Uppgift 2: Byt namn på din nya Höst -mapp till Vår... 3 Öva mer på att

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

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

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

Läs mer

batklubben.eu s hemsida

batklubben.eu s hemsida batklubben.eu s hemsida redigera din sida av webbplatsen 1. Skriv in http://www.din_doman.se/admin i browserns adressfält. 2. Skriv in ditt användarnamn och lösenord i inloggningsrutan, och tryck OK. 3.

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

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

WebViewer Manual för administratör. 2013 Nova Software AB

WebViewer Manual för administratör. 2013 Nova Software AB WebViewer Manual för administratör 2 Manual WebViewer Innehållsförteckning Innehållsförteckning... 2 1 Introduktion... 3 2 Inställningar... 4 2.1 Uppdatera licensinformation... 4 2.2 Inmatning av användaruppgifter...

Läs mer

Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS.

Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS. Laboration 2: HTML och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en enkel webbplats med layout, bakgrundsbilder, minst en meny

Läs mer

Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint

Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint 1 (9) INSTALLATIONSANVISNING MS Word 2011 - Macintosh 2015-06-01 Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint Innehållsförteckning För Mac Word och PowerPoint... 1 Var hittar

Läs mer

FUB och Klippan - Vårt webbverktyg 2014-03-01. I din webbläsare, skriv in www.fub.se/user eller klicka på Logga in längst ner på startsidan.

FUB och Klippan - Vårt webbverktyg 2014-03-01. I din webbläsare, skriv in www.fub.se/user eller klicka på Logga in längst ner på startsidan. Vårt webbverktyg Komma igång del 1 I din webbläsare, skriv in www.fub.se/user eller klicka på Logga in längst ner på startsidan. 1. Ta fram ditt användarnamn och skriv in 2. Ta fram ditt lösenord och skriv

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

Människor i Nederluleå 1776-1805

Människor i Nederluleå 1776-1805 Människor i Nederluleå 1776-1805 Människor i Nederluleå 1776-1805 är en sammanställning av kyrkoarkivalier från Nederluleå församling åren 1776-1805. Under den tiden omfattade Nederluleå nuvarande Nederluleå,

Läs mer

Labora&on 4 CSS och validering övningar/uppgi9er

Labora&on 4 CSS och validering övningar/uppgi9er Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna

Läs mer

Du skall naturligtvis visa körexempel med output där det behövs i din rapport!

Du skall naturligtvis visa körexempel med output där det behövs i din rapport! och databprogrammering Christilinda Göstson - PL/SQL, paket och ref cursor Du skall naturligtvis visa körexempel med output där det behövs i din rapport! OBS! Denna labb redovis i labbrapport via mail

Läs mer

Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint

Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint 1 (7) INSTALLATIONSANVISNING MS Word 2011 - Macintosh 2011-07-08 Installationsanvisning för Su Officemallar 2011 För Mac Word och PowerPoint Innehållsförteckning Var hittar jag Su Wordmallar?... 2 Är du

Läs mer

Inloggning till Treserva via extern dator

Inloggning till Treserva via extern dator Inloggning till Treserva via extern dator Innehåll 1 Inloggningsalternativ... 2 1.1 Inloggning via SMS... 2 1.2 Inloggning via E-legitimation... 4 2 Utloggning... 5 3 Helskärmsläge... 6 4 Bläddra mellan

Läs mer

LATHUND Att överföra information till Projektportal Investera

LATHUND Att överföra information till Projektportal Investera LATHUND Att överföra information till Projektportal Investera Version.0 av 8 Denna lathund är tänkt för leverantörer till Trafikverket, som behöver en snabbintroduktion i hur man lämnar eller överför information

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

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21 2005-09-21 Programbeskrivning Chaos på Web Version 1.0 Chaos systems AB Tel. 08-410 415 00 e-post: info@chaos.se Solna strandväg 18, 6tr Fax. 08-29 06 66 http://www.chaos.se 171 54 SOLNA Reg. nr: 556476-6813

Läs mer

EasyConverter, version 4 Kom igång guide

EasyConverter, version 4 Kom igång guide EasyConverter, version 4 Kom igång guide EasyConverter omvandlar olika slags källdokument till mer tillgängliga, alternativa format. Med EasyConverter kan du Skanna tryckt text direkt in i EasyConverter.

Läs mer

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

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

Läs mer

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

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

Läs mer

Miljön i Windows Vista

Miljön i Windows Vista 1 Miljön i Windows Vista Windows Aero Windows Aero (Aero Glass), som det nya utseendet eller gränssnittet heter i Vista, påminner mycket om glas och har en snygg genomskinlig design. Det är enklare att

Läs mer

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration

Läs mer

Photo Story. Sara Eriksson IKT A, HT 2007

Photo Story. Sara Eriksson IKT A, HT 2007 Photo Story Mitt tips: Om du inte ser bilderna i manualen backa ett steg och spar filen. Öppna sedan den sparade filen. Då ser du bilderna. Med Photo Story kan du skapa bildberättelser, genom att sätta

Läs mer

Datum 2012-12-28. Den första bilden i installationsprogrammet visar vilken version det är. Klicka på Nästa eller tryck Enter för att fortsätta.

Datum 2012-12-28. Den första bilden i installationsprogrammet visar vilken version det är. Klicka på Nästa eller tryck Enter för att fortsätta. Installation av SDCs insändningsprogram Sender för filer från skördare, skotare eller drivare Installationen består av tre steg som automatiskt körs efter varandra. Steg 1: Programmet installeras och man

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

DATORINTRODUKTION. Laboration E850-2000 ELEKTRO. UMEÅ UNIVERSITET Tillämpad fysik och elektronik Ulf Holmgren

DATORINTRODUKTION. Laboration E850-2000 ELEKTRO. UMEÅ UNIVERSITET Tillämpad fysik och elektronik Ulf Holmgren UMEÅ UNIVERSITET Tillämpad fysik och elektronik Ulf Holmgren 2000-03-17 specialversion inför kursstart Elektronik och mätteknik 2000 DATORINTRODUKTION Laboration E850-2000 ELEKTRO Personalia: Namn: Kurs:

Läs mer

Instruktion arbeta med rapportmallen

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

Läs mer

En guide till Sign On Blankettarkiv

En guide till Sign On Blankettarkiv En guide till Sign On Blankettarkiv www.signon.se/blankettarkiv Sign On Blankettarkiv Sign On Blankettarkiv förser dig med elektroniska blanketter via Internet. En tjänst som gör hela din administration

Läs mer

med Office 365 i Dynamics NAV 2015

med Office 365 i Dynamics NAV 2015 Arbeta Arbeta med med Office 365 i Dynamics NAV 2015 Office 365 i Dynamics NAV 2015. - En guide för att enkelt komma igång Innehåll Kom igång med Office 365 i Dynamics NAV 2015... 1 Använd Word i Dynamics

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

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter IT-körkort för språklärare Modul 9: Rätta skrivuppgifter Innehåll I. Rätta uppgifter i Word... 3 Markera fel med färger snabbt och enkelt... 3 Använd Words rättningsverktyg skriv kommentarer... 4 Gör ändringar

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

Grunderna i Word. Identifiera gränssnittsobjekt som du kan använda för att utföra vanliga uppgifter.

Grunderna i Word. Identifiera gränssnittsobjekt som du kan använda för att utföra vanliga uppgifter. Grunderna i Word Word är ett effektivt ordbehandlings- och layoutprogram, men för att kunna använda det på bästa sätt måste du först förstå grunderna. I de här självstudierna beskrivs vissa av de aktiviteter

Läs mer

Webmail instruktioner

Webmail instruktioner Sida 1 av 7 Webmail instruktioner Med hjälp av webmailtjänsten på ITN, så är det möjligt att läsa och skicka epost över hela världen. Det enda som krävs är en dator med internet anslutning och en webläsare

Läs mer

Instruktion för användande av Citrix MetaFrame

Instruktion för användande av Citrix MetaFrame Instruktion för användande av Citrix MetaFrame Öppna valfri browser, t ex Internet Explorer eller Firefox, och ange url en www.git.ltu.se. Detta medför att följande bild presenteras. OBS! Ny version av

Läs mer

Att göra Web-sidor på Macintosh

Att göra Web-sidor på Macintosh Att göra Web-sidor på Macintosh Av Jacob Palme 95-10-30, senast ändrad 96-11-26 21.06. Original filnamn: web-sidor-med-mac.mw6. Detta dokument kan laddas ner från följande URL-er: I Adobe Acrobat format:

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

Installation Hogia Small Office. Bokföring. Se hur vi förenklar vardagen för dig som småföretagare på www.hogia.se/smalloffice

Installation Hogia Small Office. Bokföring. Se hur vi förenklar vardagen för dig som småföretagare på www.hogia.se/smalloffice Installation Hogia Small Office Bokföring 1 Installationsanvisning Hogia Small Office Bokföring Från och med version 2012.2 har vi gått över till licensnummer och du måste därför efter installationen är

Läs mer