Fler introducerande övningar i HTML

Storlek: px
Starta visningen från sidan:

Download "Fler introducerande övningar i HTML"

Transkript

1 Fler intrducerande övningar i HTML Hittills har vi talat m kder i HTML ch ibland kallat dem taggar. Vi har då menat de kder sm skrivs inm < ch >, sm t.ex. <p> ch <h1>. Ibland behöver vi dck vara lite mer nggranna med benämningarna. Element, taggar ch attribut Följande bild illustrerar de lika begreppen. element%med%innehåll% tmt%element% tagg%(star9agg)% tagg%(slu9agg)% tagg% <kd%atrr="värde">innehåll</kd>% a9ribut% <kd%atrr="värde">% a9ribut% Ett element är både kderna (taggarna) ch det sm frmateras av taggarna. Har man t.ex. <b>abc</b> för att skriva abc i fetstil, så är hela denna text ett element sm börjar med en starttagg ch slutar med en sluttagg. Innehållet är texten mellan dessa taggar. En del element har ingen sluttagg, sm t.ex. elementet <br> för att ge en radbrytning. Detta är endast en psitin i texten ch det finns inget innehåll att frmatera. Detta kallas ett tmt element. Attribut kan förekmma både för element med innehåll ch tmma element ch används för att ge mer detaljerad beskrivning för elementet. T.ex. har vi för img attributen src för att referera till bildfilen ch alt för att ange en alternativ text, <img src="bild.jpg" alt="bild">. I de följande övningarna ska vi titta lite mer på lika typer av element. 1. Ett HTML-dkument Har du kvar ditt HTML-dkument från föregående labratin, så kan du arbeta vidare i det. Annars skapar du ett nytt dkument. Se de inledande övningarna i föregående labratin ch öppna upp ett HTML-dkument både i din editr ch i webbläsaren. Spara ditt HTML-dkument i övningsmappen sm du laddat ner i labratinen, så att ditt dkument hamnar i samma mapp sm dkumentet sida2.htm Rune Körnefrs (rune.krnefrs@lnu.se) 1

2 2. Länkar En viktig del av webben är länkar mellan lika sidr. En länk består av två delar. Den första är den del sm man klickar på för att aktivera länken. Denna del brukar kallas ankare (anchr) ch specificeras sm ett innehåll i ett a-element, dvs texten mellan en starttagg <a> ch en sluttagg </a>. Den andra delen av länken är destinatinen ch den specificeras med ett href-attribut i a-taggen. Href står för hypertext reference, eftersm länkar även kallas hypertext. Skriv in en länk i ett textstycke i din HTML-kd, t.ex. <p>jag studerar på <a href=" i Kalmar ch Växjö.</p> Det går ckså skriva det på en rad, men delades här upp för att tydliggöra a-elementet. Gå över till webbläsaren ch testa länken. Du bör kmma till Linnéuniversitetets startsida, då du klickar på länken. Klicka sedan på Tillbaka-knappen i webbläsaren, för att kmma tillbaks till din sida igen. Fullständig eller relativ adress I föregående exempel användes en fullständig url, eftersm destinatinens sida ligger på en annan server. Länkar man till en annan sida inm den egna webbplatsen, så brukar man använda en relativ adress. Lägg in följande kd i ditt HTML-dkument: <p>du kan se exempel på en webbsida på <a href="sida2.htm">den andra sidan</a>.</p> Eftersm ditt HTML-dkument ch sida2.htm ligger i samma mapp, så räcker det med att ange filnamnet i referensen. Visa destinatinen i en annan flik/fönster Länkar man till en annan webbplats, så vill man ibland öppna länken i en ny flik eller nytt fönster. Det gör man med ett target-attribut i a-taggen. Lägg till ett target-attribut i din först länk: <a href=" target="_blank">linnéuniversitetet</a> Bild sm ett ankare Med värdet _blank anger man att länken ska visas i en ny flik eller nytt fönster. Om det blir en flik eller fönster berr på inställningarna i användarens webbläsare. Det finns även några andra värden för target, men vi går inte in på dem nu. Innehållet mellan start- ch sluttaggen för a-elementet har i exemplen varit en text, men vi kan ckså lägga in ett img-element där. Skriv in följande kd: <p> <a href="sida2.htm" target="_blank"> <img src="bilder/litetsltt.gif" alt=""><br> Slttet </a> </p> I detta fall är alt-attributet tmt (ingen text mellan citatinstecknen). Kan inte bilden visas, så ska det inte vara någn alternativ text. Då finns ju i alla fall texten sm står under bilden. Men alt-attributet måste ändå finnas med i taggen Rune Körnefrs (rune.krnefrs@lnu.se) 2

