Ogólna struktura dokumentu XSL-FO. Model formatowania. Ogólna struktura dokumentu XSL-FO C.d. Przykład Hello World Użycie szablonu strony

Wielkość: px
Rozpocząć pokaz od strony:

Download "Ogólna struktura dokumentu XSL-FO. Model formatowania. Ogólna struktura dokumentu XSL-FO C.d. Przykład Hello World Użycie szablonu strony"

Transkrypt

1 Plan prezentacji Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak Akademia Górniczo - Hutnicza w Krakowie, Katedra Informatyki Opis układu graficznego stron Dr inż. Stanisław Polak 1 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 2 Przedmiot: XML i jego zastosowania Ogólna charakterystyka Przykładowe formatery XSL Formatting Objects Język do formatowania danych XML Rekomendacja W3C Formalna nazwa to XSL (Extensible Stylesheet Language) Apache FOP Darmowy Napisany w Javie Zawiera przeglądarkę XSL Formaty wyjściowe: PDF, RTF, PCL, PostScript, SVG, PNG,... xmlroff Darmowy Napisany w C Formaty wyjściowe: PDF, PostScript Inne Dr inż. Stanisław Polak 3 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 4 Przedmiot: XML i jego zastosowania

2 Model formatowania Ogólna struktura dokumentu Oparty na prostokątach zwanych obszarami. Obszar posiada obramowania i odstępy Obiekty formatujące, z reguły, tworzą pojedynczy obszar Typy obszarów: 1. Regiony Obszary blokowe 2. Obszary blokowe Obszary blokowe Obszary wierszowe Tekst 3. Obszary wierszowe Obszary inline Tekst 4. Obszary inline Obszary inline Tekst simple-page-master layout-master-set page-sequence-master... root... page-sequence... title static-content flow Dr inż. Stanisław Polak 5 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 6 Przedmiot: XML i jego zastosowania Ogólna struktura dokumentu C.d. Przykład Hello World Użycie szablonu strony 1 <? xml version=" 1.0 " e n c o d i n g="iso "?> 2 <f o : r o o t x m l n s : f o=" http: // /1999/ XSL / Format "> 3 4 <! Opis uk ł adu graficznego stron 5 <f o : layout-master-set> 6 7 <f o : simple-page-master master-name="szablonstrony"> 8 <! Tre ś ć szablonu strony > 9 </ f o : simple-page-master> <f o : page-sequence-master master-name="szablonsekwencji"> 12 <! Tre ś ć szablonu sekwencji > 13 </ f o : page-sequence-master> </ f o : layout-master-set> <! Opis t r e ś c i s t r o n > 18 <f o : page-sequence master-reference="szablonstrony"> 19 <! Tre ś ć stron > 20 </ f o : page-sequence> 21 <f o : page-sequence master-reference="szablonsekwencji"> 22 <! Tre ś ć stron > 23 </ f o : page-sequence> </ f o : r o o t> 1 <? xml version=" 1.0 " e n c o d i n g="iso "?> 2 <f o : r o o t x m l n s : f o=" http: // /1999/ XSL / Format "> 3 4 <f o : l a y o u t master s e t> 5 <f o : s i m p l e page master master name=" SzablonStrony "> 6 <f o : region-body margin="1in"/> 7 </ f o : s i m p l e page master> 8 </ f o : l a y o u t master s e t> 9 10 <fo:page sequence master r e f e r e n c e=" SzablonStrony "> 11 <f o : flow flow name="xsl - region - body "> 12 <f o : block>hello, world!</ f o : block> 13 </ f o : flow> 14 </ f o :page s e q u e n c e> </ f o : r o o t> Dr inż. Stanisław Polak 7 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 8 Przedmiot: XML i jego zastosowania

3 Szablon strony Opis układu graficznego stron Układ graficzny strony prostej Szablon strony Opis układu graficznego stron Definiowanie układu graficznego strony prostej Lewy margines strony Górny margines strony region-before region-start region-body region-after Dolny margines strony region-end Prawy margines strony Strona Region wstępny Region początkowy Region końcowy Region treści Region zakończeniowy Czynne pole strony 1 <f o : simple-page-master master-name="a4" 2 page-width=" 297 mm" page-height=" 210 mm" 3 margin-top="" margin-bottom="" margin-left="" margin-right="" 4 reference-orientation="0" 5 writing-mode="lr -tb"> 6 <f o : region-body margin="3cm"/> 7 <f o : region-before extent="" precedence=" false "/> 8 <f o : region-after extent="" precedence=" true "/> 9 <f o : region-start extent=""/> 10 <f o : region-end extent=""/> 11 </ f o : simple-page-master> Tekst główny Dr inż. Stanisław Polak 9 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 10 Przedmiot: XML i jego zastosowania Szablon sekwencji Opis układu graficznego stron Definiowanie szablonu sekwencji Szablon sekwencji Opis układu graficznego stron Bezwzględne odwołanie do szablonu strony o jednokrotnym wywołaniu 1 <f o : page-sequence-master master-name="szablonsekwencji"> 2 <! Bezwzgl ędne lub warunkowe odwo ł ania do szablon ów strony, wywoł ane j e d n o k r o t n i e l u b w s p o s ób p o w t a r z a l n y > 3 </ f o : page-sequence-master> <fo:page sequence master r e f e r e n c e="szablonsekwencji"> 6 <! Tre ś ć strony tytu ł owej oraz pozosta ł ych stron > 7 </ f o :page s e q u e n c e> 1 <f o : s i m p l e page master master name="szablonstronytytulowej"...> </ f o : s i m p l e page master> 4 5 <f o : p a g e sequence master master name="szablonsekwencji"> 6 <f o : single-page-master-reference master-reference ="SzablonStronyTytulowej"/> 7 <f o : r e p e a t a b l e page master r e f e r e n c e master r e f e r e n c e =" SzablonStronyTekstu "/> 8 </ f o :page sequence master> <fo:page sequence master r e f e r e n c e="szablonsekwencji"> 11 <! Tre ś ć strony tytu ł owej oraz pozosta ł ych stron > 12 </ f o :page s e q u e n c e> Dr inż. Stanisław Polak 11 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 12 Przedmiot: XML i jego zastosowania

