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

Méret: px
Mutatás kezdődik a ... oldaltól:

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

Átírás

1 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

2 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 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.

3 iii COLLABORATORS TITLE : XML-HMTL Beadandó Dolgozat ACTION NAME DATE SIGNATURE WRITTEN BY Varga, Krisztina à s Varga, Máté december 10. REVISION HISTORY NUMBER DATE DESCRIPTION NAME november 26. Legeneráltuk a dolgozat első érvényes változatát pdf formátumba. Kriszti és Máté 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é november 27. A dolgozatot elláttam a Laptopbolt DTD-vel fejezetben található példákkal. Kriszti november 27. Bekerült a dolgozatba a Laptopbolt RNG-vel fejezet. Kriszti november 27. A dokumentumot Creative Commons 3 Unported licensszel láttam el. Máté november 29. Beillesztettem a képeket az alkotókról. Kriszti november 29. A tárgyhoz legjobban illő Madách Imre idézettel láttam el a dolgozatot. Kriszti és Máté november 29. Elkészítettem a Laptopbolt W3C schema-val részt. Kriszti november 30. Bekerült a dolgozatba a Laptopbolt mobilra fejezet. Máté

4 iv REVISION HISTORY NUMBER DATE DESCRIPTION NAME november 30. A dolgozat a Laptopbolt Böngészőbe stílussal résszel bővült. Máté december 2. Szétdaraboltam az example tageket hogy pdf formátumban ne legyen kilógó részük. Kriszti 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é december 6. Elkészült a dolgozat irodalomjegyzéke. Máté december 9. Beillesztettem milyen a jegyzetben nem tárgyalt docbook elemeket használtunk a dolgozat elkészítéséhez. Máté

5 v Tartalomjegyzék I XML-HTML Beadandó Dolgozat 1 1. Laptopbolt DTD-vel Xml Dtd Validálás Laptopbolt Relax NG-vel Xml Rng Rng matrioska Validálás Rng kompakt Laptopbolt W3C XML Schema-val Xml Xsd Validálás Laptopbolt a böngészőben Xml Xslt Kép a megjelenítésről Laptopbolt a böngészőben, stílussal Xml Xslt Css Képek a megjelenítésről

6 vi 6. Laptopbolt mobilra Xml Xslt Xhtml Kép a megjelenítésről Validálás Felhasznált Docbook elemek Irodlomjegyzék XML Docbook Programozás Mobil Gyerekeknek

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

8 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 és 2009 között érettségizett le. Jelenleg a Debreceni Egyetem programtervezo informatikus szakának hallgatója.

9 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

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

11 2 / 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=" é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>

12 3 / 34 Example 1.2 :laptopbolt-dtd-vel.xml folytatása <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>

13 4 / 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

14 5 / 34

15 6 / 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=" é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" />

16 7 / 34 Example 2.2 :laptopbolt-rng-vel.xml folytatása <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>

17 8 / Rng Example 2.3 :laptopbolt-nem-matrioska.rng 1 <?xml version="1.0" encoding="utf-8"?> 2 <grammar xmlns=" datatypelibrary=" /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>

18 9 / 34 Example 2.4 :laptopbolt-nem-matrioska.rng folytatása <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>

19 10 / Rng matrioska Example 2.5 :laptopbolt-matrioska.rng 1 <?xml version="1.0" encoding="utf-8"?> 2 <element name="laptopbolt" xmlns=" 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=" 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=" XMLSchema-datatypes"/> 53 </attribute>

20 11 / 34 Example 2.6 :laptopbolt-matrioska.rng folytatása <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> Validálás $ xmllint --noout --relaxng rng/laptopbolt-matrioska.rng rng/laptopbolt-relaxng-vel.xml rng/laptopbolt-relaxng-vel.xml validates

21 12 / 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 }

22 13 / 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=" xsi:nonamespaceschemalocation="mobilbolt.xsd"> 3 <neve cime=" é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>

23 14 / 34 Example 3.2 :laptopbolt-schema-val.xml folytatása <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>

24 15 / Xsd Example 3.3 :laptopbolt.xsd 1 <?xml version="1.0" encoding="utf-8"?> 2 <xs:schema xmlns:xs=" 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>

25 16 / 34 Example 3.4 :laptopbolt.xsd folytatása </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

26 17 / 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=" é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>

27 18 / 34 Example 4.2 :laptopbolt-bongeszobe.xml folytatása <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>

28 19 / Xslt Example 4.3 :laptopbolt-bongeszobe.xslt 1 <?xml version="1.0" encoding="utf-8"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl=" 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"> <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 />"</td> 32 <td align="center"><xsl:value-of /></td> 33 <td align="center"><xsl:value-of /></td> 34 <td align="center"><xsl:value-of />GHz</td> 35 <td align="center"><xsl:value-of select="memoria" /> GB</td> 36 <td align="center"><xsl:value-of /> 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>

29 20 / Kép a megjelenítésről

30 21 / 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=" é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>

31 22 / 34 Example 5.2 :laptopbolt-bongeszobe-stilussal.xml folytatása <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>

