Vad är XLink. XLink/XPointer/XSLT-FO. Namespace. Simple Links
|
|
- Lina Ek
- för 4 år sedan
- Visningar:
Transkript
1 Vad är XLink XLink/XPointer/XSLT-FO XMLs motsvarighet till HTMLs <a>-länkar fast med mycket större funktionalitet. Simple Links motsvarar ungefär vanliga länkar Extended links kan länka till grupper av resurser 2D1525 Programmering för interaktiva medier Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH Namespace Simple Links Namespacen för Xlink är Prefixet som oftast används är xlink: Xlink består av ett antal attribut som kan kopplas till vilket egendefinierat element som helst i en DTD eller motsvarande. Precis som vanligt kan bindningen av ett prefix till dess namespace ske i elementet där det först används eller något av dess förfäder-element. En simple link motsvarar ungefär en <a>-länk i html fast med fler möjligheter. En envägsförbindelse mellan två resurser. Käll-resursen måste vara ett XML-element, mål-resursen en URI (t.ex. något annat än en fil). Exempel på Simple Link <foo xmlns:xlink= xlink:type= simple xlink:href= > <bar/> <foobar xlink:type= simple xlink:href= urn:isbn: /> </foo> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
2 URI/URL/URN URL URI = Uniform Resource Identifier. Samlingsnamnet för URL + URN + eventuella framtida URxxx URL = Uniform Resource Locator. URN = Uniform Resource Name. URL URI URN URL är det man oftast stöter på i internetsammanhang. En URLs scheme är lika med dess primära åtkomstsätt, t.ex. http, ftp, file Ett scheme är, enkelt uttryckt, det före kolon i en uri. file:///a.txt ftp://ftp.kth.se/ Scheme för en URL Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH URN xlink:show URN används än så länge sällan i internetsammanhang. Pekar inte på någon fysisk resurs som en URL gör, utan kan peka på mer abstrakta resurser. Typexemplet är ISBNnummer. 8 URN-namespaces är officiellt registrerade, otaliga inofficiella. urn:isbn: isbn är en av de 8 idag registrerade namespaces som finns för URN Scheme för en URN är just strängen urn Det som hittills beskrivits är inget nytt jämfört med vanliga html-länkar Xlink:show är ett attribut som kan läggas till en xlink för att ge en browser vägledning om vad som ska hända när en länk träffas på xlink:show= replace - Ersätter nuvarande innehåll med resursen på målsidan. Jfr <a href= xlink:show= embed - Bäddar in målresursen i dokumentet. Jfr <img src= xlink:show= new - Öppnar ett nytt fönster med målresursen. Jfr <a href= _BLANK xlink:show= other - Gör något annat än replace, embed och new. Bestäms förmodligen på något annat sätt. xlink:show= none - Inget beteende Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
3 xlink:actuate xlink:title Xlink:actuate ger vägledning om när en länk ska aktiveras. xlink:actuate= onload - Länken aktiveras så fort dokumentet länken befinner sig i laddas. Jfr onload i javascript. xlink:actuate= onrequest - Länken aktiveras när någon aktivt begär länken, t.ex. genom att klicka på den. xlink:title kan ges ett värde som med fritext beskriver resursen som länken pekar på. <foo xlink= simple href= title= The main KTH-page /> xlink:actuate= other - Något annat aktiveringskriterium. xlink:actuate= none - Inget beteende, t.ex. när det inte finns någon meningsfull tolkning av vad som ska hända vid en aktivering (t.ex. en länk till ett isbnnummer) Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH xlink:role Extended Links xlink:role är ungefär som xlink:title fast istället för att ha ett fritextinnehåll har attributet en uri-referens som pekar på en djupare beskrivning av objektet. <foo xlink= simple href= title= The main KTH-page role= > En extended link kan till skillnad från en simple link beskriva en riktad graf, där dokumenten är noder och där länkarna mellan noderna utgörs av något som kallas arcs. Svårare att hitta en enkel metafor för vad en extended link betyder än för en simple link Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
4 Lokala vs externa resurser En extern resurs anges med en xlink med attributet xlink:type= locator, xlink:href= någon-uri och xlink:label= en-id. En intern resurs anges med en xlink med attributet xlink:type= resource och en xlink:label= en-id. Dessa resurser kan sedan bindas ihop med arcs där de labels som valts för resurserna används som identifierare. Arcs Arcs används i extended links för att göra en riktad länk mellan två resurser (interna eller externa). En arc är en ett element med attributen xlink:type= arc, xlink:from= from-label och xlink:to= to-label. From-label och to-label är två labels som tidigare getts externa eller interna resurser. En arc kan även ha ett attribut xlink:arcrole som fungerar som xlink:role fast för en arc Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH Extended link:exempel Exempel på Extended Link för kursplanering <?xml version= 1.0?> <courseplan xmlns:xlink= xlink:type= extended > Extended links:specialfall Om en arc saknar xlink:from eller xlink:to så antar det attributet värdet samtliga resources i extended-elementet. Om flera resurser har samma label är arcs som pekar på denna label pekande på samtliga dessa resurser. <course xlink:type= resource xlink:label= Course2D1525 /> <course xlink:type= resource xlink:label= Course2D1522 /> <course xlink:type= locator xlink:label= Course2D1010 xlink:href= /> <prerequisite xlink:type= arc xlink:from= Course2D1010 xlink:to= Course2D1522 /> <prerequisite xlink:type= arc xlink:from= Course2D1522 xlink:to= Course2D1525 /> </courseplan> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
5 XPointer XPointer: exempel Xpointer är ett sätt att lokalisera punkter eller mängder i xmldokument. Kan kopplas till en URI i en Xlink genom att lägga till en Xpointer på slutet av URIn Inte XML-baserad men opererar på XML-strukturer. Till stora delar samma som Xpath men med vissa utvidgningar Xpointers är i princip Xpathuttryck inneslutna i xpointer() Exempel på XPointer xpointer(/) Xpointer(//PERSONAE/PERSONA) Xpointer(//teacher[@ = bjornh@kth.se]) URI + Xpointer position()=1]) Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH Implementationer XLink/XPointer Få implementationer finns av Xlink/Xpointer. Stöd för simple-links i Mozilla och Amaya (webbläsare). Mer komplett stöd i ett programpaket av Fujitsu som kan hittas på And now for something completely different: XSL-FO XSL-FO är en XML-vokabulär för att på detaljnivå kunna skapa sid-layout, idag främst för papper men på sikt även för bildskärmar. Till skillnad från CSS är XSL-FO helt XML-baserat. Kan göra samma saker som CSS + mycket till. W3C proposed recommendation sedan Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
6 Implementationer XML+XSLT ->XSL-FO Idag finns ett fåtal implementationer av delar av XSL-FO-specifikationen, t.ex. FOP från Apaches Cocoonprojekt. Inga program kan idag rendrera XSL-FO-dokument direkt. Istället sker en transformation till något annat format såsom pdf. XSL-FO FOP pdf Vanligtvis skapar man inte XSL-FO-dokument direkt. Istället transformeras vanligen en XML-struktur till XSL-FO via XSLT-transformer. XML XSLT XSLTprocessor XSL-FO FOP pdf Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH XSL-FO:Syntax Namespacen för XSL-FO är SL/Format Prefixet brukar vara fo: Root-elementet är <fo:root> <fo:root> innehåller två underelement; <fo:layoutmaster-set> och <fo:pagesequence> Exempel på XSL-FO <?xml version= 1.0?> <fo:root xmlns:fo= > <!-- info om marginaler, sidformat etc--> </fo:layout-master-set> <fo:page-sequence> <!-- Själva innehållet --> </fo:page-sequence> </fo:root> innehåller information ett eller flera element <fo:simple-page-master> Dessa innehåller information om sidstorlek och marginaler, samt har ett attribut mastername för att kunna refereras till. fo:layout-master-set <fo:simple-page-master> margin-right= 3cm margin-left= 3cm margin-bottom= 4cm margin-top= 2cm page-width= 20cm page-height= 27.7cm master-name= foobar </fo:simple-page-master> </fo:layout-master-set> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
7 Det finns dessutom 5 regioner: before, after, start, end och body. Alla utom body kan tilldelas ett attribut extent Regioner fo:layout-master-set <fo:simple-page-master master-name= foo > <fo:region-before extent= 1cm /> <fo:region-before extent= 1cm /> <fo:region-after extent= 1cm /> <fo:region-start extent= 1cm /> <fo:region-end extent= 1cm /> <fo:region-body/> </fo:simple-page-master> </fo:layout-master-set> Björn Hedin, NADA/KTH Marginaler, region-before etc relaterar till den färdiga sidan enligt figuren till höger. Observera att detta gäller för västerländskt skrivsätt från vänster till höger. För exempelvis hebreiska byter region-start och region-end plats. Sidmodell margin-left region-start region-body region-after margin-bottom margin-top margin-right region-before region-end Macbeth... When shall we three meet again In thunder, lightning or in rain Björn Hedin, NADA/KTH Att flöda innehåll på en sida Properties I en <fo:page-sequence> stoppas själva innehållet. En <fo:page-sequence> binds till en simple-page-master via attributet master-name <fo:page-sequence> innehåller ett element <fo:flow> som i sin tur kan innehålla ett antal <fo:block> där slutligen innehållet finns. Sidflöde <fo:page-sequence master-name= banan > <fo:flow> <fo:block> En banan </fo:block> <fo:block> En tomat </fo:block> </fo:flow> </fo:page-sequence> De flesta properties som kan sättas i CSS kan även sättas på ungefär motsvarande sätt i XSL-FO. Exempel sid 217 CSS dish { display:block; font-family: Helvetica, Arial, sans-serif; font-size: 20pt; font-weight: bold; text-align: center } XSL-FO <xsl:template match= dish > <fo:block font-family= Helvetica, Arial, sans-serif font-size= 20pt fontweight= bold text-align= center > <xsl:apply-templates/> </fo:block> </xsl:template> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
8 Listor Tabeller Vissa properties från CSS matchas mot element istället för attribut, t.ex. listor. Listor <fo:list-block> <fo:list-item> <fo:list-item-label> </fo:list-item-label> <fo:list-item-body> En banan </fo:list-item-body> </fo:list-item> </fo:list-block> Tabeller liknar htmltabeller Tabeller <fo:table> <fo:table-column column-width= 120pt /> <fo:table-column column-width= 90pt /> <fo:table-body> <fo:table-row> <fo:table-cell> <fo:block>hej</fo:block> </fo:table-cell> <fo:table-cell> <fo:block>hopp</fo:block> </fo:table-cell> </fo:table-row> </fo:table-body> </fo:table> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH Ofta vill man ha olika sidlayout på högersidor, vänstersidor och förstasidor. Detta kan lösas genom elemetet fo:sequencespecification som är ett barnelement till fo:pagesequence Olika sidlayouter Ett dokument, olika sidlayouter <fo:page-sequence> <fo:sequence-specification> <fo:sequence-specifier-alternating page-master-first= banan page-master-first= tomat page-master-first= gurka /> </fo:sequence-specification> </fo:page-sequence> Där banan, tomat och gurka tidigare har specificerats som fo:simple-page-master Exempel xslt->xsl-fo Fo-exempel.xsl <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns:fo=" <xsl:template match="/"> <fo:root> <fo:simple-page-master margin-right="1in" master-name="first"> <fo:region-body/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-name="first"> <fo:flow><xsl:apply-templates/></fo:flow> </fo:page-sequence> </fo:root> </xsl:template> <!-- m.fl. templates som genererar XSL-FO-märkning --> </xsl:stylesheet> Björn Hedin, NADA/KTH Björn Hedin, NADA/KTH
9 Mer information XSL-FO är en omfattande specifikation, av vilken vi bara skummat på ytan. Specifikationen finns på Kapitlet om XSL-FO från XML Bible finns på En trevlig tutorial med exempel finns på Björn Hedin, NADA/KTH
CSS- Cascading Stylesheets
CSS- Cascading Stylesheets 2D1525 Programmering för interaktiva medier http://www.nada.kth.se/kurser/kth/2d1525/ Cascading Stylesheets Ett språk för att definiera hur XML-dokument ska rendreras på web,
Läs merVad är XSLT XSLT extensible Stylesheet Language Transformations
Vad är XSLT XSLT extensible Stylesheet Language Transformations 2D1525 Programmering för interaktiva medier http://www.nada.kth.se/kurser/kth/2d1525/ Ett transformationsspråk som transformerar ett XMLdokument
Läs merXML. Extensible Markup Language
XML Extensible Markup Language XML - 1969 Generalized Markup Language (GML) 1979-85 Standard Generalized Markup Language (SGML) 1990 HyperText Markup Language (HTML) 1996-98 Extensible Markup Language
Läs merwww.skillspartner.com
Mål Deltagarna ska förstå: Vad XML är Hur XML fungerar Vilka problem XML löser Hur XML används Känna till begrepp: DTD, DOM, XSL etc. Känna till verktyg Innehåll Vad är XML XML i relation till HTML XML
Läs merInnehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...
Läs merORDLISTA 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 merInfö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 merInternet 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 merXSLT. Extensible Stylesheet Language Transformations
XSLT Extensible Stylesheet Language Transformations 1 Vad är XSLT Ett transformationsspråk som transformerar ett XML-dokument till ett annat XML- eller textdokument. Kan t.ex. användas för att transformera
Läs merLektion 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 merHyperlä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 merKompletterande exempel till XSLT
UMEÅ UNIVERSITET Institutionen för informatik Andreas Lund alund@informatik.umu.se Kompletterande exempel till XSLT Inledning Denna text är avsett som komplement till det bokkapitel i kompendiet som behandlar
Läs merVad är XML XML. Exempel - SMIL. Exempel - XHTML. extensible Markup Language
XML Vad är XML extensible Markup Language 2D1525 Programmering för interaktiva medier http://www.nada.kth.se/kurser/kth/2d1525/ Ett meta-märkspråk med vilket man kan bygga märkspråk som xhtml, wml, smil
Läs mer<sid nr="1" av="2" /> Stackenföreläsning: XML & XSLT: Intro. XML och XSLT
Intro Stackenföreläsning: XML & XSLT: Intro XML och XSLT Rasmus Kaj, Stacken http://www.stacken.kth.se/~kaj/ Intro Korrekt XML? Alternativ till XSL? XSLT Funktioner Exempel
Läs mer12/9/2010 REGLER WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS LOKALA STILMALLAR GLOBALA STILMALLAR. Selektor. Deklaration
REGLER Selektor Deklaration Body { font-family:verdana WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS Ulrik Söderström Ulrik.soderstrom@tfe.umu.se h1,h2 { font-color:red; font-size:10pt; Egenskap
Läs merFörkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size="6">
CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning
Läs merTillämpningsanvisningar
Tillämpningsanvisningar se-proc-inf-2009-09-01 Deltagarinformation Datum: 2010-06-08 Upprättad av: Anders Persson, Martin Bylund Innehållsförteckning 1. Allmänt...1 2. Gällande taxonomi...1 2.1 Tillåtna
Läs merF07 Stilmallar Dagens agenda
F07 Stilmallar Dagens agenda CSS, Stilmallar Lokala, interna, externa Selektorer - Taggselektorer - Klasselektorer - ID-selektorer Egenskapsarv Pseudo-klasser och element Kombinatorer Specificitet Stilmallar
Läs merCascading Style Sheets (CSS) An Introduction. Nayeb Maleki
Cascading Style Sheets (CSS) An Introduction Nayeb Maleki CSS CSS utvecklades under mitten av 90-talet för att kunna separera stilformatering och formateringsinformation från innehåll i HTML sidor. Fungerar
Läs merVad är XML Schemas. XML Schemas. Varför XML Schmas. Namespace
Vad är XML Schemas XML Schemas XML Schemas gör samma sak som DTDer fast bättre dvs med XML Schemas går det att definiera XMLvokabulärer och det går att validera instansdokument mot dessa schemas. XML Schemas
Läs mer/*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height: 100%; }
/*CSS document*/ /* nollställer margin för alla element*/ * { margin: 0; /*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height:
Läs merXML. Dagens föreläsning. Vad är XML extencible Markup Language. Exempel - XHTML
Dagens föreläsning XML D151 Databasteknik och datorkomunikation http://www.csc.kth.se/dd1051/ Syfte Få en introduktion till XML, vilket är det vanligaste dataformatet för att strukturera data idag. Mål
Läs merDagens föreläsning. Vad är XML. Exempel - XHTML. extencible Markup Language
Dagens föreläsning 2D1522 Datorteknik och -kommunikation 2D2051 Databasteknik och datorkomunikation http://www.nada.kth.se/kurser/kth/2d1522/ http://www.nada.kth.se/kurser/kth/2d2051/ Syfte Få en introduktion
Läs merHTML 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 mer21/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 merLektion 3 HTML, CSS och JavaScript
Lektion 3 HTML, CSS och JavaScript I den här lektionen behandlas HTML, CSS och JavaScript (JS). Det förutsätts att lektion 1 och 2 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML
Läs merDP7 Kompletterande information
Magnus G 2013-12-19 1.1 2(9) INNEHÅLLSFÖRTECKNING 1. DOKUMENTINFORMATION...4 1.1 SYFTE...4 1.2 MÅLGRUPP...4 2. ALLMÄNT...4 2.1 ALLMÄNT...4 2.1.1 Validering...4 2.1.2 Tomma element bör inte vara med...4
Läs merLabora&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 merEDA095 HTML. Per Andersson. April 26, Lund University Innehåll: HTML, CSS, DOM, JavaScript
EDA095 HTML Per Andersson Lund University http://cs.lth.se/pierre_nugues/ April 26, 2017 Innehåll: HTML, CSS, DOM, JavaScript Per Andersson EDA095 HTML April 26, 2017 1 / 23 Webben Webben byggs upp av
Läs merLektion 2 Del 1 Kapitel 6
Lektion 2 Del 1 Kapitel 6 Inlärningsmål Att kunna kontrollera och styra webbsidors utseende med hjälp av CSS mallar Att med hjälp av CSS mallar kunna ge en hel website ett gemensamt utseende Att med hjälp
Läs mer<Webbutvecklare lektion="02"> Kursledare: Mahmud Al Hakim
Kursledare: Mahmud Al Hakim Lektionstillfällets mål Introduktion till CSS CSS Regler och egenskaper Externa CSS-filer: Link-taggen Intern CSS: Style-taggen Inline CSS: Attributet
Läs merEn 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 merCarl-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 merLabora&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 merE-pliktleverans via RSS-feeds
E-pliktleverans via RSS-feeds Referens till detta dokument: http://www.kb.se/namespace/digark/deliveryspecification/deposit/rssfeeds/ 1 Ändringshistorik a element måste nu först komma i given ordning (anpassning
Läs merIntroduktion till XSLT
Introduktion till XSLT Vad är XSLT? Extensible Style Language (XSL) är en språkfamilj Består av tre delar: 1. extensible Stylesheet Language for Transformations (XSLT) för att transformera xml-dokument
Läs merHantera 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 merInformationsmodellering och e-infrastrukturer
Informationsmodellering och e-infrastrukturer Semiotik Sign = Tecken Semiotik = Teckenlära Tecken är representationer Tecken är intentionella Tecken förmedlar information Figure 3.1: Levels of semiotics
Läs merFö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 merSchematransformation SLU
Testing INSPIRE Annex III Data Specifications Schematransformation SLU GeoTest 2012 Rapport upprättad 2012-10-05 Testad av GeoTest projektet Bilagor 1) Matchningstabell Innehållsförteckning 1 Introduktion...
Läs merLaboration 1 XML, XPath, XSLT och JSON
Webbteknik II, 1DV449 Laboration 1 XML, XPath, XSLT och JSON Author: John Häggerud & Johan Leitet Semester: HT 2011 Course code: 1DV449 Inledning I denna första laboration är det tanken att Du ska bekanta
Läs merStrukturering med XML och DTD
Föreläsning i webbdesign Strukturering med XML och DTD Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se PresentaCon SCl Layout OrganisaCon/struktur InformaConsobjekt Länkar Innehåll/data
Läs merLabora&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Ö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 merBilder. 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 merCSS-ö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 merTabeller. 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 merHTML 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Övnings hemtentamen med förslag till lösning, webbprogrammering
Övnings hemtentamen med förslag till lösning, webbprogrammering Se detta som ett förslag efter som uppgifterna ofta går att lösa få flera sätt. Uppgift 1 CSS 4 poäng Alla css regler skall placeras i en
Läs merWeb (html+xhtml), CSS. Dagens föreläsning. Web - grundprinciper. Syfte Ge er grunderna för att skapa och publicera websidor.
Web (html+xhtml), CSS 2D1553 Mediaproduktion http://www.nada.kth.se/kurser/kth/2d1553/ 2003-11-04 Björn Hedin, NADA/KTH 2003 1 Dagens föreläsning Syfte Ge er grunderna för att skapa och publicera websidor.
Läs merUppmärkningsspråk. TDP007 Konstruktion av datorspråk Föreläsning 4. Peter Dalenius Institutionen för datavetenskap
Uppmärkningsspråk TDP007 Konstruktion av datorspråk Föreläsning 4 Peter Dalenius Institutionen för datavetenskap 2015-02-03 Från förra gången XML-dokument specificeras med t.ex. en DTD Två olika sätt att
Läs merEn 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 merIntroduktion 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 merWebbens 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 merI den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.
Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan
Läs merRepetition. 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 merRepetition. 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 merTDDD52 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 merLeverans-API för nedladdning av geodata v1.0 - teknisk beskrivning
Leverans-API för nedladdning av geodata v1.0 - teknisk beskrivning Dokumentversion 1.0 Gränssnitt Version 1.0 Schema Åtkomst Åtkomstkontroll http://namespace.lantmateriet.se/distribution/uttag/leverans-1.0.0.json
Läs merSprå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 merMetaspråket XML Mika Suonvieri
Metaspråket XML Mika Suonvieri Department of Computer Science Åbo Akademi University, FIN-20520 Åbo, Finland e-post: msuonvie@nospam.abo.fi URL: http://www.abo.fi/~msuonvie/utbildning/seminarium.pdf Abstrakt
Läs merKonstruktion av datorspråk
Konstruktion av datorspråk Fö3: Uppmärkningsspråk Peter Dalenius petda@ida.liu.se Institutionen för datavetenskap Linköpings universitet 2009-01-29 Översikt Uppmärkningsspråk Struktur och specifikation
Läs merWebbstandarder för fler än en plattform
Beteckning: Institutionen för matematik, natur- och datavetenskap Webbstandarder för fler än en plattform Mikael Norling, Tomas Wigren Juni 2008 Examensarbete, 15 poäng, B Datavetenskap Internetteknologi
Läs merRåd gällande beständiga länkar
UTKAST Råd gällande beständiga länkar Nationellt ramverk för öppna data Peter Krantz AB Innehållsförteckning 1. Nationellt ramverk för öppna data... 2 1.1. Råd gällnade beständiga länkar... 2 1.2. Vem
Läs merHur 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 merHeldag om FGS FGS:er och deras tekniska regelverk. Karin Bredenberg, FGS funktionen. Standarder. FGS:er och deras tekniska regelverk 1
FGS:er och deras tekniska regelverk Karin Bredenberg, FGS funktionen Standarder 2 FGS:er och deras tekniska regelverk 1 Standarder Det finns många standarder och ingen bild med alla på Det finns inte heller
Läs merJAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Läs merLabora&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 meremopluppen Användning av "Ant" Niklas Backlund Version: 1.4 ( 2002/04/26 07:27:52 UTC)
emopluppen Användning av "Ant" Version: 1.4 ( 2002/04/26 07:27:52 UTC) Niklas Backlund Sammanfattning Det här dokumentet handlar om programmet Ant, som är en byggmiljö för programutvecklingsprojekt. Dess
Läs merXML. XML is a method for putting structured data in a text file
XML 1 XML is a method for putting structured data in a text file Structured data examples: Application specific: Word document, Excel sheet Usage specific: Patient journal, Invoices XML provides rules
Läs merE07 "Greased Lightning"
E07 "Greased Lightning" Föreläsning 7, HT2014 CSS och Event Kurs: 1dv403 Webbteknik I Johan Leitet E07 Greased Lightning Dagens agenda CSS-egenskaper Händelsestyrd programmering Händelsehanterare Typer
Läs merInternet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20
Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering
Läs merFörvaltningsgemensam specifikation för leverans av enstaka publikationer till Kungliga biblioteket (FGS-PUBL)
Datum: 2016-02-17 Version 1.2 Förvaltningsgemensam specifikation för leverans av enstaka publikationer till Kungliga biblioteket (FGS-PUBL) Referens till det här dokumentet: http://www.kb.se/namespace/digark/deliveryspecification/deposit/fgs-publ/
Läs merInstruktionen gäller Windows 10 med Word 2016.
1 INTRODUKTION Skriv ut instruktionerna och läs igenom dem samtidigt som du tittar på dokumentmallen. Instruktionen gäller Windows 10 med Word 2016. Dokumentmallen innehåller fem sidor: 1) På den första
Läs merLektion 8 Del 1 XML, Kapitel 20
Lektion 8 Del 1 XML, Kapitel 20 Jag har valt att göra ett helt eget material om xml som inte följer bokens upplägg. Jag tror att detta tar upp XML lite mer grundligt än vad boken gör. XML, grunder XML
Läs merCSS-WORKSHOP. Nätverksträff för it-bibliotekarier, 7 mars 2013 Sara Britta Jadelius Trollhättans Stadsbibliotek
CSS-WORKSHOP Nätverksträff för it-bibliotekarier, 7 mars 2013 Sara Britta Jadelius Trollhättans Stadsbibliotek sarabritta.jadelius@trollhattan.se 0520-49 76 65 HTML strukturerar innehåll det här är
Läs merSkapa en webbplats med WordPress
Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast
Läs merSophia 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 merF02 En första sida. Dagens agenda
F02 En första sida Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML Indentering Block/inline-element Struktur Se demo #2
Läs merDokumentschema förpackning av externa objekt. Version: 1.0 Status: Standard Datum: 2006-05-15
Dokumentschema förpackning av externa objekt Version: 1.0 Status: Standard Datum: 2006-05-15 Externa objekt 2 Dokumentschema förpackning av externa objekt... 1 1. Förpackning av externa objekt... 3 1.1.
Läs merUtveckla den moderna släktboken vidare
22-1 Utveckla den moderna släktboken vidare 22 I detta kapitel utvecklas den moderna släktboken ytterligare, för att få med mer information om de olika personerna genom en mer-knapp med variabel text.
Läs merStyla med CSS3. Översikt. Lektion 1: Styla text med CSS3
Styla med CSS3 Översikt Styla text med CSS3. Styla med Block element. Pseudo-Classes och Pseudo-Elements. Förhöja grafiska effekter med CSS3. Lektion 1: Styla text med CSS3 Fonter och storlek. @font-face.
Läs merWEBBUTVECKLING 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 merIntroducerande ö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 merFrågor och svar - Diagnostisk prov ht14 - Webbutveckling 1
Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi
Läs merExtensible Stylesheet Language Transformations (XSLT) och XML Path Language (XPath)
Extensible Stylesheet Language Transformations (XSLT) och XML Path Language (XPath) Daniel Bosk Institutionen för informationsteknologi och medier (ITM), Mittuniversitetet, Sundsvall. transform.tex 332
Läs merAnvä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 merWebbdesign 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 merF02 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 merProgrammeringteknik. 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 merGuide för Innehållsleverantörer
Library of Labs Content Provider s Guide Guide för Innehållsleverantörer Inom LiLa ramverket är innehållsleverantörer ansvariga för att skapa experiment som "LiLa Learning Objects", att ladda upp dessa
Läs merCSS. TNMK30 - Elektronisk publicering
CSS TNMK30 - Elektronisk publicering Dagens föreläsning CSS Layout med CSS Vad är CSS? Cascading Style Sheets (CSS), ett språk som beskriver hur HTML element ska se ut. Utseende Layout Presentation (HTML
Läs merKursledare och övriga föreläsare och övningsassistenter. Antal undervisningstimmar uppdelat på föreläsningar, övningar och andra undervisningsformer
Kursdata Kursens namn, nummer och poängtal XML för publicering, 2D1517, 5 poäng När kursen genomfördes Period 1-2, 2002 Kursledare och övriga föreläsare och övningsassistenter Kursledare/föreläsare/labhandledare:
Läs merTDDC74 Programmering: Abstraktion och modellering Tenta, kl 14 18, 11 juni 2014
TDDC74 Programmering: Abstraktion och modellering Tenta, kl 14 18, 11 juni 2014 Läs alla frågorna först, och bestäm dig för i vilken ordning du vill lösa uppgifterna. Skriv tydligt och läsligt. Använd
Läs merÖ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 merLaboration 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 merNä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 merJavaScript in SharePoint and not just for Apps. Wictor Wilén
JavaScript in SharePoint and not just for Apps Wictor Wilén Wictor Wilén Agenda Varför JavaScript? JavaScript bibliotek SharePoint JS bibliotek JavaScript Client Side Object Model (JSOM/CSOM) REST Client
Läs merIT-avdelningen. Författare Funktion Telefon Datum Version Sid Karin Bredenberg SoU 010-476 71 23 2009-07-13 1.5 1 (10)
Karin Bredenberg SoU 010-476 71 23 2009-07-13 1.5 1 (10) Att använda METS för AIP För långtidsbevarande krävs det metadata som beskriver de bevarade paketen (AIP) och vi har valt att använda METS för detta.
Läs mer