4 Szablon sekwencji Opis układu graficznego stron Bezwzględne odwołanie do szablonu strony o powtarzalnym wywołaniu Szablon sekwencji Opis układu graficznego stron Warunkowe odwołanie do szablonu strony o powtarzalnym wywołaniu <f o : s i m p l e page master master name="szablonstronytekstu"...> </ f o : s i m p l e page master> 5 6 <f o : p a g e sequence master master name=" SzablonSekwencji "> 7 <f o : s i n g l e page master r e f e r e n c e master r e f e r e n c e=" SzablonStronyTytulowej "/> 8 <f o : repeatable-page-master-reference master-reference ="SzablonStronyTekstu" maximum-repeats="8"/> 9 </ f o :page sequence master> <fo:page sequence master r e f e r e n c e=" SzablonSekwencji "> 12 <! Tre ś ć > 13 </ f o :page s e q u e n c e> 1 <f o : s i m p l e page master master name="szablonstronypustej"...>...</ f o : s i m p l e page master> 2 <f o : s i m p l e page master master name="szablonstronytytulowej"...>...</ f o : s i m p l e page master> 3 <f o : s i m p l e page master master name="szablonstronynieparzystej"...>...</ f o : s i m p l e page master> 4 5 <f o : p a g e sequence master master name=" SzablonSekwencji "> 6 <f o : repeatable-page-master-alternatives> 7 <f o : conditional-page-master-reference master-reference="szablonstronytytulowej" page-position=" first " /> 8 <f o : conditional-page-master-reference master-reference="szablonstronynieparzystej" odd-or-even=" odd " /> 9 <f o : conditional-page-master-reference master-reference="szablonstronypustej" blank-or-not-blank=" blank " /> 10 </ f o : repeatable-page-master-alternatives> 11 </ f o :page sequence master> <f o : p a g e s e q u e n c e master r e f e r e n c e=" SzablonSekwencji "> 14 <! Tre ść > 15 </ f o :page s e q u e n c e> Dr inż. Stanisław Polak 13 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 14 Przedmiot: XML i jego zastosowania Sekwencje stron 1 <? xml version=" 1.0 " e n c o d i n g="utf -8"?> 2 <f o : r o o t x m l n s : f o=" http: // /1999/ XSL / Format "> 3 <f o : l a y o u t master s e t> 4 <f o : s i m p l e page master master name="szablonstrony""> 5 <!-- Szablony --> 6 </ fo:simple -page - master > 7 </ fo:layout - master -set > 8 9 <fo:page-sequence master-reference="szablonstrony" initial-page-number="1" force-page-count="no f o r c e "... > 10 <fo:title>tytuł strony </ fo:title> <fo:static-content flow-name=" xsl region before " >... </ fo:static-content> 13 <fo:flow flow-name=" x s l r e g i o n body " >... </ fo:flow> 14 </ fo:page-sequence> 15 </ fo:root > Obiekty formatujące bloków 1 <fo:page sequence master r e f e r e n c e=" SzablonStrony "> 2 <f o : f l o w flow name="xsl - region - body "> 3 <f o : block font="72 pt Arial " c o l o r=" black ">1. Polak 4 <f o : block-container position=" absolute " top="10 pt" l e f t="30 pt" height="14 pt" width=" 100% "> 5 <f o : b l o c k f o n t="72 pt Arial " c o l o r=" silver ">1. Stanislaw</ f o : b l o c k> 6 </ f o : block-container> 7 </ f o : block> 8 <f o : b l o c k f o n t="72 pt Arial " c o l o r=" black ">2. Polak 9 <fo: block container position=" fixed " top="10 pt" l e f t="30 pt" height="14 pt" width=" 100% "> 10 <f o : b l o c k f o n t="72 pt Arial " c o l o r=" silver ">2. Stanislaw</ f o : b l o c k> 11 </ f o : b l o c k c o n t a i n e r> 12 </ f o : b l o c k> 13 </ f o : f l o w> 14 </ f o :page s e q u e n c e> 2. Stanislaw 1. Polak 1. Stanislaw 2. Polak Dr inż. Stanisław Polak 15 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 16 Przedmiot: XML i jego zastosowania

