Laborationsanvisning. HTML5 Laboration 6. Författare: Johan Leitet Version: 1 Datum:

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

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

Transkript

1 Laborationsanvisning HTML5 Laboration 6 Författare: Johan Leitet Version: 1 Datum:

2 Inledning I denna avslutande laboration ska du testa att märka upp en sida med de nya taggarna i HTML5. Mikroformat står dessutom på agendan tillsammans med CSS3. Mål Efter laborationen ska du: Känna till hur sidor är tänkta att struktureras med HTML5 Fått en orientering om mikroformat Känna till nya egenskaper och selektorer i CSS3, så som, transition, transformation och content. Förberedelse Innan du kommer till laborationstillfället bör du vara så förberedd att du känner att du hinner genomföra och redovisa laborationen under det handledda tillfället. Du får givetvis göra laborationen helt klar i förväg och du har då möjlighet att utnyttja handledningstillfället för frågor och redovisning. Läs igenom hela laborationshandledningen innan du påbörjar laborationen. Genomförande Utför laborationens uppgifter och moment samt dokumentera vad du kommer fram till på de olika delarna. Vid redovisning av laborationen ska du kunna besvara frågor om hur du har löst de olika delarna och varför de är lösta på det sätt du löst dem på. När du anser dig vara klar med laborationen kontrollerar du att din källkod uppfyller laborationens samtliga krav. Innan redovisning ska du kontrollera samtliga dokument gentemot en validator. Plagiat Laborationen ska genomföras enskilt. Du får givetvis fråga klasskamrater om hjälp men du ska skriva din egen kod och kunna svara för varför du skrivit din kod på det sätt du gjort. Vid fuskmisstanke lämnas misstankar samt berörda dokument över till universitetets disciplinnämnd. 2 (5)

3 Uppgift 6.1 Sidstruktur HTML5 introducerar en uppsättning nya taggar som är tänkta till att ge våra sidor bättre struktur och semantik. Du ska i denna uppgift testa att använda dem. Tanken är att du ska skriva om startsidan på din blogg så att den använder de nya taggarna i HTML5. Vill du hellre skapa en helt ny sida så är det tillåtet. Se då till att länka till sidan från din laborationsportal. Förutom de delar som du redan har på din startsida så ska du lägga till kommentarer till varje skriven bloggpost. Uppgiften ska lösas genom att använda de nya strukturella taggar som finns i HTML5. Taggarna ska användas i de fall de är lämpliga. Taggar att använda här är exempelvis: Header Footer Article Aside Section Nav Tänk på: 1) För att kunna stila dina element i Internet Explorer så kan du behöva göra ett javascript-fix. Detta är inget krav för att bli godkänd på laborationen. 2) De nya elementen blir inline-element och måste således ställas om till blockelement innan du kan stila dem som du förväntar dig. Uppgift 6.2 Mikroformat Mikroformat är ett, av flera sätt, för oss som utvecklare av webbplatser att tala om för sökmotorer och andra tjänster vad innehållet på våra sidor egentligen betyder. I denna uppgift ska du testa att lägga till ett hcard, kontaktkort, på din kontaktsida. Infoga ett hcard om dig själv på din blogg. För att underlätta så finns det ett verktyg som man kan använda sig av. Testa så att googles sökmotor kan se ditt hcard genom att använda dig av 3 (5)

