HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT Mitthögskolan ITM Telefon

Storlek: px
Starta visningen från sidan:

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

Transkript

1 Mitthögskolan ITM Telefon HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon

2 Laborationskompendium för konstruktion av webbsidor HTML Inledning Internet har under de senaste 15 åren vuxit fram och blivit en otroligt stor informationskälla för många. En av fördelarna med Internet är att man snabbt och enkelt kan publicera information som kan nås av de stora massorna. I den här laborationen ska Du lära dig grunderna i hur man skapar och publicerar webbsidor. På så sätt kommer Du att själv kunna publicera information som Du vill dela med dig utav. Tips! På nätet kan man hitta otroligt mycket information som handlar om att skapa webbsidor. Känner du att labhäftet inte räcker till och vill förkovra dig inom ämnet så ger en sökning på webben otroligt mycket information. Mål Efter att ha genomfört denna laboration ska du ha skaffat dig följande kunskaper: Förstå hur webbsidor är uppbyggda Känna till grunderna i HTML/XHTML Känna till webbläsarens grundläggande funktion Kunna skapa och publicera egna webbsidor

3 Teknisk ordlista HTML/XHTML Språk för att märka upp innehållet i webbsidor. Enligt en speciell standard strukturerar man innehållet i den text som ska publiceras. Det som tidigare hette HTML heter i den senaste versionen XHTML 2.0 Webbläsare Program för att läsa och ta del av den information som finns på Internet. En webbläsare bearbetar och presenterar webbsidor skrivna med XHTML. Vanliga webbläsare är Internet Explorer, Opera, Firefox. Webbsida/hemsida En fil som innehåller text uppmärkt med XHTML-kod Webbserver En särskild dator, fast ansluten mot Internet, som lagrar och sänder iväg XHTML-filer URL Adress till en källa på Internet. Med källa menas ex HTML-fil, bildfil mm. Adressen anger datorn och den fil som efterfrågas HTTP Regler för hur man skickar webbsidor mellan webbläsare och webbserver IP-adress Datorer anslutna till Internet har alla egna unika adresser Domännamn Istället för att använda IP-adresser används dessa namn eftersom IPadresserna ofta byter namn DNS Databas som innehåller aktuellt register över IP-adresser och domännamn W3C Organisation för standardisering av tekniker på Internet Vad är Internet? Man kan lite förenklat säga att Internet är ett världsomspännande nätverk bestående av en massa datorer. En del av dessa datorer innehåller material som skall publiceras på Internet, sk webbservrar. En webbserver lagrar webbsidor och skickar vid förfrågningar tillbaka de webbsidor man önskar titta på. Varje webbserver har en särskild adress för att man ska hitta dit. Denna adress kallas även för URL och består förutom av datorns namn även sökvägen till den fil man vill se. Exempel på URL Protokoll Datornamn Sökväg till fil Datornamnet kan alltså ersättas med en IP-adress, men eftersom IP-adresser byts oftare än domännamnen så används de sällan. (Exempelvis kan man byta ut portal.miun.se mot ) När du anger denna URL i webbläsarens adressfönster så kontaktas en DNS för att hitta adressen till rätt webbserver. När rätt adress funnits så skickar webbläsaren en förfrågan till webbservern som sänder tillbaka den eller de filer man önskar. Dessa filer kan utgöras av HTML-filer, bilder, ljud etc.

4 HTML/XHTML XHTML 2.0 är den senaste versionen av HTML som funnits i olika versioner sedan XHTML är ett standardiserat språk för att märka upp innehållet på en webbsida. Den organisation som ligger bakom denna standard heter W3C. Denna organisation är även ansvarig för många andra standarder som förekommer inom informationsteknologi. På deras webbsida kan man hitta dessa standarder samt deras specifikationer. De har även sidor anpassade för dem som vill lära sig dessa teknologier, ex XHTML. Så här kan XHTML-koden till en enkel webbsida se ut: <html> <head> <title>en snygg hemsida</title> </head> <body bgcolor="#ffff99"> <h1>detta är ett enkelt exempel på en hemsida!</h1> <hr /> Så här ser sidan ut sedan webbläsaren har bearbetat html-filen... <br /> och här fortsätter texten på en ny rad. <br /><br /> <img src="image1.gif" alt="bild" width="250" height="190"></img> <br /><br /><br /> <a </body> </html> Här ser man hur man har märkt upp innehållet på ett speciellt sätt med hjälp av något man kallar för taggar, även kallat element. De olika taggarna används för att märka upp olika delar av texten i en webbsida. Man kan märka upp vad som ska vara ex rubriker, tabeller, bilder etc. En tagg har i allmänhet följande utseende: <tagg attribut = värde >Innehåll</sluttagg> Om man ser i HTML-koden ovan så återfinns följande rad: <a a är alltså taggen som anger att här kommer ett sk ankare eller länk href är ett attribut som talar om vart länken skall peka och är dess värde är innehållet och den text som kommer att synas /a är sluttaggen som anger att nu är ankaret/länken slut Somliga taggar har inget innehåll. Titta exempelvis på raden <img src= bild.jpg alt= bild height= 200 width= 150 ></img> Denna tagg specificerar att det som följer är en bild och de olika attributen anger filens namn samt storlek. Andra taggar har varken innehåll eller attribut. Se raden nedan <br /> Taggar som saknar innehåll kan man avsluta på ett snabbare sätt som vi just sett. Ska vi vara konsekventa så ska vi ju avsluta taggen på följande sätt:

5 <br></br> Men då många taggar saknar innehåll så har man gjort det enklare genom att tillåta avslut på ett kortare sätt <br />. På samma sätt skulle man alltså även kunna avsluta den föregående bild-taggen: <img src= bild.jpg alt= bild height= 200 width= 150 /> Vilket man väljer är en smaksak och kommer inte att påverka webbsidans utseende. De taggar som marker upp ett dokument kommer inte att visas när man öppnar filen I en webbläsare. Internet Explorer kommer att visa ovanstående HTML-fil på följande sätt:

6 Den senaste standarden XHTML 2.0 HTML, språket som används för att strukturera information på webbsidor, skapades i början av 90-talet. Allteftersom innehåll och utseende har blivit mer avancerat än tidigare så har webbläsare och HTML utvecklats. Den sista versionen av HTML heter 4.01 och efter det så infördes istället XHTML. Det är inga större skillnader mellan de olika versionerna, men det kan vara bra att känna till följande: Alla element och attribut skrivs med små bokstäver Värden måste ligga inom citationstecken Alla element måste avslutas korrekt Element får inte ligga om lott, dvs om ett element ligger inom ett annat element så måste det inre elementet avslutas innan det yttre avslutas Att konstruera webbsidor Webbsidor kan man konstruera på två olika sätt. Antingen så använder man någon form av verktyg eller också skriver man all kod själv. Fördelen med att använda verktyg är att man inte behöver känna till HTML-koden, utan man kan koncentrera sig på själva innehållet och utseendet. I många verktyg tillåts man arbeta på båda sätten. Exempel på vanliga vertyg för att skapa webbsidor är Macromedia Dreamweaver och Microsoft Frontpage. Det finns dessutom en hel del andra program, ex ordbehandlaren Microsoft Word, som ger möjlighet att skapa hemsidor. På den här laborationen kommer Du att skriva koden själv i syfte lära dig grunderna i HTML. Då man kodar webbsidor på egen hand kan man använda vilken texteditor som helst. Från de enklare editorerna såsom anteckningar (som finns med i alla Windowsdatorer) till mer avancerade editorer som på olika sätt kan underlätta kodskrivande och publicering. Tips! Om man, av någon anledning, vill se hur en webbsida är uppbyggd så kan man klicka med höger musknapp och välja alternative Visa källa (eller liknande beroende på webbläsare, version och språk). Då öppnas ett nytt fönster innehållande den kod som webbsidan utgörs av. Publicering För att göra Din webbsida tillgänglig på Internet så måste Du placera Dina filer på en sk webbserver. En webbserver är en dator vars innehåll är tillgängligt på Internet. Som student har Du ett portalkonto. Det är ett villkor för att Du ska kunna logga in på Mittuniversitetets datorer. Till detta konto följer även ett lagringsutrymme, där Du kan lagra Dina egna filer. På detta lagringsutrymme finns en mapp som heter public_html. Allt innehåll i denna mapp är faktiskt tillgängligt på Internet.

7 Om du öppnar utforskaren och kollar i din mapp så ser Du katalogen public_html. Till en Internetuppkoppling hör oftast både e-postadresser och en begränsad mängd lagringsutrymme på en webbserver. Vill Du lägga upp dina filer där så kan olika leverantörer skilja sig åt. Hur man går tillväga brukar framgå av det avtal man har med sin Internetleverantör. Det finns dessutom en hel del platser som erbjuder gratis lagring på sina webbservrar.

