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

Hasonló dokumentumok
Ed. Version 1.2. Az XML nyelv. Az XML nyelv. Győri László munkája. Ed. Version 1.2

Képnézeget. Gépigény: Bármilyen számítógépen m ködik, amin található böngész és Internet elérés.

(statikus) HTML (XHTML) oldalak, stíluslapok

HTML ÉS PHP AZ ALAPOKTÓL

Kő, Papír, Olló. Felhasználói dokumentáció

font-size:12px; display:block; text-shadow: 0 1px 0 #FFFFFF;}

DocBook útmutató. Jeszenszky Péter Debreceni Egyetem, Informatikai Kar

Széchenyi István Egyetem. Műszaki Tudományi Kar. Informatikai és Villamosmérnöki Intézet Távközlési Tanszék. Villamosmérnöki szak HTML

5-ös lottó játék. Felhasználói dokumentáció

Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz)

ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK

XML és XSLT (a színfalak mögül)

DOBOZOK. A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content)

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13.

Memória játék. Felhasználói dokumentáció

Számológép. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő

Stíluslapok használata (CSS)

HTML, CSS. Morabito Érdi SzC Eötvös József Szakképző Iskolája

SZABADKAI MŰSZAKI SZAKFŐISKOLA. E-mobil prezentáció dokumentációja SZABADKA, 2015.

HTML, XML szerkesztés

Információ Európa országairól (összetett alkalmazás)

HTML sablon tervezése

Informatika 1 CSS. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc november 4. Budapesti M szaki Egyetem

Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket.

Web programozás. 3. előadás

Adatkezelési mőveletek az XML nyelvben XQuery - XML dokumentumok lekérdezésére szolgáló lekérdezınyelv kifejezı ereje az OQL nyelvével egyenértékő.

mhtml:file://d:\vizsga\html\hogyan szerkeszteni weboldalt - HTML alapok.mht

Tili-Toli játék. Felhasználói dokumentáció

Webszerkesztés stílusosan. Készítette: Csécsy László Virgina DeBolt hasonló c. könyve alapján

Multimédia 2017/2018 II.

Webprogramozás HTML alapok előadás

Anyagcsere serkentő, zsírégető epigallokatekin-3-gallát (EGCG)

Egyszerő vízszintes navigáció készítése CSS segítségével. Ebben a cikkben egy egyszerő módszert fogunk bemutatni, vízszintes menü készítésére.

Lenyíló menük készítése. Összetett programok készítése

8. fejezet - Tartalom

(statikus) HTML (XHTML) oldalak, stíluslapok

AZ ÉPÜLETEK TOVÁBB TOLATÁSA AMERIKÁBAN.

Az image objektum. Az image eseménykezel i. Képek el zetes betöltése. Feladat. Váltóképek készítése

Planet Me blog aggregátor létrehozása

A DBM függvények használata

Twister - Egy modern ügyességi játék, ami fejleszti az egyensúlyérzéket és a mozgáskoordinációt.

XML adatkezelés. 11. témakör. Az XQuery nyelv alapjai. XQuery. XQuery célja egy imperatív lekérdező nyelv biztosítása. XQuery.

Adatbázisok II. Jánosi-Rancz Katalin Tünde 327A

9. MODUL WEBKEZDŐ. A vizsgafeladat megoldásához kizárólag a választott webkészítő program, illetve jegyzettömb (editor) használható.

Webes űrlapok és az XForms ajánlás

Az evangélikus honlapszerkesztő rendszer használata

Algoritmus terv. 1. Algoritmus általános áttekintése. 2. Inputok és outputok definiálása. 3. Folyamatok meghatározása. 4. Programozási utasítások

Tamás Ferenc: CSS táblázatok 2.

Webprogramozás szakkör

XHTML és CSS Holló Csaba 11. A HTML dokumentum

Néhány kihagyhatatlan Linux tipp és trükk. Ezeket a tippeket olvasóink osztották meg velünk

SZAKDOLGOZAT. Vígh Gábor DEBRECEN 2009.

Dokumentumformátumok Jelölő nyelvek XML XML. Sass Bálint Bevezetés a nyelvtechnológiába 2. gyakorlat szeptember 20.

XML technikák II Kovács, László

CSS-segédlet. 1. CSS és HTML Külső stíluslap HTML-hez csatolása

forrás: Web és PHP leckék

Kelda WebGrafika Iroda Példa HTML, CSS formázásra

WCSS (Wap CSS), Wireless CSS

Weblapok szabványossága a példák tükrében

1. Az XML és XHTML nyelvek. Az XML leíró nyelv Szabályok XHTML írásra. Tartalom Az XML leíró nyelv

XML adatbázis kezelésének lehetőségei

HTML kódolás Web-lap felépítése. Az egész törzsre érvényes utasítás. <HTML> web-lap kezdő utasítás: a dokumentum kezdődik, a böngészőnek szól

HTML parancsok (html tanfolyam témakörei)

HTML és CSS. Horváth Árpád május 6. Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár

Szakdolgozat. Responsive webáruház elkészítése. Készítette: Szakos Péter. Gazdaságinformatikus Bsc. Témavezető: Krizsán Zoltán egyetemi tanársegéd

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5.

Debreceni Egyetem Informatikai Kar

Képek a HTML oldalon

Webshop készítése ASP.NET 3.5 ben I.

TÁMOP /2/A/KMR Jegyzetek és példatárak a matematika egyetemi oktatásához

Web programozás jegyzet 0.1 verzió. Pál László. Sapientia EMTE, Csíkszereda

Affinium LED string lp w6300 P10

VÁLLALATIRÁNYÍTÁSI ÜGYVITELI PROGRAMRENDSZER. Váradi László OKTATÁSI SEGÉDANYAG. XIII. kötet

Alkalmazások II. World Wide Web

Bánsághi Anna

Megoldás (HTML) <!DOCTYPE HTML> <html>

Web programozás I. tantárgyi információk

Részvételi felhívás a 228/2004. (VII. 30.) Korm.rendelet 74/E. -a alapján lebonyolítandó meghívásos eljárásban

Részvételi regisztráció támogatása a tanfolyamszervező saját weboldalán

A z izzó gázfényről. Érdekes adatot találtak a legutóbbi időben a»dingler s Polytechnisches Jour- nal«1848-iki évfolyamában, a mely az Auer-

I. A rendelet hatálya, célja, fogalmai. Jelen rendelet hatálya Baja város közigazgatási területére terjed ki.

Internet technológiák

Magyarországon a szerzői joggal a évi LXXVI. törvény foglalkozik.

Informatikus, Webfejlesztő. Nagy Gusztáv

Mester Gyula 2003 Internet

Javascript dátum, idő, számláló megjelenítő Használati útmutató