4 Uppgift 6.3 Fotogalleri De nya egenskaperna och selektorerna som introduceras i CSS3 är kraftfulla och möjliggör att vi med CSS kommer att kunna göra saker som tidigare krävt användandet av javascript. Du ska i denna uppgift skapa ett fotogalleri där bilder verkar ligga utslängda på en yta. När muspekaren dras över en bild så ska denna förstoras tillsammans med sin bildtext. Tillsammans med denna handledning så hittar du ett demo på hur uppgiften kan se ut när du är klar. Det finns några krav på uppgiften: HTML-koden ska vara ren och bildtexten får enbart ligga som värde på attributet title på lämplig tag. (se film) Under respektive bild ska bildtexten synas. Ett externt typsnitt ska laddas in på valfritt sätt och vara det typsnitt som används för att skriva ut texten under bilderna. När muspekaren förs över en bild ska bilden förstoras genom en pålagd övergång, transition. När användaren använder tangentbordet och tabbar till en bild (ger den fokus) ska samma sak hända som då användarens muspekare förs över en bild. Bilderna ska ha en skugga. Uppgiften ska fungera i minst en webbläsare av senare modell. CSS-egenskaper och selektorer som du troligtvis kommer att behöva använda (läs på om dessa!): :after transition :hover box-shadow :nth-child transform attr() z-index content font-family Tips: Övergångar med transitions påverkar alla egenskaper som ändras på det objekt som har transition satt. Prefixen moz-, -webkit-, -o-. behöver användas för många av egenskaperna. Exempelvis: -moz-transform 4 (5)

5 Förutom att använda webbläsarspecifika prefix ska du använda de CSS3- standardiserade namnen, exempelvis transform. Troligtvis vill du låta transitionen påverka samtliga egenskaper, det vill säga all För att få slumpvis fontstorlek och rotation kan du använda nth-childselektorn för att rotera exempelvis var 3e bild -5 grader och var 5e bild 10grader etc. Du kommer att märka att du inte kan använda pseudoklassen after och css-egenskapen content på en img-tagg vilket gör att det kan vara lämpligt att lägga title-attributet på en annan tagg än img. Sätt position:relative; på bilderna så kommer z-index även att fungera i Chrome. Tänk på att många av egenskaperna är experimentella i webbläsarna vilket gör att buggar kan förekomma. Givetvis har du full konstnärlig frihet att utforma delar av uppgiften som du vill, men se till att nyttja grundkrav som transitions, transformations, typsnitt etc. 5 (5)

Struktur och innehåll Laboration 2

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

Läs mer

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

Webbteknik för ingenjörer

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

Läs mer

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

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

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

Ö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

Labbrapport: HTML och CSS

Labbrapport: HTML och CSS Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):

Läs mer

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012 Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna

Läs mer

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

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

Läs mer

Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande

Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande Laboration 4 Laboration 4, Formulärvalidering Observera För att bli godkänd på laborationen ska din källkod följa den standard vad det gäller kommentering, val av variabelnamn m.m. som gåtts igenom på

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

Det ska endast finnas två bilder av samma typ på spelplanen.

Det ska endast finnas två bilder av samma typ på spelplanen. Laboration 3 Laboration 3, Memory Observera För att bli godkänd på laborationen ska din källkod följa den standard vad det gäller kommentering, val av variabelnamn m.m. som gåtts igenom på föreläsning.

Läs mer

Lathund. Skriva artiklar på http://kalmar.regionbiblioteket.se 2014-12-04

Lathund. Skriva artiklar på http://kalmar.regionbiblioteket.se 2014-12-04 2014-12-04 Lathund Skriva artiklar på http://kalmar.regionbiblioteket.se Introduktion Denna lathund beskriver hur du ska göra för att skriva artiklar på regionbibliotekets egna sidor i den gemensamma

Läs mer

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03 Slutrapport för JMDB.COM Johan Wibjer 2012-06-03 Abstrakt Den här rapporten kommer handla om mitt projekt som har handlat om att gör en webb sida för ett personligt media bibliotek, hur jag har jobbar

Läs mer

Webbutveckling Laboration 1: HTML5 och CSS3.

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

Läs mer

Bloggen har tre sidtyper

Bloggen har tre sidtyper Handbok för bloggare i CMS7.5, på sunne.se Sida 1 av 12 Bloggen har tre sidtyper Blogginläggen Dina återkommande inlägg (berättelser, kåserier, personliga iakttagelser) som du skriver för din klass/grupp.

Läs mer

Fönsterhanterare i JavaScript PWD, Personal Web Desktop

Fönsterhanterare i JavaScript PWD, Personal Web Desktop Projektanvisning Fönsterhanterare i JavaScript PWD, Personal Web Desktop Författare: Johan Leitet Kurs: Webbteknik I Kurskod: 1dv403 Inledning Detta projekt kommer att repetera många kursen moment men