5 Obiekty formatujące tabel Obiekty formatujące list Rysunek : Hierarchia obiektów formatujących Podpis tabeli Komorka 1 Komorka 2 Komorka 3 1 <f o : table-and-caption t e x t a l i g n=" center " s t a r t i n d e n t=" 100 pt"> 2 <f o : t a b l e c a p t i o n s t a r t i n d e n t="0pt" t e x t a l i g n=" start "> 3 <f o : b l o c k>podpis tabeli </ f o : b l o c k> 4 </ f o : t a b l e c a p t i o n> 5 <f o : table width=" 325 pt" t a b l e l a y o u t=" fixed " border width="1mm" border s t y l e=" solid " > 6 <f o : table-column column width=" 100 pt" column number="1"/> 7 <f o : t a b l e column column width=" 150 pt" column number="2"/> 8 <f o : t a b l e column column width="75 pt" column number="3"/> 9 <f o : t a b l e body s t a r t i n d e n t="0pt" t e x t a l i g n =" start "> 10 <f o : t a b l e row> 11 <fo: table c e l l border style=" dotted ">< f o : b l o c k>komorka 1</ f o : b l o c k></ f o : t a b l e c e l l> 12 <fo: table c e l l><fo: block>komorka 2</ f o : b l o c k></ f o : t a b l e c e l l> 13 <fo: table c e l l><fo: block>komorka 3</ f o : b l o c k></ f o : t a b l e c e l l> 14 </ f o : t a b l e row> 15 </ f o : t a b l e body> 16 </ f o : table> 17 </ f o : table-and-caption> Rysunek : Hierarchia obiektów formatujących Rysunek : Określanie geometrii listy 1 <f o : l i s t b l o c k> 2 <f o : l i s t item> 3 <f o : l i s t item l a b e l end i n d e n t=" label - end ()" > 4 <f o : b l o c k>&#x2022 ;</ f o : b l o c k> 5 </ f o : l i s t item l a b e l> 6 <f o : l i s t item body start indent="body - start ()"> 7 <f o : b l o c k> Element 1</ f o : b l o c k> 8 </ f o : l i s t item body> 9 </ f o : l i s t item> <f o : l i s t item> 12 <f o : l i s t item l a b e l end i n d e n t=" label - end ()" > 13 <f o : b l o c k>&#x2022 ;</ f o : b l o c k> 14 </ f o : l i s t item l a b e l> 15 <f o : l i s t item body start indent="body - start ()"> 16 <f o : b l o c k> Element 2</ f o : b l o c k> 17 </ f o : l i s t item body> 18 </ f o : l i s t item> 19 </ f o : l i s t b l o c k> Element 1 Element 2 Dr inż. Stanisław Polak 17 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 18 Przedmiot: XML i jego zastosowania Obiekty formatujące obszarów inline Inne przykładowe obiekty formatujące 1 <f o : p a g e s e q u e n c e master r e f e r e n c e=" SzablonStrony "> 2 <f o : s t a t i c c o n t e n t flow name="xsl - region - before "> 3 <f o : b l o c k t e x t a l i g n=" start " f o n t s i z e="10 pt" f o n t f a m i l y=" serif " l i n e h e i g h t="1em + 2pt"> 4 Strona (<f o : page-number/> / <f o : page-number-citation r e f i d="end-seq1"/>) 5 </ f o : b l o c k> 6 </ f o : s t a t i c c o n t e n t> 7 <f o : f l o w flow name="xsl - region - body "> 8 <f o : b l o c k> 9 <f o : character c h a r a c t e r="s" f o n t s i z e="16pt" c o l o r=" red "/>tanislaw <f o : inline t e x t d e c o r a t i o n=" underline " >Polak</ f o : inline> 10 </ f o : b l o c k> 11 <f o : b l o c k> 12 <f o : leader leader length. minimum=" 100% " leader length. optimum=" 100% " leader pattern=" rule " rule t h i c k n e s s=" 0.13 mm"/> 13 <f o : external-graphic s r c=" zdjecie. jpg "/> 14 </ f o : b l o c k> 15 <f o : b l o c k i d= end-seq1 /> 16 </ f o : f l o w> 17 </ f o :page s e q u e n c e> Strona (1 / 1) Stanislaw Polak 1 <f o : b l o c k c o l o r=" red "> 2 <f o : footnote> 3 <f o : i n l i n e f o n t w e i g h t=" bold ">Przypis< f o : i n l i n e f o n t s i z e="6pt" v e r t i c a l a l i g n=" super ">1</ f o : i n l i n e></ f o : i n l i n e> 4 <f o : f o o t n o t e body> 5 <f o : b l o c k c o l o r=" maroon ">1. Przypis to tekst umieszczany na dole biezacej lub nastepnej strony.</ f o : b l o c k> 6 </ f o :footnote body> 7 </ f o : footnote>na dole strony. 8 </ f o : b l o c k> 9 10 <f o : b l o c k> Obrazek w formacie SVG. 11 <f o : instream-foreign-object> 12 <s v g : s v g width="20" h e i g h t="20"> 13 <s v g : g s t y l e="fill:red ; stroke: # "> 14 <s v g : r e c t x="0" y="0" width="15" h e i g h t= "15"/> 15 <s v g : r e c t x="5" y="5" width="15" h e i g h t="15"/> 16 </ s v g :g> 17 </ s v g :svg> 18 </ f o : instream-foreign-object> 19 </ f o : b l o c k> Przypis 1 na dole strony. Obrazek w formacie SVG. 1. Przypis to tekst umieszczany na dole biezacej lub nastepnej strony. Dr inż. Stanisław Polak 19 Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak 20 Przedmiot: XML i jego zastosowania

6 Źródła Źródła Apache Foundation. Apache FOP. RenderX. XSL Formatting Objects Tutorial. W3C. Extensible Stylesheet Language (XSL) Requirements Version W3C. Extensible Stylesheet Language (XSL) Version Dr inż. Stanisław Polak 21 Przedmiot: XML i jego zastosowania

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2007/08 Arkusze stylu Rozdzielenie treści od wygladu Przypisanie stylu do dokumentu CSS

Bardziej szczegółowo

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2007/08 Patryk Czarnik (MIMUW) 06 Prezentacja XML 2007/08 1 / 33 Plan 1 Arkusze stylu

Bardziej szczegółowo

Kurs WWW Język XML, część II

Kurs WWW Język XML, część II Język XML, część II Paweł Rajba pawel@ii.uni.wroc.pl http://pawel.ii.uni.wroc.pl/ Zawartość modułu Wprowadzenie do XSL XPath XSLT XSL-FO Na podstawie kursów ze stron: http://www.w3schools.com/xpath/default.asp

Bardziej szczegółowo

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarządzania treścią 2008/09 Rozdzielenie treści od wyglądu Dokumenty źródłowe: tylko treść (dane), znaczniki

Bardziej szczegółowo

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarządzania treścią 2011/12 Arkusze stylu Rozdzielenie treści i wyglądu Przypisanie stylu do dokumentu CSS

Bardziej szczegółowo

Inżynieria biomedyczna

Inżynieria biomedyczna Inżynieria biomedyczna Projekt Przygotowanie i realizacja kierunku inżynieria biomedyczna studia międzywydziałowe współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego.

Bardziej szczegółowo

METODY REPREZENTACJI INFORMACJI

METODY REPREZENTACJI INFORMACJI SKRYPT DO LABORATORIUM METODY REPREZENTACJI INFORMACJI ĆWICZENIE 5: Przekształcanie dokumentów XML XSL FO autor: dr inż. Jacek Rumiński Gdańsk, 2010 Projekt Przygotowanie i realizacja kierunku inżynieria

Bardziej szczegółowo

Spis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów...

Spis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów... Spis treści Konwencje zastosowane w książce...5 Dodawanie stylów do dokumentów HTML oraz XHTML...6 Struktura reguł...9 Pierwszeństwo stylów... 10 Klasyfikacja elementów... 13 Sposoby wyświetlania elementów...