3 3. Blck- ch inline-element Ett HTML-element är antingen av typen blck eller inline. Skillnaden är hur det läggs in på sidan då det visas. Blck Ett blck-element består av en eller flera hela rader ch fyller hela bredden av webbläsarens fönster. Exempel på blck-element är textstycken, p, ch rubriker, h1-h6. Även m inte texten fyller hela fönstrets bredd, så upptar elementet hela fönstrets bredd, så att nästa stycke eller rubrik kmmer på raden under. Prva följande kd: <h2>rubrik</h2><p>ett stycke text.</p><p>radbrytningar i kden har ingen betydelse</p><h3>nya rader</h3><p>ny rad då ny p- eller h-tagg börjar.</p> Inline Ett inline-element läggs in sm en del av en rad ch upptar endast den yta sm innehållet kräver. Man kan ha flera inline-element intill varandra ch på samma rad. Exempel på inline-element är b ch i för fetstil ch kursiv stil, a för länkar ch img för bilder. Prva följande kd: <p> En text ch en <b>bild</b> <img src="bilder/litetsltt.gif" alt="sltt"> på samma rad. </p> Kmbinatin av blck ch inline Man kan inte ha blck-element inuti varandra. Så man kan inte ha ett textstycke inuti ett annat textstycke eller i en rubrik ch man kan inte ha en rubrik inuti ett textstycke. Föregående textstycke eller rubrik måste avslutas, innan nästa textstycke eller rubrik får påbörjas. Man kan heller inte ha ett blck-element inuti ett inline-element. Så man kan t.ex. inte ha en rubrik inuti en länk. Gör man fel ch ändå skriver t.ex. en rubrik inuti ett textstycke, så kmmer ändå webbläsaren att visa det, eftersm den försöker tlka det ändå. Men man kan inte vara säker på att det blir vad man tänkt sig ch att det visas på samma sätt i alla webbläsare. Det blir ckså fel, då man validerar kden. Man kan dck ha inline-element inuti blck-element. Ofta går det ckså bra att ha inline-element inuti andra inline-element. Prva följande kd: <p>en text sm är både <b><i>fet ch kursiv</i></b>.</p> Observera att man nästlar element i varandra, så man avslutar först den tagg sm påbörjas sist. Dvs <b><i>...</i></b> eller <i><b>...</b></i>, men inte <b><i>...</b></i> Rune Körnefrs (rune.krnefrs@lnu.se) 3

4 4. Elementen div ch span De element sm vi gått igenm hittills har en speciell betydelse, t.ex. skapa rubrik, textstycke, länk, etc. Ibland vill man gruppera lika delar i kden, t.ex. navigeringslänkarna, sidften en infrmatinsruta, etc. Man kan då använda sig av ett element sm kallas div (divisin). När vi sedan kmmer in på CSS ch JavaScript, så kan man hänvisa till ett sådant element, för att ge det en stil eller kunna gör någt sm t.ex. visa ch dölja det. För att skilja på de lika div-elementen ger man dem varsitt id-attribut. Skapa ett nytt HTML-dkument. Spara det i samma mapp sm sida2.htm ch kalla ditt nya dkument index.htm. Lägg in följande kd i bdy-delen: <div id="header"> <img src="bilder/litetsltt.gif" alt="lg" height="70"> <h1>slttet</h1> <div id="nav"> <ul> <li><a href="index.htm">start</a></li> <li><a href="sida2.htm">sida 2</a></li> </ul> <div id="cntent"> <h2>startsida</h2> <p>välkmmen till sidan m Slttet.</p> <p><img src="bilder/sltt.jpg" alt="slttet" width="400"></p> <div id="fter"> <p><i>&cpy; Slttets vänner</i></p> Titta på kden i webbläsaren. Du ser ingenting av div-taggarna. De är endast till för att strukturera upp kden i lika delar. Namnen i id-attributen hittar man på själv vad man vill ha. Det är genm dem sm man sedan refererar till div-elementen i CSS eller JavaScript, men det gör vi längre fram i kursen. Div är ett blck- element Elementet div är ett blck-element, men det skiljer sig från andra blck-element genm att man i div kan lägga alla typer av element. Det går att ha både blck-element ch inline-element inuti i div. Man kan till ch med ha nya div-element inuti ett div-element. Span, mtsvarande inline- element Vill man gruppera en del av någt på en rad, t.ex. en del av texten i ett textstycke, så kan man använda span. Det fungerar på samma sätt sm div, med den skillnaden att span är ett inline-element. Det är först då vi kmmer in på CSS sm vi har nytta av span, så vi tar inget exempel på det här, utan återkmmer till det då Rune Körnefrs (rune.krnefrs@lnu.se) 4

