Muotoilutoliot. XSL:n muotoiluoliot. Muotoiluolio. Muotoilualueet. Lohkoalueiden sijoittelu. Muotoilualueiden sijoittelu. Rivialueiden ominaisuuksia



Samankaltaiset tiedostot
Helsingin yliopisto/tktl XML-metakieli XSL-FO XSL-FO. XSL-FO sivut

Helsingin yliopisto/tktl XML-metakieli XSL-FO XSL - extensible stylesheet language XSL-FO

XSL Formatting Objects

Cascading Style Sheets

9.16 XSLT ja nimiavaruudet (1/3): literaali oletusnimiavaruus

Digitaalisen median tekniikat css tyylimääritykset jatkuu

Digitaalisen median tekniikat css tyylimääritykset jatkuu Harri Laine 1

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

CSS aloitus. CSS Cascade Stylesheet Mirja Jaakkola

Ulkopuolisen tyylitiedoston käyttö

CSS. Tekstin muotoilua

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

Digitaalisen median tekniikat css tyylimääritykset Harri Laine 1

Digitaalisen median tekniikat css tyylimääritykset

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

Luento 11: XSL-FO & SVG

Taulukot. 1. Taulukon rakenne: ICT01D Elina Ulpovaara

Kuvat. 1. Selaimien tunnistamat kuvatyypit

CSS - aloitus. ICT01D syksy 2005 Mirja Jaakkola, Helia. Ulkopuolisen tyylitiedoston käyttö

Digitaalisen median tekniikat. Luento 3: CSS

Digitaalisen median tekniikat css tyylimääritykset

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa.

Aulikki Hyrskykari. CSS Taustaa CSS syntaksi CSS Valitsimet Kuvat verkkosivulla

Ulkoasun muokkaus CSS-tiedostossa

1. Lohkon korkeus ja leveys

HAAGA-HELIA ammattikorkeakoulu Ohje 1 (5) Raportin tekeminen

XML / DTD / FOP -opas Internal

TAULUKOINTI. Word Taulukot

Kotisivujen teko. Jan Lindholm Kirkkonummen kansalaisopisto Syksy koodari.eu jsbin.com

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

Digitaalisen median tekniikat. JSP ja XML