Bardziej szczegółowo

I. Wstawianie rysunków

I. Wstawianie rysunków I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka

Bardziej szczegółowo

Dokument hipertekstowy

Dokument hipertekstowy Dokument hipertekstowy Laboratorium 5 Box model i layouty mgr inż. Krzysztof Wróbel Katedra Lingwistyki Komputerowej Wysokość i szerokość domyślna szerokość elementu inline jest związana z jego zawartością

Bardziej szczegółowo

2002 GUST, Zeszyt 18 27 XML

2002 GUST, Zeszyt 18 27 XML 2002 GUST, Zeszyt 18 27 XML Praktyczne wprowadzenie do standardu XSL Tomasz Przechlewski Streszczenie Język formatowania xsl składa się z trzech rekomendacji: xslt, xpath oraz fo opisujących w jaki sposób

Bardziej szczegółowo

Krótki przegląd własności języka CSS

Krótki przegląd własności języka CSS Krótki przegląd własności języka CSS Stosując arkusze stylów CSS, w sposób wyraźny oddziela się formatowanie dokumentu XHTML od jego warstwy znaczeniowej umieszczonej w sekcji . Niżej zestawiono

Bardziej szczegółowo

XPath XML Path Language. XPath. XSLT część 1. XPath data model. Wyrażenia XPath. Location paths. Osie (axes)