Läs mer

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

Läs mer

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista Uppdaterad: 2014-03-18 Lathund Nyheter och nyhetslista 1 1 Innehållsförteckning Inledning 3 Nyheter 4 Nyhetslista 4 Dela nyhetslistor med andra organisationer eller arbetsrum 6 Skapa en nyhetslista till

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

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13 Här följer min reflektion över innehållet i Jonathan Lazars bok Web Usability, kapitel 1 2, 6 7. Webbanvändbarhet För att infrastrukturen ska fungera behövs system som på ett enkelt och effektivt sätt

Läs mer

Macromedia. Flash 8 Grundkurs. www.databok.se

Macromedia. Flash 8 Grundkurs. www.databok.se Macromedia Flash 8 Grundkurs www.databok.se Innehållsförteckning 1 Börja arbeta med Flash 8...1 Användningsområden...1 Bekanta dig med arbetsytan...2 Scen och tidslinje...3 Lager...3 Bibliotek...4 Verktygsfältet

Läs mer

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1 Errata för J200 4500 Webbutveckling 1 av Lars Gunther Exklusive stavnings och grammatikfel. Sidan 33: Hela avsnitt 1.10.3 är omskrivet Här samlas artiklar och dokumentation, samt ett diskussionsforum.

Läs mer

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör:

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör: Mittuniversitetet ITM Telefon 0771-97 50 00 Microsoft Publisher Laborationskompendium för digital behandling av publikationer Detta exemplar tillhör: HT 2006 Innehållsförteckning Objekt 1 Textblock 2 Tabeller

Läs mer

Ge ditt supportärende en flygande start. Tips och fallgropar.

Ge ditt supportärende en flygande start. Tips och fallgropar. Ge ditt supportärende en flygande start Tips och fallgropar. Vi upplever problem vid redigering. Vad är problemet? Klas Hedström Supportmedarbetare klas.hedstrom@sitevision.se VI PÅ SUPPORTEN 5 Ge ditt

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

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

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se DATUM: 2009-04-03

Läs mer

Växel 090-25 49 00 infofastighet@vitec.se www.vitec.se

Växel 090-25 49 00 infofastighet@vitec.se www.vitec.se Växel 090-25 49 00 infofastighet@vitec.se www.vitec.se Innehåll 1. INLEDNING... 3 2. VITEC PORTAL GENERELLT... 3 2.1 WEBBLÄSARE... 3 3. VITEC PORTAL MARKNAD... 4 3.1 MANUELL POSITIONERING AV OBJEKT...

Läs mer

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se Manual för Kalmar kommuns Nya intranät piren.kalmar.se Innehåll Inloggning och aktivering av ditt konto... 3 Inställning vid första inloggning... 3 Arbetsytan på Piren... 4 Hjälp... 4 Dina profilinställningar...

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

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

Section Divider. Skapa nytt utskick

Section Divider. Skapa nytt utskick Section Divider Skapa nytt utskick Skapa nytt utskick Gå till Connect och välj Skapa utskick. Välj typ av information Först väljer vilket språk ditt utskick är skrivet på. Den bransch som är inställd för

Läs mer

[Plats för ev. illustration] Projektrapport inom Datateknik, Webbanvändbarhet, 7,5 poäng. Webbplats. Bergsåkers Pensionärers Biljardklubb

[Plats för ev. illustration] Projektrapport inom Datateknik, Webbanvändbarhet, 7,5 poäng. Webbplats. Bergsåkers Pensionärers Biljardklubb MITTUNIVERSITETET Institutionen för informationsteknologi och medier (ITM) Lärare: Mikael Hasselmalm, Mattias Dahlgren Författarens e-postadress: mawe0507@student.miun.se Utbildningsprogram: Webbutveckling,

Läs mer

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet Föreläsning 2, HT2013 HTML F02 HTML Kurser: Klientbaserad Webbutveckling 1DV435 Johan Leitet F02 HTML Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML

Läs mer

Macromedia Flash MX 2004

