Webbdesign vt Innehållsförteckning

Storlek: px
Starta visningen från sidan:

Download "Webbdesign vt. 2010. Innehållsförteckning"

Transkript

1 Webbdesign vt 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 kod 12. Så här ska startsidan se ut 13. Förslag till mappstruktur 14. Sidan Frågesport med programmet HTML-edit Adressen till kursens webbsida : Bra hjälpsidor: Vilka program behöver jag? Anteckningar (Note Pad) Windows gratis HTML-edit Tanka hem från: gratis WS FTP LE Från kursens webbsida gratis Bildbehandlingsprogram Photoshop, Paint Shop Pro, Gimp, eller liknande Boktips! Nyckeln till din egen hemsida på Internet Dan Josefsson ISBN X OBS! Skaffa dig egen webbplats så fort som möjligt. 1

2 FTP- hur gör man? 1. Här kan du skriva ditt namn 2. Serveradress t. ex. ftp.telia.com 3. Inloggningsnamn t. ex. u Lösenord t. ex. gr5jky67 5. Klicka på OK 6. Du är inne Din egen dator Servern Markera de filer du vill överföra och klicka på pil höger eller dubbelklicka på filnamnet Du kan byta namn på en fil RENAME Du kan kasta filer DELETE Du kan skapa mappar MkDir 2

3 Webbsidans grundtaggar Ett HTML-element består av allting mellan en starttagg och en sluttagg. Det kan innehålla ett attribut, vilket består av ett attributnamn och attributvärde. Attributnamnet anger en egenskap som texten mellan starttagg och sluttagg skall ha. Ett exempel på attributnamn är BGCOLOR vilket anger att sidan ska ha bakgrundsfärg. Attributvärdet preciserar attributsnamnets egenskap. Exempelvis så kan du precisera attributnamnet BGCOLOR genom att ange attributvärdet "red", vilket gör bakgrundsfärgen blir röd. <BODY BGCOLOR= red >här kommer innehållet på sidan att hamna</body> Märke Starttagg Attributnamn Attributvärde Märke Sluttagg <html> </html> <head> </head> <title> </title> <body> </body> Anger att allt inom dessa taggar innehåller HyperText Markup Language. Anger start och slut på sidans "huvud". Informationen som finns inom dessa koder syns inte direkt på webbsidan utan den berättar exempelvis för sökmotorer om sidans innehåll, författare samt vilka sökord som kan användas för att hitta sidan. Detta är ett exempel på en tagg som läggs inom sidans "huvud" och det du skriver mellan dessa koder blir sidans titel. Titeln är den text som hamnar uppe i den blå listen i webbläsarfönstret samt blir den titel på sidan som anges när någon lägger till din sida som ett bokmärke. Denna tagg markerar början och slutet på den "synliga" webbsidan. Allt som skrivs mellan dessa koder blir synligt för besökaren. 3

4 <p> </p> <br> <b> </b> <i> </i> <table> </table> <tr> </tr> <td> </td> Anger att ett nytt stycke börjar samt slutar. Anger att textraden skall brytas, med andra ord byter du helt enkelt rad. Allt som skrivs mellan dessa taggar blir fetmarkerad text, "bold" på engelska. Allt som skrivs mellan dessa taggar blir kursiv text, "Italic" på engelska. Dessa taggar markerar början och slutet på en tabell. Dessa taggar markerar början och slutet på en tabellrad. Dessa taggar markerar början och slutet av innehållet i varje cell. <!-- --> Allt som skrivs mellan dessa taggar blir inte synligt för webbläsaren. Mellan dessa taggar kan du alltså lägga in komentarer, Javascript eller SSI som du ej vill ska visas i webbläsaren. <img src ="sv"> Denna tagg infogar en bild på din webbsida. Byt ut filnamn till den sökväg som leder till bilden som skall visas. sv= sökväg till bilden med utgångspunkt från den html-sida där bilden skall visas <img src ="sv" align="left"> Denna tagg gör att bilden hamnar till vänster och att den text du skriver efter denna kod hamnar strax till höger om bilden. sv= sökväg till bilden <a href="?"> Nisse </a> Ordet Nisse blir en länk när du byter ut "?" mot den adress/fil du vill länka till. <a href="?">dn</a> Ordet DN blir en länk när du byter ut "?" mot: 4