XPath XML Path Language. XPath. XSLT część 1. XPath data model. Wyrażenia XPath. Location paths. Osie (axes) XPath XML Path Language XPath. XSLT część 1. Problem: jednoznaczne adresowanie fragmentów struktury dokumentu XML. Rozwiązanie: drzewiasty model struktury dokumentu, normalizacja zawartości dokumentu (ten

Bardziej szczegółowo

Języki formatowania dokumentów strukturalnych. XSL przekształcenia XML-a. XSL a XSLT. XSL części składowe. Zasada działania przekształcenia XSLT

Języki formatowania dokumentów strukturalnych. XSL przekształcenia XML-a. XSL a XSLT. XSL części składowe. Zasada działania przekształcenia XSLT Języki formatowania dokumentów strukturalnych XSL przekształcenia XML-a SGML: FOSI (Formatting Output Specification Instance): specyfikacja MIL-PRF-28001, zbyt małe możliwości dla ogólnych zastosowań.

Bardziej szczegółowo

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości. Box model Box model: Content Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości. Box model: Padding Content Content - obszar zawartości określany jest za pomocą deklaracji

Bardziej szczegółowo

Obiekty formatujące w języku XSL Tomasz Traczyk Politechnika Warszawska e-mail: ttraczyk@ia.pw.edu.pl Abstrakt XSL został stworzony jako język formatowania dokumentów XML. Składa się on z części służącej

Bardziej szczegółowo

CSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między

CSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między Cascading Style Sheets CSS CSS pozwala przypisać poszczególnym elementom na stronie (HTML/XML) takie właściwości jak rodzaj, grubość, rozmiar czcionki, kolor tła, odległości między elementami, ich obramowania,

Bardziej szczegółowo

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce

Bardziej szczegółowo

Aplikacje internetowe. Interfejs użytkownika

Aplikacje internetowe. Interfejs użytkownika Aplikacje internetowe Interfejs użytkownika Plan wykładu Formatowanie HTML za pomocą arkuszy stylów CSS Język XML ogólna struktura dokumentów opis struktury za pomocą DTD przestrzenie nazw Język XHTML

Bardziej szczegółowo

Wprowadzenie do arkuszy stylistycznych XSL i transformacji XSLT

Wprowadzenie do arkuszy stylistycznych XSL i transformacji XSLT Wprowadzenie do arkuszy stylistycznych XSL i transformacji XSLT Marek Wojciechowski marek@cs.put.poznan.pl http://www.cs.put.poznan.pl/~marek/ Formatowanie dokumentów XML Język XML opisuje strukturę i

Bardziej szczegółowo

Model blokowy. Model blokowy w CSS

Model blokowy. Model blokowy w CSS Model blokowy Model blokowy w CSS opisuje bloki, które są generowane dla elementów HTML. Model blokowy zawiera także dokładne opcje związane z ustawieniem maginesu zewnętrznego, wewnętrznego, obramowania

Bardziej szczegółowo

Rodzaje przetwarzania XSLT (1)

Rodzaje przetwarzania XSLT (1) XSLT część 2 Rodzaje przetwarzania XSLT (1) Przetwarzanie sterowane strukturą dokumentu źródłowego (ang. push): przechodzimy po strukturze dokumentu źródłowego, generujemy fragmenty struktury dokumentu

Bardziej szczegółowo

XPath XML Path Language. XPath. XSLT część 1. XPath data model. Wyrażenia XPath. Osie (axes) Location paths

XPath XML Path Language. XPath. XSLT część 1. XPath data model. Wyrażenia XPath. Osie (axes) Location paths XPath XML Path Language XPath. XSLT część 1 Problem: jednoznaczne adresowanie fragmentów struktury dokumentu XML. Rozwiązanie: abstrakcyjny drzewiasty model struktury dokumentu, normalizacja zawartości

Bardziej szczegółowo

Kaskadowe arkusze stylów cz. 2

Kaskadowe arkusze stylów cz. 2 Formatowanie wyglądu tekstu Właściwości związane z czcionką Wybór czcionki Tworzenie czcionki pochyłej Pogrubianie czcionki Określanie wielkości czcionki Wykorzystanie kapitalików Określanie wysokości

Bardziej szczegółowo

CSS - 2. Właściwości tekstu, czcionek

CSS - 2. Właściwości tekstu, czcionek CSS - 2 Właściwości tekstu, czcionek Właściwości tekstu Służą do nadawania określonego wyglądu tekstowi:» color» direction» letter-spacing» text-align» text-decoration» text-indent» text-shadow» text-transform»

Bardziej szczegółowo

Języki programowania wysokiego poziomu. CSS Wskazówki

Języki programowania wysokiego poziomu. CSS Wskazówki Języki programowania wysokiego poziomu CSS Wskazówki CSS powinno się projektować hierarchicznie, zaczynając od elementów ogólniejszych, kończąc na szczegółowych - Źle: p.mid { text-align: center; p { color:

Bardziej szczegółowo

I. Formatowanie tekstu i wygląd strony

I. Formatowanie tekstu i wygląd strony I. Formatowanie tekstu i wygląd strony Akapit: ... aby wyrównać tekst do lewego marginesu aby wyrównać tekst do prawego marginesu:

Bardziej szczegółowo

Znaczniki języka HTML

Znaczniki języka HTML www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline

Bardziej szczegółowo

kaskadowe arkusze stylów

kaskadowe arkusze stylów Autor: Marek Buła bulkas@poczta.onet.pl CSS kaskadowe arkusze stylów CASCADING STYLE SHEETS Validator (X)HTML Validator CSS CSS CSS level 1 (1996, 1999) contains properties for fonts, margins, colors,

Bardziej szczegółowo

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Style CSS Wstęp Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp. Podstawową zaletą i zadaniem stylów jest oddzielenie

Bardziej szczegółowo

www.fwrl.pl/szkolenie

www.fwrl.pl/szkolenie STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa

Bardziej szczegółowo

HTML (HyperText Markup Language) hipertekstowy język znaczników

HTML (HyperText Markup Language) hipertekstowy język znaczników HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony

Bardziej szczegółowo

Projektowanie aplikacji internetowych. CSS w akcji

Projektowanie aplikacji internetowych. CSS w akcji Projektowanie aplikacji internetowych CSS w akcji Tak to ma wyglądać Strona : 2 Założenie Treść strony ma być oddzielona od informacji o jej wyglądzie. Kod HTML nie powinien zawierać żadnych informacji

Bardziej szczegółowo

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css. Kaskadowe arkusze stylów CSS Geneza - oddzielenie struktury dokumentu HTML od reguł prezentacji - poszerzenie samego HTML Korzyści - przejrzystość dokumentów - łatwe zarządzanie stylem (wyglądem) serwisu

Bardziej szczegółowo

Arkusze stylów CSS Cascading Style Sheets

Arkusze stylów CSS Cascading Style Sheets Arkusze stylów CSS Cascading Style Sheets HTML a CSS HTML odpowiada za strukturę tworzonej witryny internetowej i poszczególnych dokumentów (ich stronę semantyczną) CSS odpowiada za wizualną prezentację

Bardziej szczegółowo

Elementarz HTML i CSS

Elementarz HTML i CSS Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna

Bardziej szczegółowo

Dodatkowe pakiety i polecenia L A TEXowe

Dodatkowe pakiety i polecenia L A TEXowe Dodatkowe pakiety i polecenia L A TEXowe 3 grudnia 2007 1 Ustawienia strony Do zmian ustawień strony warto użyć pakietu geometry, tj. w preambule wpisujemy: \usepackage[]{geometry} Dostępne opcje pakietu

Bardziej szczegółowo

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Prezentacja Danych i Multimedia II r Socjologia Ćwiczenia laboratoryjne nr 8 Podstawy języka XML. Celem ćwiczeń jest poznanie zasad tworzenia dokumentów w oparciu o język XML oraz metod modyfikacji ich

Bardziej szczegółowo

HTML podstawowe polecenia

HTML podstawowe polecenia HTML podstawowe polecenia Szkielet dokumentu:

Bardziej szczegółowo

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER=1> <TR> Tabele Autorem niniejszego skryptu jest dr inż. Robert Kolud Tabele w HTML to nie tylko praktyczny sposób na przedstawianie zestawień informacji. Znacznie częściej jednak tabele są wygodnym narzędziem

Bardziej szczegółowo

Informatyka MPDI 3 semestr

Informatyka MPDI 3 semestr Informatyka MPDI 3 semestr Wykład 2 CSS JavaScript CSS arkusze stylów opiera się na zasadzie określania cech elementy dzięki atrybutowi style ... Styl może mieć wiele cech,

Bardziej szczegółowo

SAS 4GL ODS, przykładowe procedury.

SAS 4GL ODS, przykładowe procedury. SAS 4GL ODS, przykładowe procedury. mariusz.dzieciatko@ ODS Output Delivery System Page 1 Output Destination ods output output-object-name=data-set-name; kod programu ods output close; Przykładowe formaty:

Bardziej szczegółowo

Systemy internetowe Wykład 2 CSS

Systemy internetowe Wykład 2 CSS Systemy internetowe Wykład 2 CSS CSS - definicja CSS (Cascading Style Sheets) kaskadowe arkusze stylów CSS - język opisujący w jaki sposób elementy HTML będą wyświetlane na ekranie komputera, tabletu,

Bardziej szczegółowo

Laboratorium 1: Szablon strony w HTML5

Laboratorium 1: Szablon strony w HTML5 Laboratorium 1: Szablon strony w HTML5 Czas realizacji: 2 godziny Kurs: WYK01_HTML.pdf, WYK02_CSS.pdf Pliki:, Edytor: http://www.sublimetext.com/ stabilna wersja 2 (portable) Ćwiczenie 1. Szablon strony

Bardziej szczegółowo

XSL, tj. XSLT i XSL-FO czyli jak przekształcać i ładnie wyświetlać XML-e. Kuba Pochrybniak

XSL, tj. XSLT i XSL-FO czyli jak przekształcać i ładnie wyświetlać XML-e. Kuba Pochrybniak XSL, tj. XSLT i XSL-FO czyli jak przekształcać i ładnie wyświetlać XML-e Kuba Pochrybniak 1. XML PDF Jak? Jak? L A TEX Jak? L A TEX XSL-FO Jak? L A TEX XSL-FO rzeźbienie ręczne (np. w php) Jak? L A TEX

Bardziej szczegółowo

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów. Znaczniki HTML (tagi) postać ogólna: zawartość

Bardziej szczegółowo

XML materiały dydaktyczne - Kurs Podstawowy XSL - wprowadzenie. XSL warstwa przekształcania (XSLT) oraz prezentacji informacji (XSL FO).

XML materiały dydaktyczne - Kurs Podstawowy XSL - wprowadzenie. XSL warstwa przekształcania (XSLT) oraz prezentacji informacji (XSL FO). XSL (XSLT) Transformacja dokumentów XML. XML warstwa przechowująca informacje XSL warstwa przekształcania (XSLT) oraz prezentacji informacji (XSL FO). Transformacja XSLT utworzenie nowego dokumentu wynikowego

Bardziej szczegółowo

W TYM MIEJSCU NALEŻY WPISAĆ TEMAT PROJEKTU INŻYNIERSKIEGO

W TYM MIEJSCU NALEŻY WPISAĆ TEMAT PROJEKTU INŻYNIERSKIEGO POLITECHNIKA ŚLĄSKA WYDZIAŁ GÓRNICTWA I GEOLOGII Kierunek: Specjalność: Rodzaj studiów: Imię NAZWISKO W TYM MIEJSCU NALEŻY WPISAĆ TEMAT PROJEKTU INŻYNIERSKIEGO PROJEKT INŻYNIERSKI WYKONANY W TU PODAĆ NAZWĘ

Bardziej szczegółowo

Przykładowa prezentacja

Przykładowa prezentacja Akademia Górniczo-Hutnicza w Krakowie Katedra Informatyki 2013-01-23 Stanisław Polak Kraków, 23 stycznia 2013 Aby wyjść z trybu pełnoekranowego, w zależności od przeglądarki PDF, naciśnij Ctrl+L lub ESC.

Bardziej szczegółowo

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Nazwa implementacji: CSS i box model Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie. Wprowadzenie CSS (kaskadowe arkusze stylów, ang. Cascading

Bardziej szczegółowo

Tworzenie Stron Internetowych. odcinek 6

Tworzenie Stron Internetowych. odcinek 6 Tworzenie Stron Internetowych odcinek 6 CSS kaskadowe arkusze stylów CSS (Cascading Style Sheets), czyli Kaskadowe Arkusze Stylów "stylów" "arkusze" Reguły opisujące wygląd dokumentu opisanego za pomocą

Bardziej szczegółowo

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r. Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Bardziej szczegółowo

Technologie internetowe

Technologie internetowe Technologie internetowe Paweł Rajba pawel@ii.uni.wroc.pl http://www.kursy24.eu/ Zawartość modułu Wprowadzenie do XML Składnia, znaczniki i atrybuty XML Schema, DTD XSL XPath XSLT XSL-FO Na podstawie kursów

Bardziej szczegółowo

LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT

LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT LABORATORIUM 5 WSTĘP DO SIECI TELEINFORMATYCZNYCH WPROWADZENIE DO XML I XSLT 1. Wstęp XML (Extensible Markup Language Rozszerzalny Język Znaczników) to język formalny przeznaczony do reprezentowania danych

Bardziej szczegółowo

Plan prezentacji DTD. Wiązanie DTD z dokumentem XML Deklaracja typu dokumentu. Co to jest DTD. Wstęp. Przedmiot: XML i jego zastosowania

Plan prezentacji DTD. Wiązanie DTD z dokumentem XML Deklaracja typu dokumentu. Co to jest DTD. Wstęp. Przedmiot: XML i jego zastosowania Plan prezentacji Przedmiot: XML i jego zastosowania Dr inż. Stanisław Polak Akademia Górniczo - Hutnicza w Krakowie, Katedra Informatyki http://www.icsr.agh.edu.pl/~polak/ Wstęp Deklarowanie elementów

Bardziej szczegółowo

Wprowadzenie do Internetu zajęcia 3

Wprowadzenie do Internetu zajęcia 3 Wprowadzenie do Internetu zajęcia 3 Zakres tematyczny zajęć CSS arkusz stylów. Formatowanie tekstu CSS w przykładach. CSS arkusz stylów Wprowadzenie Język HTML, XHTML został wzbogacony o potężne narzędzie

Bardziej szczegółowo

XML Path Language (XPath)

XML Path Language (XPath) XML Path Language (XPath) 1 Cel adresowanie elementów /częś ci dokumentu XML składnia podobna do URI wyszukiwanie elementów bądź grup elementów dokument jako drzewo typy węzłów: element, attribute, text

Bardziej szczegółowo

Kaskadowe arkusze stylów (CSS)

Kaskadowe arkusze stylów (CSS) Kaskadowe arkusze stylów (CSS) CSS (Cascading Style Sheets) jest to język opisujący sposób, w jaki przeglądarki mają wyświetlać zawartość odpowiednich elementów HTML. Kaskadowe arkusze stylów służą do

Bardziej szczegółowo

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Web Editing. Sylabus opisuje zakres wiedzy i umiejętności, jakie

Bardziej szczegółowo

Technologie Informacyjne

Technologie Informacyjne Technologie Informacyjne Wykªad 7 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 23 HTML HTML Sªu»y do deniowania struktury dokumentu: akapity nagªówki

Bardziej szczegółowo

UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML

UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML

Bardziej szczegółowo

CSS - layout strony internetowej

CSS - layout strony internetowej www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach: Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach:

Bardziej szczegółowo

LABORATORIUM 3 WSTĘP DO SIECI TELEINFORMATYCZNYCH CSS CECHY WYBRANYCH SELEKTORÓW

LABORATORIUM 3 WSTĘP DO SIECI TELEINFORMATYCZNYCH CSS CECHY WYBRANYCH SELEKTORÓW LABORATORIUM 3 WSTĘP DO SIECI TELEINFORMATYCZNYCH CSS CECHY WYBRANYCH SELEKTORÓW 1. Definicja tła Tło elementu HTML można definiować w CSS korzystając z następujących cech: background-color background-image

Bardziej szczegółowo

Mailingi HTML. Specyfikacja techniczna

Mailingi HTML. Specyfikacja techniczna Mailingi HTML Specyfikacja techniczna Informacje wstępne Grupa Morizon S.A. zastrzega sobie prawo do odmowy emisji materiałów reklamowych bez podania przyczyny, w szczególności gdy ich jakość techniczna

Bardziej szczegółowo

Tworzenie stron internetowych w kodzie HTML Cz 5

Tworzenie stron internetowych w kodzie HTML Cz 5 Tworzenie stron internetowych w kodzie HTML Cz 5 5. Tabele 5.1. Struktura tabeli 5.1.1 Odcięcia Microsoft Internet Explorer 7.0 niepoprawnie interpretuje białe znaki w komórkach tabeli w przypadku tworzenia

Bardziej szczegółowo

LAB 7. XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML

LAB 7. XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML Informatyka sem. III studia inżynierskie Transport 2018/19 LAB 7 XML EXtensible Markup Language - Rozszerzalny Język Znaczników XSD XML Schema Definition Definicja Schematu XML 1. Prosty dokument XML lab7_1.xml

Bardziej szczegółowo

XML extensible Markup Language 3

XML extensible Markup Language 3 XML extensible Markup Language 3 XSL transformations (XSLT) XSLT (ang. extensible Stylesheet Language Transformations) jest opartym na XML językiem transformacji dokumentów XML XSLT umożliwia przetłumaczenie

Bardziej szczegółowo

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2 Young Programmer: HTML+PHP Dr inż. Małgorzata Janik, Zajęcia #2 Ramowy program warsztatów Zajęcia 1: Zajęcia wprowadzające, HTML Zajęcia 2: Style CSS (tabele i kaskadowe arkusze stylów) Zajęcia 3: Podstawy

Bardziej szczegółowo

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) Struktura dokumentu tytuł strony sekcja nagłówka Tutaj wpisujemy

Bardziej szczegółowo

XML extensible Markup Language. część 3

XML extensible Markup Language. część 3 XML extensible Markup Language część 3 CSS Kaskadowe arkusze stylów CSS Kaskadowe arkusze stylów CSS to skrót od Cascading Style Sheets Style pozwalają definiować sposób wyświetlania elementów dokumentu

Bardziej szczegółowo

Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces

Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces wg http://www.w3.org/tr/css3-selectors/ http://courses.coreservlets.com/course-materials/pdf/jsf/jsf2/jsf2-

Bardziej szczegółowo

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński PROGRAMOWANIE KASKADOWE ARKUSZE STYLÓW CASCADING STYLE SHEETS Za pomocą HTML tworzymy strukturę dokumentu, jego elementy oraz treść CSS służy do opisu wyglądu struktury dokumentu, elementów oraz treści

Bardziej szczegółowo

TECHNOLOGIE SIECI WEB

TECHNOLOGIE SIECI WEB 1. Wybrane elementy sk³adni CSS TECHNOLOGIE SIECI WEB Prowadz¹cy: dr in. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydzia³ Elektrotechniki i Informatyki LABORATORIUM ÆWICZENIE nr

Bardziej szczegółowo

Prezentacja dokumentów XML

Prezentacja dokumentów XML Prezentacja dokumentów XML Patryk Czarnik Instytut Informatyki UW XML i nowoczesne technologie zarzadzania treścia 2011/12 Patryk Czarnik 06 Prezentacja XML 2011/12 1 / 64 1 Arkusze stylu Rozdzielenie

Bardziej szczegółowo

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385.

Źródła. cript/1.5/reference/ Ruby on Rails: http://www.rubyonrails.org/ AJAX: http://www.adaptivepath.com/publications/e ssays/archives/000385. Źródła CSS: http://www.csszengarden.com/ XHTML: http://www.xhtml.org/ XML: http://www.w3.org/xml/ PHP: http://www.php.net/ JavaScript: http://devedgetemp.mozilla.org/library/manuals/2000/javas cript/1.5/reference/

Bardziej szczegółowo

ROZPORZĄDZENIE RADY MINISTRÓW. z dnia 11 października 2005 r. (Dz. U. z dnia 28 października 2005 r.)

ROZPORZĄDZENIE RADY MINISTRÓW. z dnia 11 października 2005 r. (Dz. U. z dnia 28 października 2005 r.) Dz.U.05.212.1766 ROZPORZĄDZENIE RADY MINISTRÓW z dnia 11 października 2005 r. w sprawie minimalnych wymagań dla systemów teleinformatycznych (Dz. U. z dnia 28 października 2005 r.) Na podstawie art. 18

Bardziej szczegółowo

IOF INTERNET OFFER FORMAT

IOF INTERNET OFFER FORMAT Załącznik do oferty handlowej IOF INTERNET OFFER FORMAT dla sklepów internetowych wersja 2.5 Nasz sklep działa w oparciu o platformę IAI-Shop. Jedną z głównych i bardzo dla nas ważnych opcji tego systemu

Bardziej szczegółowo

Słowem wstępu. Część rodziny języków XSL. Standard: W3C XSLT razem XPath 1.0 XSLT Trwają prace nad XSLT 3.0

Słowem wstępu. Część rodziny języków XSL. Standard: W3C XSLT razem XPath 1.0 XSLT Trwają prace nad XSLT 3.0 Słowem wstępu Część rodziny języków XSL Standard: W3C XSLT 1.0-1999 razem XPath 1.0 XSLT 2.0-2007 Trwają prace nad XSLT 3.0 Problem Zakładane przez XML usunięcie danych dotyczących prezentacji pociąga

Bardziej szczegółowo

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2} Kaskadowe arkusze stylów (CSS) W trakcie projektowania własnego serwisu w języku HTML napotkamy problem z określeniem precyzyjnego pozycjonowania tekstu i grafiki oraz elastycznym formatowaniem tekstu.

Bardziej szczegółowo

2. Prezentacja wizualna

2. Prezentacja wizualna 2. Prezentacja wizualna 2.1. Opis rozdziału Rozdział ten przedstawia jak stworzyć przykładowy układ graficzny dla naszej gry w HTML5 i CSS3, które w dalszej części poradnika zostaną wykorzystane do stworzenia

Bardziej szczegółowo

Prezentacja i transformacja

Prezentacja i transformacja Prezentacja i transformacja Bartłomiej Świercz Katedra Mikroelektroniki i Technik Informatycznych Łódź, 21 października 2005 roku 1 Prezentacja Przykładowa aplikacja CSS- Cascading Style Sheets CSS2aXML

Bardziej szczegółowo

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny [ HTML ] Tabele 1. Tabela, wiersze i kolumny Opis tabeli znajdowad się powinien wewnątrz znaczników . W ich ramach umieszczone są definicje rzędów, komórek w rzędach oraz dane w komórkach.

Bardziej szczegółowo

INSTRUKCJA DLA AUTORÓW. INFORMATION FOR AUTHORS (Tłumaczenie tytułu artykułu w języku angielskim.)

INSTRUKCJA DLA AUTORÓW. INFORMATION FOR AUTHORS (Tłumaczenie tytułu artykułu w języku angielskim.) XVII Sympozjum Modelowanie i Symulacja Systemów Pomiarowych 20-24 września 2009r., Krynica INSTRUKCJA DLA AUTORÓW Imię i nazwisko autora(-ów) 1) STRESZCZENIE Niniejsza instrukcja dotyczy sposobu przygotowania

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Podstawy (X)HTML i CSS Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

Uwagi na temat formatowania tekstu referatów konferencji PLOUG

Uwagi na temat formatowania tekstu referatów konferencji PLOUG Uwagi na temat formatowania tekstu referatów konferencji PLOUG Imię i nazwisko autora Abstrakt. Abstrakt artykułu zamieszczanego w materiałach konferencyjnych PLOUG. Abstrakt piszemy stylem Abstract. Styl

Bardziej szczegółowo

Programowanie WEB PODSTAWY HTML

Programowanie WEB PODSTAWY HTML Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony

Bardziej szczegółowo

Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets)

Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets) Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets) Przykład użycia stylu

