XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt

Ed. Féléves XML-HTML munka 1.0.0

XML-HMTL Beadandó Dolgozat i

XML-HMTL Beadandó Dolgozat Avagy, mit sikerült validálnunk fél év alatt



XML-HMTL Beadandó Dolgozat ii

Copyright © 2009 Varga Krisztina, Varga Máté

Nevezd meg!-Ne add el!-Ne változtasd! 3.0 Unported

Some Rights Reserved Szabadon másolhatod, terjesztheted, bemutathatod és el˝oadhatod a m˝uvet Származékos m˝uveket (feldolgozásokat) hozhatsz létre Nevezd meg! — A szerz˝o vagy a jogosult által meghatározott módon fel kell tüntetned a m˝uhöz kapcsolódó információkat (pl. a szerz˝o nevét vagy álnevét, a M˝u címét). Ne add el! — Ezt a m˝uvet nem használhatod fel kereskedelmi célokra. Így add tovább! — Ha megváltoztatod, átalakítod, feldolgozod ezt a m˝uvet, az így létrejött alkotást csak a jelenlegivel megegyez˝o licenc alatt terjesztheted. A teljes egyszer˝usített változat a http://creativecommons.org/licenses/by-nc-nd/3.0/deed.hu oldalon található. Figyelmeztetés: Ez az Egyszer˝usített változat nem licenc, csupán egy tömör kivonata a Jogi változatnak (vagyis a licenc teljes szövegének). Nincs más célja, mint hogy közérthet˝o nyelven fogalmazza meg a licenc tartalmának lényegét. Tekintsd úgy, hogy ez egy "felhasználóbarát" interfész a Jogi változathoz. Az Egyszer˝usített változatnak jogi szempontból nincs jelent˝osége és a szövegét maga a licenc nem tartalmazza. A Creative Commons nem ügyvédi iroda, nem nyújt jogi tanácsadást. Az Egyszer˝usített változat terjesztése, bemutatása, vagy link elhelyezése nem hoz létre megbízási jogviszonyt. Ez a Legal Code (Jogi változat, vagyis a teljes licenc) szövegének közérthet˝o nyelven megfogalmazott kivonata.


XML-HMTL Beadandó Dolgozat iii

COLLABORATORS TITLE : XML-HMTL Beadandó Dolgozat ACTION

NAME

DATE

SIGNATURE

WRITTEN BY

Varga, Krisztina Ã©s Varga, Máté

2009. december 10.

REVISION HISTORY NUMBER

DATE

DESCRIPTION

NAME

0.1.1

2009. november 26.

Legeneráltuk a dolgozat elso˝ érvényes változatát pdf formátumba.

Kriszti és Máté

0.1.2

2009. november 26.

˝ ol ˝ rész és Bekerültek az adataink, a szerzokr elkezdtük vezetni jelen verziótörténetet.

Kriszti és Máté

0.2.1

2009. november 27.

A dolgozatot elláttam a Laptopbolt DTD-vel fejezetben található példákkal.

Kriszti

0.2.2

2009. november 27.

Bekerült a dolgozatba a Laptopbolt RNG-vel fejezet.

Kriszti

0.2.2

2009. november 27.

A dokumentumot Creative Commons 3 Unported licensszel láttam el.

Máté

0.3.3

2009. november 29.

Beillesztettem a képeket az alkotókról.

Kriszti

0.3.1

2009. november 29.

A tárgyhoz legjobban illo˝ Madách Imre idézettel láttam el a dolgozatot.

0.3.3

2009. november 29.

Elkészítettem a Laptopbolt W3C schema-val részt.

Kriszti

0.4.1

2009. november 30.

Bekerült a dolgozatba a Laptopbolt mobilra fejezet.

Máté

Kriszti és Máté


XML-HMTL Beadandó Dolgozat iv

REVISION HISTORY NUMBER

DATE

DESCRIPTION

NAME

0.4.2

2009. november 30.

˝ A dolgozat a Laptopbolt Böngészobe stílussal ˝ résszel bovült.

Máté

0.5.3

2009. december 2.