5 TABELLER & LAYOUT TABLE, TR och TD Som ni säkert har förstått så är HTML inte det lättaste att hantera när det gäller layout. Man kan inte riktigt få bilden eller texten där man vill ha den. Det är där tabellerna kommer in. Idag kan man nästan inte hitta en hemsida där tabeller inte har använts. Det är helt enkelt det bästa sättet att placera saker på rätt plats. Tabellerna består av rader och kolumner i det antal du skriver in. Tabellen, en viss rad eller en viss kolumn kan ha en fast bredd eller höjd i punkter eller en relativ bredd eller höjd i procent. Alla celler kan ha olika justeringsattribut eller bakgrundsfärg. Tabellerna börjar och slutar alltid med en TABLE-tag, Varje rad i tabellen börjar och slutar alltid med en TR-tag (Table Row). Inom varje rad kan man ha valfritt antal celler, TD (Table Data), som bildar kolumner. <TABLE> <TR> <TD>Rad 1 Cell 1</TD><TD>Rad 1 Cell 2</TD> </TR> <TR> <TD>Rad 2 Cell 1</TD><TD>Rad 2 Cell 2</TD> </TR> </TABLE> Resultatet av denna tabell kanske inte är så fint. Med det förklarar grundprincipen. Border, cellspacing & cellpadding Det finns en mängd attribut som hänger ihop med tabeller, rader och celler, exempelvis BORDER, CELLSPACING och CELLPADDING. Border bestämmer hur stor ram det skall vara i ytterkanten. Cellspacing bestämmer hur stort avstånd det skall vara mellan cellerna och cellpadding bestämmer avståndet från texten eller objektet i cellen till dess ytterkant. Alla värden är i antal punkter. Attributen skrivs i TABLE-taggen som följer. <TABLE BORDER="5" CELLSPACING="2" CELLPADDING="10"> <TR> <TH>Rad 1 Cell 1</TH> <TH>Rad 1 Cell 2</TH> </TR> <TR> <TD>Rad 2 Cell 1</TD> <TD>Rad 2 Cell 2</TD> </TR> </TABLE> Vill man inte ha någon ram eller mellanrum så sätter man alla värden till noll. 5

6 INFOGA BILDER Hemsidan blir ofta lite roligare om man lägger in några bilder. För att lägga in en bild skriver man: <IMG SRC="bildnamn.gif"> I detta fall måste bilden ligga i samma katalog som hemsidedokumentet. Annars hittar inte webläsaren bilden. Det brukar ofta bli rätt många bilder och dokument till en hel "site". Då är det bra att skapa underkataloger till sina bilder. Om bilden ligger i en underkatalog som heter "bilder", skriver du så här: <IMG SRC="bilder/bildnamn.gif"> Andra bildattribut Om man vill vara "nästan" säker på att layouten bibehålls även om bildvisningen är avstängd i webläsaren, så bör man lägga till attribut för bredd och höjd på bilden. Då syns ofta en tom ruta i rätt storlek åtminstone. Detta medför även att bildnedladdningen blir en aning snabbare i vissa fall. Observera att bilden blir den storleken du skriver in. Skriver du fel blir bilden förvrängd. <IMG SRC="bilder/bildnamn.gif" WIDTH="300" HEIGHT="200"> Ibland kan det behövas lite "luft" mellan bilden och omkringliggande text. Horisontellt eller vertikalt. Eller man kanske vill ha en ram runt sin bild. <IMG SRC="bilder/semester.jpg" WIDTH="300" HEIGHT="200" HSPACE="5" VSPACE="15" BORDER="3"> Bildens justering En bild är som standard alltid justerad till vänster i fönstret och texten "flyter" inte runt bilden automatiskt. Det finns en mängd attribut för att justera bilden i förhållande till texten. <IMG ALIGN="left" SRC="...> Bilden ligger till vänster och texten flyter runt bilden. <IMG ALIGN="right" SRC="...> Bilden ligger till höger och texten flyter runt bilden. <IMG ALIGN="top" SRC="...> Texten börjar i bildens överkant. Texten flödar inte. <IMG ALIGN="middle" SRC="...> Texten börjar i mitten av bilden. Texten flödar inte. 6