Bardziej szczegółowo

1. Przypisy, indeks i spisy.

1. Przypisy, indeks i spisy. 1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy

Bardziej szczegółowo

Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.

Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów. Kaskadowe arkusze stylów Kaskadowe arkusze stylów CSS (Cascading Style Sheets) służą do definiowania sposobu wyświetlania elementów HTML. Pozwalają np. określać rozmiar i kolor czcionki, definiować odstępy

Bardziej szczegółowo

Specyfikacja techniczna dot. mailingów HTML

Specyfikacja techniczna dot. mailingów HTML Specyfikacja techniczna dot. mailingów HTML Informacje wstępne Wszystkie składniki mailingu (pliki graficzne, teksty, pliki HTML) muszą być przekazane do melog.com dwa dni albo maksymalnie dzień wcześniej

Bardziej szczegółowo

KASKADOWE ARKUSZE STYLÓW CSS (ang. Cascading Style Sheets)

KASKADOWE ARKUSZE STYLÓW CSS (ang. Cascading Style Sheets) Sieci Komputerowe i Technologie Internetowe Materiał pomocniczy na podstawie fragmentu wykładu: KASKADOWE ARKUSZE STYLÓW CSS (ang. Cascading Style Sheets) Opracowanego przez dr inż. Dariusza Trawickiego