Macromedia Flash MX 2004 Mittuniversitetet ITM Telefon 0771-97 50 00 Erik Öberg Macromedia Flash MX 2004 Visuell kommunikation Detta exemplar tillhör: VT 2005 Laborationskompendium för Macromedia Flash Uppgift 1 Texthanteringen

Läs mer

Uppdaterad: 2014-03-18. Lathund. Anslagstavlan

Uppdaterad: 2014-03-18. Lathund. Anslagstavlan Uppdaterad: 2014-03-18 Lathund Anslagstavlan 1 1 Innehållsförteckning Inledning 3 Anslagstavlan 4 Sponsorlogga 4 Klickbar logga 5 Youtube film 7 Facebook gilla knapp 9 2 2 Skriv ej ut manualen! För att

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Projektanvisning Webbsideprojekt Författare: Johan Leitet Version: 2 Datum: 2012-10-09 Inledning Du har nu under ett antal laborationer i webbteknik fått relativt styrda uppgifter där du ensam fått lösa

Läs mer

Introduktion Till WordPress

Introduktion Till WordPress Introduktion Till WordPress Vad är WordPress? ett blogg- och innehållshanteringssystem skrivet i PHP och som använder databasen MySQL för datalagringen Wordpress har under åren utvecklats från ett bloggsystem

Läs mer

10 smarta appar som ger Chrome mer muskler

10 smarta appar som ger Chrome mer muskler 10 smarta appar som ger Chrome mer muskler 7 Rensa bort all webbreklam 7 Sök utan Googles snokande 7 Surfa säkrare. Maxa Google Chrome med smarta appar Google Chrome är inte bara en blixtsnabb webbläsare.

Läs mer

F13 HTML5 Dagens agenda

F13 HTML5 Dagens agenda F13 HTML5 Dagens agenda HTML5 Struktur Outline Nya element APIr Microdata/RDF/Microformats WHAT Working Group? Initiativ, 2004, startat av Apple, Mozilla och Opera WHATWG adapterades 2007 av W3C och rekommendationen

Läs mer

Widgetguiden Vad är Publits widgetshop?

Widgetguiden Vad är Publits widgetshop? Widgetguiden Den här guiden är till för dig som vill använda Publits widgetshop för att enkelt sälja böcker direkt på din egen hemsida, blog eller Facebook. Här går vi steg för steg igenom processen för

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

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter

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

Projektplan för Website Project Japan

Projektplan för Website Project Japan HT11 Mediateknik A Södertörns högskola 2011-12-15 Projektplan för Website Project Japan Publicering via Internet Interaktiva medier Belsam Djehiche Carina Johansson Kim Olsson Johansson Innehåll Projektet

Läs mer

Utbildning i marknadsföring Biografcentralen 2015. www.ljk.se

Utbildning i marknadsföring Biografcentralen 2015. www.ljk.se Utbildning i marknadsföring Biografcentralen 2015 www.ljk.se Logga in Uppgift till denna gång Läs kapitel 11 och kapitel 12 om strategier, marknadsplan och varumärken Skicka en skiss på ert projekt till

Läs mer

Sociala medier för företag

Sociala medier för företag Sociala medier för företag EN INTRODUKTION Materialet tillhör Idenfors & Idenfors AB och får användas av dig som kursdeltagare eller prenumerant av vårt nyhetsbrev, men inte kopieras, säljas eller användas

Läs mer

Tillbud är ett samlingsbegrepp för olika typer av nästan skador dvs. ej förväntade händelser som skulle kunnat medföra risk eller skada för någon.

Tillbud är ett samlingsbegrepp för olika typer av nästan skador dvs. ej förväntade händelser som skulle kunnat medföra risk eller skada för någon. Lisa, Lokalt InformationsSystem om Arbetsskador samt tillbud Manual för registrering av tillbud i Lisa Version 8.02 2012-05-30 @F Tillbud är ett samlingsbegrepp för olika typer av nästan skador dvs. ej

Läs mer

En snabb titt på XML LEKTION 6