5 5. Attributet id Med attributet id såg vi i föregående övning att vi kan ge div-elementen lika namn. Dessa namn kan skrivas med bkstäver (i engelska alfabetet), siffrr ch understrykningstecken. Man brukar välja namn sm beskriver vd elementet används till. Det är främst för att kunna referera till ett element i CSS eller JavaScript sm man använder id. Det användningsmrådet återkmmer vi till i kmmande labratiner i kursen. Det finns dck även en annan användning av id, sm vi ska gå igenm här. Man kan använda id sm en destinatin i en länk. Länk till en del av en webbsida I en adress i en länk kan man skriva ett stakettecken följt av ett id (t.ex. #abc) för att få webbläsaren att scrlla fram till det element sm har id-attributet med det namn man har i adressen. Skapa ett nytt HTML-dkument ch kalla det sida3.htm. Spara det i samma mapp sm dina övriga HTML-dkument. I bdy-delen skriver du in följande kd: <p><a href="#sectin2">gå direkt till del 2</a></p> <hr> <h1 id="tp">sida 3</h1> <p>någn text</p> upprepa detta p-element, så att du får så många rader att texten behöver scrllas i webbläsaren. <p><a href="#tp">gå till tppen</a></p> <hr> <h2 id="sectin2">del 2</h2> <p><a href="#tp">gå till tppen</a></p> <hr> I rubrikerna h1 ch h2 finns det id-attribut med unika namn för dessa. Man kan kalla dem vad man vill, så det behöver inte vara tp ch sectin2 sm vi valde här. I länkarna refererar vi till dessa id genm att skriva# följt av id. Prva att öppna sidan i webbläsaren ch klicka på länkarna. Länk till en del av en annan sida Öppna någn av dina föregående webbsidr i editrn ch skriv in följande länk någnstans: <p><a href="sida3.htm#sectin2">gå till del 2 på sida 3</a></p> I href-attributet skriver vi först den sida sm ska öppnas ch sedan till det id sm ska scrllas fram, då användaren klickar på länken. Öppna sidan i webbläsaren ch prva att klicka på länken Rune Körnefrs (rune.krnefrs@lnu.se) 5

6 6. HTML5-taggar I övning 4 infördes div-element för att dela upp sidans kd i sidhuvud, sidft, navigering ch innehåll. Vi införde då ckså id med namnen header, fter, nav ch cntent. I HTML5 finns det särskilda element för detta. Vi tittar krt på dem här, men kmmer sedan i kursen att frtsätta använda div istället. Det är lite mer flexibelt ch fungerar även i äldre webbläsare sm inte har stöd för HTML5. Skapa ett nytt HTML-dkument ch spara det med namnet sida5.htm. Skriv in följande kd: <header> <img src="bilder/litetsltt.gif" alt="lg" height="70"> <h1>slttet</h1> </header> <nav> <ul> <li><a href="index.htm">start</a></li> <li><a href="sida2.htm">sida 2</a></li> </ul> </nav> <article> <h2>startsida</h2> <p>välkmmen till sidan m Slttet.</p> <p><img src="bilder/sltt.jpg" alt="slttet" width="400"> </article> <fter> <p><i>&cpy; Slttets vänner</i></p> </fter> Detta är samma kd sm i övning 4, fast div-taggarna är utbytta mt header, nav, article ch fter. Har vi endast en av varje, behöver vi inga id-attribut, för att skilja dem åt. Dessa element fungerar på samma sätt sm div, genm att de endast är till för att dela upp kden i lika delar. De har ingen speciell presentatin i webbläsaren, så tittar man på sidan i webbläsaren, ser den likadan ut sm en kd utan dessa element. Då vi sedan kmmer in på CSS kmmer vi att se hur vi kan stilsätta dessa element ch därmed visa de lika delarna på lika delar av webbsidan. Men vi kmmer då att använda ss av div med id, eftersm det finns ett bredare stöd för det i webbläsarna, men principen är densamma sm med användning av vanstående element i HTML5. Slut Nu har vi gått igenm det mest användbara i HTML, för att kunna strukturera upp kden i ett HTMLdkument. Öva nu på egen hand, genm att experimentera med kden. Titta gärna igenm referenslistan för HTML5 på W3Schls webbplats ( Du ser då att det finns en hel del element sm vi inte tagit upp i övningarna i denna ch föregående labratin, men vi har gått igenm det mest fundamentala. Resten tar vi upp vid behv, då vi arbetar med andra delar av webbdesign. I nästa labratin intrducerar vi språket CSS, för att kunna sätta stil på det sm struktureras med HTML Rune Körnefrs (rune.krnefrs@lnu.se) 6

Övningar i layout med CSS

Övningar i layout med CSS Övningar i layut med CSS Med CSS strukturerar man innehållet i lika delar. Med div-taggar kan man avgränsa delar av kden för sidhuvud, navigeringslänkar, innehåll, etc. Med CSS kan man sedan ge dessa delar

Läs mer

Övningar i JavaScript del 5

Övningar i JavaScript del 5 Övningar i JavaScript del 5 I dessa övningar ska vi ta upp några lika händelsehanterare. Dessa ska dck inte läggas in med attribut i HTML-kden, så sm vi gjrt tidigare med nclick. Istället ska vi nu lägga

Läs mer

Övningar i CSS för anpassning till olika enheter

Övningar i CSS för anpassning till olika enheter Övningar i CSS för anpassning till lika enheter Hittills har vi i föregående labratiner tittat på hur man med CSS utfrmar en presentatin för bildskärm på en vanlig datr. Men det finns fler presentatiner

Läs mer

Övningar i JavaScript del 3

Övningar i JavaScript del 3 Övningar i JavaScript del 3 I dessa övningar tar vi upp datumbjektet Date, arrayer ch lpar. Du utgår från ett prgram där man kan klicka på små bilder ch mtsvarande stra bild visas. Detta är i princip samma

Läs mer

Introducerande övningar i CSS

Introducerande övningar i CSS Intrducerande övningar i CSS CSS (Cascading Style Sheets) är ett språk sm används för att göra stilinställningar av en webbsida skapad i HTML. Stilinställningarna kan läggas in på tre ställen: sm attribut

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 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration

Läs mer

Övningar i JavaScript del 2

Övningar i JavaScript del 2 Övningar i JavaScript del 2 Genm dessa övningar frtsätter intrduktinen av JavaScript. Vi tar nu upp if-satser ch lite mer m funktiner. Vi kmmer ckså in på tillämpningar sm att byta en bild på webbsidan

Läs mer

Övningar i JavaScript del 4

Övningar i JavaScript del 4 Övningar i JavaScript del 4 I dessa övningar ska du dels hantera ett frmulär ch dels arbeta med några textsträngar. 1. Dkument i övningsmappen Övningsmappen sm du laddar ner från labratinens webbsida innehåller

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

Övningar i JavaScript del 7

Övningar i JavaScript del 7 Övningar i JavaScript del 7 I denna labratin återanvänder vi bilderna på frukter, sm vi haft i ett par tidigare labratiner. Denna gång ska vi lägga till visuella effekter då en frukt väljs. Klickar man

Läs mer

Övningar i XML och DTD

Övningar i XML och DTD Övningar i XML ch DTD XML används för att strukturera infrmatin ch DTD används för att definiera strukturen. I dessa övningar tar vi upp båda språken, eftersm de tätt hänger ihp. XML XML (extended Markup

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

Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er

Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Dokument i övningarna I denna labora&on finns inga filer ar

Läs mer

Labora&on 3 HTML och struktur övningar/uppgi:er

Labora&on 3 HTML och struktur övningar/uppgi:er Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som

Läs mer

Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er

Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna

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

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

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er

Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er Labora&on 6 CSS och responsiv webbdesign ö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

Läs mer

Hur man skapar ett test i Test och quiz i Mondo 2.6

Hur man skapar ett test i Test och quiz i Mondo 2.6 Hur man skapar ett test i Test ch quiz i Mnd 2.6 Snabbstart Under Test ch quiz, namnge ditt test under fältet Namn ch klicka senare på Skapa. Börja sedan med att gå igenm inställningarna, för att kmma

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

<header> </header> <footer> </footer>

<header> </header> <footer> </footer> Tidigare har man använt taggen för att märka delar av dokument. I HTML5 har man lagt till stöd för de nya taggarna för att det inte ska bli så många -taggar. I exemplet nedan använder

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

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren.

HTML5 Semantic. Informationen kommer från w3schools.com. En semantisk elementet beskriver tydligt dess betydelse för både webbläsaren och utvecklaren. Vad är Semantic Elements? HTML5 Semantic Informationen kommer från w3schools.com Semantik (av grekiska sema, "tecken") avser det vetenskapliga studiet av teckensystems innebörd och tolkning. Semantic elements

Läs mer

Språk för webben introduk4on 4ll HTML

Språk för webben introduk4on 4ll HTML Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade

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

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

HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)

HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA) HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text

Läs mer

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

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

Läs mer

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

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

Läs mer

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

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

Kort användarmanual för Test och quiz i Mondo 2.0

Kort användarmanual för Test och quiz i Mondo 2.0 Krt användarmanual för Test ch quiz i Mnd 2.0 Denna användarmanual är en krtversin av en längre användarmanual ch innehåller de viktigaste delarna för att kmma igång med användningen av Test ch quiz. För

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

TNMK30. Elektronisk publicering

TNMK30. Elektronisk publicering TNMK30 Elektronisk publicering Välkomna till kursen Niklas Rönnberg niklas.ronnberg@liu.se Kopparhammaren 2, rum 2011 Medverkande Stefan Gustavson, stefan.gustavson@liu.se Camilla Forsell, camilla.forsell@liu.se

Läs mer

Övningar i JavaScript del 6

Övningar i JavaScript del 6 Övningar i JavaScript del 6 I dessa övningar tar vi upp två saker: Öppna ett nytt fönster ch hämta data från glbala variabler i dkumentet i föregående fönster. Läsa in data ifrån XML-filer med tekniken

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

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

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

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

Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).

Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor). Länkar, ankar och resurser En länk är en hänvisning från ett dokument till en resurs. En resurs kan nästan vara vad som helst. Det mesta på internet är resurser i någon form, som exempelvis HTLM-dokument,