Magyarország-Budapest: Villamos elosztó- és vezérlőberendezések 2014/S Ajánlati/részvételi felhívás Egyes ágazatokban Árubeszerzés

HTML é s wéblapféjlészté s

5. téma XML DB. Az adatkezelés és XML kapcsolata. Miért fontos az XML használata az adatbázis kezelésben?

FELHASZNÁLÓI LEÍRÁS a DIMSQL Integrált Számviteli Rendszer Készlet moduljának használatához

Internet TV Broadcaster kézikönyv

HTML kódok. A www jelentése World Wide Web.

DSD W3C WAI, avagy Weblapok akadálymentesítése

DBM-21VD. Beltéri varifokális dóm kamera. Felhasználói kézikönyv. Bozsák Tamás Használat előtt olvassa el a kézikönyvet és őrizze meg a későbbiekre.

WAP. A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa.

Sakk-játék. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő

HTML ÉS PHP ŐSZI FÉLÉV

mikroformátumok avagy a kisbetűs szemantikus web SZÁNTAI KÁROLY Magyarországi Web Konferencia 2008

CSS IV. KÖNYV: HALADÓ SZINT

TERMÉSZETTUDOMÁNYI KÖZLÖNY.

Átírás:

i XML-HMTL Beadandó Dolgozat Avagy, mit sikerült validálnunk fél év alatt Ed. Féléves XML-HTML munka 1.0.0

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őadhatod a művet Származékos műveket (feldolgozásokat) hozhatsz létre Nevezd meg! A szerző vagy a jogosult által meghatározott módon fel kell tüntetned a műhöz kapcsolódó információkat (pl. a szerző nevét vagy álnevét, a Mű címét). Ne add el! Ezt a művet nem használhatod fel kereskedelmi célokra. Így add tovább! Ha megváltoztatod, átalakítod, feldolgozod ezt a művet, az így létrejött alkotást csak a jelenlegivel megegyező licenc alatt terjesztheted. A teljes egyszerűsített változat a http://creativecommons.org/licenses/by-nc-nd/3.0/deed.hu oldalon található. Figyelmeztetés: Ez az Egyszerűsí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ő 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űsített változatnak jogi szempontból nincs jelentősé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űsí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ő nyelven megfogalmazott kivonata.

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 első érvényes változatát pdf formátumba. Kriszti és Máté 0.1.2 2009. november 26. Bekerültek az adataink, a szerzőkről rész és 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 illő Madách Imre idézettel láttam el a dolgozatot. Kriszti és Máté 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é

iv REVISION HISTORY NUMBER DATE DESCRIPTION NAME 0.4.2 2009. november 30. A dolgozat a Laptopbolt Böngészőbe stílussal résszel bővü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 források, és a megjelenítésről készített képernyőké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é

v Tartalomjegyzék I XML-HTML Beadandó Dolgozat 1 1. Laptopbolt DTD-vel 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őben 17 4.1 Xml.......................................................... 17 4.2 Xslt.......................................................... 19 4.3 Kép a megjelenítésről................................................. 20 5. Laptopbolt a böngészőben, stílussal 21 5.1 Xml.......................................................... 21 5.2 Xslt.......................................................... 23 5.3 Css........................................................... 27 5.4 Képek a megjelenítésről............................................... 28

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ől................................................. 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

vii Ajánlás Első Docbook-os dolgozatom ajánlom: Elsősorban 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 A szerzo kro l: 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 Mu vészeti Szakközépiskolában érettségizett 2009-ben. Ezt követo en tanulmányait a Debreceni Egyetem Informatika karának programtervezo 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 Mu vé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 programtervezo informatikus szakának hallgatója.

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

1 / 34 rész I XML-HTML Beadandó Dolgozat

2 / 34 1. fejezet Laptopbolt DTD-vel 1.1. Xml Example 1.1 :laptopbolt-dtd-vel.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <!DOCTYPE laptopbolt SYSTEM "laptopbolt.dtd"> 3 <laptopbolt> 4 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 5 <laptop> 6 <gyarto>hp</gyarto> 7 <tipus>4310s</tipus> 8 <kep forrasa="4310s.png" /> 9 <kepernyo meret="13.3" felbontas="1366x768" /> 10 <processzor tipus="t6570" frekvencia="2.1" /> 11 <memoria>2</memoria> 12 <merevlemez meret="250" /> 13 <videokartya>hd 4330</videokartya> 14 <kaphato ar="180000" szin="fekete"/> 15 </laptop> 16 <laptop> 17 <gyarto>asus</gyarto> 18 <tipus>k50ab</tipus> 19 <kep forrasa="4310s.png" /> 20 <kepernyo meret="15.6" felbontas="1366x768" /> 21 <processzor tipus="ql-64" frekvencia="2.1" /> 22 <memoria>2</memoria> 23 <merevlemez meret="250" /> 24 <videokartya>hd 4570</videokartya> 25 <kaphato ar="150000" /> 26 </laptop> 27 <laptop> 28 <gyarto>msi</gyarto> 29 <tipus>vr630x</tipus> 30 <kep forrasa="4310s.png" /> 31 <kepernyo meret="15.6" felbontas="1366x768" /> 32 <processzor tipus="ql-62" frekvencia="2.0" /> 33 <memoria>4</memoria> 34 <merevlemez meret="320" /> 35 <videokartya>9100 G</videokartya> 36 <kaphato ar="120000" szin="szürke"/> 37 </laptop>

3 / 34 Example 1.2 :laptopbolt-dtd-vel.xml folytatása 37 38 <laptop> 39 <gyarto>dell</gyarto> 40 <tipus>1545</tipus> 41 <kep forrasa="4310s.png" /> 42 <kepernyo meret="15.6" felbontas="1366x768" /> 43 <processzor tipus="t4200" frekvencia="2.0" /> 44 <memoria>2</memoria> 45 <merevlemez meret="250" /> 46 <videokartya>x4500</videokartya> 47 <kaphato ar="160000" szin="kék"/> 48 </laptop> 49 <laptop> 50 <gyarto>lenovo</gyarto> 51 <tipus>s10e</tipus> 52 <kep forrasa="4310s.png" /> 53 <kepernyo meret="10.1" felbontas="1024x600" /> 54 <processzor tipus="n270" frekvencia="1.6" /> 55 <memoria>1.5</memoria> 56 <merevlemez meret="160" /> 57 <videokartya>gma 950</videokartya> 58 <kaphato ar="100000" szin="piros"/> 59 </laptop> 60 </laptopbolt>