Bardziej szczegółowo

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06. Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional). Danuta ROZPŁOCH-NOWAKOWSKA Strona 1 2007-11-06 Moduł 4. Style Zajęcia poświęcone będą kaskadowym arkuszom stylów (por. slajdy 18.-27. z wykładu 2.) Wiele uwagi poświęcaliśmy do tej pory planowaniu szkieletu

Bardziej szczegółowo

Drukarka laserowa monochromatyczna Xerox Phaser 3052 V_NI drukowanie sieciowe Wi-Fi / LAN

Drukarka laserowa monochromatyczna Xerox Phaser 3052 V_NI drukowanie sieciowe Wi-Fi / LAN Dane aktualne na dzień: 26-06-2019 20:20 Link do produktu: https://agapo.pl/drukarka-laserowa-monochromatyczna-xerox-phaser-3052-v-ni-drukowanie-sieciowe-wi-filan-p-44436.html Drukarka laserowa monochromatyczna

Bardziej szczegółowo

Metaprogramowanie w Ruby

Metaprogramowanie w Ruby 24 marca 2011 Cechy języka Wieloparadygmatowy Imperatywny Typowanie Silne Dynamiczne Otwarte klasy Interpretowany Wszystko jest obiektem Moduły i mixiny Moduły Moduły pozwalają na łatwe włączanie ich kodu