Läs mer

HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015

HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015 . HTML och CSS Eric Elfving Institutionen för datavetenskap 18 augusti 2015 Översikt 2/17 Introduktion HTML Syntax Vanliga element CSS Syntax Selektorer Kombinera HTML och CSS Webserver Introduktion 3/17

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

En kom i gång manual till SPF:s hemsidor

En kom i gång manual till SPF:s hemsidor En km i gång manual till SPF:s hemsidr Inlggning Meny (navigatinsträdet) Vad skall finnas på hemsidan Standarduppgifter [Startsidan, Om föreningen, Styrelsen, Kntakt, Bli medlem] Tilläggs/valfria uppgifter

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

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

Att använda laget.se

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

Läs mer

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

Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod

Kommunikation. Dator med webbläsare Förfrågan:  Webserver. Returnerar HTML-kod html och css Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare Chrome Firefox Internet Explorer Safari Opera Källa : http://www.w3schools.com/browsers/

Läs mer

Labora&on 1 Variabler och beräkningar övningar/uppgi9er

Labora&on 1 Variabler och beräkningar övningar/uppgi9er Labora&on 1 Variabler och beräkningar övningar/uppgi9er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns

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

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

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

Läs mer

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

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

En kom i gång manual till SPF:s hemsidor

En kom i gång manual till SPF:s hemsidor En km i gång manual till SPF:s hemsidr Inlggning Meny (navigatinsträdet) Vad skall finnas på hemsidan Standarduppgifter [Startsidan, Om föreningen, Styrelsen, Kntakt, Bli medlem] Tilläggs/valfria uppgifter