7 RUBRIKER & FONTER Normal text behöver man inte sätta några taggar omkring. Den har alltid sin standardstorlek. Vill man öka eller minska den storleken så finns det några sätt att göra det på. Font I fonttaggen kan man styra hur stort teckensnittet skall vara, vilken färg det skall ha och i viss mån vilket teckensnitt det skall vara. Glöm inte sluttaggen! Standardinställningen är för det mesta storlek 3 på en skala mellan 1 och 7, svart och Times New Roman. Om inte användaren har ställt in något annat i sin webläsare. Vill man ändra på detta kan man t.ex. skriva så här: <FONT SIZE="1" FACE="Arial, Geneva" COLOR="#00FF00">Denna text är grön</font> Denna text är grön SIZE="1" Detta ger den allra minsta storleken på teckensnittet. Kan vara mellan 1 och 7. Kan även skrivas relativt, t.ex. SIZE="+2" eller SIZE="-3", för att tillfälligt öka eller minska teckensnittet. COLOR="#..." Fungerar på samma sätt som bakgrundsfärgen. FACE="..." Här kan man skriva in önskat teckensnitt. Teckensnittet måste dock finnas i den dator där dokumentet läses annars väljs standardteckensnittet istället. Här har jag valt en vanlig rubrikfont från PC-världen och en liknande från Macvärlden. Man behöver inte använda alla samtidigt om man inte vill. Man tar det man behöver. Taggar kan även omsluta varandra, men tänk då på att få rätt antal start och sluttaggar. Exempelvis: <FONT FACE="Comic Sans MS, Times"><FONT SIZE="+2">S</FONT>törre bokstav i början av meningen.</font> Större bokstav i början av meningen. 7

8 Övning 1 1. Skapa en mapp (Där du sparar HTML-dokument och bilder) 2. Starta programmet "Anteckningar" (Start-Program-Tillbehör-Anteckningar) 3. Skriv din kod (Koden nedan) 4. Spara dokumentet i din mapp (Filen måste ha ändelsen html) 5. Leta reda på dokumentet via "Den här datorn" (filen har en Explorerikon) 6. Om du kör Explorer kan du "Visa-Källa" (och fortsätta att koda) <HTML> Startkoden för HTML <HEAD> Inom Head lägger man script, css och annat som inte syns på sidan <TITLE>Min webbsida</title> Sidans titel ligger inuti Head-taggen </HEAD> <BODY BGCOLOR="yellow"> Det som ligger inom Body är synligt i webbläsaren Sidan får gul bakgrundsfärg <CENTER><H1>Välkommen</H1></CENTER> Den största rubriken centrerad <BR> Radmatning <IMG SRC= bild.jpg > Infogar en bild </BODY> </HTML> Här slutar den synliga sidan Slutkoden

9 Installera HTML-edit 1. Gå in på sidan: 2. Välj Operativsystem 3. Klicka på HTML-edit 4. Klicka på Spara 5. Dubbelklicka på ikonen 9

10 1. Starta HtmlEdit och stäng tipsrutan (om den kommer fram). 2. Öppna/välj ett nytt dokument. 3. Välj 'Om HtmlEdit...' under 'Hjälp'-menyn. 4. Dubbelklicka mitt emellan 'Tack till' och 'Registrera'-knapparna. ^^^ OBSERVERA "mitt emellan"!!! 5. Skriv in namnet Gratis licenserbjudande och lösenordet r 10

11 <HTML> <HEAD> <TITLE>STARTSIDA</TITLE> <STYLE> A{text-decoration:none;} </STYLE> </HEAD> <BODY BGCOLOR="#0000FF"> <TABLE WIDTH="600" BORDER="1" BGCOLOR="#FFFFFF" ALIGN="center" HEIGHT="350" CELLPADDING="3" CELLSPACING="3" BORDERCOLOR="#0000FF"> <TR> <TD><IMG SRC="nylogo.jpg"></TD> <TD ALIGN="center"> <FONT FACE="Verdana"><B>Webbkursen ht 2009</B></FONT></TD> </TR> <TR> <TD VALIGN="top"><FONT FACE="Verdana" SIZE="-1"> <B>Mina idoler</b></font> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Frågesport</FONT></B> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Frames/Imagemap</FONT></B> <BR> <BR> <B><FONT FACE="Verdana" SIZE="-1">Javascript/CSS</FONT></B></TD> <TD ALIGN="center" VALIGN="top"><BR> <IMG SRC="apel.jpg" WIDTH="115" HEIGHT="133"> <BR> <FONT FACE="Verdana" SIZE="-1"> Välkommen till förnamn efternamn:s inlämningssida<br> Här kan du se vilka inlämningsuppgifter jag har gjort<br> </FONT> </TD> </TR> </TABLE> </BODY> </HTML> STARTSIDANS KOD BILDERNA HITTAR DU HÄR: Högerklicka och välj Spara bild som Spara i samma mapp där du sparade koden!! 11

