XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt
|
|
- Lilla Gál
- 8 évvel ezelőtt
- Látták:
Á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
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észletesebbenKé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 Á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észletesebbenHTML É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észletesebbenKő, 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észletesebbenfont-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észletesebbenDocBook ú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észletesebbenSzé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észletesebben5-ö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észletesebbenVillamosmé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 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észletesebbenXML é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észletesebbenDOBOZOK. 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észletesebbenInformatika 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észletesebbenMemó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észletesebbenSzá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észletesebbenStí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észletesebben2015-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észletesebbenSZABADKAI 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észletesebbenHTML, 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észletesebbenInformá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észletesebbenHTML 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észletesebbenInformatika 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észletesebbenSakk 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észletesebbenWeb 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észletesebbenAdatkezelé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észletesebbenmhtml: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észletesebbenTili-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észletesebbenWebszerkeszté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észletesebbenMultimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
RészletesebbenWebprogramozá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észletesebbenAnyagcsere 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észletesebbenEgyszerő 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észletesebbenLenyí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észletesebben8. 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 Á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észletesebbenAZ É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észletesebbenAz 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észletesebbenPlanet 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észletesebbenA 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észletesebbenTwister - 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észletesebbenXML 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észletesebbenAdatbá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észletesebben9. 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észletesebbenWebes ű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észletesebbenAz 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észletesebbenAlgoritmus 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észletesebbenTamá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észletesebbenWebprogramozá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észletesebbenXHTML é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észletesebbenNé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észletesebbenSZAKDOLGOZAT. 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észletesebbenDokumentumformá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észletesebbenXML 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észletesebbenCSS-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észletesebbenforrá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észletesebbenKelda 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észletesebbenWCSS (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észletesebbenWeblapok 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észletesebben1. 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észletesebbenXML 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észletesebbenHTML 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észletesebbenHTML 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észletesebbenHTML é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észletesebbenSzakdolgozat. 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észletesebbenInformatika 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észletesebbenDebreceni 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észletesebbenKé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észletesebbenWebshop 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észletesebbenTÁ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észletesebbenWeb 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észletesebbenAffinium 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észletesebbenVÁ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észletesebbenAlkalmazá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észletesebbenBá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észletesebbenMegoldá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észletesebbenWeb 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észletesebbenRé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észletesebbenRé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észletesebbenA 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észletesebbenI. 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észletesebbenInternet 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észletesebbenMagyarorszá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észletesebbenInformatikus, 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észletesebbenMester 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észletesebbenJavascript 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észletesebbenMagyarorszá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észletesebbenHTML é 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észletesebben5. 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észletesebbenFELHASZNÁ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észletesebbenInternet 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észletesebbenHTML 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észletesebbenDSD 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észletesebbenDBM-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észletesebbenWAP. 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észletesebbenSakk-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észletesebbenHTML É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észletesebbenmikroformá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észletesebbenCSS 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észletesebbenTERMÉ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