Szétdaraboltam az example tageket hogy pdf formátumban ne legyen kilógó részük.

Kriszti

0.6.1

2009. december 3.

Bekerültek a laptopbolt-bongeszöbe-stilussal ˝ készített források, és a megjelenítésrol ˝ képernyoképek.

Kriszti és Máté

0.7.1

2009. december 6.

Elkészült a dolgozat irodalomjegyzéke.

Máté

0.8.1

2009. december 9.

Beillesztettem milyen a jegyzetben nem tárgyalt docbook elemeket használtunk a dolgozat elkészítéséhez.

Máté


XML-HMTL Beadandó Dolgozat v

Tartalomjegyzék

I

XML-HTML Beadandó Dolgozat

1. Laptopbolt DTD-vel

1 2

1.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2

1.2

Dtd . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4

1.3

Validálás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4

2. Laptopbolt Relax NG-vel

5

2.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6

2.2

Rng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8

2.3

Rng matrioska . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

2.4

Validálás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

2.5

Rng kompakt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

3. Laptopbolt W3C XML Schema-val

13

3.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

3.2

Xsd . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

3.3

Validálás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

4. Laptopbolt a böngész˝oben

17

4.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

4.2

Xslt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

4.3

Kép a megjelenítésr˝ol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

5. Laptopbolt a böngész˝oben, stílussal

21

5.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

5.2

Xslt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

5.3

Css . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

5.4

Képek a megjelenítésr˝ol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28


XML-HMTL Beadandó Dolgozat vi

6. Laptopbolt mobilra

29

6.1

Xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

6.2

Xslt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

6.3

Xhtml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

6.4

Kép a megjelenítésr˝ol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

6.5

Validálás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

7. Felhasznált Docbook elemek

32

8. Irodlomjegyzék

34

8.1

XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

8.2

Docbook . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

8.3

Programozás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

8.4

Mobil . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

8.5

Gyerekeknek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34


XML-HMTL Beadandó Dolgozat vii

Ajánlás Els˝o Docbook-os dolgozatom ajánlom: Els˝osorban a családomnak: anyukámnak, apukámnak, testvéreimnek, és minden csoporttársamnak, aki szintén elkészített egyet. E dolgozattot ajánlom: szerelmemnek, testvéremnek, keresztlányomnak, anyukámnak, apukámnak, barátaimnak.


XML-HMTL Beadandó Dolgozat viii

Bevezetés „A tett halála az okoskodás.” —Madách Imre: Az ember tragédiája

˝ ol: ˝ A szerzokr Varga Krisztina

Varga Krisztina 1990 márciusában született Debrecenben. Tanulmányait az Ibolya Utcai Általános Iskolában kezdte meg, majd a Medgyessy Ferenc Gimnázium és M˝uvészeti Szakközépiskolában érettségizett 2009-ben. Ezt követ˝oen tanulmányait a Debreceni Egyetem Informatika karának programtervez˝o informatikus szakán folytatta.

Varga Máté

Varga Máté Debrecenben született, 1991-ben. Tanulmányait a Téglási II. Rákóczi Ferenc Általános és M˝uvészeti Iskolában kezdte meg, ahonnan hat év elvégzése után a Debreceni Ady Endre Gimnáziumban folytatta tanulmányait hat évfolyamos képzésben. 2007 és 2009 között érettségizett le. Jelenleg a Debreceni Egyetem programtervez˝o informatikus szakának hallgatója.


XML-HMTL Beadandó Dolgozat ix

Feladatok melyeket ebben a dolgozatban elkövettünk: • Laptopbolt DTD-vel • Laptopbolt Relax NG-vel • Laptopbolt W3C • Laptopbolt a böngész˝oben • Laptopbolt a böngész˝oben,stílussal • Laptopbolt mobilra


XML-HMTL Beadandó Dolgozat 1 / 34

rész I

XML-HTML Beadandó Dolgozat



1. fejezet

Laptopbolt DTD-vel 1.1.

Xml

Example 1.1 :laptopbolt-dtd-vel.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