Läs mer

Lathund för Sundbybergs IK orienteringssektionen Att arbeta med hemsidan

Lathund för Sundbybergs IK orienteringssektionen Att arbeta med hemsidan Lathund för Sundbybergs IK rienteringssektinen Att arbeta med hemsidan Webbadress för hemsidan http://www.idrttnline.se/sundbyberg/sundbybergsik-rientering Inlggning sker genm att klicka på hänglåssymblen

Läs mer

Visa och dölja element med JavaScript

Visa och dölja element med JavaScript Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility

Läs mer

Hur viktig är studietekniken? Målet ger dig motivation VUXENUTBILDNINGEN, KRISTIANSTAD. Ma-NV-sektorn Sida 1

Hur viktig är studietekniken? Målet ger dig motivation VUXENUTBILDNINGEN, KRISTIANSTAD. Ma-NV-sektorn Sida 1 Hur viktig är studietekniken? För att lyckas med studierna är det viktigt att skaffa en gd studieteknik. För att befästa det sm du lär dig i sklan måste du ckså arbeta med ämnesinnehållet på egen hand

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

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

För att få respektive betyg krävs: 25 för godkänt, 37,5 för väl godkänt (obs betyget gäller tentan, inte kursen som helhet)

För att få respektive betyg krävs: 25 för godkänt, 37,5 för väl godkänt (obs betyget gäller tentan, inte kursen som helhet) Webbdesign Provmoment: Ladokkod: Tentamen ges för: TentamensKod: TEN NWD011 SV16 7,5 högskolepoäng Tentamensdatum: 31 okt 2017 Tid: 9-13 Hjälpmedel: Färgpennor är tillåtna. Totalt antal poäng på tentamen:

Läs mer

F r a m e s - r a m a r

F r a m e s - r a m a r skriv ut» F r a m e s - r a m a r Exempel på framesets» Ramkanter (borders)» Färg på ramkanter» Bläddringslister (scrolling)» Marginaler» Länkning i ramar» Uppdatera flera ramar samtidigt» IFRAME - inbäddad

Läs mer

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den 24-timmarswebben WebPublish gör det möjligt att skapa läsvänliga sidor. Vi tycker att det är en självklarthet att informationen på en webbplats ska vara tillgänglig för och kunna läsas av så många som

Läs mer

Programmering Åk Blockly Games

Programmering Åk Blockly Games Prgrammering Åk 7-9 -Blckly Games Innehåll Blckprgrammering s4 Blckly Games.. s5 Pussel.. s7 Labyrint.... s8 Fågel... s9 Sköldpadda. s10 Film s11 Dammhandledare.. s12 Damm.... s13 2 Lärarhandledning till

Läs mer

Electrolux Vision ADMIN

Electrolux Vision ADMIN Installera ch knfigurera webbapplikatiner R-CARD M5 Installera Electrlux Visin ADMIN Översikt ch tips Electrlux Visin ADMIN är ett verktyg för att administrera användare, infrmatin ch bkningar i ett fastighetssystem.

Läs mer

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

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

Läs mer

Webbdesign vt. 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

Informationsattribut för inventering - gränspunkter

Informationsattribut för inventering - gränspunkter PROJEKT Elmarknadshubb DOKUMENTNUMMER DATUM 2019-03-08 PUBLICERAD VERSION VERSION ÄRENDENUMMER 1.0 2015/1263 Infrmatinsattribut för inventering - gränspunkter SvK1000, v3.3, 2014-03-26 1/8 Inledning Innehållsförteckning

Läs mer