Marginaali: Sivujen asetukset säädetään kohdasta 2007+: Sivun asettelu > Marginaalit > Mukautetut reunukset (Page Layout > Margins

WWW-sivujen Verkkosivujen ulkoasu (CSS)

Johdatusta selainohjelmointiin

ESIKATSELU, TULOSTAMINEN, TUNNISTEET

CSS - tyylit Seppo Räsänen

Navigointi Verkkomultimedia ICT1tn004

Väitöskirja -mallipohja

Putteri Käyttöliittymä ja ulkoasu

Code Camp for Girls. Sanna Nygård. Lokakuussa

TAULUKKO, KAAVIO, SMARTART-KUVIOT

Ajatus kaiken taustalla

DOORSin Spreadsheet export/import

Word ohje Word2010. Jari Laru, yliopisto-opettaja. Asko Pekkarinen, lehtori

Digitaalisen median tekniikat xhtml

Digitaalisen median tekniikat xhtml Harri Laine 1

Helsingin yliopisto/tktl XML-metakieli CSS XML-dokumenttien käsittely. XML-dokumenttien käsittely

Helsingin yliopisto/tktl XML-metakieli k2013 CSS XML-dokumenttien käsittely. XML-dokumenttien käsittely

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.

QT tyylit. Juha Järvensivu 2008

Kun suunnitelma on valmiina niin itse sivuston rakentaminen on jo helpompaa. (jatketaan tätä rakentelu vaiheessa.

Sisällysluettelo T A R R A O P A S

1 Dreamweaver MMX. 2 Tekstin muokkaus

Kotisivut helposti - osa 3

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

DOORS Word DOORS SoftQA Pekka Mäkinen

Verkkosivut perinteisesti. Tanja Välisalo

Johdatus L A TEXiin. 7. Taulukot ja kuvat. Dept. of Mathematical Sciences

Aulikki Hyrskykari. JWT Hyrskykari, SIS, Tampereen yliopisto 3/31/2014

selector { CSS property: value; property2: value; Code Camp for Girls Sonja Jaakkola & Sanna Nygård

CSS tyyliä sivuihin osa II. Elina Ulpovaara

POWERPOINT HARJOITUKSET OMAN ESITYSPOHJAN RAKENTAMINEN

4 Johdanto CSS-tyyleihin

4 Johdanto CSS-tyyleihin

Verkkosivujenulkoasu

Extensible Stylesheet Language (XSL)

Oppimistehtävän kirjoittaminen

WWW-sivujen Verkkosivujen ulkoasu (CSS)

SISÄLTÖ. Vuokko Vanhala-Nurmi, 2013 Excel jatko

HTML5 -elementit jatkuu

JYVÄSKYLÄN YLIOPISTO, FYSIIKAN LAITOS. Microsoft Word Käyttöohje. Jasmin Kilpeläinen

RATKAISUT SIVU 1 / 15. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa.

KAPPALEMUOTOILUT. Word Kappalemuotoilut

Written by Administrator Wednesday, 05 October :06 - Last Updated Monday, 17 October :28

Kotisivut helposti - osa 4

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

YLÄ JA ALATUNNISTE...

Nopea ohje, jonka avulla saat aikaan siistin diplomityön. Säästää aikaa ja vaivaa joka vaiheessa.

L A TEX, pdfl A TEX ja grafiikka

Väitöskirja -mallipohja

1. Mittayksikön muuttaminen. 2. Perusasiakirjan luominen. 3. Apuviivat jokaiselle sivulle (tehdään Master Page osioon) InDesign Perusteet 1

6 XML-työkalut 1. 6 XML-työkalut

Tekla Structures Dialogien muokkaus

Android ohjelmointi Tunti 2. Käyttöliittymät ja resurssit

JYVÄSKYLÄN YLIOPISTO. Väitöskirja kuosiin. IT-palvelut Kirjasto

SUOMEN JOUSIAMPUJAIN LIITTO RY Graafinen ohjeisto Versio 1, Huhtikuu 2017

linux: Ympäristömuuttujat

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

Dialogit. Juha Järvensivu 2008

Internetsivujen perusrakenne. Html-dokumentin keskeiset elementit ja attribuutit

Jypelin käyttöohjeet» Ruutukentän luominen

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Tehtävä 1: Tekstin käsitteleminen valinta, kopiointi, siirtely (2p)

Hohde Consulting 2004

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu...

Transkriptio:

XSL:n muotoiluoliot "Formatting objects" (FO) muotoiluolioita, esim. lohko, kirjainmerkki, taulukon solu, (FO:n elementtejä) muotoiluominaisuuksia, esim. kehyksen leveys, kirjasinkoko, (FO:n elementtien attribuutteja) XSL:n osa XSLT muunnoskieli FO muotoiluoliot (FO DTD) Molemmat XML! Muotoilutoliot muotoiluolioilla ja ominaisuuksilla kuvataan hyvin tarkasti dokumentin ulkoasua ei XML hengen mukaista, mutta FO muotoinen tiedosto tuotetaan yleensä automaattisesti tyypillinen prosessi: XSLT prosessori tuottaa XML dokumentista ja XSLT tyylitiedostosta FO tiedoston (XML) XSL prosessori tuottaa FO tiedostosta esim. pdf tiedoston (tai jotain muuta muotoiltua muotoa) Muotoiluolio suorakulmainen tietoyksikkö(alue), "laatikko", muotoilualue usein yksi olio = yksi alue joskus olio kattaa useamman alueen, esim. kappale joka jakautuuu kahdelle sivulle joskus alueeseen mahtuu useampia olioita alueet sijoitetaan peräkkäin ruudulle tai paperille ja muodostavat materiaalin vuon (flow) FO tiedostosta muodostuu hierarkia: "muotoilupuu" Muotoilualueet lohkoalueet sisältää muita lohkoalueita tai esim. siv, kappaleet rivialue inlinealue esim. yksittäiset merkit "samalla rivillä" Muotoilualueiden sijoittelu Lohkoalueiden sijoittelu lohkoalueet säiliössä: kirjoitustavan mukaan (suomessa: left to right, top to bottom [lr tb]; heprea: top to bottom, right to left, jne.) riippuen kirjoitustavasta, before, after, start ja end määreet tarkoittavat eri asioita lohko voi jakaantua moneen säiliöön lohko voi sisältää lohkon, esim. kappale ja lista joskus lohkon voi sijoittaa absoluuttisesti esim. sivulle; yleensä lohkot ijoitetaan peräkkäin Muotoilualueiden sijoittelu Rivialueiden ominaisuuksia rivialue sijoittuu lohkoalueeseen kirjoitustavan mukaan (suomi: top to bottom; japani: right to left(?)) eri ominaisuuksilla säädetään esim rivivälit, ym. eivät vastaa alkuperäisen XML dokumentin rivejä! inlinealue sijoittuvat rivialueeseen kirjoitustavan mukaan (esim. left to right) voivat vastata XML dokumentin inline elementtejä voivat jakaantua useammalle riville

XSL FO ja CSS XSL:llä ja CSS:llä paljon yhteisiä olioita ja ominaisuuksia CSS: emph { font weight: bold } XSL: <fo:inline font weight="bold"> kirjasintiedot (font), tekstityylit, tausta, värit, kehykset, taulukot lähinnä niin kuin CSS:ssä mutta löytyy myös eroja CSS viittaa asioihin sanoilla left ja right XSL yleisempi ja käyttää before, after, start, end, esim. padding before (eikä padding left) <?xml version="1.0"?> Sivun rakentaminen <fo:root> <fo:layout master set></fo:layout master set> <fo:page sequence></fo:page sequence> <fo:page sequence></fo:page sequence> </fo:root> tyylitiedoston juuri fo:root sivumallit (layout master set) ja sisällöt (page sequence) Muotoilupuu Ominaisuuksien periytyminen Muotoilualueet (oliot) muodostavat puurakenteen (XML) Usein muotoiluolion ominaisuudet periytyvät vanhempiolioista esim jos lohkoalueen kirjasinkoko on 18pt, myös siihen kuuluva inlinemerkin oeltuskoko on 18 pt periytyvä arvo voidaan kumota antamalla lapsen ominaisuudelle uuden arvon Layout master set Sisältää sivumääritykset (sivumallit) <fo:layout master set> page master name="kansi"> page master name="bodyteksti"> </fo:layout master set> Määrittelee sivun (esim. kansilehti, sisällysluettelo, tavallinen raporttisivu, jne.) > <region body /> <! main flow > <region before /> <! header > <region after /> <! footer > <region start /> <! left margin > <region end /> <! right margin > Esimerkki margin right="2.5cm" margin left="2.5cm" margin bottom="2cm" margin top="1cm" page width="21cm" page height="29.7cm" master name="single"> <fo:region body margin top="3cm"/> <fo:region before extent="3cm"/> <fo:region after extent="1.5cm"/>

Sivun sisältö, page sequence Sivun sisältö, static content <fo:page sequence master name="single"> <fo:static content flow name="xsl region before"> > The Loch Ness Monster </fo:static content> <fo:flow> > > > </fo:flow> </fo:page sequence> <fo:static content flow name="xsl region before"> padding top="3pt" text align="center" color="white" background color="blue" space after.optimum="15pt" line height="24pt" font size="18pt" >The Loch Ness Monster </fo:static content> Sivun sisältö, flow Sivun sisältö, block <fo:flow flow name="xsl region body"> padding top="3pt" text align="start" space after.optimum="10pt" space before.optimum="10pt" line height="20pt" font size="16pt" >Nessie protection plan drawn up text align="start" space after.optimum="3pt" line height="15pt" font size="12pt" >A government agency has drawn up a contingency plan to cope with the possibility of the Loch Ness Monster being caught. The Scottish Natural Heritage instructions form part of a code of practice for research projects on the Highland loch aimed at protecting all existing wildlife and the local environment. fo:block Lohkotasoiset elementit lohkot fo:external graphic kuvat (miten?) fo:leader viivat, pisteviivat, Lohkotasoiset elementit fo:block kappaleet, otsikot, jne. attribuutit text indent text align (left, center, right) tekstityylit, marginaalit, kehykset, padding, tavutus (!) (vrt CSS) esimerkit, ks. edellä Viivat, yms. <fo:leader leader pattern="rule" leader length="8cm" rule style="solid" rule thickness="2pt" /> <fo:inline> osajono Inline oliot <fo:inline font weight="bold">lihavoitu teksti</fo:inline> muut leader patternit: space, rule, dots, use content

Inline oliot, jatk. <fo:page number> sivun sivunumero voidaan liittää tekstiin <fo:page number font weight="bold"/> <fo:page number citation> viittaus sivunumeroon <fo:page number citation ref id="chap1"> id="chap1"> Listat <fo:list block provisional distance between starts="15mm" provisional label separation="5mm"> <fo:list item> <fo:list item label start indent="5mm" end indent="label end()"> >a. </fo:list item label> <fo:list item body start indent="body start()"> >List item 1. </fo:list item body> </fo:list item> Taulukot Sisäiset linkit <fo:table> <fo:table column column width="150pt"/> <fo:table column column width="150pt"/> <fo:table body font size="10pt" font family="sans serif"> <fo:table row> <fo:table cell> >text </fo:table cell> </fo:table row> </fo:table body> </fo:table> <fo:basic link color="blue" internal destination="chap1"> Chapter 1 </fo:basic link> Ulkoiset linkit <fo:basic link color="blue" external destination="example.pdf"> File </fo:basic link> FOP FOP is the world s first print formatter driven by XSL formatting objects Apache http://xml.apache.org/fop/ tekee esim. pdf:ää tai tekstiä XML dokumentista (joka sisältää muotoiluolioita) vain osa muotoiluolioista toteutettu! ks. http://xml.apache.org/fop/implemented.html Declaration and Pagination and Layout Formatting Objects root page sequence, page sequence master, single page master reference repeatable page master reference, repeatable page master alternatives, conditional page master reference layout master set, simple page master region body, region before, region after, region start, region end, flow, static content Block Formatting Objects block block container (limited)

Inline Formatting Objects character external graphic inline instream foreign object leader page number page number citation, see limitations Table Formatting Objects table table body table cell table column table footer table header table row List Formatting Objects list block list item Out of line Formatting Objects footnote footnote body list item body list item label Link and Multi Formatting Objects basic link (internal and external) Other Formatting Objects wrapper marker, retrieve marker border and padding shorthand properties Toteutetut muotoiluominaisuudet FOP:issa Paljon, ks. http://xml.apache.org/fop/implemented.html FOPin käyttö ks. http://www.cs.helsinki.fi/group/xmltools/