Kriszti és Máté LaptopBoltja HP 4310s <processzor tipus="T6570" frekvencia="2.1" /> <memoria>2 <merevlemez meret="250" /> HD 4330 ASUS K50AB <processzor tipus="QL-64" frekvencia="2.1" /> <memoria>2 <merevlemez meret="250" /> HD 4570 MSI VR630X <processzor tipus="QL-62" frekvencia="2.0" /> <memoria>4 <merevlemez meret="320" /> 9100 G



Example 1.2 :laptopbolt-dtd-vel.xml folytatása 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

Dell 1545 <processzor tipus="T4200" frekvencia="2.0" /> <memoria>2 <merevlemez meret="250" /> X4500 Lenovo S10E <processzor tipus="N270" frekvencia="1.6" /> <memoria>1.5 <merevlemez meret="160" /> GMA 950



1.2.

Dtd

Example 1.3 :laptopbolt.dtd 1 2 3 4 5 6 7

8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

1.3.

Validálás

$ xmllint --valid --noout dtd/laptopbolt-dtd-vel.xml





2. fejezet

Laptopbolt Relax NG-vel 2.1.

Xml

Example 2.1 :laptopbolt-rng-vel .xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

Kriszti és Máté LaptopBoltja HP 4310s <processzor tipus="T6570" frekvencia="2.1" /> <memoria>2 <merevlemez meret="250" /> HD 4330 ASUS K50AB <processzor tipus="QL-64" frekvencia="2.1" /> <memoria>2 <merevlemez meret="250" /> HD 4570 MSI VR630X <processzor tipus="QL-62" frekvencia="2.0" /> <memoria>4 <merevlemez meret="320" /> 9100 G Dell 1545 <processzor tipus="T4200" frekvencia="2.0" />



Example 2.2 :laptopbolt-rng-vel.xml folytatása 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

<memoria>2 <merevlemez meret="250" /> X4500 Lenovo S10E <processzor tipus="N270" frekvencia="1.6" /> <memoria>1.5 <merevlemez meret="160" /> GMA 950



2.2.

Rng

Example 2.3 :laptopbolt-nem-matrioska.rng 1 2

3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

<start> <element name="laptopbolt"> <define name="laptopTartalom"> <element name="neve"> <element name="laptop"> <define name ="nevTartalom"> <define name ="laptopTartalom"> <element name="gyarto"> <element name="tipus"> <element name="kep"> <element name="kepernyo"> <element name="processzor"> <element name="memoria"> <element name="merevlemez">



Example 2.4 :laptopbolt-nem-matrioska.rng folytatása 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82

<element name="videokartya"> <element name="kaphato"> <define name="kaphatoTartalom"> fekete piros narancssárga szürke kék fehér



2.3.

Rng matrioska

Example 2.5 :laptopbolt-matrioska.rng 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

44 45 46 47 48 49 50 51 52

53

<element name="laptopbolt" xmlns="http://relaxng.org/ns/structure/1.0"> <element name="neve"> <element name="laptop"> <element name="gyarto"> <element name="tipus"> <element name="kep"> <element name="kepernyo"> <element name="processzor"> <element name="memoria"> <element name="merevlemez"> <element name="videokartya"> <element name="kaphato">



Example 2.6 :laptopbolt-matrioska.rng folytatása 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

fekete piros narancssárga szürke kék fehér

69

2.4.

Validálás

$ xmllint --noout --relaxng rng/laptopbolt-matrioska.rng rng/laptopbolt-relaxng-vel.xml rng/laptopbolt-relaxng-vel.xml validates



2.5.

Rng kompakt

Example 2.7 :laptopbolt-kompakt.rng 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

element laptopbolt { element neve{ attribute cime {text}, text }, element laptop{ element gyarto{text}, element tipus{text}, element kep{ attribute forrasa{text} }, element kepernyo{ attribute meret{text}, attribute felbontas{text} }, element processzor{ attribute tipus{text}, attribute frekvencia{text} }, element memoria{text}, element merevlemez{ attribute meret{xsd:decimal} }, element videokartya{text}, element kaphato{ attribute ar{xsd:decimal}, attribute szin{"fekete"|"piros"|"narancssárga"|"szürke"|"kék"|"fehér"} }?, }* }