En snabb titt på XML LEKTION 6 LEKTION 6 En snabb titt på XML Bokstaven x i Ajax står för XML, ett mycket användbart beskrivningsspråk som gör det möjligt för Ajax-tillämpningar att hantera komplex strukturerad information. I den här

Läs mer

Omtentamen i OOSU2, 21 augusti 2014

Omtentamen i OOSU2, 21 augusti 2014 Omtentamen i OOSU2, 21 augusti 2014 Maxpoäng: 50. Betygsgränser: A: 90 % + B: 80 % + C: 70 % + D: 60 % + E: 50 % + Mindre än 50 % ger underkänd tentamen. Är det något du inte uppfattar så förklara hur

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

Slutrapport YUNSIT.se Portfolio/blogg

Slutrapport YUNSIT.se Portfolio/blogg Slutrapport YUNSIT.se Portfolio/blogg RICKARD HANSSON 2012-06-04 Abstrakt Rapporten du har i din hand kommer handla om mitt projektarbete som jag genomfört under tio veckor för utbildningen Utvecklare

Läs mer

WINDOWS 8.1. Grunder

WINDOWS 8.1. Grunder WINDOWS 8.1 Grunder EXCEL 2013 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows

Läs mer

VIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD12 2013-06-05

VIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD12 2013-06-05 VIDEODAGBOKEN En dagbok i videoform online. Individuellt Mjukvaruutvecklingsprojekt Robert Forsgren (rf222ce) UD12 2013-06-05 Abstrakt: Den här rapporten kommer ta upp mitt projekt Videodagboken, en dagbok

Läs mer

Arbetsplatsförlagd utbildning, AFU

Arbetsplatsförlagd utbildning, AFU Arbetsplatsförlagd utbildning, AFU Arbetsplatsförlagd utbildning innebär 1. utbildning förlagd till en arbetsplats på ett företag eller i en organisation 2. att studenten tillämpar sina kunskaper från

Läs mer

Uppdaterad: Lathund. Anslagstavlan

Uppdaterad: Lathund. Anslagstavlan Uppdaterad: 2014-02-10 Lathund Anslagstavlan 1 1 Skriv ej ut manualen! För att alltid ha aktuell information och slippa dyra utskriftskostnader ber vi dig att ladda hem manualen som en PDF från vår hemsida

Läs mer

D I G I TA LT S K A PA N D E

D I G I TA LT S K A PA N D E DIGITALT SKAPANDE Innehåll WEBBPLATS PRESENTATION AV DIN KARMTAT... 4 Översiktsplan för arbetets olika moment... 4 Intervjuguide... 5 Inlämning senast onsdagen den 9 december... 5 Redovisning onsdagen

Läs mer

Sammanfattning av enkäten en till en projektet

Sammanfattning av enkäten en till en projektet Sammanfattning av enkäten en till en projektet Tack för att ni tog er tid att svara på enkäten. Vi på 4-6 har sammanställt resultatet, och även gjort små förklaringar och svar till frågor, eller kommentarer

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

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst.

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Routerinställning Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Om frågor uppstår efter att du använt denna guide så går det bra att maila fibergruppen.

Läs mer

Ett ämnesövergripande arbetsområde som innehåller biologi, fysik och teknik.

Ett ämnesövergripande arbetsområde som innehåller biologi, fysik och teknik. Namn: Målsmans underskrift: VAD ÄR DET SOM LÅTER? Ett ämnesövergripande arbetsområde som innehåller biologi, fysik och teknik. MÅL När du är klar med det här arbetsområdet ska du för att nå godkänt: Kunna

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

Content Management System. Publiceringssystem

Content Management System. Publiceringssystem Content Management System Publiceringssystem Vad är ett Content Management System (CMS)? Ett verktyg för att separera innehåll från presentation Skapa webbsidor utan att kunna html Låt många skapa sidor

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

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

<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

MOA MANUAL VERSION 1

MOA MANUAL VERSION 1 MANUAL VERSION 1 MOBIL OMSORG En manual för dig som använder mobil omsorg app i telefonen Besök. Tidsregistering / kvittens. Kundinformation. Anteckningar. Personal. Karta, telefon, SMS. 2 (22) GRUNDER:

Läs mer

ÖrebroCupen. Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng

ÖrebroCupen. Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng Examinationsuppgift VT 2005 Ver 1.2 ÖrebroCupen Mathias Borg, mathias.borg@esi.oru.se Benny

Läs mer

Hantera informationspaket i system för bevarande

Hantera informationspaket i system för bevarande Kompetensutveckling har erbjudits deltagare inom projektet Elektroniskt bevarande i form av en kurs i XML. Kursen har genomförts av Riksarkivet och haft en praktisk inriktning. Ett 10-tal personer deltog

Läs mer

Om include-filer i PHP

Om include-filer i PHP Programmering för webben! 1 Om include-filer i PHP För att få bättre struktur och slippa skriva vanligt förekommande kod flera gånger använder man ofta include-filer i PHP. Här kommer en kort beskrivning

Läs mer

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

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

Läs mer

Gesällprov. Webbutveckling klient- och serversidan. Tomas Pålson topa4233

Gesällprov. Webbutveckling klient- och serversidan. Tomas Pålson topa4233 Gesällprov Webbutveckling klient- och serversidan Tomas Pålson topa4233 Kombinerat gesällprov Webbutveckling klient- och serversidan Startsida (Filens namn= start.html) Här är startsidan till mitt gesällprov.

Läs mer

Wordpress och Sociala medier av Sanna Ohlander 110407. STAFFANSTORP Framtidens kommun

Wordpress och Sociala medier av Sanna Ohlander 110407. STAFFANSTORP Framtidens kommun STAFFANSTORP Framtidens kommun 1 Innehållsförteckning Det nya informationssamhället sid 3 Staffanstorps kommun framtidens kommun sid 4 Det sociala medier i korta drag sid 5 Vad är wordpress sid 6 Att skriva

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

Här ser ni Ebba, ett av många exempel. Hon gillar oss och förstår varför vi finns men tycker att vi inte hängt med. Det här är ganska vanligt.

Här ser ni Ebba, ett av många exempel. Hon gillar oss och förstår varför vi finns men tycker att vi inte hängt med. Det här är ganska vanligt. Bild Manus 1994 hade LO-förbunden tillsammans cirka 86 % organisationsgrad. Idag är det närmare 69 %. På bara några år har organisationsgraden sjunkit med över 15 %. Förbunden lider av olika problem men

Läs mer

Linköpings Universitet CUL. Lärarmanual

Linköpings Universitet CUL. Lärarmanual Linköpings Universitet CUL Lärarmanual 2011-09-05 Lärarmanual It s learning OBS! Vi rekommenderar att du går in på Its learnings hjälpsidor för att få korrekt beskrivning av hur de olika elementen fungerar.

Läs mer

RSI Road Status Information A new method for detection of road conditions

RSI Road Status Information A new method for detection of road conditions WP 5 Sida 1 av 15 RSI Road Status Information A new method for detection of road conditions Användarmanual för RSI WP 5 Sida 2 av 15 Användarmanual för RSI Om detta dokument Detta dokument är en användarmanual

Läs mer

Marrketinghouse Döbelnsgatan 29 SE- 113 58 Stockholm Tel: 0709-16 93 00 Epost: info@marketinghousese Följ oss I sociala medier VATnr: SE6516407-2125

Marrketinghouse Döbelnsgatan 29 SE- 113 58 Stockholm Tel: 0709-16 93 00 Epost: info@marketinghousese Följ oss I sociala medier VATnr: SE6516407-2125 Marrketinghouse Döbelnsgatan 29 SE- 113 58 Stockholm Tel: 0709-16 93 00 Epost: info@marketinghousese Följ oss I sociala medier VATnr: SE6516407-2125 Webbplats: www.marketinghouse Företaget är godkänt för

Läs mer

Lathund för webbredaktörer. Så skriver du på webben

Lathund för webbredaktörer. Så skriver du på webben Lathund för webbredaktörer Så skriver du på webben 1 Disposition En bra struktur kännetecknas av att det är enkelt för besökaren att förstå var den hittar det den letar efter. Oavsett om det handlar om