12 Sidans bakgrundsfärg #0000FF (blå) nylogo.jpg Tabellens bakgrundsfärg #FFFFFF (vit) Tabellrad (TR) Länkar Tabellcell (TD) Kantlinjefärg #0000FF (blå) apel.jpg 12

13 Förslag till Mappstruktur Här ligger htmldokumenten till inlämningsuppgift erna: Animering och bildlänk Här ligger htmldokumenten till inlämningsuppgift en: Frågesport Här ligger htmldokumenten till inlämningsuppgift en: Idoler Lägg alla dina bilder i den här mappen. Sökvägen blir: bilder/bild.jpg Här ligger htmldokumenten till inlämningsuppgift en: Imagemap Här ligger htmldokumenten till inlämningsuppgiften: Java /CSS Här ligger htmldokumenten till inlämningsuppgiften: Frames (Sverige) Det här är startsidan. Den måste ligga direkt i roten och den ska heta index.html 13

14 Sidan Frågesport i HTML-edit 1. Ställ din musmarkör efter Y och före > i <BODY> 2. Tryck på mellanslag 3. Klicka på VISA ATTRIBUT 4. Dubbelklicka på BGCOLOR 5. Välj svart färg och klicka OK 6. Klicka på STÄNG 7. Ställ musmarkören här 8. Klicka på Infoga tabell 14

15 9. Tre rader en kolumn Centrerad Ingen ram Höjd och bredd 300 Cell-höjd och avstånd 5 Bakgrundsfärg VIT 10. Infoga 11. I den översta cellen skriver du Fråga Markera texten och formatera som här ovan Tahoma, +-0, centrerad 13. I den här cellen skriver du din fråga. Tahoma, -1, centrerad och röd 14. Ställ musmarkören i den nedersta cellen och klicka på Infoga tabell 15

16 15. Tabellen har en rad och två kolumner, den har bredden 90% den är vit, centrerad, har ramen 1 samt cell- höjd och avstånd Infoga 17. I dom här cellerna skriver du svarsalternativen. Tahoma, -1, centrerad EXEMPEL! 16

17 18. Spara html-dokumentet i din mapp och döp den till: Frågemall.html 19. Klicka på tangenten F6. Ser din ut så här? 20. Stäng av förhandsgranskningen 21. Spara dokumentet som: a) fraga1.html b) fraga2.html c) fraga3.html 22. Skriv olika frågor i de tre dokumenten och ge dem egna titlar (<TITLE>) 23. Markera det rätta svaret i fraga1.html och länka den till fraga2.html 24. Markera det rätta svaret i fraga2.html och länka den till fraga3.html 17

18 25. Skapa en sida som ser ut så här: 26. Spara fyra kopior av sidan: fel1.html, fel2.html, fel3.html och en som heter final.html där det ska stå Rätt istället för Fel. 27. Gör länkar till felsidor från respektive frågesida och tillbaka. 28. Gör en länk från din indexsida till fraga1.html 29. Gör en länk från det rätta svaret på fraga3.html till sidan final.html 30. Skapa länkarna Avsluta och En gång till på sidan final.html 18

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

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

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

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

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

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

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

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

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

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

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

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

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

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

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

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

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

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

Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök www.rxk.se för aktuell statuslista. Gör din beställning direkt i vår webbutik.

Handbok HTML. Vi utvecklar kontinuerligt nya titlar, besök www.rxk.se för aktuell statuslista. Gör din beställning direkt i vår webbutik. Handbok HTML I denna Handbok lär du dig att skapa egna hemsidor från grunden. Handboken innehåller information om hur du hanterar texter, bilder, tabeller, ramar och listor. Du får även läsa om grunderna

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

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

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

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

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

CSS-övningar. 1. Grunder

CSS-övningar. 1. Grunder CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement

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

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

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