3. fejezet

Laptopbolt W3C XML Schema-val 3.1.

Xml

Example 3.1 :laptopbolt-schema-val.xml 1 2

3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36




Example 3.2 :laptopbolt-schema-val.xml folytatása 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59




3.2.

Xsd

Example 3.3 :laptopbolt.xsd 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"> <xs:element name="laptopbolt"> <xs:complexType> <xs:sequence> <xs:element name="neve"> <xs:complexType> <xs:simpleContent> <xs:extension base="xs:string"> <xs:attribute name="cime" type="xs:string"/> <xs:element name="laptop" minOccurs="0" maxOccurs="unbounded"> <xs:complexType> <xs:sequence> <xs:element name="gyarto" type="xs:string"/> <xs:element name="tipus" type="xs:string"/> <xs:element name="kep"> <xs:complexType> <xs:attribute name="forrasa" type="xs:string"/> <xs:element name="kepernyo"> <xs:complexType> <xs:attribute name="meret" type="xs:string"/> <xs:attribute name="felbontas" type="xs:string"/> <xs:element name="processzor"> <xs:complexType> <xs:attribute name="tipus" type="xs:string"/> <xs:attribute name="frekvencia" type="xs:string"/> <xs:element name="memoria" type="xs:string"/> <xs:element name="merevlemez"> <xs:complexType> <xs:attribute name="meret" type="xs:decimal"/> <xs:element name="videokartya" type="xs:string"/> <xs:element name="kaphato" minOccurs="0" maxOccurs="unbounded"> <xs:complexType> <xs:attribute name="ar" type="xs:decimal"/> <xs:attribute name="szin"> <xs:simpleType> <xs:restriction base="xs:string"> <xs:enumeration value="fehér"/> <xs:enumeration value="piros"/> <xs:enumeration value="narancssárga"/> <xs:enumeration value="sárga"/> <xs:enumeration value="szürke"/> <xs:enumeration value="kék"/> <xs:enumeration value="fekete"/>



Example 3.4 :laptopbolt.xsd folytatása 58 59 60 61 62 63 64 65 66 67 68

3.3.

Validálás

$ xmllint --noout --schema xsd/laptopbolt.xsd xsd/laptopbolt-schema-val.xml xsd/laptopbolt-schema-val.xml validates



4. fejezet

Laptopbolt a böngész˝oben 4.1.

Xml

Example 4.1 :laptopbolt-bongeszobe.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37




Example 4.2 :laptopbolt-bongeszobe.xml folytatása 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60




4.2.

Xslt

Example 4.3 :laptopbolt-bongeszobe.xslt 1 2 3 4 5 6 7 8 9 10 11

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes" /> <xsl:template match="laptopbolt"> <xsl:value-of select="neve" />
<xsl:value-of select="neve" />

12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

29

30

31

32

33

34

35

36

37

38

39 40 41 42 43 44 45

<xsl:for-each select="laptop">

Sorszám Gyártó Típus Képerny˝ o méret Képerny˝ o felbontás Processzor típus Processzor frekvencia Memória Merevlemez méret Videókártya Ár
<xsl:value-of select="position()" / ←> <xsl:value-of select="gyarto" /> <xsl:value-of select="tipus" /> <xsl:value-of select="kepernyo/ ←@meret" />" <xsl:value-of select="kepernyo/ ←@felbontas" /> <xsl:value-of select="processzor/ ←@tipus" /> <xsl:value-of select="processzor/ ←@frekvencia" />GHz <xsl:value-of select="memoria" /> ←GB <xsl:value-of select="merevlemez/ ←@meret" /> GB <xsl:value-of select="videokartya" ←/> <xsl:value-of select=" ←kaphato/@ar" /> FT



4.3.

˝ Kép a megjelenítésrol



5. fejezet

Laptopbolt a böngész˝oben, stílussal 5.1.

Xml

Example 5.1 :laptopbolt-bongeszobe-stilussal.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37