8 Grunderna i HTML Öppna anteckningar eller din favoritredigerare och skapa ett nytt dokument. Skriv din kod och spara filen med namnet index.html. (Filer med namnen index.htm och index.html kommer att visas utan att man anger den fullständiga adressen dit. De flesta webbservrar är inställda på att visa dessa filer om man inte explicit anger filnamn. Spara filen i mappen public_html på ditt studentkonto. Om Du nu öppnar Internet Explorer och anger URL till din mapp så kommer webbläsaren att bearbeta och visa sidan. där du istället för xxxxnnnn anger ditt kontonummer. <html> När du har öppnat din redigerare och har ett stort vitt tomrum framför dig där du skall skapa din första HTML-fil skall du börja med att skriva taggen <html>. Det är det första du alltid skall skriva i alla dina dokument, det är ett sätt för webbläsaren att förstå att det på följande rader är HTML-kod. Nästan alla kommandon som man skriver går också att "stänga av" dvs få dem att inte längre utföra den funktion som de är till för. För att stänga av ett kommando skriver du det igen på det ställe där du vill att det skall sluta fungera, du lägger också till ett snedstreck (slash, shift + 7) efter första taggen, så här: </ html>. Det sista du skall göra i alla dina dokument är att avsluta HTML-språket genom att stänga av det på det sätt som jag nyss beskrev för dig, alltså: </html>. Om du nu har gjort rätt skall ditt dokument se ut så här: <html> </html> Mellan dessa två taggar skall du nu skriva all övrig kod. <head> Man kan även komplettera sina sidor med en head. I denna tagg anger man vilka egenskaper dokumentet har såsom titel och vem som är författare. Efter att ha skrivit <html> skall vi nu lägga till ett element som kallas för <head>. Mellan <head> och </head> skall vi sedan lägga till ytterligare ett flertal andra element, som kommer att förse dokumentet med viktig information. För att fortsätta skall ditt dokument nu se ut så här: <html> <head> </head> <body> </body> </html> head är alltså endast ett element där man placerar andra element emellan.

9 <title> Titeln är förmodligen det mest inkluderade element i <head>. Elementet ser ut så här: <title> och stängs av så här: </title>. Titeln har inga attribut utan det som du skriver mellan här, är det som kommer att visas uppe i namnlisten på din webbläsare. Om man inte inkluderar en titel kommer endast filens namn att visas i namnlisten på webbläsaren. Ex: <head> <title>min första hemsida med en titel</title> </head> <body> Denna tagg låter dig bl a bestämma över vad det skall vara för färg på text, länkar och bakgrund, med det här kommandot kan du också infoga bilder som bakgrund och bestämma om ditt dokument skall ha en scroll eller hur stora marginaler det skall vara i kanterna. För att åstadkomma alla numera upprabblade inställningar krävs det ett flertal olika underkommandon som du skall ange olika värden i. body är, precis som <html>, en huvudtagg som måste finnas med i alla dokument för att du skall kunna ha kontroll över vissa formateringar. body behöver därför också stängas av. Det gör du alltid näst sist i alla dina dokument, dvs alldeles innan </html>. Börja därför alltid i dina dokument att skriva så här: <html> <body> </body> </html> Vi skall nu nedan gå igenom en del underkommandon/attribut som finns tillgängliga i body-taggen. bgcolor Denna låter dig bestämma vad det skall vara för färg på bakgrunden i dokumentet, för att ange färg kan du antingen ange en särskild färgkod för exakt nyans på en färg, eller så kan du skriva färgens namn på engelska, t ex "black" eller "white". Ex: <body bgcolor="black"> Genom att skriva så här kommer bakgrunden i webbläsaren att bli helt svart. text Det här bestämmer vilken färg texten skall ha, tänk på att du alltid bör välja en färg som skär sig bra med bakgrundsfärgen, om du exempelvis har valt svart som bakgrundsfärg måste du välja en ljus färg på texten för att den skall synas bra i dokumentet. Ex: <body text="white"> När du skriver som ovan kommer all text i dokumentet att vara vit. link Link betyder länk, och representerar färgen på alla länkar i dokumentet. Ex: <body link="blue"> Detta indikerar att alla länkar kommer att ha blå färg.

10 vlink Vlink betyder "visited link" (man har klickat på den innan) och bestämmer vad det skall vara för färg på besökta länkar. Ex: <body vlink="pink"> Ovanstående kod betyder att alla länkar som man klickar på kommer att byta färg till rosa. alink Alink betyder "active link" (aktiv länk) och aktiveras när någon håller musknappen intryckt på en länk i dokumentet. Ex: <body alink="red"> Detta betyder att alla aktiva länkar kommer att byta färg till röd. background Med denna tagg kan man infoga en bild som bakgrund över hela dokumentet, om du exempelvis väljer att infoga en liten bild som kanske inte är större än tjugo gånger tjugo pixlar, kommer denna bild att ritas upp flera gånger över hela dokumentet tills den täcker hela ytan. Du kan också infoga en stor bild som bara skall ritas upp en gång, alla bilder som infogas ritas alltid upp jämte varandra tills de täcker all synlig yta. Ex: <body background="bakgrundsbild.gif"> Tänk på att du bara kan infoga bilder i GIF-, JPG- och PNG-format. Alla dessa kommandon kan alltså rymmas i body-taggen. Den skulle kunna se ut såhär: <body bgcolor="black" text="white" link="blue" vlink="red" alink="pink" background="bild.jpg" > Länkar Du kan skapa länkar både inom ditt egna dokument och till andra dokument. <a> a står för "anchor" eller "ankare" på svenska, med denna tagg kan man länka mellan olika sidor och även till och från olika ställen på samma sida. Ankaret används alltid då du skall länka någonstans, oavsett om du skall länka med vanlig text eller med bilder. Kommandot tillsammans med dess underkommandon är mycket lätthanterligt och mycket användbart. Ankaret kräver dock minst ett underkommando för att kunna fungera eller rättare sagt kunna fylla någon funktion. Vi skall titta närmare på de fem viktigaste och mest användbara underkommandon som hör till ankaret. Med ankaret kan du länka både till enskilda filer som hör till din egen sida, eller till helt andra webbplatser. När du gjort alla inställningar i ankaret och skrivit ut ändtaggen (>), skriver du sedan länktexten, dvs den som kommer att synas, eller så infogar du en bild, när du inte längre vill att materialet skall länka mer eller skall länka någon annanstans avslutar du ankaret genom att skriva endast </a>

11 href För att skapa en länk måste du inkludera detta attribut, när du gjort det skriver du sedan in adressen. När det är klart lägger du till länktexten, dvs det som du vill skall synas i webbläsaren, länktexten behöver inte alls vara samma som adressen. Ex: <a href="http://www.google.se">klicka här för att komma till Google</a> eller <a href="index.html">klicka här för att gå tillbaka till huvudsidan</a> Dessa två länkar aktiveras i webbläsaren då man klickar på dem och i webbläsaren ser de ut så här: Klicka här för att komma till Google eller Klicka här för att komma tillbaks till huvudsidan Det är även möjligt att ha länkar inom samma dokument. Detta kan vara användbart när du vill göra en innehållsförteckning eller liknande. <a href="#nfo">info</a> talar om för användaren att det finns information längre ned på sidan. För att hoppa till det ankaret skriver du <a name="nfo">dit dit du vill hoppa Som du ser står länktexten inte inom taggarna utan skrivs istället mellan start- och slutkommandot. Om du exempelvis vill att det är en bild som skall länkas istället infogar du bara bildkommandot istället för länktexten, glöm bara inte att avsluta ankaret med </a> <a href="../index.html"><img src="bild.jpg" border="0"></a> Om man skriver../ framför länken medför det att du hoppar upp ett steg i mappstrukturen. Om du skall länka till en sida som ligger på ditt eget konto kan detta sätt vara att föredra. Glöm inte att skriva </a> efter bildkommandot. Man kan också få ankaret att utföra andra saker med hjälp av href, du kan bl a få den att starta ett e-postprogram med förbestämd adress ifylld. Ex: <a brev till mig</a> När du skriver så här kommer webbläsarens e-postprogram att startas med den adress du nyss fyllde i. Vill du dessutom att brevets ämne skall vara förbestämt lägger du till?subject=. Ex:

12 <a >Kontakta mig</a> När någon klickar på en länk som ser ut som ovan kommer både e-postadress och brevets ämne att vara förbestämt och ifyllt. Texthantering Det finns mycket man kan göra med texter på en hemsida. Nedan finns några saker presenterade. <h?> h står för "heading", vilket betyder rubrik eller överskrift. Du anger med detta kommando hur stor stil du skall ha på dina rubriker och även vanliga texter. Att använda heading är det enklaste och mest simpla sätt att bestämma hur stor stil du skall ha på din text. De olika storlekarna ser ut så här: <h6>rubrik 6</h6> <h5>rubrik 5</h5> <h4>rubrik 4</h4> <h3>rubrik 3</h3> <h2>rubrik 2</h2> <h1>rubrik 1</h1> Kom ihåg att så fort du vill att storleken på texten skall upphöra eller bytas stänger du först av den 'gamla' storleken genom att skriva kommandot igen och sedan skriva önskad stil på nytt. align En annan fördel är att du kan lägga till en marginaltagg i varje H, där du kan bestämma till vilken marginal texten skall vara justerad. I align kan du välja mellan tre justeringar, till vänster (left), till höger (right) och centrerad (center). <h4 align="right">denna text ligger till höger</h4> <center> Med center centrerar du texten. Ex: <center>den här texten blir centrerad</center > Ser ut så här: Den här texten blir centrerad

13 <p> Betyder paragraf. När man använder kommandot är det ungefär samma sak som att trycka på enter två gånger i en ordbehandlare. Det här kommandot behöver du vanligtvis inte stänga av. Enda gången du behöver 'stänga av' P är då du marginaljusterar med align. Mer om detta längre ner. Den vanligaste användningen av P är att bara skriva just <p>, detta gör du varje gång du vill att en styckeindelning skall ske i din text. p används så här: Stycke ett <p> Stycke två <p> Stycke tre I webbläsaren ser ut så här: Stycke ett Stycke två Stycke tre <!-- KOMMENTARER --> Med kommentar i ett HTML-dokument menas att texten du skriver mellan kommentartaggarna inte kommer att påverka den övriga koden i dokumentet. Du använder alltså kommentarer till att skriva små meddelanden till dig själv, bara för att vid senare tillfällen kunna hitta bättre i dokumentet då det blir dags att ändra koden. Ex: <!-- Den här texten syns egentligen inte i webbläsaren -->

14 <b> b står för bold och betyder fetstil, du använder med andra ord denna tagg då du vill att texten skall visas som fet i dina dokument. Ex: <b>den här texten blir fet</b> Den här texten blir fet <i> i betyder Italic, dvs kursiv stil, du använder taggen då din text skall vara kursiv. Ex: <i>det här är kursiv stil</i> Det här är kursiv stil <u> u betyder underline, eller understruken text, för att tillämpa det gör du så här: <u>den här text blir understruken</u> Den här text blir understruken <br> br betyder Line Break, fungerar i praktiken på samma sätt som ett enterslag i en ordbehandlare, dvs den byter rad åt dig. Ex: Rad 1<br /> Rad 2<br /> Rad 3<br /> Rad 1 Rad 2 Rad 3 <font> font är idag det mest effektiva, enklaste och bästa sättet att hantera saker såsom storlek, typsnitt och färg. För att font skall få någon funktion måste du inkludera minst en undertagg. Om du inte använder font på dina sidor kommer webbläsaren automatiskt att skriva all text med typsnittet Times New Roman, stil 12. Alla font-taggar kan avslutas, så här: </font>. Du använder alltså font så här: <font>text som du vill skall formateras med font.</font> När du stänger av font formateras texten utanför font med standardvärdena.

15 size Med size bestämmer du vilken storlek du vill ha på texten, du kan ange värden mellan 1 och 7, där ett är det minsta och 7 det största. Du kan också sätta ett minus- eller plustecken framför siffran, för att på så sätt få större variation. Ex: <font size="3">denna text har fontsize 3</size> <font size="+3">å denna text har fontsize +3</font> Med följande formatering blir resultatet så här: Denna text har fontsize 3 Denna text har fontsize +3 face Med face anger du vilket typsnitt du skall ha på din text, du kan använda alla typsnitt som är standard i Windows, plus de som du själv har installerade på din dator, dessvärre kan inte andra se dessa typsnitt, ifall de inte har de installerade på sin dator. Därför bör man endast använda Times New Roman, Arial, Arial Narrow och Courier New. Typsnitten Comic Sans och Verdana, är visserligen inte standard, men alla som har Microsoft Office installerat har dessa fonter. För att ange vilket typsnitt du skall ha skriver du bara namnet på det, utan några sökvägar eller liknande. Ex: <font face="times New Roman">Texten här är Times New Roman</font> Texten här är Times New Roman Du kan också rangordna olika typsnitt som skall användas, dvs, om inte typsnitt nummer ett, som du tycker passar bäst finns på besökarens hårddisk, kan den använda ett annat mer vanligt typsnitt, som tex Arial eller Times New Roman. För att rangordna skriver du mellan typsnitten endast ett komma (,) och ett mellanslag. Ex: <font face="verdana, Arial, Times New Roman">Nu presenteras eventuellt Verdana</font> Nu presenteras eventuellt Verdana Beroende på om du har Verdana installerat på din dator eller inte så kommer du nu att se texten med något av de tre typsnitten vi angav ovan. Dvs, finns inte Verdana, letar den efter Arial, finns inte den tar den Times New Roman osv. Du kan rangordna hur många fonter som helst.

16 color Som du säkert redan listat ut använder du denna tagg till att bestämma vilken färg du vill ha på texten. Du kan antingen använda RGB-koder eller helt enkelt skriva färgens namn på engelska. Ex: <font color="blue">den här texten är blå</font> Den här texten är blå Bildhantering För att göra sin hemsida snyggare kan det vara en idé att lägga in bilder. <img> Förmodligen en av de mer vanliga elementen i HTML. När en bild skall infogas använder du detta. IMG är som du säkert redan listat ut en förkortning för image, eller bild. För att infoga en bild måste du använda minst en attribut till för att det skall fungera. src Denna attribut är obligatorisk, src står för source, eller källa. Här skriver du in namnet på den bild som du vill infoga, plus eventuell sökväg. Ex. <img src="bild.gif" /> align Om du exempelvis placerar en bild mitt i en text, kontrollerar du var någonstans i texten som den skall ligga med hjälp av detta. Du kan välja mellan följande: left [till vänster] right [till höger] top [överst] texttop [allra överst i ett helt textstycke] middle [i mitten] Ex: <img src="bild.gif" align="left"> alt Alt betyder alternate, dvs alternativ. Med hjälp av denna attribut bestämmer du vad som skall poppa upp då man drar markören över bilden. Den här texten kommer också fram innan bilden är laddad. Ex.

17 <img src="bild.gif" alt="alternativ text" /> Resultat (håll markören över bilden): width & height Självklart kan du också bestämma hur bred och lång bilden skall vara. Om du inte använder dessa attribut infogas bilden exakt så stor som den är. Det finns dock en anledning till att använda dessa, börja med att ta reda på exakt hur många pixlar hög och bred bilden är. Ange nu dessa värden. Varför man skall ange hur stor bilden är, fast den fixar det automatiskt, beror på att innan bilden laddas så skall det komma fram en ruta som är reserverad för bildens plats. På så sätt slipper webläsaren rendera sidan på nytt, när bilden är färdigladdad. Ex. <img src="bild.gif" width="50" height="50"> border Då du länkar en bild får du automatiskt en två pixlar bred linje runt bilden. För att få bort denna anger du värdet noll här. Vill du ha en gräns, även om bilden inte är länkad, anger du bara önskat värde. Färgen på linjen är densamma som på texten eller som på de övriga länkarna. Ex. <img src="bild.gif" border="5"> Listor Här kommer vi att gå igenom hur du skapar siffror- och punktlistor. För att infoga en punkt i ett dokument skriver du helt enkelt <LI> där du vill att punkten skall uppenbara sig. För att få punkterna indragna en bit, eller rättare få flera punkter att hänga hop använder du <ul> Betyder unordered list vilket skulle kunna vara synonymt med punktlista. T ex <ul> </ul> <li>punkt 1 <li>punkt 2

18 Punkt 1 Punkt 2 Du kan också skapa nya listor i en annan lista, det viktiga är bara att du håller reda på hur många <ul> som du har startat. Här är ett exempel på hur flera listor ihophängande listor kan se ut: <ul> <li>punkt 1 <ul> <li>del A <li>del B </ul> <li>punkt 2</li> <li>punkt 3 </li> </ul> o Punkt 1 Del A Del B o Punkt 2 o Punkt 3 <ol> Om du hellre vill ha listor ordnade med siffror byter du ut <ul> till <ol> istället. ol står för ordered list Ex. <ol> </ol> <li>första punkten <li>andra punkten Ger resultatet 1. Första punkten 2. Andra punkten

19 Dokumenthantering Texten kan du separera och placera mha olika kommandon. Det bästa sättet att styra text och bilder är att använda tabeller. <table> Det enklaste sättet att snyggt kunna placera sina objekt är att använda sig utav tabeller. Att skapa tabeller är absolut inget som är svårt, vilket också du kommer att komma underfund med efter att ha läst en bit i den här delen. Det första man gör då man skall skapa en tabell är att skriva just <table>, och avsluta med </table> då tabellen är slut. Börja alltså med att skriva: <table> </ table > Observera att vi inte visar resultaten av koden ännu, eftersom det krävs minst två ytterligare element för att det skall bli en synlig tabell. border Bestäm med denna hur tjock linjen runt tabellen skall vara. Det vanligaste är idag att man ger den värdet noll, dvs osynlig. Ex: < table border= 0 > </ table > cellpadding En tabell kan innehålla massor av olika celler, eller sk rutor. Med hjälp av cellpadding bestämmer du hur mycket fri marginal som skall lämnas fri i varje ruta. Du anger värdet i antal pixlar. Ex: < table cellpadding= 3 > </ table > cellspacing Du anger här hur mycket mellanrum som skall skapas mellan varje cell/ruta. Värdet anges i antal pixlar. Ex: < table cellspacing= 0 > </ table >

20 width Anger hur bred tabellen skall vara. Antingen i antal pixlar eller i procent, som anpassar sig efter hur mycket plats som finns ledigt. Ex: < table width= 300 > </ table > height Anger höjden på tabellen. Antingen i antal pixlar eller i procent, som anpassar sig efter hur mycket plats som finns ledigt. Ex: < table height= 300 > </ table > align Här avgör du var någonstans i webläsaren som tabellen skall placeras. Dvs antingen till höger eller till vänster. (RIGHT/LEFT). < table align= right > </ table > valign Bestäm om tabellen skall placeras längst upp, ner eller i mitten av sidan. (top/bottom/center). Ex: < table valign= center > </ table > bgcolor Fungerar på samma sätt som då du använder attributen i body, dvs du anger bakgrundsfärgen på tabellen. Antingen med hjälp av de engelska namnen på färgerna, eller med hexkoder. Ex: < table bgcolor= blue > </ table > bordercolor Om du har borders, eller synliga linjer som markerar tabellen och rutorna, kan du ange vilken färg de skall ha, med hexkoder eller med de engelska namnen på färgerna. Ex. <table border= 2 bordercolor= blue > </table>

21 background Om du vill infoga en bild som bakgrund i hela tabeller använder du detta attribut. Ex. <table background= bild.gif > </table> <tr> Nu skall vi titta på det första obligatoriska elementet som måste vara med i en tabell för att det skall kunna bli en tabell. TR representerar en rad som kan innehålla ett obegränsat antal celler. För varje ny rad man skall ha i en tabell lägger man till en TR. Vill man då ha en tabell som innehåller tre rader skriver man följande: <table> <tr></tr> <tr></tr> <tr></tr> </table> Vi visar inte ännu resultatet eftersom det krävs ytterligare ett element för att det skall fungera, men vi nöjer oss med detta så länge. Det du ser ovan representerar alltså en tabell som innehåller tre rader. bgcolor Bestämmer bakgrundsfärgen på just den rad som du placerar den i. En tabell med två rader kanske skall ha olika färger. Då skriver du så här: <tr bgcolor= blue ></tr> <tr bgcolor= red ></tr> background Fungerar på samma sätt som då du placerar den i table, fast den infogar en bakgrundsbild i raden enbart, istället för i hela tabellen. Ex. <tr background= bild.gif >

22 <td> Med hjälp av table, tr och td kan du nu skapa fullständiga tabeller. Vi börjar med ett exempel och förklarar sedan vad vi gjort. Ex. <table border= 2 > <tr> <td>ruta 1</td> <td>ruta 2</td> </tr> <tr> <td>ruta 3</td> <td>ruta 4</td> </tr> </table> Det vi nu skrivit kommer att skapa en tabell som ser ut så här. Resultat R u t a 1 R u t a 2 R u t a 3 R u t a 4 Som du ser hittar vi två rader, som är skapade med tr och två rutor i varje rad som är skapade med td. Tänk på att du måste ha lika många rutor i varje i varje rad för att det skall fungera. Dvs lika många td per tr. valign Bestäm var någonstans innehållet i raden skall dras vertikalt. Alternativen är följande: top, middle, bottom och baseline. Dvs överst, mitten, botten och baslinjen. align Bestäm var innehållet skall dras horisontellt. Alternativen är följande: left, center och right. Dvs vänster, mitten och höger. width Självklart kan du också bestämma hur breda rutorna skall vara. Det gör du med width, du anger bredden i pixlar. Ex.

23 <td width= 300 > Ovanstående ruta kommer alltså att vara 300 pixlar bred. height På samma sätt som du kan ange bredden kan du också ange höjden. Värdet anger du i antal pixlar. Ex. <td height= 30 > Ovanstående kod representerar en ruta som är 30 pixlar hög. bgcolor Bestämmer bakgrundsfärgen på just den ruta som du placerar den i. En tabell med två rutor kanske skall ha olika färger. Då skriver du så här: <td bgcolor= blue ></td> <td bgcolor= red ></td> background Fungerar på samma sätt som då du placerar den i table, fast den infogar en bakgrundsbild i rutan enbart, istället för i hela tabellen. Ex. <td background= bild.gif > colspan I tidigare stycken sa vi att man alltid är tvungen att ha lika många rutor på alla raderna i en tabell. Vill man exempelvis ha olika antal rutor i raderna löser man det med hjälp av colspan. Vi tar först ett exempel och tittar sedan på hur det fungerar. Ex. <table border= 2 > <tr> <td>ruta 1</td> <td colspan=2>ruta 2, med två rutor under sig på nästa rad</td> </tr> <tr> <td>ruta 3</td> <td>ruta 4</td> <td>ruta 5</td> </tr> </table>

24 u t Ruta 2, med två rutor under sig på nästa rad u t Ruta 4 Ruta 5 Som du ser kan du infoga colspan i hur många rutor som helst, och ange vilket antal extrarutor som helst. rowspan Fungerar precis på samma sätt som colspan, men med skillnaden att man kan infoga olika antal rader i olika rutor på samma rad. Vi tar ett exempel: <table border= 2 > <tr> <td rowspan=2>ruta 1, som har en extra rad med två rutor i</td> <td>ruta 2, övre ruta 1</td> <td>ruta 3, övre ruta 2</td> </tr> <tr> <td>ruta 4, nedre ruta 1</td> <td>ruta 5, nedre ruta 2</td> </tr> </table> Ruta 1, som har en extra rad med två rutor i Ruta 2, övre ruta 1 Ruta 4, nedre ruta 1 Ruta 3, övre ruta 2 Ruta 5, nedre ruta 2 Som du ser, samma princip som colspan, fast på andra hållet.

25 <hr> Presenterar även ett sätt att "bara" infoga ett vågrätt sträck på skärmen. Hr betyder "horizontal rule", dvs horisontell linje, du använder alltså denna tagg för att dra horisontella linjer i dina dokument. Användningen är ganska simpel, genom att skriva endast hr, får du ett streck draget tvärs över dokumentet, med alla standardvärden inställda. Denna tagg använder du lämpligen längst ner på alla dina sidor och under detta streck skriver du exempelvis vem som skrivit dokumentet eller liknande. Du kan också använda linjen mellan olika stycken i ett dokument. Ex: Skriv så här: <hr /> Resultatet blir: size När du infogar ett streck tvärs över dokumentet blir det automatiskt två punkter brett, detta kan du med hjälp av size välja själv istället, alltifrån en punkt och uppåt. Ex: <hr size="1" /> width Alla streck som saknar denna inställning blir automatiskt lika breda/långa som dokumentet är på bredden, med width ställer du in hur långt du vill att strecket skall vara, detta anger du vanligtvis i antal punkter, men du kan också ange det i procent, dvs om du skriver 50% kommer linjen att vara hälften så lång som bredden på dokumentet. Ex: Med punkter: <hr width="200" /> Med procent (%) <hr width="30%"> align Om du inte använder denna undertagg kommer alla dina streck som infogas att vara centrerade, eftersom det är standardinställningen. Om du istället vill att strecket skall ligga till vänster eller höger anger du i denna attribut left eller right. Ex: <hr align="right" WIDTH="40" />

26 noshade Alla linjer infogas med en inställning kallad shade, dvs skugga, om du inte vill att linjen skall vara skuggad utan endast vara dragen som ett vanligt streck, lägger du bara till noshade. Noshade har inga värden, denna har du bara med eller inte. Ex: <hr noshade size="1">

27 Uppgifter Nu när de vanligaste taggarna är presenterade är det dags att pröva sina kunskaper rent praktiskt. Nedan finns ett antal uppgifter som borde gå att lösa mha labbhäftet. Ett tips är att du använder samma dokument hela tiden. Detta gör att du i slutet av alla övningar kanske har fått till en snygg och trevlig hemsida om dig själv. Du hittar till din egen hemsida genom att skriva in adressen på Grundläggande begrepp Skapa ett HTML-dokument enligt standardmallen, dvs <html> <head> <body> med motsvarande sluttaggar. Lägg till en titel på sidan Skriv in en text som handlar om dig själv. Det kan vara dina fritidsintressen vad du läst tidigare eller kanske vad du vill bli när du blir stor Publicera hemsidan och studera resultatet i en webbläsare Skapa en passande rubrik, centrera densamma och se till att den skiljer sig från den övriga texten. Radbryt texten på lämpliga ställen. Prova att göra detta både med <p> och <br> taggarna och se vad det blir för skillnad Ändra bakgrundsfärgen till någon du tycker är snygg Ändra textfärgen så att din text syns bra gentemot den nya bakgrundsfärgen Skapa länkar Skapa en länk som leder till Mittuniversitetet (www.miun.se), länknamnet skall vara Mittuniversitetet Skapa en länk som leder till institutionens hemsida. Adressen dit är Skapa ett nytt HTML-dokument. Detta kan innehålla vad du vill. Kanske kan det vara en sida med personliga fakta. Längd, vikt (om du vågar), hårfärg osv Spara sidan på webbservern. Du får själv hitta på vad den skall heta Koppla ihop dina två sidor med länkar Lägg till information om när sidan skapades och när den senast uppdaterades. Denna text kan med fördel vara mindre än löptexten Skapa en innehållsförteckning som hoppar inom samma dokument. För att detta skall ge någon effekt kan det vara bra om du skriver ganska mycket text på hemsidan Bildhantering Lägg in en bild på dig själv. Om du inte har någon bild på dig själv, vilket kanske är troligt, får du välja en annan bild. Surfa ut på nätet och leta efter en som du tycker liknar dig. Spara bilden genom att klicka på den men höger musknapp och välj därefter save image as

28 Placera bilden intill texten och försök att få texten att ligga till höger om bilden Lägg in en bild som bakgrund i ditt dokument. Det bästa sättet är återigen att surfa på nätet och leta efter en bild som du tycker är fin. Bakgrundsbilder sparar man på ungefär samma sätt som andra bilder, dvs genom att högerklicka på bakgrunden och sedan välja save background as Lägg in en bild i dokumentet som fungerar som en länk till en valfri sida. Se till att bilden inte får en border (ram) Lägg till ett sträck som delar av dokumentet i lämpliga delstycken Blandade övningar Skapa en rankinglista över dina favoritglassar. Ge listan en rubrik Leta reda på en bild över en glass och lägg in den på hemsidan Tabeller Skapa en tabell som innehåller ditt för- och efternamn i två separata kolumner Lägg till en rad där du anger telefonnummer Ändra storleken så att den sträcker sig över hela skärmbredden Centrera ditt förnamn och högerjustera ditt efternamn Komplettera uppgifterna med din adress Lägg till bilden som skulle föreställa dig (se punkt 16) i en kolumn och lägg texten i en annan kolumn Bild Förnamn Efternamn Adress Telefon Laborera med de olika inställningarna för border osv Gör så att rubriken hänger ihop med tabellen. Rubriken bör vara stor och sträcka sig över alla kolumner Rubrik Bild Förnamn Efternamn Adress Telefon

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

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

Ö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

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

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

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

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

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

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

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

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

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

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

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

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

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

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

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

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

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

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

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

Att skriva på datorn

Att skriva på datorn Att skriva på datorn Innehåll: Inledning 1 Tangentbordet 2 Att skriva i Word 4 Att skriva på Internet 7 Övningar 8 2 Inledning Välkommen till steg 2 av Internetkursen för nybörjare! Vid detta kurstillfälle

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

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

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

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

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

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

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

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

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

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

Introduktion till programmering

Introduktion till programmering 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

«Sida 2 av 4 Till kursens framsida Sida 4 av 4»

«Sida 2 av 4 Till kursens framsida Sida 4 av 4» Sida 1 av 11 Lektion 1: sida 3 av 4 «Sida 2 av 4 Till kursens framsida Sida 4 av 4» 2. Formatera text Du kan ju redan skriva in text, men nu ska vi se hur man formaterar det man skrivit in -- alltså hur

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

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

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

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

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

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

Läs mer

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

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

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

En stiligare portal Laboration 3

En stiligare portal Laboration 3 Laborationsanvisning En stiligare portal Laboration 3 Författare: Johan Leitet Version: 1 Datum: 2011-09-09 Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt

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

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna

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

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

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

Adobe. Dreamweaver CS3. Grundkurs. www.databok.se

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

Läs mer

www.faltbiologerna.se

www.faltbiologerna.se Redigering av www.faltbiologerna.se sammanställt av Magnus Bjelkefelt, november 2011 reviderad oktober 2012 Innehållsförteckning 1. Logga in................................................... 2 1.1 Var

Läs mer

Bilder. Bilder och bildformat

Bilder. Bilder och bildformat och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder

Läs mer

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide Använda Internet med hjälp av Internet Explorer Nybörjarguide Av Carl Ewnert 1 Innehåll: 1. Introduktion 3 2. Utseendet 4 3. Verktygsfältet 4 4. Börja Surfa. 5 5. Att söka på Internet 5 6. Spara en sida

Läs mer

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

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

Läs mer

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

Wordpress och Sociala medier av Sanna Ohlander 110308. 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

Instruktioner till övningen som börjar på nästa sida

Instruktioner till övningen som börjar på nästa sida Instruktioner till övningen som börjar på nästa sida Övningen innehåller det grundläggande som du måste kunna för att klara Word. Varje stycke ska vara formaterat så som det står i stycket. Under varje

Läs mer

STEGBESKRIVNING - WEBB

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

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla 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/ccwreg to register your club.

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

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp Lathund till Publisher TEXT Pekverktyget använder du när du ska markera en ram som du vill förändra på något sätt. Klicka på textverktyget. Placera muspekaren på den tomma dokumentytan, det spelar ingen

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

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

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

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

Användarmanual för. 1(1)

Användarmanual för. 1(1) Användarmanual för sofie.landelius@bypasset.se 1(1) 2005-06-13 Innehållsförteckning 1. Logga in... 3 Problem... 3 Content... 4 Account... 4 Help... 4 2. Att skriva en artikel... 5 Publicera artikel alt

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

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

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

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

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

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

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

WordPad Windows 10 för seniorer

WordPad Windows 10 för seniorer WordPad Windows 10 för seniorer WordPad är ett textredigeringsprogram som du kan använda till att skapa och redigera dokument. Till skillnad från Anteckningar kan du i WordPad använda formatering och grafik,

Läs mer

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet

Läs mer

Laboration 2: Xhtml och CSS.

Laboration 2: Xhtml och CSS. Laboration 2: Xhtml och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en webbplats med layout, bakgrundsbilder, minst en meny och

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

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

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

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

Innehåll. HTML Editor Sida 2 av 30

Innehåll. HTML Editor Sida 2 av 30 HTML editor Innehåll Länka till webbsida... 4 Extern länk.... 7 Länka till e-post.... 8 PROs bildbank.... 10 Ladda upp ny bild.... 12 Redan uppladdad bild... 16 Bildredigeraren.... 17 Infoga/redigera inbäddad

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

APA för nybörjare. Innan du börjar. Översikt

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende: Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både

Läs mer

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2) 1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA

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