Idag. Webben, HTML och CSS. Live demo. Webbens funktion

Idag. Webben, HTML och CSS. Live demo. Webbens funktion Idag Webben, HTML och CSS Institutionen för system- och rymdteknik Luleå tekniska universitet Moment F om webben, HTML och CSS startar nu Dead-line: fredag 28 sep (dvs om en dryg vecka). Uppgift: Skriv,

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

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

ENG-A1004: Information om studierna -övning, hösten 2014

ENG-A1004: Information om studierna -övning, hösten 2014 ENG-A1004: Infrmatin m studierna -övning, hösten 2014 Cntents ENG-A1004: Infrmatin m studierna -övning, hösten 2014... 1 1. Int ch studieguiderna... 2 2. WebOdi... 3 3. Nppa... 4 4. Inside... 5 5. E-pst...

Läs mer

HTML & webbteknik. Introduktion till HTML. Formatering. Struktur HTML. Uppdelning. Hur man skapar hemsidor. Öppen standard W3C. Plattformsoberoende

HTML & webbteknik. Introduktion till HTML. Formatering. Struktur HTML. Uppdelning. Hur man skapar hemsidor. Öppen standard W3C. Plattformsoberoende Introduktion till HTML HTML & webbteknik Hur man skapar hemsidor Öppen standard W3C World Wide Web Consortium Plattformsoberoende Om standarden följs. XHTML Utveckling av HTML, kommer kanske i framtiden

Läs mer

Laboration 1. Webbprodution Struktur & innehåll HT2015

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

Läs mer

Labora&on 2 Funk&oner, if och loop övningar/uppgi:er

Labora&on 2 Funk&oner, if och loop övningar/uppgi:er Labora&on 2 Funk&oner, if och loop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns

Läs mer

Cisco WebEx: Standardprogramfix den [[DATE]]

Cisco WebEx: Standardprogramfix den [[DATE]] ÄMNE: Cisc WebEx: Standardprgramfix tillämpas den [[DATE]] för [[WEBEXURL]] Cisc WebEx: Standardprgramfix den [[DATE]] Cisc WebEx skickar ut det här meddelandet till utvalda affärskntakter på https://[[webexurl]]

Läs mer

Guide för hur bildar man en kaninhoppningsklubb ansluten till SKHRF. Även innehållande kunskap om hur man håller möten

Guide för hur bildar man en kaninhoppningsklubb ansluten till SKHRF. Även innehållande kunskap om hur man håller möten Guide för hur bildar man en kaninhppningsklubb ansluten till SKHRF Även innehållande kunskap m hur man håller möten 1 2012-12-27 Hur man bildar en kaninhppningsklubb ch sedan ansluter den till förbundet

Läs mer

Vi rekommenderar att du läser igenom integritetspolicyn för varje webbplats du besöker

Vi rekommenderar att du läser igenom integritetspolicyn för varje webbplats du besöker I detta dkument finns länkar till webbplatser sm underhålls av tredje part sm är ansvarig för dess innehåll. Eli Lilly and Cmpany varken kntrllerar, har inflytande över eller rekmmenderar denna webbplats

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

Integritetspolicy Bokförlaget Nona

Integritetspolicy Bokförlaget Nona Integritetsplicy Bkförlaget Nna 1. Inledning På Bkförlaget Nna AB (Bkförlaget Nna) värnar vi m din persnliga integritet. Den 25 maj 2018 trädde dataskyddsförrdningen i kraft vilket innebär att dina rättigheter

Läs mer

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03

Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Laborationsanvisning HTML5 Laboration 6 Författare: Johan Leitet Version: 1 Datum: 2011-10-03 Inledning I denna avslutande laboration ska du testa att märka upp en sida med de nya taggarna i HTML5. Mikroformat

Läs mer

Ny fastighetsmäklarlag. Vitec Mäklarsystem

Ny fastighetsmäklarlag. Vitec Mäklarsystem Ny fastighetsmäklarlag Vitec Mäklarsystem Juni 2011 Innehållsförteckning 1. Inledning... 2 2. Sammanfattning av den nya fastighetsmäklarlagen... 3 3. Jurnalplikten med checklistr... 4 4. Sidtjänster...

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

