Inżynieria biomedyczna
|
|
- Agata Czerwińska
- 4 lat temu
- Przeglądów:
Transkrypt
1 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.
2 Ø Formatowanie dokumentów XSL:FO wykład 11 Kontakt: Jacek Rumiński Katedra Inżynierii Biomedycznej, pk. 106, tel.: , fax: , 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.
3 Istotną częścią specyfikacji XSL jest definiowanie obiektów formatujących (FormaRng Objects). Obiekty formatujące stanowią treść rozdziału 6 specyfikacji XSL 1.0. Umożliwiają odwzorowanie z formatu składowania danych na format prezentacji danych (w układzie składu tekstu). Specyfikacja określa zarówno składnię wykorzystania obiektów formatujących jak i ich pełny zestaw. Wykorzystywana przestrzeń nazw dla FO to: xmlns:fo="h\p:// Zastosowanie takiego opisu transformacji danych (XML) umożliwia generację (za pomocą odpowiedniego oprogramowania) docelowego dokumentu prezentacji danych, np. PDF. 3
4 Dokument formatujący XSL- FO jest dokumentem XML, a zarazem dokumentem XSL. Zawiera specjalne znaczniki, służące do ułożenia treści informacji na stronie o określonym (definiowanym) formacie. Ogólna postać pliku XSL- FO może wyglądać następująco: <?xml version="1.0" encoding="ue- 8"?> <fo:root xmlns:fo="hlp:// <fo:layout- master- set> <fo:simple- page- master master- name="a4"> <! Tu dane szablonu strony - - > </fo:simple- page- master> </fo:layout- master- set> <fo:page- sequence master- reference="a4"> <! Tu treść strony - - > </fo:page- sequence> </fo:root> 4
5 Opis prezentacji zaczyna się od obiektu formatującego <fo:layout- master- set>, który zawiera jeden lub więcej elementów typu page master lub page sequence master określających układ dokumentu, np. (in od inch - cale): <fo:simple- page- master master- name="all" page- height="297mm" page- width="210mm" margin- top="1in" margin- bolom="1in" margin- le_="0.5in" margin- right="0.5in"> <fo:region- body region- name="plan" margin- top="10in" margin- bolom="0in" margin- le_="4in" margin- right="0in"/> </fo:simple- page- master> 5
6 Formatowanie z XSL- FO umożliwia określenie prostokątnych bloków, w których będzie zawarta treść informacji (stała lub pobrana z dokumentu XML). Do podstawowych bloków zaliczamy: - strony, zawierające: - regiony, zawierające: - bloki, zawierające inne bloki lub: - wiersze (linie), zawierające: - fragmenty wierszy (inline). Wszelkie wymiarowanie układu bloków odbywa się z użyciem absolutnych lub względnych jednostek: cm - centymetr; mm - milimetr; in - cal=2.54cm pt - punkt = 1/72in, 1/72cala; pc pica=12pt; px - piksele (rozmiar zależy od ekranu); em (jednostka względna) określa bieżący rozmiar czcionki, np. 1.2em to rozmiar o 0.2 większy niż bieżący. 6
7 Odwzorowywanie oraz wprowadzanie własnego tekstu odbywa się w obrębie elementu <fo:flow>. Wartość atrybutu tego elementu flow- name określa gdzie przetwarzane dane mają być zawarte. Uprośćmy na razie tak, że zawartość elementy <fo:flow> to po prostu tekstowy zbiór informacji, np. Tu bedzie plan zajec!. Tekst ten chcemy rozmieścić na stronie w obrębie jakiegoś bloku. W tym celu zapiszmy dokument XSL- FO: <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" Format"> <fo:layout-master-set> <fo:simple-page-master master-name="all" page-height="297mm" page-width="210mm" margin-top="1in" margin-bottom="1in" margin-left="0.5in" margin-right="0.5in"> <fo:region-body region-name="plan" margintop="10in" margin-bottom="0in" margin-left="4in" margin-right="0in"/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="all"> <fo:flow flow-name="plan"> <fo:block> Tu bedzie plan zajec!</fo:block> </fo:flow> </fo:page-sequence> </fo:root> 7
8 Dokonajmy interpretacji powyższego zapisu: 1. najpierw dodajemy nagłówki xml i xsl 2. następnie główny układ stron, który nazywamy all 3. parametry układu strony to wymiar=a4 i marginesy w calach góra, dół 1 cal reszta 0,5 cala 4. na stronie definiujemy region o marginesach górny=10cali, lewy=4cale reszta 0, 5. region nazywamy plan 6. definiujemy element sekwencji stron (treści) w odniesieniu do układu stron (master- reference= all ) 7. w sekwencji stron umieszczamy element <fo:flow>, o nazwie, która pozwoli na odwzorowanie treści do regionu flow- name= plan, 8. element <fo:flow> definiuje blok, w którym będzie zawarty tekst, który to blok umieszczony zostanie w regionie na stronie. 8
9 Mając dokument XSL- FO (ze stałą wartością tekstu) pragniemy wygenerować docelową formę dokumentu, np. PDF. W tym celu musimy posłużyć się procesorem transformującym źródło do docelowego formatu. W przykładach z XSL wystarczyła przeglądarka. Teraz jednak chcemy uzyskać układ strony w PDF dlatego musimy posłużyć się procesorem FO, czyli specjalnie utworzony, programem przetwarzającym źródłowe dokumenty XSL- FO do danego formatu (np. PDF). W tym celu możemy posłużyć się licznymi programami komercyjnymi (np. Ecrion, XF Designer: render.exe - fo workplan.fo - pdf workplan.pdf lub analogicznie dla RenderX, XEP: h\p:// lub wykorzystać narzędzie darmowe Apache- FOP (które można pobrać ze strony h\p://xmlgraphics.apache.org/fop/download.html). Apache FOP dostarcza zarówno biblioteki programistyczne do transformacji dokumentów jaki skrypty uruchamiane z linii poleceń. 9
10 Po pobraniu Apache FOP wykonajmy następujące polecenie (używając fop.sh lub fop.bat, stosownie do systemu operacyjnego): fop workplan0.fo workplan.pdf W rezultacie (jeśli nie będzie błędów w budowie dokumentu.fo) otrzymamy wynik w postaci pliku PDF: 10
11 W celu zrozumienia znaczenia marginesów można przeprowadzić różne eksperymenty z wartościami marginesów i po wygenerowaniu PDF zobaczyć rezultaty. Przygotowując wydruk ważną rolę odgrywa rodzaj czcionki. W przypadku procesora Apache FOP można skonfigurować wczytywanie czcionek systemowych/własnych przez: edycję pliku konfiguracyjnego conf/fop.xconf dopisanie w nim linii: ( ) <renderers> <renderer mime="application/pdf"> <fonts> <directory>/users/jwr/desktop/fop-1.0/myfonts</directory> <auto-detect/> </fonts> ( ) uruchomienie skryptu z podaniem ścieżki do pliku konfiguracyjnego fop - c conf/fop.xconf workplan1.fo workplan1.pdf 11
12 <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master master-name="all" page-height="297mm" page-width="210mm" margin-top="1in" margin-bottom="1in" margin-left="0.5in" margin-right="0.5in"> <fo:region-body region-name="plan" margin-top="1in" margin-bottom="0in" margin-left="1in" margin-right="0in"/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="all"> <fo:flow flow-name="plan" font-family="georgia" font-size="40pt"> <fo:block> Tu będzie plan zajęć!</fo:block> </fo:flow> </fo:page-sequence> </fo:root> 12
13 Blok tekstu można formatować za pomocą szeregu atrybutów i elementów. Przykładowo atrybut border umożliwia dodanie ramki dookoła bloku, np. (czerwona ramka grubości 2 punktów): <fo:block text- align="jusafy" border="2pt solid red"> Tu będzie plan zajęć!</fo:block> Tworząc efekty graficzne można wykorzystać różnej formy ramki, obrazy, kolory, grafikę SVG, itp. Przykładowy, poniższy fragment ilustruje jak zaznaczyć pojedyncze słowo w wierszu tekstowym: <fo:block> Tu będzie plan <fo:inline background="green" border="3pt solid green"> zajęć </fo:inline> Jacka Rumińskiego</ fo:block>, co umożliwia wygenerowanie rezultatu pokazanego na rysunku 13
14 Formatowanie tekstu możliwe jest poprzez szereg własności dotyczących czcionek (np.: font- family, font- weight, font- style, font- size, font- variant) I położenia tekstu w ramach bloku (np.: text- align, text- align- last, text- indent, start- indent, end- indent, break- before, break- awer, reference- orientaron). Przykładowo układ strony typu landscape można uzyskać ustawiając własność strony reference- orientaron= 90 (np. atrybut elementu simple- page- master). Kolejny przykład demonstruje możliwość wykorzystania grafiki wektorowej definiowanej przez inny dialekt XML, czyli SVG. Obiekty SVG mogą być zanurzone w dokumencie XSL- FO (prostokąt wypełniony gradientem kolorów oraz tekst): 14
15 <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master master-name="all" page-height="297mm" page-width="210mm" margin-top="10mm" margin-bottom="10mm" margin-left="10mm" margin-right="10mm"> <fo:region-body region-name="plan" margin-top="0in" margin-bottom="0in" margin-left="1in" margin-right="0in"/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="all"> <fo:flow flow-name="plan" font-family="georgia" font-size="40pt"> <fo:block> <fo:instream-foreign-object content-height="200mm"> <svg xmlns=" width="150mm" height="200mm"> </fo:block> </fo:flow> </fo:page-sequence> </fo:root> <radialgradient id="grad" gradientunits="userspaceonuse" cx="60mm" cy="70mm" r="50mm" fx="60mm" y="70mm"> <stop stop-color="blue" offset="0"/> <stop stop-color="green" offset="0.4"/> <stop stop-color="yellow" offset="0.6"/> <stop stop-color="orange" offset="0.8"/> <stop stop-color="red" offset="1.0"/> </radialgradient> <rect x="10mm" y="20mm" width="100mm" height="100mm" fill="url(#grad)" stroke-width="1mm"/> <text font-family="georgia" font-size="36pt" x="10mm" y="130mm"> Przykład SVG! </text> </svg> </fo:instream-foreign-object> 15
16 16
17 Zanim przejdziemy do możliwości pobierania danych z dokumentu XML do XSL- FO rozważmy jeszcze problem sekwencji stron, czyli podziału tekstu na kolejne bloki. Sekwencję stron docelowego dokumentu uzyskuje się poprzez zastosowanie elementów <fo:page- sequence>. Każda strona odwołuje się do wzorca strony (page master), który określa układ danej strony. Treść strony końcowej ujęta jest w poznanym już elemencie <fo:flow>. Wypełniając docelową stronę tekstem (pobieranym z <fo:flow>) może się okazać, że tekst zajmie więcej niż jedną stronę wydruku. Wówczas utworzona zostanie kolejna strona (o tym samym układzie page master), później kolejna, aż do wydrukowania całego tekstu źródłowego. 17
18 Element <fo:flow> posiada atrybut flow- name. Atrybut ten może przyjąć jedną z predefiniowanych wartości: xsl- region- body (środek- ciało regionu), xsl- region- before (nagłówek), xsl- region- awer (stopka), xsl- region- start (lewa kolumna), xsl- region- end (prawa kolumna). 18
19 Blok (<fo:block>) posiada również wyróżnialne obszary otaczające ciało (treść) bloku, są to: space before oraz space awer czyli wolny obszar przed i po bloku margin margines wokół bloku border ramka bloku padding obszar pomiędzy ramką, a treścią bloku content treść bloku. Rozpatrzmy prosty przykład dodania bloku tekstu do ciała region: 19
20 <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master master-name="tytul" margin="10mm" page-height="297mm" pagewidth="210mm"> <fo:region-body margin="60mm"/> </fo:simple-page-master> <fo:page-sequence-master master-name="stronatytulowa"> <fo:single-page-master-reference master-reference="tytul"/> </fo:page-sequence-master> </fo:layout-master-set> <fo:page-sequence master-reference="stronatytulowa"> <fo:flow flow-name="xsl-region-body" font-family="georgia" font-size="30pt"> <fo:block text-align="center" text-indent="2mm" border="2pt solid red"> Raport z XML-FO. </fo:block> </fo:flow> </fo:page-sequence> </fo:root> 20
21 W układzie strony (layout- master) zdefiniowano prosty układ strony (simple- page- master) A4 wraz z regionem o marginesach z 4 stron równych 6cm. Następnie zdefiniowano drugi prosty układ strony odwołując się do pierwszego (reference= tytul ). Służy to wyłącznie celom demonstracyjnym. Dalej, zapisano sekwencję stron (page- sequence), od której żąda się zgodności z prostym układem strony o nazwie stronatytulowa (czyli tak naprawdę z układem tytul ). Po transformacji do PDF otrzymamy efekt ukazany na rysunku 21
22 Strony przygotowywanego dokumentu są grupowane w sekwencję stron. Prześledźmy teraz przykład, w który utworzono dodatkowy układ strony na treść dokumentu (czyli kolejne strony po stronie tytułowej) i zastosowano taki układ dla dużej ilości tekstu. Duża ilość wierszy tekstu spowoduje, że wygenerowana zostanie taka liczba stron, aby cały tekst był wykorzystany. Dodatkowo w poniższym przykładzie pokazano możliwość wykorzystania nagłówka (region- before) oraz stopki (region- awer), jak również numerowanie stron. 22
23 <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master master-name="tytul" margin="10mm" page-height="297mm" page-width="210mm"> <fo:region-body margin="60mm"/> </fo:simple-page-master> <fo:page-sequence-master master-name="stronatytulowa"> <fo:single-page-master-reference master-reference="tytul"/> </fo:page-sequence-master> <fo:simple-page-master master-name="tresc" margin="15mm" page-height="297mm" page-width="210mm"> <fo:region-body margin="15mm" /> <fo:region-before region-name="naglowek" extent="15mm" /> <fo:region-after region-name="stopka" extent="15mm" /> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="stronatytulowa"> <fo:flow flow-name="xsl-region-body" font-family="georgia" font-size="30pt"> <fo:block text-align="center" text-indent="2mm" border="2pt solid red"> Raport z XML-FO. </fo:block> </fo:flow> </fo:page-sequence> 23
24 <fo:page-sequence master-reference="tresc"> <fo:static-content flow-name="naglowek"> <fo:block border-bottom-width="thin" border-bottom-style="solid" border-bottom-color="blue" font-weight="bold" text-align="center"> Raport z XML-FO </fo:block> </fo:static-content> <fo:static-content flow-name="stopka"> <fo:block border-top-width="thin" border-top-style="solid" border-top-color="blue" font-weight="bold" text-align="center"> Jacek W. Ruminski, strona <fo:page-number/> </fo:block> </fo:static-content> <fo:flow flow-name="xsl-region-body" font-family="georgia" font-size="12pt"> <fo:block text-align="justify" text-indent="2mm" > Omawiając pojęcie reprezentacja informacji (i dużo więcej tekstu...) </fo:block> </fo:flow> </fo:page-sequence> </fo:root> 24
25 25
26 Tekst na kolejnych stronach można ciekawie układać np. w wielu kolumn. W tym celu wystarczy ustawić odpowiednie atrybuty dla elementu <fo:region- body>, np. dla poprzedniego przykładu: <fo:simple-page-master master-name="tresc" margin="15mm" page-height="297mm" pagewidth="210mm"> <fo:region-body margin="15mm" column-gap="10mm" column-count="2"/> <fo:region-before region-name="naglowek" extent="15mm" /> <fo:region-after region-name="stopka" extent="15mm" /> </fo:simple-page-master> Taki układ wygeneruje dwie kolumny tekstu z odstępem pomiędzy nimi wielkości 1cm. Pokazano to na rysunku 26
27 27
28 Ostatnim elementem, jaki zostanie tu omówiony będzie tabela. W celu wygenerowania w dokumencie docelowym tabeli można wykorzystać szereg elementów XSL- FO: fo:table- and- capron, fo:table, fo:table- capron, fo:table- column, fo:table- header, fo:table- footer, fo:table- body, fo:table- row, fo:table- cell. 28
29 <?xml version="1.0" encoding="u{- 8"?> <fo:root xmlns:fo="h\p:// <fo:layout- master- set> <fo:simple- page- master master- name="all" page- height="210mm" page- width="297mm" margin="10mm"> <fo:region- body region- name="plan" margin="5mm"/> </fo:simple- page- master> </fo:layout- master- set> <fo:page- sequence master- reference="all"> <fo:flow flow- name="plan" font- family="georgia" font- size="20pt"> <fo:table border- collapse="collapse" font- size="14pt" font- family="arial"> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- column column- width="20%"/> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- column column- width="20%"/> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- header color="rgb(255,255,255)" background- color="rgb(125,73,2)" font- weight="bold"> <fo:table- row> <fo:block> Poniedziałek </fo:block> <fo:block> Wtorek</fo:block> <fo:block>środa </fo:block> <fo:block>czwartek</fo:block> <fo:block>piątek </fo:block> </fo:table- row> </fo:table- header> 29
30 <fo:table- body> <fo:table- row> <fo:block>plan dla poniedziałku </fo:block> <fo:block>plan dla wtorku</fo:block> <fo:block>plan dla środy</fo:block> <fo:block>plan dla czwartku</fo:block> <fo:block>plan dla piątku</fo:block> </fo:table- row> </fo:table- body> </fo:table> </fo:flow> </fo:page- sequence> </fo:root> 30
31 Ostatnią częścią omówienia XSL- FO będzie metoda powiązania informacji w dokumencie XML z arkuszem XSL- FO i wygenerowanie wyjściowego formatu prezentacji informacji. Połączenie XML z XSL- FO nie jest złożone, albowiem odbywa się to tak samo jak we wcześniejszych przykładach z XSLT (przecież XSL- FO to też XSL). Typowe zastosowanie: <xsl:template match="tu_xpath_do_xml"> <fo:block> //oczywiście tworząc odpowiednie formatowanie <xsl:apply- templates/> </fo:block> </xsl:template> 31
32 <?xml version="1.0" encoding="u{- 8"?> <xsl:stylesheet version="1.0" xmlns:xsl="h\p:// <xsl:template match="/"> <fo:root xmlns:fo="h\p:// <fo:layout- master- set> <fo:simple- page- master master- name="all" page- height="210mm" page- width="297mm" margin="10mm"> <fo:region- body region- name="plan" margin="16mm"/> <fo:region- before region- name="naglowek" extent="15mm" /> </fo:simple- page- master> </fo:layout- master- set> <fo:page- sequence master- reference="all"> <fo:starc- content flow- name="naglowek"> <fo:block border- bo\om- width="thin" border- bo\om- style="solid" border- bo\om- color="blue" font- family="georgia" font- size="20pt" font- weight="bold" text- align="center"> PLAN ZAJĘĆ JACKA RUMIŃSKIEGO, ROK: <xsl:value- of </fo:block> </fo:starc- content> <fo:flow flow- name="plan" font- family="georgia" font- size="20pt" 32
33 <fo:table border- collapse="collapse" font- size="14pt" font- family="arial"> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- column column- width="20%"/> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- column column- width="20%"/> <fo:table- column column- width="20%" background- color="rgb(255,246,206)"/> <fo:table- header color="rgb(255,255,255)" background- color="rgb(125,73,2)" font- weight="bold"> <fo:table- row> <fo:block> Poniedziałek </fo:block> <fo:block> Wtorek</fo:block> <fo:block>środa </fo:block> <fo:block>czwartek</fo:block> <fo:block>piątek </fo:block> </fo:table- row> </fo:table- header> 33
34 <fo:table- body> <fo:table- row> <xsl:for- each select="//monday/*"> <fo:block><xsl:apply- templates select="."/></fo:block> <fo:block /> </xsl:for- each> <xsl:for- each select="//tuesday/*"> <fo:block><xsl:apply- templates select="."/></fo:block> <fo:block /> </xsl:for- each> <xsl:for- each select="//wednesday/*"> <fo:block><xsl:apply- templates select="."/></fo:block> <fo:block /> </xsl:for- each> <xsl:for- each select="//thursday/*"> <fo:block><xsl:apply- templates select="."/></fo:block> <fo:block /> </xsl:for- each> <xsl:for- each select="//friday/*"> <fo:block><xsl:apply- templates select="."/></fo:block> <fo:block /> </xsl:for- each> </fo:table- row> </fo:table- body> </fo:table> </fo:flow></fo:page- sequence> 34
35 </fo:root> </xsl:template> <xsl:template match="lecture"> <xsl:value- of <xsl:text> {</xsl:text> <xsl:value- of <xsl:text>}: </xsl:text> <xsl:value- of select="name()"/> <xsl:text>: </xsl:text> <xsl:value- of select="."/> </xsl:template> <xsl:template match="meerng"> <xsl:value- of <xsl:text> {</xsl:text> <xsl:value- of <xsl:text>}: </xsl:text> <xsl:value- of select="name()"/> <xsl:text>: </xsl:text> <xsl:value- of select="."/> </xsl:template> <xsl:template match="lab"> <xsl:text> </xsl:text> <xsl:value-of <xsl:text> {</xsl:text> <xsl:value-of <xsl:text>}: </xsl:text> <xsl:value-of select="name()"/> <xsl:text>: </xsl:text> <xsl:value-of select="."/> </xsl:template> <xsl:template match="project"> <xsl:value-of <xsl:text> {</xsl:text> <xsl:value-of <xsl:text>}: </xsl:text> <xsl:value-of select="name()"/> <xsl:text>: </xsl:text> <xsl:value-of select="."/> </xsl:template> </xsl:stylesheet> 35
36 Wygenerowanie pliku PDF wymaga podania 3 parametrów (dane: XML, arkusz stylu:xsl z FO oraz format docelowy PDF) do procesora XSL- FO: fop - c conf/fop.xconf - xml workplan.xml - xsl workplanjwr.xsl workplanjwr.pdf 36
37 Tworzenie arkuszy stylów z XSL FO daje bardzo dużo możliwości, lecz jest pracochłonne. Gotowy arkusz można znacznie szybciej uzyskać stosują gotowe programy wspomagające projektowanie układu stron metoda WYSIWYG (ang. What You See Is What You Get to co widzisz, będzie tym co otrzymasz). Przykładem takiego programu jest Ecrion, XF Designer. 37
38 Wynik transformacji: 38
39 Podsumowanie 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.
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ółowoOgólna struktura dokumentu XSL-FO. Model formatowania. Ogólna struktura dokumentu XSL-FO C.d. Przykład Hello World Użycie szablonu strony
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 http://www.icsr.agh.edu.pl/~polak/
Bardziej szczegółowoXML 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ółowoSłuży do wybierania/wyszukiwania fragmentów dokumentu XML. Przypomina trochę ścieżki w systemie operacyjnym. Niech będzie dany dokument XML:
Podstawy XPATH Służy do wybierania/wyszukiwania fragmentów dokumentu XML. Przypomina trochę ścieżki w systemie operacyjnym. Niech będzie dany dokument XML:
Bardziej szczegółowoZnaczniki języka HTML
www.math.uni.lodz.pl/ radmat Elementy inline ... Elementy inline ... ... Elementy inline ... ... ... Elementy inline
Bardziej szczegółowoTabele. 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ółowoXML 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ółowoJę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ółowoI. Dlaczego standardy kodowania mailingów są istotne?
1 Tabela zawartości: I. Dlaczego standardy kodowania mailingów są istotne? 3 II. Budowa nagłówka wiadomości. 4 III. Style kaskadowe CSS. 4 IV. Elementarna budowa szablonu. 6 V. Podsumowanie. 9 2 I. Dlaczego
Bardziej szczegółowoYoung 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ółowoKurs 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<body> <div style="max-width: 900px; margin: 0 auto;">
Załącznik Nr 2 do Uchwały Nr XXVII.144.2016 Rady Gminy Brańszczyk z dnia 28 czerwca 2016 roku
Bardziej szczegółowoXSL, 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ółowoXML 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ółowoPlan prezentacji. Krótko o XML Arkusze stylów XSLT XSL XSL Path Przegląd konstrukcji języka i przykłady Narzędzia Podsumowanie Literatura
XSLT Dariusz Dudek Plan prezentacji Krótko o XML Arkusze stylów XSLT XSL XSL Path Przegląd konstrukcji języka i przykłady Narzędzia Podsumowanie Literatura Cechy XML a Rozszerzalny język znaczników Stworzony
Bardziej szczegółowoRodzaje 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ółowoSł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ółowoDokument 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ółowoAlfabetyczna lista stylów
Tematy: Kaskadowe arkusze stylów Alfabetyczna lista stylów Uwaga: wiele stylów CSS3 nie jest ciągle interpretowanych przez przeglądarki Styl Znaczen CSS1 CSS2 CSS3 IE FF A animation Zbiorcza definicja
Bardziej szczegółowoSIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE
Politechnika Gdańska Wydział Elektrotechniki i Automatyki Katedra Inżynierii Systemów Sterowania SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE Temat: Prosty serwis internetowy oparty o zestaw powiązanych
Bardziej szczegółowoCSS - 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Ć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ółowoInż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ółowoGRID LAYOUT. Waldemar Korłub. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska
GRID LAYOUT Waldemar Korłub Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska Pozycjonowanie elementów na stronie 2 Atrybuty position/float Rozwiązania z czasów przed rewolucją mobilną FlexBox
Bardziej szczegółowoPrzetwarzanie dokumentów XML za pomocą XSLT (30.03.2015 r.)
Przetwarzanie dokumentów XML za pomocą XSLT (30.03.2015 r.) Przetwarzanie dokumentów XML oznacza zwykle, wyłuskanie z nich danych oraz przetwarzanie ich na inny format np HTML lub PDF. Jedną z metod przekształcania
Bardziej szczegółowoLaboratorium 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ółowoPrezentacja 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ółowoJęzyk XSLT. UEK w Krakowie Janusz Stal & Grażyna Paliwoda-Pękosz. UEK w Krakowie Janusz Stal & Grażyna Paliwoda-Pękosz
Język XSLT Po zrealizowaniu materiału student będzie w stanie Dokonać przekształcenia zawartości dokumentu XML do formatu HTML oraz TXT Realizować przetwarzanie warunkowe dokumentu XML Formatować wartości
Bardziej szczegółowoPrzetwarzanie dokumentów XML i zaawansowane techniki WWW Przetwarzanie dokumentów XML za pomocą procesora XSLT (Zajęcia r.
Przetwarzanie dokumentów XML i zaawansowane techniki WWW Przetwarzanie dokumentów XML za pomocą procesora XSLT (Zajęcia 06 11.04.2016 r.) Przetwarzanie dokumentów XML oznacza zwykle, wyłuskanie z nich
Bardziej szczegółowoCzęsto używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.
Tabele Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów. Ramy tabeli Ramy tabeli tworzone są za pomocą polecenia: Cała zawartość
Bardziej szczegółowoPROGRAMOWANIE. 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ółowoTechnologie 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ółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoLaboratorium 1 (ZIP): Style
Wojciech Myszka Laboratorium 1 (ZIP): Style Spis treści 1. Wstęp............................................. 1 1.1. Cel laboratorium.................................... 1 1.2. Wymagania.......................................
Bardziej szczegółowoDokumentacja WebMaster ver 1.0
1 Wstęp Dokumentacja WebMaster ver 1.0 Dokumentacja ta przeznaczona jest dla webmasterów, grafików, programistów. Przedstawia ona strukturę aplikacji SOTEeSKLEP, opisuje działanie oraz wyjaśnia m.in. jak
Bardziej szczegółowoPodstawy pozycjonowania CSS
Podstawy pozycjonowania CSS Żeby pokazać w jaki sposób przeglądarka rozkłada elementy na stronie posłużę się prostym przykładowym fragmentem kodu html. div id="before"
Bardziej szczegółowoTworzenie 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ółowoWitryny i aplikacje internetowe
Test z przedmiotu Witryny i aplikacje internetowe Zadanie 1 Kod języka HTML przedstawi tabelę składającą się z dwóch
Bardziej szczegółowoHTML (HyperText Markup Language) hipertekstowy język znaczników
HTML (HyperText Markup Language) hipertekstowy język znaczników Struktura dokumentu tytuł strony
Bardziej szczegółowoNazwa 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ółowoJę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ółowoBudowa aplikacji wielowarstwowych. Zastosowanie Kaskadowych arkuszy stylów (CSS)
Budowa aplikacji wielowarstwowych. Zastosowanie Kaskadowych arkuszy stylów (CSS) Laboratorium 7 Technologie internetowe Zofia Kruczkiewicz TINT_Lab_7, Zofia Kruczkiewicz 1 Wykaz pytań dotyczących materiału
Bardziej szczegółowoMETODY REPREZENTACJI INFORMACJI
Politechnika Gdańska Wydział Elektroniki, Telekomunikacji i Informatyki Magisterskie Studia Uzupełniające METODY REPREZENTACJI INFORMACJI Ćwiczenie 1: Budowa i rozbiór gramatyczny dokumentów XML Instrukcja
Bardziej szczegółowoPrezentacja 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ółowoSystem imed24 Instrukcja Moduł Analizy i raporty
System imed24 Instrukcja Moduł Analizy i raporty Instrukcja obowiązująca do wersji 1.8.0 Spis treści 1. Moduł Analizy i Raporty... 3 1.1. Okno główne modułu Analizy i raporty... 3 1.1.1. Lista szablonów
Bardziej szczegółowoPrezentacja 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ółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoI. Wstawianie rysunków
I. Wstawianie rysunków Wstawiane rysunku Bez parametrów: Tekst alternatywny Tytuł obrazka
Bardziej szczegółowoDodawanie grafiki i obiektów
Dodawanie grafiki i obiektów Word nie jest edytorem obiektów graficznych, ale oferuje kilka opcji, dzięki którym można dokonywać niewielkich zmian w rysunku. W Wordzie możesz zmieniać rozmiar obiektu graficznego,
Bardziej szczegółowoJednostki miar stosowane w CSS
Wprowadzenie CSS (ang. Cascading Style Sheets) jest językiem służącym do opisu sposobu prezentowania informacji na stronach WWW, który został opracowany przez organizację W3C. Często skrót ten tłumaczony
Bardziej szczegółowoPowtórzenie materiału: CSS3 Spis treści
Powtórzenie materiału: CSS3 Spis treści Kolory...2 Jednostki...3 Czcionka...3 Elementy blokowe...3 Cienie...5 Gradient...5 Zgodność z przeglądarkami...6 Kolory Wartości kolorów w CSS podawać można na 4
Bardziej szczegółowoXML extensible Markup Language. część 6
XML extensible Markup Language część 6 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ółowoZadanie 9. Projektowanie stron dokumentu
Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci
Bardziej szczegółowoWprowadzenie 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ółowoUkład informacji i powiązań między danymi w deklaracji w formacie XML
Załącznik nr 2 do Uchwały Nr... Rady Miejskiej w Czerwionce-Leszczynach z dnia... Układ informacji i powiązań między danymi w deklaracji w formacie XML
Bardziej szczegółowoAdobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
Bardziej szczegółowoLab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS
Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS Cel ćwiczenia: zapoznanie się z pojęciem stylów w dokumentach. Umiejętność stosowania stylów do automatycznego przygotowania
Bardziej szczegółowoKró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ółowoXML i nowoczesne metody zarządzania treścią
XML i nowoczesne metody zarządzania treścią Wykład 14: Studium przypadku: System SET Władysław Baksza, Maciej Ogrodniczuk MIMUW, 14 stycznia 2010 Wykład 14: Studium przypadku: System SET XML i nowoczesne
Bardziej szczegółowoDanuta 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ółowoXML 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ółowoużywane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów
opracowanie I. K. używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów ISO-8859-2 - norma międzynarodowa określająca sposób kodowania
Bardziej szczegółowoAplikacje 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ółowo8.2 Drukowanie arkusza kalkulacyjnego
przede wszystkim zastanów się, co chcesz pokazać na wykresie (te same dane można pokazać na różne sposoby, uwypuklając różne ich aspekty) zaznacz zakres danych jeszcze przed wywołaniem kreatora wykonaj
Bardziej szczegółowoProgramowanie WEB PODSTAWY HTML
Programowanie WEB PODSTAWY HTML Najprostsza strona HTML tytuł strony To jest moja pierwsza strona WWW. tytuł strony
Bardziej szczegółowoMODUŁ AM3: PRZETWARZANIE TEKSTU
ECDL ADVANCED ECDL-A EUROPEJSKI CERTYFIKAT UMIEJĘTNOŚCI KOMPUTEROWYCH POZIOM ZAAWANSOWANY MODUŁ AM3: PRZETWARZANIE TEKSTU Syllabus v. 1.0 Oficjalna wersja jest dostępna w serwisie WWW Polskiego Biura ECDL
Bardziej szczegółowoUCHWAŁA NR L/932/13 RADY MIASTA MYSŁOWICE. z dnia 19 grudnia 2013 r.
UCHWAŁA NR L/932/13 RADY MIASTA MYSŁOWICE z dnia 19 grudnia 2013 r. w sprawie określenia warunków i trybu składania deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi za pomocą środków
Bardziej szczegółowoXPath 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ółowoWYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV
WYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV dopuszczający dostateczny dobry bardzo dobry celujący Potrafi wymienić Samodzielnie
Bardziej szczegółowoAdobe InDesign lab. 2 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Dokument wielostronicowy Książka Eksport do PDF... 7.
Spis treści: 1 Dokument wielostronicowy... 2 1.1 Książka... 2 1.2 Eksport do PDF... 7 strona 1 z 7 1 Dokument wielostronicowy Poniższa instrukcja zawiera przykład procedury projektowania dokumentów wielostronicowych
Bardziej szczegółowoBox 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ółowo1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę
1. Narzędzia główne: wycinamy tekst, grafikę stosowanie formatowania tekstu i niektórych podstawowych elementów graficznych umieszczane są wszystkie kopiowane i wycinane pliki wklejenie zawartości schowka
Bardziej szczegółowoPodstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski
Podstawy HTML i CSS Grzegorz Arkit Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski 13 października 2016 G. Arkit (WMIiE) Podstawy HTML i CSS 13 października 2016 1 / 20 Informacja
Bardziej szczegółowoLABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE
LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE 1. TABELE 1.1. Definicja tabeli Definicja tabeli musi być umieszczona między znacznikami. W ich ramach umieszczane są definicje rzędów
Bardziej szczegółowoE.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ółowoWAŻNE! colour.me Google Fonts tutaj
Otwieramy dokument, ustalamy podstawowe parametry. 1. Wpisujemy liczbę stron w tym przypadku będą to 2 (przód i tył). 2. Ustalamy rozmiar docelowy w tym przypadku 85x55 mm. 3. Odznaczamy opcję: strony
Bardziej szczegółowowww.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ółowoZadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki
Zadaniem tego laboratorium będzie zaznajomienie się z podstawowymi możliwościami kompozycji strony i grafiki Edytory tekstu oferują wiele możliwości dostosowania układu (kompozycji) strony w celu uwypuklenia
Bardziej szczegółowoModel 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ółowoXPath XML Path Language. XSL Extensible Stylesheet Language. Wyrażenia XPath. XPath data model. Location paths. Osie (axes)
XPath XML Path Language 6 listopada 2003 XSL Extensible Stylesheet Language Problem: jednoznaczne adresowanie fragmentów struktury dokumentu XML. Rozwiązanie: drzewiasty model struktury dokumentu, normalizacja
Bardziej szczegółowoUkłady witryn internetowych
1. CEL ĆWICZENIA Celem ćwiczenia jest zapoznanie się z możliwościami kaskadowych arkuszy stylów CSS w zakresie kontrolowania położenia elementów na stronie. 2. MATERIAŁ NAUCZANIA W normalnym układzie opartym
Bardziej szczegółowoplansoft.org Zmiany w Plansoft.org
Zmiany w Plansoft.org Mapy Google... 1 Tworzenie mapy... 2 Wprowadzanie szerokości i długości geograficznej... 2 Tworzenie mapy... 2 Dostosowanie wyglądu mapy... 3 Ograniczanie liczby zasobów do wyświetlenia
Bardziej szczegółowoPrezentacja i transformacja
Prezentacja i transformacja Bartłomiej Świercz Katedra Mikroelektroniki i Technik Informatycznych Łódź, 11 kwietnia 2010 Prezentacja i transformacja CSS2a Ważną cechą dokumentów XML jest ich łatwa prezentacja
Bardziej szczegółowoExtensible Markup Language III
KIiMK 2010 Plan XSLT-transformacje dokumentów 1 XSLT-transformacjedokumentów Informacje o XSLT Przykład transformacji 2 3 Informacje o XSLT Przykład transformacji Informacje o XSLT Przykład transformacji
Bardziej szczegółowoDzię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ółowoMS Word ćwiczenia praktyczne
Wydział Elektryczny Katedra Elektrotechniki Teoretycznej i Metrologii Instrukcja do pracowni z przedmiotu Podstawy Informatyki Kod przedmiotu: TS1C 100 003 Ćwiczenie pt. MS Word ćwiczenia praktyczne Numer
Bardziej szczegółowoSylabus Moduł 2: Przetwarzanie tekstów
Sylabus Moduł 2: Przetwarzanie tekstów Niniejsze opracowanie przeznaczone jest dla osób zamierzających zdać egzamin ECDL (European Computer Driving Licence) na poziomie podstawowym. Publikacja zawiera
Bardziej szczegółowoWykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska.
Wykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA Waldemar Korłub Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska Grafika rastrowa 2 Plik graficzny jako siatka pixeli (bitmapa)
Bardziej szczegółowo1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji
Scenariusz lekcji 1 TEMAT LEKCJI: Formatowanie treści oraz grafika w kodzie HTML 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: wymienić i scharakteryzować zasady tworzenie czytelnych, atrakcyjnych i estetycznych
Bardziej szczegółowoOKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY
Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Rozwoju Regionalnego w ramach Programu Operacyjnego
Bardziej szczegółowoAplikacje internetowe laboratorium XML, DTD, XSL
Aplikacje internetowe laboratorium XML, DTD, XSL Celem ćwiczenia jest stworzenie dokumentu XML, wyposażenie dokumentu w specyfikację struktury (przy użyciu DTD), oraz transformacja dokumentu XML do postaci
Bardziej szczegółowoRozkład materiału realizacji informatyki w szkole podstawowej w wymiarze 1;1;2 godziny w cyklu trzyletnim
Rozkład materiału realizacji informatyki w szkole podstawowej w wymiarze 1;1; w cyklu trzyletnim Autor: Danuta Kiałka Podręcznik: Informatyka Europejczyka (149/05) Danuta Kiałka z zespołem Program nauczania:
Bardziej szczegółowoECDL/ICDL Zaawansowane przetwarzanie tekstów Moduł A1 Sylabus, wersja 2.0
ECDL/ICDL Zaawansowane przetwarzanie tekstów Moduł A1 Sylabus, wersja 2.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Zaawansowane przetwarzanie tekstów. Sylabus
Bardziej szczegółowoCzcionki. Rodzina czcionki [font-family]
Czcionki W tej lekcji nauczysz się o czcionkach i jak nimi manipulować przy pomocy CSS. Omówimy także pewien problem, gdzie wybrana czcionka jest przedstawiana na stronie tylko gdy jest ona zainstalowana
Bardziej szczegółowoKATEGORIA OBSZAR WIEDZY
Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z
Bardziej szczegółowoSpis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19
Spis treści Wstęp...z... 5 Rozdział 1. Nowa witryna sieci Web...z... 7 Tworzenie szkieletu witryny...s... 7 Ustawienia witryny...s...s... 8 Hierarchia witryny...s...s... 10 Nazwy i tytuły stron...s...s..
Bardziej szczegółowoTworzenie szablonów użytkownika
Poradnik Inżyniera Nr 40 Aktualizacja: 12/2018 Tworzenie szablonów użytkownika Program: Plik powiązany: Stratygrafia 3D - karty otworów Demo_manual_40.gsg Głównym celem niniejszego Przewodnika Inżyniera
Bardziej szczegółowo1. 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ółowoECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0
ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i
Bardziej szczegółowoTemat bardzo mądrego referatu maksymalnie na dwie linijki tekstu
Tutaj logo szkoły Gimnazjum nr 72 ul. Wysoka 8/12 00-155 Warszawa Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu Opiekun merytoryczny: Zofia Zatorska Opiekun techniczny: Ewa Kołodziej
Bardziej szczegółowo