Handledning till FC 12 på webben

Handledning till FC 12 på webben Handledning till FC 12 på webben Detta är en kortfattad handledning där vi går igenom de viktigaste funktionerna i nya FirstClass. Förändringen av FirstClass är kanske den största under de snart 25 år

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

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

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter.

Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. Surfa till adressen https://cms10.mdh.se/polopoly/ och logga in med dina vanliga användaruppgifter. När du är inloggad: 1. Klicka på plustecknet vid ditt ämne i innehållsträdet till vänster. Då fälls alla

Läs mer

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen. Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång

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

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...

Läs mer

Användarmanual WebNailer. 19 januari 2004

Användarmanual WebNailer. 19 januari 2004 Användarmanual WebNailer Tobias Holgers Mattias Castegren 19 januari 2004 1 Innehåll 1 Inledning 3 1.1 Definitionerochförkortningar... 3 2 WebNailer 4 2.1 Knapprad... 4 2.1.1 Gemensamma... 4 2.1.1.1 Webbläsare...

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

03/12/2015. Logga in på: b.socrative.com eller ladda ner appen

03/12/2015. Logga in på: b.socrative.com eller ladda ner appen Logga in på: b.socrative.com eller ladda ner appen Använder Har skapat använt skrivit internet i webbsidor. CSS html. (stilmall). (nästan ) dagligen. 1 Dator med webbläsare Interne t Webserver Smartphon

Läs mer

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

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1

Läs mer

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