Example 5.2 :laptopbolt-bongeszobe-stilussal.xml folytatása 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60




5.2.

Xslt

Example 5.3 :laptopbolt-bongeszobe-stilussal.xslt 1 2 3 4 5 6 7 8 9 10 11 12

13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

39 40

41 42 43 44 45 46 47 48 49 50 51 52 53

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes" /> <xsl:template match="laptopbolt"> <xsl:value-of select="neve" /> CSS-sel <xsl:for-each select="laptop"> <xsl:choose> <xsl:when test="gyarto = ’ASUS’"> <xsl:when test="gyarto = ’HP’"> <xsl:when test="gyarto = ’MSI’"> <xsl:when test="gyarto = ’Lenovo’"> <xsl:otherwise>



Example 5.6 :laptopbolt-bongeszobe-stilussal.xslt folytatása 156 157 158

159 160

161 162 163 164 165 166 167 168 169 170 171 172 173 174

175 176 177 178 179 180 181 182 183 184 185

<xsl:value-of select="neve" />, összesen <xsl:value-of select= ←"count(laptop)" /> Laptop
Sorszám Gyártó Típus Képerny˝ o méret Képerny˝ o felbontás Processzor típus Processzor frekvencia Memória Merevlemez méret Videókártya Ár Szín Kép
<xsl:value-of select="position()" /> <xsl:value-of select="gyarto" /> <xsl:value-of select="tipus" /> <xsl:value-of select="kepernyo/@meret" />" <xsl:value-of select="kepernyo/@felbontas" /> <xsl:value-of select="processzor/@tipus" /> <xsl:value-of select="processzor/@frekvencia" /> ←GHz <xsl:value-of select="memoria" /> GB <xsl:value-of select="merevlemez/@meret" /> GB <xsl:value-of select="videokartya" /> <xsl:value-of select="kaphato/@ar" /> FT <xsl:value-of select="kaphato/@szin" /> <span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" />
Vidd ki az ablakból a kurzort a nagyított kép bezárásához



Example 5.4 :laptopbolt-bongeszobe-stilussal.xslt folytatása 53 54 55

56 57 58 59 60 61 62 63 64 65 66 67 68

69 70

71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

86 87 88 89 90 91 92 93 94 95 96 97 98

99 100

101 102 103 104

<xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />


<xsl:value-of select="position()" /> <xsl:value-of select="gyarto" /> <xsl:value-of select="tipus" /> <xsl:value-of select="kepernyo/@meret" />" <xsl:value-of select="kepernyo/@felbontas" /> <xsl:value-of select="processzor/@tipus" /> <xsl:value-of select="processzor/@frekvencia" /> ←GHz <xsl:value-of select="memoria" /> GB <xsl:value-of select="merevlemez/@meret" /> GB <xsl:value-of select="videokartya" /> <xsl:value-of select="kaphato/@ar" /> FT <xsl:value-of select="kaphato/@szin" />



Example 5.5 :laptopbolt-bongeszobe-stilussal.xslt folytatása 104 105 106 107 108 109 110 111 112 113 114 115

116 117 118 119 120 121 122 123 124 125 126 127 128

129 130

131 132 133 134 135 136 137 138 139 140 141 142 143 144 145

146 147 148 149 150 151 152 153 154 155 156

<span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" />





5.3.

Css

Example 5.7 :laptopbolt.css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49