4 / 34 1.2. Dtd Example 1.3 :laptopbolt.dtd 1 <?xml version= 1.0 encoding= UTF-8?> 2 <!ELEMENT laptopbolt (neve,laptop*)> 3 <!ELEMENT neve (#PCDATA)> 4 <!ATTLIST neve 5 cime CDATA #IMPLIED 6 > 7 <!ELEMENT laptop (gyarto,tipus,kep,kepernyo,processzor,memoria,merevlemez,videokartya, kaphato?)> 8 <!ELEMENT gyarto (#PCDATA)> 9 <!ELEMENT tipus (#PCDATA)> 10 <!ELEMENT kep EMPTY> 11 <!ATTLIST kep 12 forrasa CDATA #IMPLIED 13 > 14 <!ELEMENT kepernyo EMPTY> 15 <!ATTLIST kepernyo 16 meret CDATA #IMPLIED 17 felbontas CDATA #IMPLIED 18 > 19 <!ELEMENT processzor EMPTY> 20 <!ATTLIST processzor 21 tipus CDATA #IMPLIED 22 frekvencia CDATA #IMPLIED 23 > 24 <!ELEMENT memoria (#PCDATA)> 25 <!ELEMENT merevlemez EMPTY> 26 <!ATTLIST merevlemez 27 meret CDATA #IMPLIED 28 > 29 <!ELEMENT videokartya (#PCDATA)> 30 <!ELEMENT kaphato EMPTY> 31 <!ATTLIST kaphato 32 ar CDATA #REQUIRED 33 szin (fehér piros narancssárga sárga szürke kék fekete) "fekete" 34 > 1.3. Validálás $ xmllint --valid --noout dtd/laptopbolt-dtd-vel.xml

5 / 34

6 / 34 2. fejezet Laptopbolt Relax NG-vel 2.1. Xml Example 2.1 :laptopbolt-rng-vel.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <laptopbolt> 3 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 4 <laptop> 5 <gyarto>hp</gyarto> 6 <tipus>4310s</tipus> 7 <kep forrasa="4310s.png" /> 8 <kepernyo meret="13.3" felbontas="1366x768" /> 9 <processzor tipus="t6570" frekvencia="2.1" /> 10 <memoria>2</memoria> 11 <merevlemez meret="250" /> 12 <videokartya>hd 4330</videokartya> 13 <kaphato ar="180000" szin="fekete"/> 14 </laptop> 15 <laptop> 16 <gyarto>asus</gyarto> 17 <tipus>k50ab</tipus> 18 <kep forrasa="4310s.png" /> 19 <kepernyo meret="15.6" felbontas="1366x768" /> 20 <processzor tipus="ql-64" frekvencia="2.1" /> 21 <memoria>2</memoria> 22 <merevlemez meret="250" /> 23 <videokartya>hd 4570</videokartya> 24 <kaphato ar="150000" szin="fekete"/> 25 </laptop> 26 <laptop> 27 <gyarto>msi</gyarto> 28 <tipus>vr630x</tipus> 29 <kep forrasa="4310s.png" /> 30 <kepernyo meret="15.6" felbontas="1366x768" /> 31 <processzor tipus="ql-62" frekvencia="2.0" /> 32 <memoria>4</memoria> 33 <merevlemez meret="320" /> 34 <videokartya>9100 G</videokartya> 35 <kaphato ar="120000" szin="szürke"/> 36 </laptop> 37 <laptop> 38 <gyarto>dell</gyarto> 39 <tipus>1545</tipus> 40 <kep forrasa="4310s.png" /> 41 <kepernyo meret="15.6" felbontas="1366x768" /> 42 <processzor tipus="t4200" frekvencia="2.0" />

7 / 34 Example 2.2 :laptopbolt-rng-vel.xml folytatása 42 43 <memoria>2</memoria> 44 <merevlemez meret="250" /> 45 <videokartya>x4500</videokartya> 46 <kaphato ar="160000" szin="kék"/> 47 </laptop> 48 <laptop> 49 <gyarto>lenovo</gyarto> 50 <tipus>s10e</tipus> 51 <kep forrasa="4310s.png" /> 52 <kepernyo meret="10.1" felbontas="1024x600" /> 53 <processzor tipus="n270" frekvencia="1.6" /> 54 <memoria>1.5</memoria> 55 <merevlemez meret="160" /> 56 <videokartya>gma 950</videokartya> 57 <kaphato ar="100000" szin="piros"/> 58 </laptop> 59 </laptopbolt>

8 / 34 2.2. Rng Example 2.3 :laptopbolt-nem-matrioska.rng 1 <?xml version="1.0" encoding="utf-8"?> 2 <grammar xmlns="http://relaxng.org/ns/structure/1.0" datatypelibrary="http://www.w3.org /2001/XMLSchema-datatypes"> 3 <start> 4 <element name="laptopbolt"> 5 <ref name="laptoptartalom" /> 6 </element> 7 </start> 8 <define name="laptoptartalom"> 9 <element name="neve"> 10 <ref name="nevtartalom" /> 11 </element> 12 <zeroormore> 13 <element name="laptop"> 14 <ref name ="laptoptartalom" /> 15 </element> 16 </zeroormore> 17 </define> 18 <define name ="nevtartalom"> 19 <attribute name ="cime"> 20 <text/> 21 </attribute> 22 <text/> 23 </define> 24 <define name ="laptoptartalom"> 25 <element name="gyarto"> 26 <text/> 27 </element> 28 <element name="tipus"> 29 <text/> 30 </element> 31 <element name="kep"> 32 <attribute name="forrasa"> 33 <text/> 34 </attribute> 35 </element> 36 <element name="kepernyo"> 37 <attribute name="meret"> 38 <text/> 39 </attribute> 40 <attribute name="felbontas"> 41 <text/> 42 </attribute> 43 </element> 44 <element name="processzor"> 45 <attribute name="tipus"> 46 <text/> 47 </attribute> 48 <attribute name="frekvencia"> 49 <text/> 50 </attribute> 51 </element> 52 <element name="memoria"> 53 <text/> 54 </element> 55 <element name="merevlemez"> 56 <attribute name="meret"> 57 <data type="decimal" /> 58 </attribute> 59 </element>

9 / 34 Example 2.4 :laptopbolt-nem-matrioska.rng folytatása 59 60 <element name="videokartya"> 61 <text/> 62 </element> 63 <element name="kaphato"> 64 <ref name="kaphatotartalom"/> 65 </element> 66 </define> 67 <define name="kaphatotartalom"> 68 <attribute name="ar"> 69 <data type="decimal" /> 70 </attribute> 71 <attribute name="szin"> 72 <choice> 73 <value>fekete</value> 74 <value>piros</value> 75 <value>narancssárga</value> 76 <value>szürke</value> 77 <value>kék</value> 78 <value>fehér</value> 79 </choice> 80 </attribute> 81 </define> 82 </grammar>

10 / 34 2.3. Rng matrioska Example 2.5 :laptopbolt-matrioska.rng 1 <?xml version="1.0" encoding="utf-8"?> 2 <element name="laptopbolt" xmlns="http://relaxng.org/ns/structure/1.0"> 3 <element name="neve"> 4 <attribute name="cime"> 5 <text/> 6 </attribute> 7 <text/> 8 </element> 9 <zeroormore> 10 <element name="laptop"> 11 <element name="gyarto"> 12 <text/> 13 </element> 14 <element name="tipus"> 15 <text/> 16 </element> 17 <element name="kep"> 18 <attribute name="forrasa"> 19 <text/> 20 </attribute> 21 </element> 22 <element name="kepernyo"> 23 <attribute name="meret"> 24 <text/> 25 </attribute> 26 <attribute name="felbontas"> 27 <text/> 28 </attribute> 29 </element> 30 <element name="processzor"> 31 <attribute name="tipus"> 32 <text/> 33 </attribute> 34 <attribute name="frekvencia"> 35 <text/> 36 </attribute> 37 </element> 38 <element name="memoria"> 39 <text/> 40 </element> 41 <element name="merevlemez"> 42 <attribute name="meret"> 43 <data type="decimal" datatypelibrary="http://www.w3.org/2001/xmlschema- datatypes"/> 44 </attribute> 45 </element> 46 <element name="videokartya"> 47 <text/> 48 </element> 49 <optional> 50 <element name="kaphato"> 51 <attribute name="ar"> 52 <data type="decimal" datatypelibrary="http://www.w3.org/2001/ XMLSchema-datatypes"/> 53 </attribute>

11 / 34 Example 2.6 :laptopbolt-matrioska.rng folytatása 53 54 <attribute name="szin"> 55 <choice> 56 <value>fekete</value> 57 <value>piros</value> 58 <value>narancssárga</value> 59 <value>szürke</value> 60 <value>kék</value> 61 <value>fehér</value> 62 </choice> 63 </attribute> 64 </element> 65 </optional> 66 </element> 67 </zeroormore> 68 </element> 69 2.4. Validálás $ xmllint --noout --relaxng rng/laptopbolt-matrioska.rng rng/laptopbolt-relaxng-vel.xml rng/laptopbolt-relaxng-vel.xml validates

12 / 34 2.5. Rng kompakt Example 2.7 :laptopbolt-kompakt.rng 1 element laptopbolt { 2 element neve{ 3 attribute cime {text}, 4 text 5 }, 6 element laptop{ 7 element gyarto{text}, 8 element tipus{text}, 9 element kep{ 10 attribute forrasa{text} 11 }, 12 element kepernyo{ 13 attribute meret{text}, 14 attribute felbontas{text} 15 }, 16 element processzor{ 17 attribute tipus{text}, 18 attribute frekvencia{text} 19 }, 20 element memoria{text}, 21 element merevlemez{ 22 attribute meret{xsd:decimal} 23 }, 24 element videokartya{text}, 25 element kaphato{ 26 attribute ar{xsd:decimal}, 27 attribute szin{"fekete" "piros" "narancssárga" "szürke" "kék" "fehér"} 28 }?, 29 }* 30 }

13 / 34 3. fejezet Laptopbolt W3C XML Schema-val 3.1. Xml Example 3.1 :laptopbolt-schema-val.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <laptopbolt xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:nonamespaceschemalocation="mobilbolt.xsd"> 3 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 4 <laptop> 5 <gyarto>hp</gyarto> 6 <tipus>4310s</tipus> 7 <kep forrasa="4310s.png" /> 8 <kepernyo meret="13.3" felbontas="1366x768" /> 9 <processzor tipus="t6570" frekvencia="2.1" /> 10 <memoria>2</memoria> 11 <merevlemez meret="250" /> 12 <videokartya>hd 4330</videokartya> 13 <kaphato ar="180000" szin="fekete"/> 14 </laptop> 15 <laptop> 16 <gyarto>asus</gyarto> 17 <tipus>k50ab</tipus> 18 <kep forrasa="4310s.png" /> 19 <kepernyo meret="15.6" felbontas="1366x768" /> 20 <processzor tipus="ql-64" frekvencia="2.1" /> 21 <memoria>2</memoria> 22 <merevlemez meret="250" /> 23 <videokartya>hd 4570</videokartya> 24 <kaphato ar="150000" /> 25 </laptop> 26 <laptop> 27 <gyarto>msi</gyarto> 28 <tipus>vr630x</tipus> 29 <kep forrasa="4310s.png" /> 30 <kepernyo meret="15.6" felbontas="1366x768" /> 31 <processzor tipus="ql-62" frekvencia="2.0" /> 32 <memoria>4</memoria> 33 <merevlemez meret="320" /> 34 <videokartya>9100 G</videokartya> 35 <kaphato ar="120000" szin="szürke"/> 36 </laptop>

14 / 34 Example 3.2 :laptopbolt-schema-val.xml folytatása 36 37 <laptop> 38 <gyarto>dell</gyarto> 39 <tipus>1545</tipus> 40 <kep forrasa="4310s.png" /> 41 <kepernyo meret="15.6" felbontas="1366x768" /> 42 <processzor tipus="t4200" frekvencia="2.0" /> 43 <memoria>2</memoria> 44 <merevlemez meret="250" /> 45 <videokartya>x4500</videokartya> 46 <kaphato ar="160000" szin="kék"/> 47 </laptop> 48 <laptop> 49 <gyarto>lenovo</gyarto> 50 <tipus>s10e</tipus> 51 <kep forrasa="4310s.png" /> 52 <kepernyo meret="10.1" felbontas="1024x600" /> 53 <processzor tipus="n270" frekvencia="1.6" /> 54 <memoria>1.5</memoria> 55 <merevlemez meret="160" /> 56 <videokartya>gma 950</videokartya> 57 <kaphato ar="100000" szin="piros"/> 58 </laptop> 59 </laptopbolt>

15 / 34 3.2. Xsd Example 3.3 :laptopbolt.xsd 1 <?xml version="1.0" encoding="utf-8"?> 2 <xs:schema xmlns:xs="http://www.w3.org/2001/xmlschema"> 3 <xs:element name="laptopbolt"> 4 <xs:complextype> 5 <xs:sequence> 6 <xs:element name="neve"> 7 <xs:complextype> 8 <xs:simplecontent> 9 <xs:extension base="xs:string"> 10 <xs:attribute name="cime" type="xs:string"/> 11 </xs:extension> 12 </xs:simplecontent> 13 </xs:complextype> 14 </xs:element> 15 <xs:element name="laptop" minoccurs="0" maxoccurs="unbounded"> 16 <xs:complextype> 17 <xs:sequence> 18 <xs:element name="gyarto" type="xs:string"/> 19 <xs:element name="tipus" type="xs:string"/> 20 <xs:element name="kep"> 21 <xs:complextype> 22 <xs:attribute name="forrasa" type="xs:string"/> 23 </xs:complextype> 24 </xs:element> 25 <xs:element name="kepernyo"> 26 <xs:complextype> 27 <xs:attribute name="meret" type="xs:string"/> 28 <xs:attribute name="felbontas" type="xs:string"/> 29 </xs:complextype> 30 </xs:element> 31 <xs:element name="processzor"> 32 <xs:complextype> 33 <xs:attribute name="tipus" type="xs:string"/> 34 <xs:attribute name="frekvencia" type="xs:string"/> 35 </xs:complextype> 36 </xs:element> 37 <xs:element name="memoria" type="xs:string"/> 38 <xs:element name="merevlemez"> 39 <xs:complextype> 40 <xs:attribute name="meret" type="xs:decimal"/> 41 </xs:complextype> 42 </xs:element> 43 <xs:element name="videokartya" type="xs:string"/> 44 <xs:element name="kaphato" minoccurs="0" maxoccurs="unbounded"> 45 <xs:complextype> 46 <xs:attribute name="ar" type="xs:decimal"/> 47 <xs:attribute name="szin"> 48 <xs:simpletype> 49 <xs:restriction base="xs:string"> 50 <xs:enumeration value="fehér"/> 51 <xs:enumeration value="piros"/> 52 <xs:enumeration value="narancssárga"/> 53 <xs:enumeration value="sárga"/> 54 <xs:enumeration value="szürke"/> 55 <xs:enumeration value="kék"/> 56 <xs:enumeration value="fekete"/> 57 </xs:restriction> 58 </xs:simpletype>

16 / 34 Example 3.4 :laptopbolt.xsd folytatása 58 59 </xs:attribute> 60 </xs:complextype> 61 </xs:element> 62 </xs:sequence> 63 </xs:complextype> 64 </xs:element> 65 </xs:sequence> 66 </xs:complextype> 67 </xs:element> 68 </xs:schema> 3.3. Validálás $ xmllint --noout --schema xsd/laptopbolt.xsd xsd/laptopbolt-schema-val.xml xsd/laptopbolt-schema-val.xml validates

17 / 34 4. fejezet Laptopbolt a böngészőben 4.1. Xml Example 4.1 :laptopbolt-bongeszobe.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <?xml-stylesheet type="text/xsl" href="laptopbolt-bongeszobe.xslt"?> 3 <laptopbolt> 4 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 5 <laptop> 6 <gyarto>hp</gyarto> 7 <tipus>4310s</tipus> 8 <kep forrasa="4310s.png" /> 9 <kepernyo meret="13.3" felbontas="1366x768" /> 10 <processzor tipus="t6570" frekvencia="2.1" /> 11 <memoria>2</memoria> 12 <merevlemez meret="250" /> 13 <videokartya>hd 4330</videokartya> 14 <kaphato ar="180000" szin="fekete"/> 15 </laptop> 16 <laptop> 17 <gyarto>asus</gyarto> 18 <tipus>k50ab</tipus> 19 <kep forrasa="k50ab.png" /> 20 <kepernyo meret="15.6" felbontas="1366x768" /> 21 <processzor tipus="ql-64" frekvencia="2.1" /> 22 <memoria>2</memoria> 23 <merevlemez meret="250" /> 24 <videokartya>hd 4570</videokartya> 25 <kaphato ar="150000" /> 26 </laptop> 27 <laptop> 28 <gyarto>msi</gyarto> 29 <tipus>vr630x</tipus> 30 <kep forrasa="vr630x.png" /> 31 <kepernyo meret="15.6" felbontas="1366x768" /> 32 <processzor tipus="ql-62" frekvencia="2.0" /> 33 <memoria>4</memoria> 34 <merevlemez meret="320" /> 35 <videokartya>9100 G</videokartya> 36 <kaphato ar="120000" szin="szürke"/> 37 </laptop>

18 / 34 Example 4.2 :laptopbolt-bongeszobe.xml folytatása 37 38 <laptop> 39 <gyarto>dell</gyarto> 40 <tipus>1545</tipus> 41 <kep forrasa="1545.png" /> 42 <kepernyo meret="15.6" felbontas="1366x768" /> 43 <processzor tipus="t4200" frekvencia="2.0" /> 44 <memoria>2</memoria> 45 <merevlemez meret="250" /> 46 <videokartya>x4500</videokartya> 47 <kaphato ar="160000" szin="kék"/> 48 </laptop> 49 <laptop> 50 <gyarto>lenovo</gyarto> 51 <tipus>s10e</tipus> 52 <kep forrasa="s10e.png" /> 53 <kepernyo meret="10.1" felbontas="1024x600" /> 54 <processzor tipus="n270" frekvencia="1.6" /> 55 <memoria>1.5</memoria> 56 <merevlemez meret="160" /> 57 <videokartya>gma 950</videokartya> 58 <kaphato ar="100000" szin="piros"/> 59 </laptop> 60 </laptopbolt>

19 / 34 4.2. Xslt Example 4.3 :laptopbolt-bongeszobe.xslt 1 <?xml version="1.0" encoding="utf-8"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> 3 <xsl:output method="html" version="4.0" encoding="utf-8" indent="yes" /> 4 <xsl:template match="laptopbolt"> 5 <html> 6 <head> 7 <title><xsl:value-of select="neve" /></title> 8 </head> 9 <body text="#ffffff"> 10 <font color="#000000"><h1><xsl:value-of select="neve" /></h1></font> 11 <table border="1" bgcolor="#000000" class="laptop"> 12 13 <tr class="cim" bgcolor="#ff0000"> 14 <th>sorszám</th> 15 <th>gyártó</th> 16 <th>típus</th> 17 <th>képernyő méret</th> 18 <th>képernyő felbontás</th> 19 <th>processzor típus</th> 20 <th>processzor frekvencia</th> 21 <th>memória</th> 22 <th>merevlemez méret</th> 23 <th>videókártya</th> 24 <th>ár</th> 25 </tr> 26 <xsl:for-each select="laptop"> 27 <tr> 28 <td align="center"><xsl:value-of select="position()" / ></td> 29 <td align="center"><xsl:value-of select="gyarto" /></ td> 30 <td align="center"><xsl:value-of select="tipus" /></td > 31 <td align="center"><xsl:value-of select="kepernyo/ @meret" />"</td> 32 <td align="center"><xsl:value-of select="kepernyo/ @felbontas" /></td> 33 <td align="center"><xsl:value-of select="processzor/ @tipus" /></td> 34 <td align="center"><xsl:value-of select="processzor/ @frekvencia" />GHz</td> 35 <td align="center"><xsl:value-of select="memoria" /> GB</td> 36 <td align="center"><xsl:value-of select="merevlemez/ @meret" /> GB</td> 37 <td align="center"><xsl:value-of select="videokartya" /></td> 38 <td align="center" width="100"><xsl:value-of select=" kaphato/@ar" /> FT</td> 39 </tr> 40 </xsl:for-each> 41 </table> 42 </body> 43 </html> 44 </xsl:template> 45 </xsl:stylesheet>

20 / 34 4.3. Kép a megjelenítésről

21 / 34 5. fejezet Laptopbolt a böngészőben, stílussal 5.1. Xml Example 5.1 :laptopbolt-bongeszobe-stilussal.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <?xml-stylesheet type="text/xsl" href="laptopbolt.xslt"?> 3 <laptopbolt> 4 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 5 <laptop> 6 <gyarto>hp</gyarto> 7 <tipus>4310s</tipus> 8 <kep forrasa="4310s.png" /> 9 <kepernyo meret="13.3" felbontas="1366x768" /> 10 <processzor tipus="t6570" frekvencia="2.1" /> 11 <memoria>2</memoria> 12 <merevlemez meret="250" /> 13 <videokartya>hd 4330</videokartya> 14 <kaphato ar="180000" szin="fekete"/> 15 </laptop> 16 <laptop> 17 <gyarto>asus</gyarto> 18 <tipus>k50ab</tipus> 19 <kep forrasa="k50ab.png" /> 20 <kepernyo meret="15.6" felbontas="1366x768" /> 21 <processzor tipus="ql-64" frekvencia="2.1" /> 22 <memoria>2</memoria> 23 <merevlemez meret="250" /> 24 <videokartya>hd 4570</videokartya> 25 <kaphato ar="150000" /> 26 </laptop> 27 <laptop> 28 <gyarto>msi</gyarto> 29 <tipus>vr630x</tipus> 30 <kep forrasa="vr630x.png" /> 31 <kepernyo meret="15.6" felbontas="1366x768" /> 32 <processzor tipus="ql-62" frekvencia="2.0" /> 33 <memoria>4</memoria> 34 <merevlemez meret="320" /> 35 <videokartya>9100 G</videokartya> 36 <kaphato ar="120000" szin="szürke"/> 37 </laptop>

22 / 34 Example 5.2 :laptopbolt-bongeszobe-stilussal.xml folytatása 37 38 <laptop> 39 <gyarto>dell</gyarto> 40 <tipus>1545</tipus> 41 <kep forrasa="1545.png" /> 42 <kepernyo meret="15.6" felbontas="1366x768" /> 43 <processzor tipus="t4200" frekvencia="2.0" /> 44 <memoria>2</memoria> 45 <merevlemez meret="250" /> 46 <videokartya>x4500</videokartya> 47 <kaphato ar="160000" szin="kék"/> 48 </laptop> 49 <laptop> 50 <gyarto>lenovo</gyarto> 51 <tipus>s10e</tipus> 52 <kep forrasa="s10e.png" /> 53 <kepernyo meret="10.1" felbontas="1024x600" /> 54 <processzor tipus="n270" frekvencia="1.6" /> 55 <memoria>1.5</memoria> 56 <merevlemez meret="160" /> 57 <videokartya>gma 950</videokartya> 58 <kaphato ar="100000" szin="piros"/> 59 </laptop> 60 </laptopbolt>

23 / 34 5.2. Xslt Example 5.3 :laptopbolt-bongeszobe-stilussal.xslt 1 <?xml version="1.0" encoding="utf-8"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> 3 <xsl:output method="html" version="4.0" encoding="utf-8" indent="yes" /> 4 <xsl:template match="laptopbolt"> 5 <html> 6 <head> 7 <link type="text/css" href="laptopbolt.css" rel="stylesheet" /> 8 <title><xsl:value-of select="neve" /> CSS-sel</title> 9 </head> 10 <body> 11 <table class="laptop" cellspacing="0" align="center" > 12 <caption><xsl:value-of select="neve" />, összesen <xsl:value-of select= "count(laptop)" /> Laptop</caption> 13 <tr class="cim"> 14 <th>sorszám</th> 15 <th>gyártó</th> 16 <th>típus</th> 17 <th>képernyő méret</th> 18 <th>képernyő felbontás</th> 19 <th>processzor típus</th> 20 <th>processzor frekvencia</th> 21 <th>memória</th> 22 <th>merevlemez méret</th> 23 <th>videókártya</th> 24 <th>ár</th> 25 <th>szín</th> 26 <th>kép</th> 27 </tr> 28 <xsl:for-each select="laptop"> 29 <xsl:choose> 30 <xsl:when test="gyarto = ASUS "> 31 <tr class="asus"> 32 <td><xsl:value-of select="position()" /></td> 33 <td><xsl:value-of select="gyarto" /></td> 34 <td><xsl:value-of select="tipus" /></td> 35 <td><xsl:value-of select="kepernyo/@meret" />"</td> 36 <td><xsl:value-of select="kepernyo/@felbontas" /></td> 37 <td><xsl:value-of select="processzor/@tipus" /></td> 38 <td><xsl:value-of select="processzor/@frekvencia" /> GHz</td> 39 <td><xsl:value-of select="memoria" /> GB</td> 40 <td><xsl:value-of select="merevlemez/@meret" /> GB</td > 41 <td><xsl:value-of select="videokartya" /></td> 42 <td><xsl:value-of select="kaphato/@ar" /> FT</td> 43 <td><xsl:value-of select="kaphato/@szin" /></td> 44 <td class="kepes"> 45 <span class="kep"> 46 <span></span> 47 <img class="nagy"> 48 <xsl:attribute name="src"> 49 <xsl:value-of select="kep/@forrasa" /> 50 </xsl:attribute> 51 </img> 52 <div>vidd ki az ablakból a kurzort a nagyított kép bezárásához</div> 53 </span>

24 / 34 Example 5.4 :laptopbolt-bongeszobe-stilussal.xslt folytatása 53 54 <img > 55 <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" /></xsl:attribute > 56 </img> 57 </td> 58 </tr> 59 </xsl:when> 60 <xsl:when test="gyarto = HP "> 61 <tr class="hp"> 62 <td><xsl:value-of select="position()" /></td> 63 <td><xsl:value-of select="gyarto" /></td> 64 <td><xsl:value-of select="tipus" /></td> 65 <td><xsl:value-of select="kepernyo/@meret" />"</td> 66 <td><xsl:value-of select="kepernyo/@felbontas" /></td> 67 <td><xsl:value-of select="processzor/@tipus" /></td> 68 <td><xsl:value-of select="processzor/@frekvencia" /> GHz</td> 69 <td><xsl:value-of select="memoria" /> GB</td> 70 <td><xsl:value-of select="merevlemez/@meret" /> GB</td > 71 <td><xsl:value-of select="videokartya" /></td> 72 <td><xsl:value-of select="kaphato/@ar" /> FT</td> 73 <td><xsl:value-of select="kaphato/@szin" /></td> 74 <td class="kepes"> 75 <span class="kep"> 76 <span></span> 77 <img class="nagy"> 78 <xsl:attribute name="src"> 79 <xsl:value-of select="kep/@forrasa" /> 80 </xsl:attribute> 81 </img> 82 <div>vidd ki az ablakból a kurzort a nagyított kép bezárásához</div> 83 </span> 84 <img > 85 <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" /></xsl:attribute > 86 </img> 87 </td> 88 </tr> 89 </xsl:when> 90 <xsl:when test="gyarto = MSI "> 91 <tr class="msi"> 92 <td><xsl:value-of select="position()" /></td> 93 <td><xsl:value-of select="gyarto" /></td> 94 <td><xsl:value-of select="tipus" /></td> 95 <td><xsl:value-of select="kepernyo/@meret" />"</td> 96 <td><xsl:value-of select="kepernyo/@felbontas" /></td> 97 <td><xsl:value-of select="processzor/@tipus" /></td> 98 <td><xsl:value-of select="processzor/@frekvencia" /> GHz</td> 99 <td><xsl:value-of select="memoria" /> GB</td> 100 <td><xsl:value-of select="merevlemez/@meret" /> GB</td > 101 <td><xsl:value-of select="videokartya" /></td> 102 <td><xsl:value-of select="kaphato/@ar" /> FT</td> 103 <td><xsl:value-of select="kaphato/@szin" /></td> 104 <td class="kepes">

25 / 34 Example 5.5 :laptopbolt-bongeszobe-stilussal.xslt folytatása 104 105 <span class="kep"> 106 <span></span> 107 <img class="nagy"> 108 <xsl:attribute name="src"> 109 <xsl:value-of select="kep/@forrasa" /> 110 </xsl:attribute> 111 </img> 112 <div>vidd ki az ablakból a kurzort a nagyított kép bezárásához</div> 113 </span> 114 <img > 115 <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" /></xsl:attribute > 116 </img> 117 </td> 118 </tr> 119 </xsl:when> 120 <xsl:when test="gyarto = Lenovo "> 121 <tr class="lenovo"> 122 <td><xsl:value-of select="position()" /></td> 123 <td><xsl:value-of select="gyarto" /></td> 124 <td><xsl:value-of select="tipus" /></td> 125 <td><xsl:value-of select="kepernyo/@meret" />"</td> 126 <td><xsl:value-of select="kepernyo/@felbontas" /></td> 127 <td><xsl:value-of select="processzor/@tipus" /></td> 128 <td><xsl:value-of select="processzor/@frekvencia" /> GHz</td> 129 <td><xsl:value-of select="memoria" /> GB</td> 130 <td><xsl:value-of select="merevlemez/@meret" /> GB</td > 131 <td><xsl:value-of select="videokartya" /></td> 132 <td><xsl:value-of select="kaphato/@ar" /> FT</td> 133 <td><xsl:value-of select="kaphato/@szin" /></td> 134 <td class="kepes"> 135 <span class="kep"> 136 <span></span> 137 <img class="nagy"> 138 <xsl:attribute name="src"> 139 <xsl:value-of select="kep/@forrasa" /> 140 </xsl:attribute> 141 </img> 142 <div>vidd ki az ablakból a kurzort a nagyított kép bezárásához</div> 143 </span> 144 <img > 145 <xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" /></xsl:attribute > 146 </img> 147 </td> 148 </tr> 149 </xsl:when> 150 <xsl:otherwise> 151 <tr> 152 <td><xsl:value-of select="position()" /></td> 153 <td><xsl:value-of select="gyarto" /></td> 154 <td><xsl:value-of select="tipus" /></td> 155 <td><xsl:value-of select="kepernyo/@meret" />"</td> 156 <td><xsl:value-of select="kepernyo/@felbontas" /></td>

26 / 34 Example 5.6 :laptopbolt-bongeszobe-stilussal.xslt folytatása 156 157 <td><xsl:value-of select="processzor/@tipus" /></td> 158 <td><xsl:value-of select="processzor/@frekvencia" /> GHz</td> 159 <td><xsl:value-of select="memoria" /> GB</td> 160 <td><xsl:value-of select="merevlemez/@meret" /> GB</td > 161 <td><xsl:value-of select="videokartya" /></td> 162 <td><xsl:value-of select="kaphato/@ar" /> FT</td> 163 <td><xsl:value-of select="kaphato/@szin" /></td> 164 <td class="kepes"> 165 <span class="kep"> 166 <span></span> 167 <img class="nagy"> 168 <xsl:attribute name="src"> 169 <xsl:value-of select="kep/@forrasa" /> 170 </xsl:attribute> 171 </img> 172 <div>vidd ki az ablakból a kurzort a nagyított kép bezárásához</div> 173 </span> 174 <img><xsl:attribute name="src"><xsl:value-of select="kep/@forrasa" /></ xsl:attribute> 175 </img> 176 </td> 177 </tr> 178 </xsl:otherwise> 179 </xsl:choose> 180 </xsl:for-each> 181 </table> 182 </body> 183 </html> 184 </xsl:template> 185 </xsl:stylesheet>

27 / 34 5.3. Css Example 5.7 :laptopbolt.css 1 body{ background-color: #000000; } 2 table.laptop{ font-siz e: 12px; 3 border-color:#ff0000; 4 border-width:1px; 5 border-style:solid; } 6 caption{ caption-side: bottom; 7 color: #023d96; 8 font-weight: bold; 9 font-family: sans serif; } 10 tr{ border: thin solid #000000; 11 color: #bbbbbb; 12 padding-top: 2px; 13 padding-bottom: 2px; 14 text-align: center; 15 background-color: #660000; } 16 tr.cim{ color: #ffffff; 17 background-color:#000000; } 18 tr.hp{ background-color:#ff0000; } 19 tr.asus{ background-color:#cc0000; } 20 tr.msi{ background-color:#990000; } 21 tr.lenovo{ background-color:#330000; } 22 td{ padding-right: 10px; 23 padding-left: 10px; } 24 td img{ width: 20px; 25 height: 20px; } 26.kepes:hover.kep { display:block; } 27.kepes:hover.kep span{ position: absolute; 28 top: 0px; 29 left: 0px; 30 background-color:black; 31 width:100%; 32 height:100%; 33 filter:alpha(opacity=70); 34 -moz-opacity:0.7; 35 -khtml-opacity:0.7; 36 opacity: 0.7; } 37.kepes:hover.kep img.nagy{ position:absolute; 38 width:500px; 39 height:500px; 40 top:50%; 41 left:50%; 42 margin:-250px auto auto -250px; } 43.kepes:hover.kep div{ position:absolute; 44 background-color:#000000; 45 color:#ffffff; 46 top:50%; 47 left:50%; 48 margin: -270px auto auto -175px; } 49.kep{ display:none; }

28 / 34 5.4. Képek a megjelenítésről

29 / 34 6. fejezet Laptopbolt mobilra 6.1. Xml Example 6.1 :laptopbolt-mobilra.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <?xml-stylesheet type="text/xsl" href="laptopbolt-mobilra.xslt"?> 3 <laptopbolt> 4 <neve cime="http://lap.top.boltja">kriszti és Máté LaptopBoltja</neve> 5 <laptop> 6 <gyarto>hp</gyarto> 7 <tipus>4310s</tipus> 8 <kep forrasa="4310s.png" /> 9 <kepernyo meret="13.3" felbontas="1366x768" /> 10 <processzor tipus="t6570" frekvencia="2.1" /> 11 <memoria>2</memoria> 12 <merevlemez meret="250" /> 13 <videokartya>hd 4330</videokartya> 14 <kaphato ar="180000" szin="fekete"/> 15 </laptop> 16 <laptop> 17 <gyarto>asus</gyarto> 18 <tipus>k50ab</tipus> 19 <kep forrasa="k50ab.png" /> 20 <kepernyo meret="15.6" felbontas="1366x768" /> 21 <processzor tipus="ql-64" frekvencia="2.1" /> 22 <memoria>2</memoria> 23 <merevlemez meret="250" /> 24 <videokartya>hd 4570</videokartya> 25 <kaphato ar="150000" /> 26 </laptop> 27 <laptop> 28 <gyarto>msi</gyarto> 29 <tipus>vr630x</tipus> 30 <kep forrasa="vr630x.png" /> 31 <kepernyo meret="15.6" felbontas="1366x768" /> 32 <processzor tipus="ql-62" frekvencia="2.0" /> 33 <memoria>4</memoria> 34 <merevlemez meret="320" /> 35 <videokartya>9100 G</videokartya> 36 <kaphato ar="120000" szin="szürke"/> 37 </laptop>

30 / 34 Example 6.2 :laptopbolt-mobilra.xml folytatása 37 38 <laptop> 39 <gyarto>dell</gyarto> 40 <tipus>1545</tipus> 41 <kep forrasa="1545.png" /> 42 <kepernyo meret="15.6" felbontas="1366x768" /> 43 <processzor tipus="t4200" frekvencia="2.0" /> 44 <memoria>2</memoria> 45 <merevlemez meret="250" /> 46 <videokartya>x4500</videokartya> 47 <kaphato ar="160000" szin="kék"/> 48 </laptop> 49 <laptop> 50 <gyarto>lenovo</gyarto> 51 <tipus>s10e</tipus> 52 <kep forrasa="s10e.png" /> 53 <kepernyo meret="10.1" felbontas="1024x600" /> 54 <processzor tipus="n270" frekvencia="1.6" /> 55 <memoria>1.5</memoria> 56 <merevlemez meret="160" /> 57 <videokartya>gma 950</videokartya> 58 <kaphato ar="100000" szin="piros"/> 59 </laptop> 60 </laptopbolt> 6.2. Xslt Example 6.3 :laptopbolt-mobilra.xslt 1 <?xml version="1.0" encoding="utf-8"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> 3 <xsl:output method="xml" version="1.0" encoding="utf-8" 4 doctype-system="http://www.wapforum.org/dtd/xhtml-mobile10.dtd" 5 doctype-public="-//wapforum//dtd XHTML Mobile 1.0//EN" indent="yes" /> 6 <xsl:template match="laptopbolt"> 7 <html xmlns="http://www.w3.org/1999/xhtml"> 8 <head> 9 <title><xsl:value-of select="neve" /> mobilra</title> 10 </head> 11 <body> 12 <h1><xsl:value-of select="neve" /></h1> 13 <p> 14 <xsl:value-of select="count(laptop)"/> 15 <xsl:text> darab laptop van a boltban.</xsl:text> 16 </p> 17 </body> 18 </html> 19 </xsl:template> 20 </xsl:stylesheet>

31 / 34 6.3. Xhtml Example 6.4 :laptopbolt-mobilra.xhtml 1 <?xml version="1.0" encoding="utf-8"?> 2 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/dtd/ xhtml-mobile10.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>kriszti és Máté LaptopBoltja mobilra</title> 6 </head> 7 <body> 8 <h1>kriszti és Máté LaptopBoltja</h1> 9 <p>5 darab laptop van a boltban.</p> 10 </body> 11 </html> 6.4. Kép a megjelenítésről 6.5. Validálás $ xmllint --valid --noout../laptopbolt-mobilra.xhtml

32 / 34 7. fejezet Felhasznált Docbook elemek Idézet: <epigraph> <attribution>madách Imre: <citetitle>az ember tragédiája</citetitle> </attribution> <para> A tett halála az okoskodás. </para> </epigraph> <itemizedlist> <revhistory> <book> <keywords> <abstract> <para> <sect1> <sect2> <bibliography> <bibliodiv> <biblioentry> <abbrev> <author> <firstname> <surname> <publishername> <link> <exampe>

33 / 34 <revhistory> <legalnotice> <copyright> <dedication> <info> <chapter> <programlisting> <epigraph> <attribution> <screen> <inlinemediaobject>

34 / 34 8. fejezet Irodlomjegyzék 8.1. XML [XML KONYV] Bíró, Szabolcs, Szövegfeldolgozás XML alapokon, Böngészhető változat, 2007. 8.2. Docbook [DOCBOOK 3.1] Walsh, Norman à s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhető változat Összefoglaló lap, 1999. [DOCBOOK 4.5] Walsh, Norman à s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhető változat Összefoglaló lap, 2006. [DOCBOOK 5.0] Walsh, Norman, DocBook 5.0: The Definitive Guide, Böngészhető változat Összefoglaló lap, 2007. [DOCBOOK XSL] Stayton, Bob, DocBook XSL: The Complete Guide, Böngészhető 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őoktatási Tankönyvtár PDF változat Böngészhető 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. Gyerekeknek [J] Bátfai, Norbert, Jávácska, Jávácska - belépés a tudás mesés birodalmába, 2007.