Lathund för redigering av Falkenbergs gymnasieskolas hemsidor

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

Läs mer

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

Open24 Webtool. Inofficiell komplettering till manual

Open24 Webtool. Inofficiell komplettering till manual Open24 Webtool Inofficiell komplettering till manual Förord När detta skrivs är den officiella manualen knapphändig, speciellt beträffande bilder och tabeller. Jag har provat mig fram och hittat några

Lä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

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR

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

Läs mer

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

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

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

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

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

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

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

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

Läs mer

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

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

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald)

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald) WWAAC Layout Editor Layout Editor För att ändra en befintlig layout eller göra en ny kan du antingen öppna Layout Designer for the Browser via Start Program wwaac eller nå den via knappen Inst i browsern

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

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

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

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

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

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

Mappar och filer för webbsidor

Mappar och filer för webbsidor Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar

Läs mer

Frågor och funderingar? Hör av dig till: Britt Tågmark 019-58 82 13 eller 070-55 88 260 britt.tagmark@kumla.se. Senast ändrad 2009-12-14

Frågor och funderingar? Hör av dig till: Britt Tågmark 019-58 82 13 eller 070-55 88 260 britt.tagmark@kumla.se. Senast ändrad 2009-12-14 Frågor och funderingar? Hör av dig till: Britt Tågmark 019-58 82 13 eller 070-55 88 260 britt.tagmark@kumla.se Senast ändrad 2009-12-14 Innehåll BLANDADE LEXIATIPS...1 ÅTERSTÄLLNING AV LEXIA TILL URSPRUNGSLÄGET...1

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

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

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

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML ITK:P2 F1 FTP, HTTP, HTML, XML och XHTML DSV Peter Mozelius 1 Hemsidor med HTML Hur många av er har provat på att bygga en egen hemsida med HTML eller XHTML? För hand eller med hjälpverktyg? Har ni lagt

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

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

Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer

Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se http://internetworld.idg.se/webbstudio/pub/avdelning.asp?id=25 Sida 1 av 2 2006-10-18 HTML Publicerade artiklar» Lektion

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

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

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

Läs mer

Hur skriver man ett textdokument med bild i OpenOffice?

Hur skriver man ett textdokument med bild i OpenOffice? Lathund för textdokument (Writer) och lite presentation (Impress). 1. Ladda hem OpenOffice på www.openoffice.org. 2. Öppna OpenOffice och välj textdokument (Writer). 3. Välj ett lämpligt teckensnitt genom

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

Lathund Bygga mallar. Senselogic AB Version 2.3

Lathund Bygga mallar. Senselogic AB Version 2.3 Lathund Bygga mallar Senselogic AB Version 2.3 Innehållsförteckning 1 Begrepp... 1 1.1 Innehållsyta... 1 1.2 Mallyta... 2 1.3 Layouter... 3 1.3.1 Fliken marginaler... 1.3.2 Fliken Inställningar... 1.3.3

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

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

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

Wordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg

Läs mer

Arbetshäfte Office 365 en första introduktion

Arbetshäfte Office 365 en första introduktion Arbetshäfte Office 365 en första introduktion Innehåll En introduktion för att bekanta sig med O365... 2 Skapa din profil... 2 Övning:... 3 2. Kontakter... 4 Lägg till kontakt och grupp... 4 Övning:...

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 länkar. Skapa en intern länk som en sida

Lathund länkar. Skapa en intern länk som en sida Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder

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

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

Grundläggande instruktioner för att publicera webbsidor på webbservern.se

Grundläggande instruktioner för att publicera webbsidor på webbservern.se Grundläggande instruktioner för att publicera webbsidor på webbservern.se Av Julia Klingvall i samarbete med webbservern.se. Version 1.1, januari 2005. I denna guide kommer du att lära dig de viktigaste

Läs mer

KOM-IGÅNG-GUIDE. Kom igång och redigera din hemsida! SmelinkWeb4 editor 2

KOM-IGÅNG-GUIDE. Kom igång och redigera din hemsida! SmelinkWeb4 editor 2 KOM-IGÅNG-GUIDE Kom igång och redigera din hemsida! SmelinkWeb4 editor 2 Smelink.se l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Uppdaterad: 121019 Del 1 Logga in Välkommen att ta

Läs mer

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering

Läs mer