body{ background-color: #000000; } table.laptop{ font-siz e: 12px; border-color:#ff0000; border-width:1px; border-style:solid; } caption{ caption-side: bottom; color: #023d96; font-weight: bold; font-family: sans serif; } tr{ border: thin solid #000000; color: #bbbbbb; padding-top: 2px; padding-bottom: 2px; text-align: center; background-color: #660000; } tr.cim{ color: #ffffff; background-color:#000000; } tr.hp{ background-color:#FF0000; } tr.asus{ background-color:#CC0000; } tr.msi{ background-color:#990000; } tr.lenovo{ background-color:#330000; } td{ padding-right: 10px; padding-left: 10px; } td img{ width: 20px; height: 20px; } .kepes:hover .kep { display:block; } .kepes:hover .kep span{ position: absolute; top: 0px; left: 0px; background-color:black; width:100%; height:100%; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity: 0.7; } .kepes:hover .kep img.nagy{ position:absolute; width:500px; height:500px; top:50%; left:50%; margin:-250px auto auto -250px; } .kepes:hover .kep div{ position:absolute; background-color:#000000; color:#FFFFFF; top:50%; left:50%; margin: -270px auto auto -175px; } .kep{ display:none; }



5.4.

˝ Képek a megjelenítésrol



6. fejezet

Laptopbolt mobilra 6.1.

Xml

Example 6.1 :laptopbolt-mobilra.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37




Example 6.2 :laptopbolt-mobilra.xml folytatása 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60


6.2.

Xslt

Example 6.3 :laptopbolt-mobilra.xslt 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="xml" version="1.0" encoding="UTF-8" doctype-system="http://www.wapforum.org/DTD/xhtml-mobile10.dtd" doctype-public="-//WAPFORUM//DTD XHTML Mobile 1.0//EN" indent="yes" /> <xsl:template match="laptopbolt"> <xsl:value-of select="neve" /> mobilra
<xsl:value-of select="neve" />

<xsl:value-of select="count(laptop)"/> <xsl:text> darab laptop van a boltban.



6.3.

Xhtml

Example 6.4 :laptopbolt-mobilra.xhtml 1 2

3 4 5 6 7 8 9 10 11

Kriszti és Máté LaptopBoltja mobilra
Kriszti és Máté LaptopBoltja

5 darab laptop van a boltban.

6.4.

˝ Kép a megjelenítésrol

6.5.

Validálás

$ xmllint --valid --noout ../laptopbolt-mobilra.xhtml



7. fejezet

Felhasznált Docbook elemek • Idézet: <epigraph> Madách Imre: Az ember tragédiája <para> „A tett halála az okoskodás.”

• • • • • • <para> • <sect1> • <sect2> • • • • • • • <surname> • • • <exampe>



• • • • <dedication> • • • <programlisting> • <epigraph> • • <screen> •



8. fejezet

Irodlomjegyzék 8.1.

XML

[XML KONYV] Bíró, Szabolcs, Szövegfeldolgozás XML alapokon, Böngészhet˝o változat , 2007.

8.2.

Docbook

[DOCBOOK 3.1] Walsh, Norman Ã©s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhet˝o változat Összefoglaló lap , 1999. [DOCBOOK 4.5] Walsh, Norman Ã©s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhet˝o változat Összefoglaló lap , 2006. [DOCBOOK 5.0] Walsh, Norman, DocBook 5.0: The Definitive Guide, Böngészhet˝o változat Összefoglaló lap , 2007. [DOCBOOK XSL] Stayton, Bob, DocBook XSL: The Complete Guide, Böngészhet˝o változat , 2007.

8.3.

Programozás

[JT]

Bátfai, Norbert Ã©s Juhász, István, Javát tanítok, Kempelen Farkas Digitális Fels˝ooktatási Tankönyvtár PDF változat Böngészhet˝o változat , 2007.

[PP]

Bátfai, Norbert, Programozó Páternoszter, PDF változat , 2007.

8.4.

Mobil

[EUROSMOBIL] Eurosmobil, EUROSMOBIL JÁTÉKOK - Eleve mobilra kitalált eredeti játékok! , 2007.

8.5. [J]

Gyerekeknek Bátfai, Norbert, Jávácska, Jávácska - belépés a tudás mesés birodalmába , 2007.

Sorszám	Gyártó	Típus	Képerny˝ o méret	Képerny˝ o felbontás	Processzor típus	Processzor frekvencia	Memória	Merevlemez méret	Videókártya	Ár	Szín	Kép
<xsl:value-of select="position()" />	<xsl:value-of select="gyarto" />	<xsl:value-of select="tipus" />	<xsl:value-of select="kepernyo/@meret" />"	<xsl:value-of select="kepernyo/@felbontas" />	<xsl:value-of select="processzor/@tipus" />	<xsl:value-of select="processzor/@frekvencia" /> ←GHz	<xsl:value-of select="memoria" /> GB	<xsl:value-of select="merevlemez/@meret" /> GB	<xsl:value-of select="videokartya" />	<xsl:value-of select="kaphato/@ar" /> FT	<xsl:value-of select="kaphato/@szin" />	<span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" /> Vidd ki az ablakból a kurzort a nagyított kép bezárásához Ed. Féléves XML-HTML munka 1.0.0 XML-HMTL Beadandó Dolgozat 24 / 34 Example 5.4 :laptopbolt-bongeszobe-stilussal.xslt folytatása 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />
<xsl:value-of select="position()" />	<xsl:value-of select="gyarto" />	<xsl:value-of select="tipus" />	<xsl:value-of select="kepernyo/@meret" />"	<xsl:value-of select="kepernyo/@felbontas" />	<xsl:value-of select="processzor/@tipus" />	<xsl:value-of select="processzor/@frekvencia" /> ←GHz	<xsl:value-of select="memoria" /> GB	<xsl:value-of select="merevlemez/@meret" /> GB	<xsl:value-of select="videokartya" />	<xsl:value-of select="kaphato/@ar" /> FT	<xsl:value-of select="kaphato/@szin" />	<span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" /> Vidd ki az ablakból a kurzort a nagyított kép bezárásához <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />
<xsl:value-of select="position()" />	<xsl:value-of select="gyarto" />	<xsl:value-of select="tipus" />	<xsl:value-of select="kepernyo/@meret" />"	<xsl:value-of select="kepernyo/@felbontas" />	<xsl:value-of select="processzor/@tipus" />	<xsl:value-of select="processzor/@frekvencia" /> ←GHz	<xsl:value-of select="memoria" /> GB	<xsl:value-of select="merevlemez/@meret" /> GB	<xsl:value-of select="videokartya" />	<xsl:value-of select="kaphato/@ar" /> FT	<xsl:value-of select="kaphato/@szin" />	Ed. Féléves XML-HTML munka 1.0.0 XML-HMTL Beadandó Dolgozat 25 / 34 Example 5.5 :laptopbolt-bongeszobe-stilussal.xslt folytatása 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 <span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" /> Vidd ki az ablakból a kurzort a nagyított kép bezárásához <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />
<xsl:value-of select="position()" />	<xsl:value-of select="gyarto" />	<xsl:value-of select="tipus" />	<xsl:value-of select="kepernyo/@meret" />"	<xsl:value-of select="kepernyo/@felbontas" />	<xsl:value-of select="processzor/@tipus" />	<xsl:value-of select="processzor/@frekvencia" /> ←GHz	<xsl:value-of select="memoria" /> GB	<xsl:value-of select="merevlemez/@meret" /> GB	<xsl:value-of select="videokartya" />	<xsl:value-of select="kaphato/@ar" /> FT	<xsl:value-of select="kaphato/@szin" />	<span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" /> Vidd ki az ablakból a kurzort a nagyított kép bezárásához <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />
<xsl:value-of select="position()" />	<xsl:value-of select="gyarto" />	<xsl:value-of select="tipus" />	<xsl:value-of select="kepernyo/@meret" />"	<xsl:value-of select="kepernyo/@felbontas" />	<xsl:value-of select="processzor/@tipus" />	<xsl:value-of select="processzor/@frekvencia" /> ←GHz	<xsl:value-of select="memoria" /> GB	<xsl:value-of select="merevlemez/@meret" /> GB	<xsl:value-of select="videokartya" />	<xsl:value-of select="kaphato/@ar" /> FT	<xsl:value-of select="kaphato/@szin" />	<span class="kep"> <span> <xsl:attribute name="src"> <xsl:value-of select="kep/@forrasa" /> Vidd ki az ablakból a kurzort a nagyított kép bezárásához <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" />

XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt

Recommend Documents

<xsl:value-of select="neve" />

<xsl:value-of select="neve" />

Kriszti és Máté LaptopBoltja