Bardziej szczegółowo

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki

Bardziej szczegółowo

AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE

AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE AKADEMIA im. JANA DŁUGOSZA w CZĘSTOCHOWIE Wydział Matematyczno-Przyrodniczy Kierunek: nazwa kierunku Specjalność: nazwa specjalności JAN KOWALSKI Nr albumu:. TYTUŁ PRACY Praca przygotowana w nazwa zakładu/katedry

Bardziej szczegółowo

I. Pozycjonowanie elementów

I. Pozycjonowanie elementów Wykład 4 - część I. I. Pozycjonowanie elementów 1 I. Pozycjonowanie elementów Model blokowy Każdy element użyty w kodzie XHTML tworzy na stronie blok. W związku z tym strona XHTML w rzeczywistości składa

Bardziej szczegółowo

APLIKACJE INTERNETOWE 3 CSS - W Y G L Ą D S T R O N Y I N T E R N E T O W E J

APLIKACJE INTERNETOWE 3 CSS - W Y G L Ą D S T R O N Y I N T E R N E T O W E J APLIKACJE INTERNETOWE 3 CSS - W Y G L Ą D S T R O N Y I N T E R N E T O W E J PLAN PREZENTACJI Wprowadzenie do css Budowa stylu - selektor cecha wartość Klasa i identyfikator selektora Jednostki Miary

Bardziej szczegółowo

Możliwości - typy raportów. Ćwiczenie nr 1. (cd.) Prosty raport z kreatora. Ćwiczenie nr 1. Prosty raport z kreatora.

Możliwości - typy raportów. Ćwiczenie nr 1. (cd.) Prosty raport z kreatora. Ćwiczenie nr 1. Prosty raport z kreatora. Możliwości - typy raportów Oracle Reports Tabelaryczny Formularzowy Etykieta wysyłkowa List formularzowy Master - Detail Matrycowy (macierzowy) Macierz z grupą (c) 2000, Instytut Informatyki Politechniki

Bardziej szczegółowo