Läs mer

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

Anvisningar för utformning av sammandrag som mognadsprov

Anvisningar för utformning av sammandrag som mognadsprov För studerande vid ARTS som ska skriva ett sammandrag av sitt examensarbete som sitt mognadsprov Anvisningar för utformning av sammandrag som mognadsprov Vad är ett mognadsprov? Studerande som har svenska

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

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

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

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual IdrottOnline Klubb tilläggsmanual version 1.2 Bild & dokumenthantering Svenskidrott har sedan 1994 långsiktigt satsat på IT för att utveckla information och kommunikationsvägarna mellan förening och förbund.

Läs mer

Internet & WWW Laboration 2 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 2 CSS del 1. 1 av 8

Internet & WWW Laboration 2 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 2 CSS del 1. 1 av 8 Laboration 2 CSS del 1 1 av 8 Vad kommer jag att lära mig på laboration 2? Skriva en stilmall: o Skriva extern CSS-mall och länka den till XHTML-dokument o Skriva inbäddad CSS-mall i XHTML-dokument o Skriva

Läs mer

Föreningen Nordens lokala hemsidor

Föreningen Nordens lokala hemsidor Guide till Föreningen Nordens lokala hemsidor 2015-09-01 1 Innehåll Hjälpfilm... 3 Logga in... 3 Nytt inlägg... 4 Lägg till bild... 7 Lägga till bildgalleri... 10 Publicera... 12 Kalendarium... 14 Ta bort

Läs mer

Net id OEM Användarhandbok för Windows

Net id OEM Användarhandbok för Windows Net id OEM Användarhandbok för Windows Net id OEM Användarhandbok för Windows Copyright 2012 SecMaker AB Klassning: Publik Version: 5.6 1 / 8 Net id OEM Användarhandbok för Windows Copyright 2012 SecMaker

Läs mer

HANDLING TILL. Från tanke. Metodblad: Påverka på webben

HANDLING TILL. Från tanke. Metodblad: Påverka på webben Från tanke TILL HANDLING Detta blad innehåller en samling tips på hur ni kan komma igång och påverka på webben genom att blogga och andra sociala medier. Metodblad: Påverka på webben Påverka på webben

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

Personlig assistans som den ska vara

Personlig assistans som den ska vara Personlig assistans som den ska vara Inledning om personlig assistans Varje sida som ska driva trafik till personlig assistans behöver vara utformad på rätt sätt. Det finns en hel del villkor som är viktiga

Läs mer

Vad roligt att ni har valt att bjuda varandra på den här timmen.

Vad roligt att ni har valt att bjuda varandra på den här timmen. Hej! Vad roligt att ni har valt att bjuda varandra på den här timmen. Att prata med en ny person kan kännas nervöst även om man som ni redan har en hel del gemensamt. Därför finns den här guiden som ska

Läs mer

LATHUND Att överföra information till Projektportal Investera

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

Läs mer

Gör en antavla med bilder

Gör en antavla med bilder Gör en antavla med bilder Gör en antavla med bilder. Distanskurs med Bengt Kjöllerström E-post: bengt@kj2.se Kurs.dis.se Kom igång med Disgen 1 Bengt Kjöllerström 2015-09-05 Modul 8 Gör en antavla med

Läs mer

Manual för administratör

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

Läs mer

Användarmanual HOIF.org

Användarmanual HOIF.org Användarmanual HOIF.org HOIF.org 2013-05-21 37 sidor Användarmanual för HOIF.org Introduktion Det här är en manual till alla användare på hemsidan HOIF.org Hur får jag ett användarkonto? För att kunna

Läs mer

Dina surfvanor kartläggs och lämnas ut

Dina surfvanor kartläggs och lämnas ut Dina surfvanor kartläggs och lämnas ut måndag 28 mars 2016 Utländska bolag kartlägger besökare på svenska sjukhus och myndigheters webbplatser. När du läser om till exempel sexuell läggning rapporteras

Läs mer