Nya tillstånd och tydligare krav i IVO:s tillsyn från 2 januari 2019

Nya tillstånd och tydligare krav i IVO:s tillsyn från 2 januari 2019 Nya tillstånd ch tydligare krav i IVO:s tillsyn från 2 januari 2019 Vem har beslutat m att införa nya regler? Svar: Det har riksdagen gjrt. I juni 2018 antgs prpsitinen Ökade tillståndskrav ch särskilda

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

INNEHÅLLSFÖRTECKNING LOGGA IN HUR FÅR MAN ETT LÄRARKONTO? SKAPA LÄRARKONTO

INNEHÅLLSFÖRTECKNING LOGGA IN HUR FÅR MAN ETT LÄRARKONTO? SKAPA LÄRARKONTO Manual till PORTALEN INNEHÅLLSFÖRTECKNING LOGGA IN... 1 HUR FÅR MAN ETT LÄRARKONTO?... 1 SKAPA LÄRARKONTO... 1 LOGGA IN MED GOOGLE... 2 SKAPA ELEVKONTO... 2 SKAPA FLERA ELEVKONTON SAMTIDIGT... 2 GRUPPER...

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

Att arbeta med. Müfit Kiper

Att arbeta med. Müfit Kiper Att arbeta med Müfit Kiper Att skriva nya inlägg Alla inlägg som är postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer visas först om inget annat angetts i temafilerna.

Läs mer

HTML. Introduktion till HyperText Markup Language

HTML. Introduktion till HyperText Markup Language HTML Introduktion till HyperText Markup Language 1 Frågor innan vi börjar? 2 Dagens föreläsning Snabb introduktion till webben Varför använder vi HTML? Ett första HTML-dokument Metadata Teckenkodning Validera

Läs mer

Gör en släktbok med Disgen

Gör en släktbok med Disgen Gör en släktbok med Disgen Bengt Kjöllerström: En modern släktbok med Mer-knapp Mer-knappen ger möjlighet att koppla moderna släktboken till egna sidor som kan ge mer information om personerna i släktboken.

Läs mer

JavaScript. DOM Scripting

JavaScript. DOM Scripting JavaScript DOM Scripting Vad är Document object Model (DOM)? En standardiserad modell där man ser en webbsida och dess innehåll som objekt document.getelementsbytagname( p ); document.getelementbyid( mittid

Läs mer

Examinationsregler i medieteknik

Examinationsregler i medieteknik Dnr: DFM 2012/101 Regeldkument Examinatinsregler i medieteknik Beslutat av Ämneskllegiet i medieteknik 2012-06-19 Gäller från 2012-08-27 Innehåll Examinatinsregler i medieteknik 3 1. Vanliga examinatinsfrmer

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

Länkar och navigering

Länkar och navigering Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens

Läs mer

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät Repetition Internet Hypertext Server och klient Föreläsning 2 HTTP HTML Internet Hypertext Många sammankopplade nät Text försedd med länkar till andra texter Gemensamma adresser T ex 10.10.0.1 Gemensamma

Läs mer

Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät Repetition Föreläsning 2 Internet Hypertext Server och klient HTTP HTML Internet Många sammankopplade nät Gemensamma adresser T ex 10.10.0.1 Gemensamma protokoll Protokoll = regler och algoritmer för kommunikation

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

TDDD52 CSS. Färger. Färger 1/3/13 Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis

Läs mer

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

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

Läs mer

BaraTrav Meny Version 1.2

BaraTrav Meny Version 1.2 BaraTrav Meny Versin 1.2 BaraTrav är utrustad med en meny sm underlättar för användaren att hitta den funktinalitet sm eftersöks. Menyn är alltid tillgänglig längst upp till vänster i prgramfönstret. Menyn

Läs mer

Instruktioner för mappning av individer till NY-läge

Instruktioner för mappning av individer till NY-läge PM 01-0-5 Genmförandekmmittén för nya Plismyndigheten Ju 01:16 ORG-1 Instruktiner NY-läge Instruktiner för mappning av individer till NY-läge Intrduktin Inm ramen för prjekt ORG-1 har ett förslag till

Läs mer