32 23 / Xslt Example 5.3 :laptopbolt-bongeszobe-stilussal.xslt 1 <?xml version="1.0" encoding="utf-8"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl=" 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>

33 24 / 34 Example 5.4 :laptopbolt-bongeszobe-stilussal.xslt folytatása <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">

34 25 / 34 Example 5.5 :laptopbolt-bongeszobe-stilussal.xslt folytatása <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>

35 26 / 34 Example 5.6 :laptopbolt-bongeszobe-stilussal.xslt folytatása <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>

36 27 / 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; }

37 28 / Képek a megjelenítésről

38 29 / 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=" é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>

39 30 / 34 Example 6.2 :laptopbolt-mobilra.xml folytatása <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=" 3 <xsl:output method="xml" version="1.0" encoding="utf-8" 4 doctype-system=" 5 doctype-public="-//wapforum//dtd XHTML Mobile 1.0//EN" indent="yes" /> 6 <xsl:template match="laptopbolt"> 7 <html xmlns=" 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>

40 31 / 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" " xhtml-mobile10.dtd"> 3 <html xmlns=" 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

41 32 / 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>

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

43 34 / fejezet Irodlomjegyzék 8.1. XML [XML KONYV] Bíró, Szabolcs, Szövegfeldolgozás XML alapokon, Böngészhető változat, Docbook [DOCBOOK 3.1] Walsh, Norman à s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhető változat Összefoglaló lap, [DOCBOOK 4.5] Walsh, Norman à s Muellner, Leonard, DocBook: The Definitive Guide, Böngészhető változat Összefoglaló lap, [DOCBOOK 5.0] Walsh, Norman, DocBook 5.0: The Definitive Guide, Böngészhető változat Összefoglaló lap, [DOCBOOK XSL] Stayton, Bob, DocBook XSL: The Complete Guide, Böngészhető változat, 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, [PP] Bátfai, Norbert, Programozó Páternoszter, PDF változat, Mobil [EUROSMOBIL] Eurosmobil, EUROSMOBIL JÁTÉKOK - Eleve mobilra kitalált eredeti játékok!, Gyerekeknek [J] Bátfai, Norbert, Jávácska, Jávácska - belépés a tudás mesés birodalmába, 2007.

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

Ed. Version 1.2. Az XML nyelv. Az XML nyelv. Győri László munkája. Ed. Version 1.2 i Az XML nyelv Győri László munkája ii Copyright 2009 Győri László E közlemény felhatalmazást ad önnek jelen dokumentum sokszorosítására, terjesztésére és/vagy módosítására a Szabad Szoftver Alapítvány

Részletesebben

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.

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. Képnézeget Felhasználói dokumentáció Feladat: Java Script segítségével, olyan programot írni, mely képnézeget ként szolgál. Legalább 10 képet kell elhelyezni benne. Gombok választásával kell a design-ok

Részletesebben

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

(statikus) HTML (XHTML) oldalak, stíluslapok (statikus) HTML (XHTML) oldalak, stíluslapok Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok CSS Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok

Részletesebben

HTML ÉS PHP AZ ALAPOKTÓL

HTML ÉS PHP AZ ALAPOKTÓL 1 HTML ÉS PHP AZ ALAPOKTÓL Bevezetés a HTML és a CSS világába Before we start 2 A kurzus blogja: http://bcecid.net/tag/php-kurzus-2011-12-tavasz A példaprogramok innen lesznek letölthetők Könyvek HTML

Részletesebben

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

Kő, Papír, Olló. Felhasználói dokumentáció Kő, Papír, Olló Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével Kő, Papír, Olló feladat készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal.

Részletesebben

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

font-size:12px; display:block; text-shadow: 0 1px 0 #FFFFFF;} /* A lapozó stílusa */ #fotarto {width:1004px; height:500px; /* border: solid 1px #000; */} #jobb {width:830px; float:left; padding-left:10px;}.newboxes {display: none;} /* balmenu */ #bal {width:158px;

Részletesebben

DocBook útmutató. Jeszenszky Péter Debreceni Egyetem, Informatikai Kar jeszenszky.peter@inf.unideb.hu

DocBook útmutató. Jeszenszky Péter Debreceni Egyetem, Informatikai Kar jeszenszky.peter@inf.unideb.hu DocBook útmutató Jeszenszky Péter Debreceni Egyetem, Informatikai Kar jeszenszky.peter@inf.unideb.hu Mi a DocBook? (1) XML formátum műszaki dokumentációhoz Eredetileg hardver és szoftver dokumentáció készítéséhez

Részletesebben

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

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 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 HTML segédlet számítógép hálózatok tárgy gyakorlatához A jegyzet teljes

Részletesebben

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

5-ös lottó játék. Felhasználói dokumentáció 5-ös lottó játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével 5-ös lottó játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az

Részletesebben

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

Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz) Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz) HTML (Hyper Text Markup Language)...2 A HTML dokumentumokról...2 Néhány

Részletesebben

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

ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK HTML dokumentum = weblap = weboldal = webpage Egy HTML dokumentum kiterjesztései: HTM vagy HTML STÍLUSLAP = Egy vagy több HTML utasítás, értékekkel ellátott paramétereinek