Dokumentmallar i praktiken, Nyps

Dokumentmallar i praktiken, Nyps Dokumentnamn Dokumenttyp Datum Dokumentmallar i praktiken Handledning 2009-08-13 Diarienr/Projektnr Upprättad av Godkänd av Version Magnus Österlund, Daniel Madsén 0.4 Dokumentmallar i praktiken, Nyps

Läs mer

Introduktion till Word och Excel

Introduktion till Word och Excel Introduktion till Word och Excel HT 2006 Detta dokument baseras på Introduktion till datoranvändning för ingenjörsprogrammen skrivet av Stefan Pålsson 2005. Omarbetningen av detta dokument är gjord av

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

1. Skapa och förbered en webbplats

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

Läs mer

15 Skapa en Start-Diskett

15 Skapa en Start-Diskett 151 15 Skapa en Start-Diskett När du startar din PC så letar den efter vissa uppstartningsfiler. Sökningen börjar på din diskettenhet och därefter på hårddisken. Detta innebär att om något är fel med din

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

Din guide till. Klientinstallation MS Driftservice

Din guide till. Klientinstallation MS Driftservice Din guide till Klientinstallation MS Driftservice September 2012 Innehåll ALLMÄNT... 3 Gamla klienter... 3 Installation... 3 Vid problem... 5 inställningar för brandväggar... 6 Inställningar för Windows

Läs mer

Dupoint i.site 4.0 Mallhandboken

Dupoint i.site 4.0 Mallhandboken Dupoint i.site 4.0 Mallhandboken Dupoint AB Telefon: 08-441 74 80 E-post: info@dupoint.com Internet: www.dupoint.com Innehåll Arbeta med mallar... 1 Skapa en mall 1 Metadata avancerade mallar 2 Referenslista,

Läs mer

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20 Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering

Läs mer

Internet. En enkel introduktion. Innehåll:

Internet. En enkel introduktion. Innehåll: Internet En enkel introduktion Innehåll: Datorns olika delar Starta datorn Så gör du om du kan webbadressen Så gör du om du inte kan webbadressen Kortfattad repetition Alingsås bibliotek, 2012 2 3 4 6

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

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

Introduktion till HTML - Grunder

Introduktion till HTML - Grunder Introduktion till HTML - Grunder Kursmål Att ge kunskaper och färdigheter om hur man utformar en Webbsida. Kännedom om multimediala programvaror. Att använda text och bild (även ljud) för att förstärka

Läs mer

Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1

Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1 Personalsupport Medicinska fakulteten, Lunds universitet Textredigeraren Moodle version 2.7.1 Lars Rundgren, 2012-2014 Moodle 2.7.1 Textredigeraren Textredigeraren... 3 Nya ikoner i textredigeraren...

Läs mer

Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller

Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 3 timmar. I ASP.NET 4.5 finns en stor mängd nya funktioner för att förenkla utvecklingen

Läs mer

EPI Server 6.0. Lathund till Episerver. Innehåll

EPI Server 6.0. Lathund till Episerver. Innehåll EPI Server 6.0 Lathund till Episerver Innehåll Inloggning... 1 Hitta dina sidor... 1 Skapa, spara och publicera... 3 Obligatoriska fält... 4 Redigera innehåll... 6 Tillgängliga knappar i editorn... 6 Bilder...

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

Hur formuläret är ifyllt

Hur formuläret är ifyllt Uppdatera i TD Hur formuläret är ifyllt Börja med att titta på hur din TDinformation ser ut för besökare. Det gör du antingen via länken som finns på er egen hemsida, eller på den interna lista som finns

Läs mer

ALEPH ver. 16 Introduktion

ALEPH ver. 16 Introduktion Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...

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

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC)

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) I Järnvägshistoriskt (i forts. Jvmv) forum finns ingen möjlighet att ladda upp bilder direkt i inlägg från sin hårddisk. Man måste

Läs mer

Demosidor. Grundkurs

Demosidor. Grundkurs BRF SKäggetorp LINKÖPING Demosidor Modul 1-7 Den här utbildningen är skräddarsydd för HSB Skäggetorps Bostadsrättsföreningar i Linköping. Modul: : 1 Datum: 2003-01-2 Ersätter: Varje modul innehåller mellan

Läs mer

Klassens aktivitet. Inställningar

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

Läs mer

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