Részletesebben

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

XML és XSLT (a színfalak mögül) XML és XSLT (a színfalak mögül) Írta: Nagy Tamás Motiváció Ez a dokumentum eredetileg egy előadás írott változatának készült. Már az előadásra való felkészülés során, több könyv és Internetes oldal elolvasása

Részletesebben

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

DOBOZOK. A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content) CSS DOBOZOK DOBOZOK A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content) TARTALOM Ez maga az elem, amelyik a dobozt létrehozza. KITÖLTÉS A tartalom

Részletesebben

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

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13. Informatika 1 9. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 13. CSS HTML formázasára, elhelyezésére szolgál Cél az újrafelhasználhatóság és könny módosítás CSS kód

Részletesebben

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

Memória játék. Felhasználói dokumentáció Memória játék Felhasználói dokumentáció Feladat: JavaScript segítségével, olyan programot írni, mely összekeveri a lapokat, majd a felhasználónak kell párosítani. HTML oldalba ágyazva és CSS-el formázva.

Részletesebben

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ő

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ő Felhasználói dokumentáció Számológép Feladat: JavaScript és CSS segítségével számológép készítése. Futtatási környezet: A http://10.0.0.101/~szabby/szgep.html linkre kattintva megjelenik az oldal. Az oldal

Részletesebben

Stíluslapok használata (CSS)

Stíluslapok használata (CSS) 2. Laboratóriumi gyakorlat Stíluslapok használata (CSS) A gyakorlat célja: Bevezetés a CSS stíluslapok használatába. Felkészüléshez szükséges anyagok: 1. A 3-as segédlet (CSS) 2. A bibliográfia HTML illetve

Részletesebben

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

2015-16 HTML, CSS. Morabito Érdi SzC Eötvös József Szakképző Iskolája 2015-16 2015-16 HTML, CSS Morabito Érdi SzC Eötvös József Szakképző Iskolája 2015-16 Tartalomjegyzék HTML elemek... 3 Címkék jelölése... 3 Páros és páratlan címkék... 3 Egy egyszerű weboldal készítésének lépései...

Részletesebben

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

SZABADKAI MŰSZAKI SZAKFŐISKOLA. E-mobil prezentáció dokumentációja SZABADKA, 2015. SZABADKAI MŰSZAKI SZAKFŐISKOLA E-mobil prezentáció dokumentációja JELÖLT MENTOR Varga Tamás dr Zlatko Čović SZABADKA, 2015. TARTALOM HTML 5 használata a mobilfejlesztésben... 2 HTML5 Struktúrája... 3 Egy

Részletesebben

HTML, XML szerkesztés

HTML, XML szerkesztés HTML, XML szerkesztés Vezető: Majzik Zsuzsa Előadó: Rigó Ernő http://gdf.tricon.hu/html Előzmények 1960-as évek: GML IBM SGML Standard Generalized Markup Language 1986-os

Részletesebben

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

Információ Európa országairól (összetett alkalmazás) Információ Európa országairól (összetett alkalmazás) Információ Európa osrzágairól Készítsünk webes felületet, melyen Európa térképe klikkelésre érzékeny (szenzitív) képként jelenik meg! Bármelyik országot

Részletesebben

HTML sablon tervezése

HTML sablon tervezése 3. Laboratóriumi gyakorlat HTML sablon tervezése A gyakorlat célja: Egy összefüggő HTML illetve CSS nyelvet használó oldal tervezése, amely később sablonként is használható. Felkészüléshez szükséges anyagok:

Részletesebben

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

Informatika 1 CSS. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc november 4. Budapesti M szaki Egyetem Informatika 1 CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc Budapesti M szaki Egyetem 2014. november 4. CSS CSS: Cascading Style Sheets CSS CSS: Cascading Style Sheets Cél: a tartalom és a megjelenítés

Részletesebben

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.

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. Sakk játék Felhasználói dokumentáció 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. Futtatási környezet: A http://10.0.0.101/~hgy/sakk/

Részletesebben

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

Web programozás. 3. előadás Web programozás 3. előadás Űrlapok form label for input type select, option value szöveges mező: text textarea jelszó: password rádiógomb: radio jelölőnégyzet: checkbox küldés gomb: submit Web programozás

Részletesebben

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

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ő. 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ő. más nyelvek: XML-QL, XQL, Lorel, de jelenleg valószínő,

Részletesebben

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

mhtml:file://d:\vizsga\html\hogyan szerkeszteni weboldalt - HTML alapok.mht 1. oldal, összesen: 6 oldal Webírás Útmutatók Hogyan csinálni weboldalt HTML alapok HTML HTML alapok Forrás kód megjelenítése - HTML nulladik példa - Tagok = Jelek - Első példa, HTML szerkezet - Második

Részletesebben

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

Tili-Toli játék. Felhasználói dokumentáció Tili-Toli játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével tili-toli játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal

Részletesebben

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

Webszerkesztés stílusosan. Készítette: Csécsy László Virgina DeBolt hasonló c. könyve alapján Webszerkesztés stílusosan Készítette: Csécsy László Virgina DeBolt hasonló c. könyve alapján Tartalom HTML és CSS HTML vs. XHTML, CSS mi micsoda? XHTML nyelvtan: címkék, egyéb követelmények CSS nyelvtan:

Részletesebben

Multimédia 2017/2018 II.

Multimédia 2017/2018 II. Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime

Részletesebben

Webprogramozás HTML alapok 2. 3. előadás

Webprogramozás HTML alapok 2. 3. előadás Webprogramozás HTML alapok 2. 3. előadás Hivatkozások - linkek Link: más webes tartalomra történő irányítás Hivatkozások - linkek abszolút hivatkozás fizika kar weboldala

Részletesebben

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

Anyagcsere serkentő, zsírégető epigallokatekin-3-gallát (EGCG) A magasabb testhőmérséklet fokozottabb kalóriaégetést, és gyorsabb anyagcserét tesz lehetővé, ami súlycsökkenéshez vezet..menutop { height:0!important; }.wrapper { height:0!important; }.menuitem { display:

Részletesebben

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.

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. 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. A menüt lista elembıl fogjuk elkészíteni. Fogadja szeretettel

Részletesebben

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

Lenyíló menük készítése. Összetett programok készítése Lenyíló menük készítése Összetett programok készítése webprogramozó Akkor érdemes használni, ha a webhelyünk túl sok lehet séget tartalmaz ahhoz, hogy azok kényelmesen elférjenek egy oldalon. Pár oldal

Részletesebben

8. fejezet - Tartalom

8. fejezet - Tartalom 8. fejezet - Tartalom 8.1 E-mail-támadások 8.1.1 Mailbombák - túlcsordul a postafiók 8.1.2 A fájlmelléklet kitömése 8.1.3 AConConbug 8.2 ICQ - praktikus és veszélyes 8.2.1 Az ICQ - biztonsági kockázat?

Részletesebben

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

(statikus) HTML (XHTML) oldalak, stíluslapok (statikus) HTML (XHTML) oldalak, stíluslapok Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok CSS Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok

Részletesebben

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

AZ ÉPÜLETEK TOVÁBB TOLATÁSA AMERIKÁBAN. 30 AZ ÉPÜLETEK TOVÁBB TOLATÁSA AMERIKÁBAN. a bolygó- és csillagrendszert áttekintheték. Mióta csak emberek az égi űrt vizsgálják, soha meglepőbb és csodálatosabb felfedezések nem koronázák a csillagászok

Részletesebben

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

Az image objektum. Az image eseménykezel i. Képek el zetes betöltése. Feladat. Váltóképek készítése Az image objektum Multimédiás alkalmazások készítése JavaScript segítségével webprogramozó a document leszármazottja az images tömbön keresztül érhet el complete : teljesen letölt dött-e? height, width

Részletesebben

Planet Me blog aggregátor létrehozása

Planet Me blog aggregátor létrehozása Planet Me blog aggregátor létrehozása Bemutatjuk, hogyan hozhatunk létre saját blog aggregátort (hírolvasót) a Planet oldalakat (például a Planet Apache-ot) mûködtetõ kóddal. APlanet Projecttel az online

Részletesebben

A DBM függvények használata

A DBM függvények használata 11. ÓRA A DBM függvények használata Ha nem is férünk hozzá valamilyen SQL adatbáziskezelõhöz (mint a MySQL vagy az Oracle), majdnem biztos, hogy valamilyen DBM-szerû adatbázisrendszer rendelkezésünkre

Részletesebben

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

Twister - Egy modern ügyességi játék, ami fejleszti az egyensúlyérzéket és a mozgáskoordinációt. Twister Egy modern ügyességi játék, ami fejleszti az egyensúlyérzéket és a mozgáskoordinációt. Készítettem két új társasjátékot eská a családnak. Leírom a játékokat, a megvalósításukat. Az egyik a Twister.

Részletesebben

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.

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. XML adatkezelés 11. témakör Az nyelv alapjai ME GEIAL dr Kovács Lászl szló célja egy imperatív lekérdező nyelv biztosítása SQL XPath XSLT (nem XML) XDM Forrás XML processzor Eredmény XML 1 jellemzői --

Részletesebben

Adatbázisok II. Jánosi-Rancz Katalin Tünde tsuto@ms.sapientia.ro 327A

Adatbázisok II. Jánosi-Rancz Katalin Tünde tsuto@ms.sapientia.ro 327A Adatbázisok II. 6 Jánosi-Rancz Katalin Tünde tsuto@ms.sapientia.ro 327A XQUERY 6 XQUERY jellemzői XML dokumentumok lekérdezésére szolgáló lekérdezőnyelv W3C szabvány 2007 óta; a böngészők és ABKR értik

Részletesebben

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

9. MODUL WEBKEZDŐ. A vizsgafeladat megoldásához kizárólag a választott webkészítő program, illetve jegyzettömb (editor) használható. 9. MODUL WEBKEZDŐ A KILENCEDIK MODUL TARTALMA A kilencedik modul 60 feladatot tartalmaz. Közülük egyet kell megoldania a vizsgázónak. A feladatok megoldása során előre elkészített fájlokat kell használni,

Részletesebben

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

Webes űrlapok és az XForms ajánlás Debreceni Egyetem Informatikai Kar Webes űrlapok és az XForms ajánlás Témavezető: Dr. Adamkó Attila egyetemi adjunktus Készítette: Hetei György programtervező Informatikus Debrecen 2010 Bevezetés 3 A HTML

Részletesebben

Az evangélikus honlapszerkesztő rendszer használata

Az evangélikus honlapszerkesztő rendszer használata Az evangélikus honlapszerkesztő rendszer használata Készítette: Magyarországi Evangélikus Egyház Internet Munkacsoport Bogdányi Gábor és Erdélyi Károly 2004-2006. Tartalomjegyzék Bevezetés Miről is van

Részletesebben

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

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 Ez a kép most nem jeleníthető meg. 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 Készült az Agora Alapítvány

Részletesebben

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

Tamás Ferenc: CSS táblázatok 2. Tamás Ferenc: CSS táblázatok 2. Ez az írás azoknak készült, akik már értik a HTML és a CSS nyelveket, csak használat közben kellene egy adott tulajdonság vagy érték. Kérem, hogy senki se ezzel kezdje a

Részletesebben

Webprogramozás szakkör

Webprogramozás szakkör Webprogramozás szakkör Előadás 3. (2013.03.19) Bevezető HTML felelevenítés HTML elemei Tag-ek, például: , , , Tulajdonságok, például: size, bgcolor Értékek, például: 4, black, #FFFFF

Részletesebben

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

XHTML és CSS Holló Csaba 11. A HTML dokumentum XHTML és CSS Holló Csaba 2 A. Alapfogalmak B. Szövegek C. Hivatkozások D. Képek és multimédia E. Listák és számlálók XHTML és CSS Holló Csaba 3 1. Mi a HTML, XHTML és CSS? 2. Objektumok definíciója 3.

Részletesebben

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

Néhány kihagyhatatlan Linux tipp és trükk. Ezeket a tippeket olvasóink osztották meg velünk i Néhány kihagyhatatlan Linux Ezeket a tippeket olvasóink osztották meg velünk ii COLLABORATORS TITLE : Néhány kihagyhatatlan Linux tipp és trükk ACTION NAME DATE SIGNATURE WRITTEN BY 2014. július 4. REVISION

Részletesebben

SZAKDOLGOZAT. Vígh Gábor DEBRECEN 2009.

SZAKDOLGOZAT. Vígh Gábor DEBRECEN 2009. SZAKDOLGOZAT Vígh Gábor DEBRECEN 2009. 1 Debreceni Egyetem Informatika Kar Témavezető: Készítette: Dr. Kuki Attila Vígh Gábor adjunktus Programtervező informatikus (Bsc) Debrecen 2009. 2 Webes alkalmazásfejlesztés

Részletesebben

Dokumentumformátumok Jelölő nyelvek XML XML. Sass Bálint sass@digitus.itk.ppke.hu. Bevezetés a nyelvtechnológiába 2. gyakorlat 2007. szeptember 20.

Dokumentumformátumok Jelölő nyelvek XML XML. Sass Bálint sass@digitus.itk.ppke.hu. Bevezetés a nyelvtechnológiába 2. gyakorlat 2007. szeptember 20. XML Sass Bálint sass@digitus.itk.ppke.hu Bevezetés a nyelvtechnológiába 2. gyakorlat 2007. szeptember 20. 1 DOKUMENTUMFORMÁTUMOK 2 JELÖLŐ NYELVEK 3 XML 1 DOKUMENTUMFORMÁTUMOK 2 JELÖLŐ NYELVEK 3 XML DOKUMENTUMFORMÁTUMOK

Részletesebben

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

XML technikák II Kovács, László XML technikák II Kovács, László XML technikák II Kovács, László Kelet-Magyarországi Informatika Tananyag Tárház Nemzeti Fejlesztési Ügynökség http://ujszechenyiterv.gov.hu/ 06 40 638-638 Lektor Dr. Johanyák

Részletesebben

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

CSS-segédlet. 1. CSS és HTML. 1.1. Külső stíluslap HTML-hez csatolása CSS-segédlet 1. CSS és HTML 1.1. Külső stíluslap HTML-hez csatolása A hivatkozást a HTML-dokumentum szakaszában kell elhelyezni. Ha a HTML- és a CSS-fájl nem ugyanazon könyvtárban van, akkor a HTML-ben

Részletesebben

forrás: www.oktatovideok.hu Web és PHP leckék

forrás: www.oktatovideok.hu Web és PHP leckék forrás: www.oktatovideok.hu Web és PHP leckék Tartalomjegyzék HTML alapok... 3 HTML űrlapok... 9 JavaScript alapok... 12 Apache PHP - MySQL... 16 PHP alapok... 21 Űrlapok feldolgozása PHP-vel... 26 Adatbázis

Részletesebben

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

Kelda WebGrafika Iroda Példa HTML, CSS formázásra A dokumentumban a http://webgrafikairoda.hu/szovegestartalom/ oldal html és css kódját mutatjuk be, ezzel azonnal használható, gyakorlatias segítséget nyújtva weboldalak szöveges tartalmának szerkesztéséhez.

Részletesebben

WCSS (Wap CSS), Wireless CSS

WCSS (Wap CSS), Wireless CSS WCSS (Wap CSS), Wireless CSS A WCSS (WAP Cascading Style Sheet vagy WAP CSS) mobil változata a CSS-nek. WAP speciális kiterjesztéseket tartalmaz. Azok a CSS2 jellemzők és tulajdonságok, amelyek nem hasznosak

Részletesebben

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

Weblapok szabványossága a példák tükrében Tartalomjegyzék 1. Bevezetı...1 2. A World Wide Web...2 3. A HTML (HyperText Markup Language)...3 3.1. Egy kis történelem...3 3.2. A HTML különbözı verziói...5 3.2.1. HTML 0 szint...5 3.2.2. HTML 1 szint...5

Részletesebben

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

1. Az XML és XHTML nyelvek. Az XML leíró nyelv Szabályok XHTML írásra. Tartalom. 1.1. Az XML leíró nyelv Az XML leíró nyelv Szabályok XHTML írásra Tartalom 1. Az XML és XHTML nyelvek...1 1.1. Az XML leíró nyelv...1 1.1.1. Néhány alapvető nyelvi elem...2 1.1.1.1. Az XML deklaráció...2 1.1.1.2. Elemek és az

Részletesebben

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

XML adatbázis kezelésének lehetőségei Debreceni Egyetem Informatika Kar XML adatbázis kezelésének lehetőségei Témavezető: Dr. Adamkó Attila egyetemi adjunktus Készítette: Buka Balázs programtervező informatikus Debrecen 2010 1 Tartalo mjegyzék

Részletesebben

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 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 kódolás Web-lap felépítése web-lap kezdő utasítás: a dokumentum kezdődik, a böngészőnek szól fejléc kezdő utasítás: a böngészőnek és a kereső robotoknak szóló elemek Fejléc elemek,

Részletesebben

HTML parancsok (html tanfolyam témakörei)

HTML parancsok (html tanfolyam témakörei) HTML parancsok (html tanfolyam témakörei) 1. Bevezető HTML, HEAD, TITLE parancs 2. Karakter formázás: félkövér, dölt, aláhúzott, fejléc: H1, H2, h6 csökkenő betűméret új bekezdés, új

Részletesebben

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

HTML és CSS. Horváth Árpád május 6. Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár 2015. május 6. Vázlat 1 2 A világháló Története statikus és dinamikus oldal URL DNS-feloldás IP-cím ügyfél (kliens, böngész ) és szerver (kiszolgáló)

Részletesebben

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

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 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 Konzulens: Dr. Házy Attila egyetemi docens Miskolci Egyetem

Részletesebben

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

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5. 8. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 5. Amit megtanulunk HTML alapok CSS alapok Amit megtanulunk HTML alapok CSS alapok A tanítottak alapján a saját honlapotokat

Részletesebben

Debreceni Egyetem Informatikai Kar

Debreceni Egyetem Informatikai Kar Debreceni Egyetem Informatikai Kar APACHE MAVEN BŐVÍTMÉNY FEJLESZTÉS Témavezető: Jeszenszky Péter egyetemi adjunktus Készítette: Zsolczai Gergő Programtervező informatikus Debrecen 2011 Tartalomjegyzék

Részletesebben

Képek a HTML oldalon

Képek a HTML oldalon Képek a HTML oldalon Utolsó módosítás: 11/22/2004 13:07:28 Háttérkép Ahhoz, hogy az adott oldal háttérképpel rendelkezzen, a részben el kell helyeznünk a background="kep" paramétert, ahol a kép

Részletesebben

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

Webshop készítése ASP.NET 3.5 ben I. Webshop készítése ASP.NET 3.5 ben I. - Portál kialakíása - Mesteroldal létrehozása - Témák létrehozása Site létrehozása 1. File / New Web site 2. A Template k közül válasszuk az ASP.NEt et, nyelvnek (Language)

Részletesebben

TÁMOP-4.1.2-08/2/A/KMR-2009-0045 Jegyzetek és példatárak a matematika egyetemi oktatásához

TÁMOP-4.1.2-08/2/A/KMR-2009-0045 Jegyzetek és példatárak a matematika egyetemi oktatásához A TYPOTEX KIADÓ A TÁMOP PROJEKTEKBEN TÁMOP-4.1.2-08/2/A/KMR-2009-0045 Jegyzetek és példatárak a matematika egyetemi oktatásához Németh Kinga Typotex Kiadó kiadói projektmenedzser RÉSZVÉTEL TÁMOP PROJEKTEKBEN

Részletesebben

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

Web programozás jegyzet 0.1 verzió. Pál László. Sapientia EMTE, Csíkszereda Web programozás jegyzet 0.1 verzió Pál László Sapientia EMTE, Csíkszereda 1 HTML alapok 1. A HTML nyelvtana A HTML jelölőnyelvben a megjelenítendő tartalomba címkéket (angolul tag=címke) helyezünk el,

Részletesebben

Affinium LED string lp w6300 P10

Affinium LED string lp w6300 P10 Affinium LED string lp w6300 P10 Termékcsalád leírás Komplett, egyszerűen felszerelhető, flexibilis vezetékre szerelt LED modulok Philips LED Power meghajtóval Ideális reklámvilágítás; nagyméretű betükhöz

Részletesebben

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

VÁLLALATIRÁNYÍTÁSI ÜGYVITELI PROGRAMRENDSZER. Váradi László OKTATÁSI SEGÉDANYAG. XIII. kötet SAP Business One 8.82 VÁLLALATIRÁNYÍTÁSI ÜGYVITELI PROGRAMRENDSZER Váradi László Szervizhívások kezelése, bizonylatok és beszámolók OKTATÁSI SEGÉDANYAG XIII. kötet Budapest, 2012 Váradi László: Szervizhívások

Részletesebben

Alkalmazások II. World Wide Web

Alkalmazások II. World Wide Web World Wide Web 2 A Web története 1990 Tim Berners-Lee (CERN) globális hypertext tér NeXT szerver (nxoc01.cern.ch), line mode kliensek -- 24 -- Oxford Brookes University 2002 1992 akadémiai szféra bekapcsolódása

Részletesebben

Bánsághi Anna anna.bansaghi@mamikon.net

Bánsághi Anna anna.bansaghi@mamikon.net ESEMÉNYVEZÉRELT PROGRAMOZÁS Bánsághi Anna anna.bansaghi@mamikon.net 2. ELŐADÁS - C# ÁTTEKINTÉS - 2 2015 Bánsághi Anna 1 of 64 TEMATIKA I. C# ÁTTEKINTÉS II. WPF III. Modern UI 2015 Bánsághi Anna 2 of 64

Részletesebben

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

Megoldás (HTML) <!DOCTYPE HTML> <html> Búbos banka 20 pont A következő feladatban egy weboldalt kell készítenie a búbos banka rövid bemutatására a feladatleírás és a minta szerint. A feladat megoldása során a következő állományokat kell felhasználnia:

Részletesebben

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

Web programozás I. tantárgyi információk Web programozás I. tantárgyi információk Nagy Gusztáv honlap: http://nagygusztav.hu jegyzet e-mail: nagy.gusztav@gamf.kefo.hu tantárgy honlapja: http://webprog.hu/ tantárgyi hírek (nem ETR kurzusfórum!)

Részletesebben

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 felhívás a 228/2004. (VII. 30.) Korm.rendelet 74/E. -a alapján lebonyolítandó meghívásos eljárásban Szám: 30310/1574/2016. ált. 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 1. Az ajánlatkérő neve, címe, telefon- és telefaxszáma, e-mail

Részletesebben

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

Részvételi regisztráció támogatása a tanfolyamszervező saját weboldalán OFTEX dokumentum ENEF Fejlesztési és Kereskedelmi Kft. 2151, Fót, Mária u. 14/a Tel: 27 535-041 Fax: 27 362-899 Email:enefkft@invitel.hu Részvételi regisztráció támogatása a tanfolyamszervező saját weboldalán

Részletesebben

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-

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- Az izzó gázfényről. Alapjában véve minden világító gázláng izzófény, mert a gáz elegyrészei szénrészecskéket különítenek el, a melyek teljes elégésük előtt világos-sárga izzásig felhevülnek és így világítanak.

Részletesebben

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

I. A rendelet hatálya, célja, fogalmai. Jelen rendelet hatálya Baja város közigazgatási területére terjed ki. Baja Város Önkormányzatának 40/1999. (XI.5.) Ktr. sz. rendelete a városrész nevek, közterület nevek megállapításáról, a házszámozás, valamint a névtáblák és a házszámtáblák elhelyezésének rendjéről Baja

Részletesebben

Internet technológiák

Internet technológiák Szabadkai Műszaki Szakfőiskola Internet technológiák dr Zlatko Čović chole@vts.su.ac.rs 1 XHTML űrlapok 2 XHTML űrlapok Minden űrlap jelölőelem a: form{action, enctype, method} Űrlaptartalom /form jelölőelem

Részletesebben

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

Magyarországon a szerzői joggal a 1999. évi LXXVI. törvény foglalkozik. 7. Ön részt vesz egy online multimédia adatbázis megvalósításában. A fejlesztés előkészítéseként tekintse az interneten való publikálással kapcsolatos szerzői jogi kérdéseket, és foglalja össze, hogy milyen

Részletesebben

Informatikus, Webfejlesztő. Nagy Gusztáv

Informatikus, Webfejlesztő. Nagy Gusztáv Informatikus, Webfejlesztő Nagy Gusztáv 1 2 Nagy Gusztáv Programozó matematikus kb. 20 programozási nyelv, 4-5 paradigma KEFO GAMF Kar, tanszéki mérnök Egyéni vállalkozó: főleg webfejlesztés Kapcsolat:

Részletesebben

Mester Gyula 2003 Internet

Mester Gyula 2003 Internet Internet Windows környezetben A HTML nyelv alapjai Kliensoldali programozás Szerveroldali programozás XML WAP Bevezetés Alapfogalmak Az Internet főbb szolgáltatásai Windows környezetben 1.1. Bevezetés

Részletesebben

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

Javascript dátum, idő, számláló megjelenítő Használati útmutató Használati útmutató Tartalomjegyzék 1. Bevezető...1 2. Néhány szó a képekről...2 2.1. A felhasznált fontok...2 2.2. A képek magassága...2 2.3. A betűköz és a megjelenítés szélessége...3 2.4. Az áttetsző

Részletesebben

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

Magyarország-Budapest: Villamos elosztó- és vezérlőberendezések 2014/S 157-283426 Ajánlati/részvételi felhívás Egyes ágazatokban Árubeszerzés 19/08/2014 S157 Tagállamok - Árubeszerzésre irányuló szerződés - Ajánlati felhívás - Nyílt eljárás 2004/17/EK irányelv I. szakasz: Ajánlatkérő Magyarország-Budapest: Villamos elosztó- és vezérlőberendezések

Részletesebben

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

HTML é s wéblapféjlészté s HTML é s wéblapféjlészté s 1. Melyik országból ered a hipertext-es felület kialakítása? USA Japán Svájc 2. Webfejlesztéskor ha a site-on belül hivatkozunk egy file-ra, akkor az elérési útnak... relatívnak

Részletesebben

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

5. téma XML DB. Az adatkezelés és XML kapcsolata. Miért fontos az XML használata az adatbázis kezelésben? Adatbázis modellek 5. téma XML DB Az adatkezelés és XML kapcsolata Miért fontos az XML használata az adatbázis kezelésben? Adattárolás alapformái: - strukturált - szabad-szöveges - szemi struktúrált -

Részletesebben

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

FELHASZNÁLÓI LEÍRÁS a DIMSQL Integrált Számviteli Rendszer Készlet moduljának használatához FELHASZNÁLÓI LEÍRÁS a DIMSQL Integrált Számviteli Rendszer Készlet moduljának használatához - 1 - www.dimenzio-kft.hu Tartalomjegyzék A. BEVEZETÉS... 4 I. BEÁLLÍTÁSOK, PARAMÉTEREK, NAPLÓFORMÁTUMOK... 4

Részletesebben

Internet TV Broadcaster kézikönyv

Internet TV Broadcaster kézikönyv Internet TV Broadcaster kézikönyv Rövid ismertetető: Az Internet TV broadcaster segítségével flv vagy mp4 videó fájlokat műsorlistába rendezve sugározhatunk Internetes TV adásokat. Annyi a dolgunk, hogy

Részletesebben

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

HTML kódok. A www jelentése World Wide Web. HTML kódok A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki. A honlap felépítése (csak

Részletesebben

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

DSD W3C WAI, avagy Weblapok akadálymentesítése W3C WAI, avagy Weblapok akadálymentesítése Pataki Máté Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda W3C - Web Accessibility Initiative (WAI) WCAG 1.0 Célcsoportok Fogyatékossággal élők

Részletesebben

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.

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. 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. Szatellit Zrt. Bozsák Tamás TARTALOMJEGYZÉK 1. Felhasználói

Részletesebben

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.

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. 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. A WAP lehetővé tette, hogy a mobiltelefon tulajdonosok

Részletesebben

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ő

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ő Felhasználói dokumentáció Sakk-játék Feladat: JavaScript és CSS segítségével sakk-játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez

Részletesebben

HTML ÉS PHP ŐSZI FÉLÉV

HTML ÉS PHP ŐSZI FÉLÉV 1 HTML ÉS PHP ŐSZI FÉLÉV 2012-10-10 CSS kezdőlépések 2 A CSS és a HTML viszonya 2012-10-10 Hol található CSS kód? 3 Közvetlenül a tag-ek style paraméterében: bekezdés Ekkor a

Részletesebben

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

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

Részletesebben

CSS IV. KÖNYV: HALADÓ SZINT

CSS IV. KÖNYV: HALADÓ SZINT CSS IV. KÖNYV: HALADÓ SZINT I. Kijelölések csoportosítása és egymásba ágyazása Kijelölések csoportosítása A stílus-oldalakban kijelölt elemek gyakran azonos formázást kapnak, pl: h1 color:green; h2 color:green;

Részletesebben

TERMÉSZETTUDOMÁNYI KÖZLÖNY.

TERMÉSZETTUDOMÁNYI KÖZLÖNY. M eg j el en i kminden hónap tizedikén, harmad fél nagy nyolczadrét ívnyi tartalommal; időnként fametszetű áb- TERMÉSZETTUDOMÁNYI KÖZLÖNY. HAVI FO LY Ó IR A T E folyóiratot a társulat tagjai az évdíj fejében

Részletesebben