A HTML nyelv alapjai

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

Download "A HTML nyelv alapjai"

Átírás

1 A HTML nyelv alapjai

2 Legalább mit kell ismernie egy webprogamozónak? Weblap tartalmának, szerkezetének kialakítása: HTML (HyperText Markup Language) Weblap formázása: CSS (Cascading Style Sheets) Kliensoldali szkriptnyelvek: JavaScript (EcmaScript) Szerveroldali szkriptnyelvek: PHP, Perl Egyéb: MySQL, Java, AJAX, számítógépes grafika stb.

3 Rövid történeti áttekintés : ARPA (Advanced Research Projects Agency, 'Fejlett Kutatási Projektek Ügynöksége') létrehozása 1965: a csomagkapcsolt adatátviteli protokoll (X.35) kifejlesztése Ted Nelson először használja a hipertext kifejezést 1969: ARPANET (1971: 15 intézmény) 1970: az IBM-nél Goldfarb, Mosher és Lone létrehozza a GML (Generalized Markup Language) jelölőnyelvet 1974: TCP/IP protokollcsalád megalkotása, az internet kifejezés első használata 1983: az ARPANET átáll a TCP/IP-re, miután kiválik belőle a katonai rész (MILNET)

4 Rövid történeti áttekintés : a National Science Foundation (Amerikai Tudományos Alapítvány) NSFNET néven TCP/IP alapú hálózatot hoz létre 1986: a GML nyelv SGML (Standard Generalized Markup Language) néven ISO (International Standard Organization) szabvány lesz 1988: az NFSNET és az ARPANET egyesítése és nyitás a kereskedelmi alkalmazások felé 1989: az ARPANET formális megszűnése

5 Rövid történeti áttekintés október: a svájci-francia határon lévő CERNben (Centre Européen pour la Recherche Nucléaire, 'Nukleáris Kutatások Európai Központja') elfogadják Tim Berners-Lee ötletét a World Wide Web létrehozására 1991 május: első webhely 1991 augusztus: első webszerver első honlap webcíme volt: 1994: World Wide Web Consortium (W3C) létrehozása 1995: W3C Magyar Iroda létrehozása 1995: HTML : HTML 3.2, HTML 4.0, CSS, PNG

6 Rövid történeti áttekintés : HTML 4.01, XHTML 1.0 az alapját képező XML-t (extensible Markup Language) az Open Text Corporation az SGML egy egyszerűsített részhalmazaként fejlesztette ki 2004: szakadás a W3C-n belül: többség (Safari, Firefox, Opera gyártói): XHTML 2.0 fejlesztése kisebbség: HTML fejlesztése WHATWG (Web Hypertext Applications Technology Working Group, 'Világháló Hiperszöveges Alkalmazási Technológiáinak Munkacsoportja')létrehozása 2007: a böngészők nem támogatják az XHTML 2.0-t a W3C átveszi a WHATWG eredményeit és HTML5 néven tovább folytatja 2009: XHTML 2.0 fejlesztésének befejezése

7 A HTML nyelvről általában 1. A weblap tartalmát és szerkezetét lehet vele kialakítani A címke (angolul: tag) vagy utasítás jelzi, hogy a tartalmat hogyan kell a böngészőnek értelmezni; két típusa van páros címke: <címke>tartalom</címke> a páros címkék egymásba is ágyazhatók: <1. címke> 1. tartalom <2. címke> 2. tartalom </2. címke> 3. tartalom </1. címke> páratlan címke: 1. tartalom <címke> 2. tartalom

8 A HTML nyelvről általában 2. Egy címkének (utasításnak, tag-nek) lehet jellemzője (attribute) és a jellemzőnek van értéke (value) Egy címkének több jellemzője is lehet, ezeket szóközzel kell egymástól elválasztani. A jellemző és az érték közé (szóköz nélkül) egyenlőségjelet kell tenni, az értéket (szintén szóköz nélkül) idézőjelbe kell tenni: <címke jellemző1= érték1 jellemző2="érték2"> tartalom </címke> Elem: a címke, jellemző, érték és tartalom együtt blokkszintű (tömbszerű) elem: az előző elem után új sorban kezdődik és a következő elem is új sorban kezdődik inline (sorban elhelyezkedő) elem: az előző elem után ugyanabban a sorban kezdődik és a következő elem is ugyanabban a sorban folytatódik

9 A HTML nyelvről általában 3. Néhány általános (a legtöbb címkénél használható) jellemző: accesskey="karakter": billentyűzetkód class="osztálynév" dir ="szövegirány": ltr (balról jobbra) vagy rtl (jobbról balra) id ="egyedi azonosító" lang ="nyelvi kód" style ="szövegközi (helyi) stílus definíciója" title ="információk az elemről":

10 Egy szabványos HTML 5 weblap szerkezete <!doctype html> <! dokumentumtípus meghatározás > <html lang="hu"> <! a weblap kezdete és a fő nyelvnek a megadása > <head> <! a weblap fejrészének a kezdete > <meta charset="utf 8"> <! karakterkódolás megadása > <title></title> <! a weblap címe, ami a böngésző címsorában jelenik meg > <link rel= stylesheet href= fájlnév.css > <! külső stíluslap csatolása > <style> belső vagy beágyazott stílusok </style> </head> <! a weblap fejrészének a vége > <body> <! a weblap törzsének a kezdete > <p></p> <! bekezdés, a szöveget célszerű legalább egy bekezdésbe tenni > </body> <! a weblap törzsének a vége > </html> <! a weblap vége >

11 Megjegyzések a weblap szerkezetéhez <! megjegyzés, ami a böngészőben nem jelenik meg > Mivel a HTML kód a böngészőben megnézhető, ritkán alkalmazzák, főleg csak olyankor, ha a weblap egy részét nem akarjuk ideiglenesen megjeleníteni. A meta címke charset jellemzőjének az értéke az utf 8 on kívül lehet még vagy windows 1250 vagy iso (ezek tartalmazzák a magyar ékezetes betűket). Ha az adott karakterkészlet nem tartalmazza a kívánt karaktert, azt külön kódolva kell megadni Egy weblap fő részei: dokumentumtípus meghatározás: a legelső sor, HTML 5 nél: <doctype html> fejrész: <head> </head> törzs: <body> </body> A stíluslapok a weblap formázását végzik. A html címke lang jellemzőjének a megadása a megjelenést nem befolyásolja, csak a keresőprogramok hamarabb megtalálják a weblapot.

12 A tartalom tagolása 1. <p>bekezdés (paragraph)</p> <br>egyszerű sortörés (break) Címsorok: <h1>egyes (legmagasabb) szintű címsor</h1> <h2>kettes szintű címsor</h2> <h3>hármas szintű címsor</h3> <h4>négyes szintű címsor</h4> <h5>ötös szintű címsor</h5> <h6>hatos (legalacsonyabb) szintű címsor</h6>

13 A tartalom tagolása 2. <hr> vízszintes osztóvonal (horizontal rule) <q> rövid idézet (quotation) </q> <blockquote>hosszú (esetleg több soros) idézet</blockquote> a <q> és a <blockquote> utasítás cite jellemzőjével lehet megadni az idézet forrását <pre>a szóközökkel, tabulátorokkal és Enterekkel előre formázott (predefinied) szöveg</pre>

14 A tartalom tagolása 3. <div>dokumentum-részlet (division), általános tárolóelem, amely lehetővé teszi a weblap egy részének logikai egységként történő kezelését</div> az egyes div szakaszokat az id jellemzővel különböztetjük meg egyetlen blokkszintű elemet önmagában nem célszerű div-be helyezni, mert az id azonosítóval anélkül is önállóan formázhatóvá, kezelhetővé tehető <span>dokumentum egy szakasza (span), amely lehetővé teszi egy vagy több karakter egy egységként történő kezelését</span> <hgroup> címsorok csoportosítása </hgroup> <address> a webmester elérhetőségei </address>

15 A tartalom tagolása 4. <iframe> </iframe>: egy beágyazott keretben jelenít meg egy másik lapot vagy egy dokumentumot, néhány jellemzője: height: magasság (%-ban vagy képpontban) name: a keret neve scrolling: a keret gördíthetősége (yes, no, auto) src a keret forrásának webcíme width: szélesség (%-ban vagy képpontban)

16 A tartalom tagolása 5. <header> a weblap fejléce </header> <nav> navigációs linkek </nav> <article>cikk, idézet egy külső írásból </article>, speciális jellemzők: cite: az idézet webcíme pubdate: az írás legelső publikálásának a dátuma <section> a weblap egy része </section> <aside> a weblap tartalma </aside> <footer> a weblap lábléce </footer>

17 A weblap törzsének általános szerkezete

18 Szöveg jelentése <abbr title="eredeti kifejezés"> rövidítés (abbreviation)</abbr> <bdo dir="szövegirány"> szöveg </bdo> a szövegirány lehet: rtl (right to left, 'jobbról balra') vagy ltr (left to right, 'balról jobbra') <del cite="url" datetime="éééé/hh/nn > törölt szöveg </del> az URL annak a dokumentumnak a webcíme, ami miatt a törlés történt a datetime jellemző értéke: a törlés pontos dátuma <ins cite="url" datetime="éééé/hh/nn > beszúrt szöveg </ins> az URL annak a dokumentumnak a webcíme, ami megmagyarázza, hogy a szöveg miért lett beszúrva a datetime jellemző értéke: a beszúrás pontos dátuma <mark> kiemelt szöveg </mark> nem mindegyik böngésző támogatja <time> időpont, dátum </time> vagy <time datetime="éééé-hh-nn"> szöveg </time>

19 Karakterformázás <small>az előtte és mögötte lévőknél kisebb (small) méretű karakterek</small> <strong> erősen kiemelt karakterek </strong> általában félkövér karakterként jelennek meg <em> kiemelt karakterek </em> általában dőlt karakterként jelennek meg <sup>felső index-beli szöveg (superscript)</sup> <sub>alsó index-beli szöveg (subscript)</sub>

20 Különleges karakterek Számkód: &#szám; Névkód: &név; néhány különleges karakter kódjai: karakter számkód névkód ± ± &plusm; < < < > > >

21 Felsorolások, listák 1. Felsorolás (rendezetlen lista, unordered list) <ul> <li>első elem</li> <li>második elem</li> <li>harmadik elem</li> </ul> Számozás (rendezett lista, ordered list) <ol> <li>első elem</li> <li>második elem</li> <li>harmadik elem</li> </ol> start= mennyiről indul a számozás (alapértelmezés: 1) <li value= ennek az elemnek a sorszáma >...</li>

22 Felsorolások, listák 2. Meghatározás (definíciós lista) <dl> <dt>első fogalom</dt> <dd>első fogalom magyarázata (definiton description)</dd> <dt>második fogalom</dt> <dd>második fogalom magyarázata</dd> <dt>harmadik fogalom</dt> <dd>harmadik fogalom magyarázata</dd> </dl> Menü: <menu label="ez a menü címkéje"> <li>egyszerű (alapértelmezés szerinti) menüelem</li> <li type="context">tartalom típusú menüelem</li> <li type="toolbar">eszköztár típusú menüelem</li> <li type="list">lista típusú menüelem (alapértelmezés)</li> </menu>

23 Hiperhivatkozások, linkek Cél: kapcsolat megteremtése két dokumentum vagy két dokumentumrész között Általános alakja: <a href= webcím#címke >szöveg</a> a webcím lehet relatív vagy abszolút a relatív dokumentumot tartalmazó gépen levő fájlra, az abszolút pedig tetszőleges másik gépen levő fájlra hivatkozik a címkét előzőleg az id jellemző értékeként az adott helyen meg kell adni ha nincs címke, a hivatkozás a céldokumentum elejére mutat ha a webcímben csak domain név van (tehát a honlapra mutat), az oldal gyorsabban betöltődik, ha a domain név végére egy / jelet teszünk ha a webcím helyén a mailto:egy cím van, akkor a linkre kattintáskor elindul az alapértelmezett levelezőprogram, a címzett mezőben a beállított címmel ha az cím után (szóköz nélkül) a?subject=szöveg van, akkor a levél beállított tárgya a szöveg lesz az cím-gyűjtő spam robotok miatt célszerű a tényleges e- mail cím karaktereit speciális karakterként szám- vagy névkóddal megadni

24 Alap URL az egész oldal számára <base href= URL target= hely > meghatározza az egész oldalon belüli linkek, képek és egyebek alapvető URL-jét (webcímét) a weblap fejrészében kell elhelyezni kötelezően megadandó jellemzők: href: a webcím target, amelynek lehetséges értékei: _blank (új ablak vagy fül), _parent (szülő-dokumentum), _self (az eredeti ablak, ez az alapértelmezés), _top (az ablak teteje)

25 Képek Kép elhelyezésének általános alakja: <img src= URL alt= leírás title= magyarázat width= szélesség height= magasság > URL: a képfájl elérési útvonala a kép csak jpg, gif vagy png formátumú lehet leírás: az a szöveg, ami akkor jelenik meg a kép helyén, ha a kép nem jelenik meg ha alt= módon adjuk meg (a két idézőjel közé semmi!), azt jelezzük, hogy a kép nem a weblap tartalmának szerves része magyarázat: az a szöveg, amelyik egy téglalapban jelenik meg, ha a kép fölé visszük az egérkurzort (nem kötelező megadni) a szélesség és magasság megadása nem kötelező, de célszerű (sok képet tartalmazó weblap szerkezete azonnal megjelenik) célszerű, ha a méretek a kép valódi méretével egyeznek meg egy kép lehet egy lista eleme vagy egy táblázatcella tartalma is <figure> több médiaelem (kép, diagram stb.) csoportosan kezelve </figure> <figcaption>a médiaelem-csoport címe </figcaption>

26 Képlink, image map Képlink: olyan kép, amely teljes egészében egy hivatkozás Megadásának általános alakja: <a href= URL#címke ><img src= URL alt= leírás title= magyarázat ></a> Image map (kép alakú térkép): olyan kép, amelynek egyes részei máshova mutató hivatkozások megadásának általános alakja: <img src="..." height="..." width="..." alt="..." usemap="#név"> <map name="név"> <area...> </map>

27 Image map <area>: aktív (kattintásra érzékeny) terület megadása a térképen belül, legfontosabb jellemzői: shape: az aktív terület alakja (értékei lehetnek: rect vagy rectangle: téglalap circ vagy circle: kör poly vagy polygon: sokszög coords: az aktív terület adatai (egymástól vesszővel elválasztott számok): téglalapnál: bal felső csúcs x koordinátája, bal felső csúcs y koordinátája, jobb alsó csúcs x koordinátája, jobb alsó csúcs y koordinátája körnél: középpont x koordinátája, középpont y koordinátája, sugár sokszögnél: 1. csúcs x koordinátája, 1. csúcs y koordinátája, 2. csúcs x koordinátája, 2, csúcs y koordinátája, a koordináták kiindulópontja (az origó) a kép bal felső sarka, innen jobbra az x, lefelé pedig az y koordináták növekszenek

28 Táblázatok 1. A táblázat elhelyezésének általános alakja: <table> <caption>a táblázat neve, címe</caption> <tr> <td>1. sor 1. cella tartalma</td> <td>1. sor 2. cella tartalma</td> </tr> <tr> <td>2. sor 1. cella tartalma</td> <td>2. sor 2. cella tartalma</td> </tr> </table>

29 Táblázatok 2. Az első sor vagy az első oszlop celláit úgy lehet kiemeltté alakítani, hogy a sorok első celláinál a <td>...</td> elem helyére a <th>...</th> elemet tesszük A <td>...</td> esetén balra, a <th>...</th> esetén középre van a cella tartalma igazítva, hacsak mást nem állítunk be

30 Táblázatok 3. Oszlopok ill. sorok átívelése (egyesítése) a <th>...</th> és a <td>...</td> elemek következő paramétereivel lehetséges: rowspan: az adott cella ennyi sor magas lesz. (cellák egyesítése, átívelése függőlegesen) colspan: az adott cella ennyi oszlop széles lesz (cellák egyesítése, átívelése vízszintesen)

31 Nagyméretű táblázatok <thead> táblázatfej </thead> egy táblázatban csak egy lehet <tbody> táblázattörzs </tbody> egy táblázatban több is lehet nyomtatásnál minden oldal tetején a táblázatfej és az oldal alján a táblázat lábléce lesz <tfoot> táblázat lábléce </tfoot> egy táblázatban csak egy lehet lehet benne egyszerű szöveg vagy táblázatsor

32 Beágyazott tartalmak 1. hang beszúrása, lejátszása: <audio> szöveg, olyan böngészők esetén, amelyek nem támogatják ezt a címkét </audio>, néhány fontos jellemzője és azok értékei: autoplay="autoplay": a böngésző a lap betöltése után azonnal lejátssza az audio tartalmat controls="controls": a lejátszást vezérlő gombok megjelenítése preload="preload": az oldal betöltése alatt az audiotartalom letöltése ha van autoplay jellemző, hatástalan src="a hangfájl elérési útvonala": a lejátszandó fájl

33 Beágyazott tartalmak 2. video beszúrása, megjelenítése, lejátszása: <video> szöveg, olyan böngészők esetén, amelyek nem támogatják ezt a címkét </video>, néhány fontos jellemzője és azok értékei: autoplay="autoplay": automatikus lejátszás loop="loop": folyamatos lejátszás height="pixelszám": a videóablak magassága width="pixelszám": a videóablak szélessége src="elérési útvonal": a videofájl elérési útvonala preload="preload": a video az ablakkal együtt betöltődik hatástalan, ha van autoplay jellemző controls="controls": a vezérlőgombok megjelenítése

34 Beágyazott tartalmak 3. audio vagy video forrása (az audio vagy video elem tartalmában): <source>, néhány fontos jellemzője és azok értékei src="elérési útvonal": a forrásfájl elérési útvonala media="eszköz vagy média": megadja, hogy mire van optimalizálva a tartalom (alapértelmezés: all) type="típusnév": az audio vagy videofájl típusa

35 Beágyazott tartalmak 4. beágyazott objektum (kép, hang, flashprogram, java-program, pdf dokumentum stb.): <object>, néhány fontos jellemzője és azok értékei data="elérési útvonal": a forrásfájl elérési útvonala height="képpontszám": az objektum magassága width="képpontszám": az objektum szélessége name="név": név, amivel hivatkozni lehet az objektumra type="típusnév": az objektum adattípusának a neve usermap="térképnév": az objektum által használt kliens-oldali térkép neve

36 Beágyazott tartalmak 5. beágyazott objektum paramétereinek (jellemzőinek) megadása: <param> a param jellemzői és azok értékei: name="név": az objektum jellemzőjének a neve value="érték": az objektum jellemzőjének az értéke

37 Beágyazott tartalmak 6. beépített külső tartalom mint egy plug-in (beépülő): <embed> néhány fontos jellemzője és azok értékei height="képpontszám": magasság width="képpontszám": szélesség src="webcím": a külső forrás webcíme type="típusnév": a külső tartalom típusa

38 Keresőoptimalizálás 1. Cél: Az internetes keresőrobotok, nagyobb eséllyel találják meg a weblapunkat Előzetes tennivalók: minden weblap estén meghatározni azt a 2-3 kulcsszót, amely az oldal lényegét legjobban kiemeli A weblap címébe (a fejrészben található <title> és </title> közé) célszerű minél több kulcsszót beírni egy értelmes szövegbe

39 Keresőoptimalizálás 2. A weblap fejrészébe elhelyezett <meta> elemekkel: <meta name="keywords" content="a kulcsszavak, egymástól vesszővel elválasztva" /> <meta name="description" content="a weblap tartalmának rövid összefoglalása /> <meta name="author" content="a weblap készítője" /> <meta name="language" content="hu" /> <meta name="allow-search" content="yes" />: kereshet a lapon a keresőrobot <meta name="robots" content="index, follow" />: a keresőrobot mindent indexelhet és követheti a hivatkozásokat is

40 Keresőoptimalizálás 3. A weblap törzsében: A HTML kódban a kulcsszavakat kb. 3-4%-nyi részben kell beírni! A kulcsszavakat a szöveg elejébe tegyük! A kulcsszavakat címsorokba (h1,, h6) írjuk! A képeknél (img elem) az alt paraméter értéke a kép tartalmára is utaló kulcsszó legyen

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés HLTML 5 alapok gyorstalpaló Készítette: Gál Tamás A tananyag programozott változata itt érhető el: Webfejlesztés (http://webfejlesztes.gtportal.eu/) Creative Commons Nevezd meg!-ne add el!-így add tovább!

Részletesebben

WEB TECHNOLÓGIÁK 2.ELŐADÁS

WEB TECHNOLÓGIÁK 2.ELŐADÁS Dr. Pál László, Sapientia EMTE, Csíkszereda WEB TECHNOLÓGIÁK 2.ELŐADÁS 2014-2015 tavasz A HTML nyelv alapjai Mi a HTML? A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) Leíró nyelv,

Részletesebben

w w w. h a n s a g i i s k. h u

w w w. h a n s a g i i s k. h u Weblapkészítés weblap: hypertext kódolású dokumentumok, melyek szöveget képet linkeket, könyvjelzőket/horgonyokat táblázatokat / szövegdobozokat és más objektumokat tartalmaznak. Kódolásuk HTML (Hypertext

Részletesebben

Internet, Az internet főbb szolgáltatásai web keresőszolgáltatásokkal Keresőrendszerek: Kulcsszavas 2) Egyéb keresők: Metakeresők gyűjtőkörű keresők

Internet, Az internet főbb szolgáltatásai web keresőszolgáltatásokkal Keresőrendszerek: Kulcsszavas 2) Egyéb keresők: Metakeresők gyűjtőkörű keresők Web alapok Az Internet, számítógépes hálózatok világhálózata, amely behálózza az egész földet. Az internet főbb szolgáltatásai: web (www, alapja a kliens/szerver modell) elektronikus levelezés (e-mail)

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

A HONALPSZERKESZTÉS ALAPJAI. 50 feladat. a Debreceni Egyetem Informatikai Karának. Informatikus Könyvtáros szakos hallgatói számára

A HONALPSZERKESZTÉS ALAPJAI. 50 feladat. a Debreceni Egyetem Informatikai Karának. Informatikus Könyvtáros szakos hallgatói számára A HONALPSZERKESZTÉS ALAPJAI 50 feladat a Debreceni Egyetem Informatikai Karának Informatikus Könyvtáros szakos hallgatói számára Készítette: Jávorszky Ferenc Debrecen 2010. 1 1. Készítsen honlapot, amelynek

Részletesebben

Kövér betűk (bold) 1-es fejléc

Kövér betűk (bold) 1-es fejléc A HTML Stuktúra Amint a bevezetőben olvashattuk, minden HTML formátumú szövegfájl a utasítással kezdődik és a záró utasítással végződik. A dokumentumot a fejlécelemek vezetik be, melyek

Részletesebben

HTML alapok 1. Minimális HTML file: cím ... Formátum parancsok:

HTML alapok 1. Minimális HTML file: <HTML> <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY>... </BODY> </HTML> Formátum parancsok: HTML alapok 1 Minimális HTML file: cím ... Formátum parancsok: dőlt szöveg félkövér aláhúzott új sor vízszintes vonal

Részletesebben

HTML ALAPOK. Abonyi-Tóth Andor, ELTE IK

HTML ALAPOK. Abonyi-Tóth Andor, ELTE IK HTML ALAPOK Abonyi-Tóth Andor, ELTE IK Fontos szabványok HTTP protokoll Protokoll = szabályrendszer HTTP HyperText Transfer Protocol (Hiperszöveg Átviteli Protokoll) a webböngésző (kliens) adatokat kérhet

Részletesebben

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés HLTML 5 hang videó gyorstalpaló Készítette: Gál Tamás A tananyag programozott változata itt érhető el: Webfejlesztés (http://webfejlesztes.gtportal.eu/) Creative Commons Nevezd meg!-ne add el!-így add

Részletesebben

TUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL

TUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL TUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL http://bit.ly/a1lhps Abonyi-Tóth Andor Egyetemi tanársegéd 1117, Budapest XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 http://abonyita.inf.elte.hu

Részletesebben

Olyan eszközre van szükség, amelynél a webszerkesztés folyamatát a fejlesztő, nem pedig a program vezérli

Olyan eszközre van szükség, amelynél a webszerkesztés folyamatát a fejlesztő, nem pedig a program vezérli Fejlesztőeszközök Olyan eszközre van szükség, amelynél a webszerkesztés folyamatát a fejlesztő, nem pedig a program vezérli Szerkesztők 2 alapvető szolgáltatása: kódszínezés, kódkiegészítés Alapvetően

Részletesebben

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF BEVEZETÉS A WEBLAPFEJLESZTÉSBE Kvaszingerné Prantner Csilla, EKF A mai haladó technológia 2 http://www.w3schools.com/ http://www.w3schools.com/html/html5_intro.asp http://www.w3schools.com/css3/default.asp

Részletesebben

Gazdasági informatika

Gazdasági informatika Gazdasági informatika Nyugat-Magyarországi Egyetem Faipari Mérnöki Kar Informatikai és Gazdasági Intézet Soós Sándor 2007. november 22-23. Internet - HTML Gazdasági informatika I. Soós Sándor 1 Napjaink

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

HTML szerkesztés. HTML bevezetés

HTML szerkesztés. HTML bevezetés HTML szerkesztés HTML bevezetés Az internet fogalma: egy világméretű számítógép-hálózat, amely kisebb hálózatok összekapcsolódásából áll össze, a hálózatok hálózata, mely adatok továbbítását teszi lehetővé

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

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF

BEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF BEVEZETÉS A WEBLAPFEJLESZTÉSBE Kvaszingerné Prantner Csilla, EKF A mai haladó technológia 2 http://www.w3schools.com/ http://www.w3schools.com/html/html5_intro.asp http://www.w3schools.com/css3/default.asp

Részletesebben

0.4 verzió. 2011. április

0.4 verzió. 2011. április HTML(5) + CSS(3) SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE 0.4 verzió 2011. április TARTALOM Előszó 1 1. ALAPOK 1.1. Tartalom és forma: HTML és CSS..3 1.2. A weblapkészítés hardver és szoftver igénye

Részletesebben

3. modul - Szövegszerkesztés

3. modul - Szövegszerkesztés 3. modul - Szövegszerkesztés - 1-3. modul - Szövegszerkesztés Az alábbiakban ismertetjük a 3. modul (Szövegszerkesztés) syllabusát, amely a modulvizsga követelményrendszere. A modul célja Ezen a vizsgán

Részletesebben

ECDL Információ és kommunikáció

ECDL Információ és kommunikáció 1. rész: Információ 7.1 Az internet 7.1.1 Fogalmak és szakkifejezések 7.1.2 Biztonsági megfontolások 7.1.3 Első lépések a webböngésző használatában 7.1.4 A beállítások elévégzése 7.1.1.1 Az internet és

Részletesebben

qwertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq

qwertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq q HTML szerkesztés elmélet jegyzet 2010. április 4. Sallai András 2010 Készült az Oktatásért Közalapítvány támogatásával. Egressy Gábor Kéttannyelvű Műszaki Szakközépiskola Tartalom 1. Az SGML nyelv...

Részletesebben

Web programoz as 2009 2010

Web programoz as 2009 2010 Web programozás 2009 2010 Áttekintés A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Áttekintés: miről lesz szó (kurzus/labor/vizsga)

Részletesebben

INTERNET. internetwork röviden Internet /hálózatok hálózata/ 2010/2011. őszi félév

INTERNET. internetwork röviden Internet /hálózatok hálózata/ 2010/2011. őszi félév INTERNET A hatvanas években katonai megrendelésre hozták létre: ARPAnet @ (ARPA= Advanced Research Agency) A rendszer alapelve: minden gép kapcsolatot teremthet egy másik géppel az összekötő vezetékrendszer

Részletesebben

Az MS Word szövegszerkesztés modul részletes tematika listája

Az MS Word szövegszerkesztés modul részletes tematika listája Az MS Word szövegszerkesztés modul részletes tematika listája A szövegszerkesztés alapjai Karakter- és bekezdésformázás Az oldalbeállítás és a nyomtatás Tabulátorok és hasábok A felsorolás és a sorszámozás

Részletesebben

ECDL képzés tematika. Operáció rendszer ECDL tanfolyam

ECDL képzés tematika. Operáció rendszer ECDL tanfolyam Operáció rendszer ECDL tanfolyam Alapok A Windows áttekintése Asztal Tálca Start menü Lomtár használata Súgó használata Felhasználói fiókok kezelése Kijelentkezés, felhasználóváltás Fájlok és mappák Sajátgép

Részletesebben

Egy szabadon választott cég weboldalának elemzése (http://educatio.hu)

Egy szabadon választott cég weboldalának elemzése (http://educatio.hu) Egy szabadon választott cég weboldalának elemzése (http://educatio.hu) 1. Vizsgálat az általános webergonómiai alapelvek szempontjából 1.1. Megjelenés, nyitóoldal, menürendszer (navigáció) Az educatio.hu

Részletesebben

- kilépés, - vissza a menülistába, - vissza a honlap főoldalára

- kilépés, - vissza a menülistába, - vissza a honlap főoldalára - kilépés, - vissza a menülistába, - vissza a honlap főoldalára - vissza a tételek listájához (szerkesztésen belül) - új tétel rögzítése - a kijelölt sorban lévő tétel törlése - a kijelölt sorban lévő

Részletesebben

Selteco Menu Maker 4

Selteco Menu Maker 4 Selteco Menu Maker 4 Felhasználói Kézikönyv 4.1.5 1999-2010 Selteco Software Minden jog fenntartva. www.selteco.hu Menu Maker 4 Kezdjük el...3 Menüelem hozzáadása...4 Almenü készítés...5 Menü exportálás...6

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

Akadálymentes weboldalkészítés dióhéjban

Akadálymentes weboldalkészítés dióhéjban Akadálymentes weboldalkészítés dióhéjban Készítette: Mezei Ádám Info-kommunikációs Akadálymentességi Műhelykonferencia 2008. november 20 Mi az oka, hogy NEM akadálymentes honlapokat készítünk? 1) Nem gondolunk

Részletesebben

Bevezetés az informatikába 9. előadás. Microsoft Word szövegszerkesztők folyt. Stílusok. Egyedi formátum. Nyelvi elemek.

Bevezetés az informatikába 9. előadás. Microsoft Word szövegszerkesztők folyt. Stílusok. Egyedi formátum. Nyelvi elemek. Bevezetés az informatikába 9. előadás Microsoft Word szövegszerkesztők folyt. Dokumentumkészítés számítógéppel II Stílusok Formázási paraméterek névvel ellátva karakter-stílus bekezdés-stílus (stílus)

Részletesebben

FELHASZNÁLÓI KÉZIKÖNYV

FELHASZNÁLÓI KÉZIKÖNYV FELHASZNÁLÓI KÉZIKÖNYV SZEGED VÁROS KÖZLEKEDÉSE 1.00 verzió Dátum: 2012.02.29. Tartalom 1. Rendszerigény... 3 2. Bevezető... 3 3. Az alkalmazás indítása... 3 4. Az oldal felépítése... 4 4.1. Főképernyő...

Részletesebben

HTML5 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE

HTML5 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE HTML5 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE 0.6 verzió 2012. március 1 2 TARTALOM TARTALOM... 3 ELŐSZÓ... 5 1. ALAPOK... 7 1.1. Tartalom és forma: HTML és CSS... 7 1.2. A weblapkészítés

Részletesebben

Fogalma. pont), a hiperszöveges és a hipermediális rendszerek

Fogalma. pont), a hiperszöveges és a hipermediális rendszerek WEB Fogalma A világháló (World Wide Web) az interneten működő, egymással hiperlinkekkel (hivatkozásokkal) összekötött dokumentumok rendszere. Hiperhivatkozás, (link, élő kapocs, kapcsolódási pont), a hiperszöveges

Részletesebben

KML Keyhole Markup Language

KML Keyhole Markup Language KML Bevezetés KML Keyhole Markup Language Földrajzi jellemzők (pontok, vonalak, képek, sokszögek és megjelenítési modellek) tárolására és modellezésére szolgáló XML fájlformátum a Google Föld, a Google

Részletesebben

Honlapkészítés. 1. Előadás Bevezető, HTML. Paksy Patrik

Honlapkészítés. 1. Előadás Bevezető, HTML. Paksy Patrik Honlapkészítés 1. Előadás Bevezető, HTML Paksy Patrik Miből áll össze egy honlap? Oldal szerkezete Grafika Tartalom Tervezzünk 800*600-as / 1024*768-as képfelbontásra! Ezek a ma használt legkisebb méretek!

Részletesebben

Egyszerűbb a Google keresőbe beírni a Sharepoint Designer 2007 letöltés kulcsszavakat és az első találat erre a címre mutat.

Egyszerűbb a Google keresőbe beírni a Sharepoint Designer 2007 letöltés kulcsszavakat és az első találat erre a címre mutat. A feladat megoldásához a Sharepoint Designer 2007 programot használjuk, mely ingyenesen letölthető a Microsoft weboldaláról. Az érettségi aktuális szoftverlistája alapján az Expression Web 2, az Expression

Részletesebben

Oktatási anyag Excel kezdő

Oktatási anyag Excel kezdő Oktatási anyag Excel kezdő 2010.10.11. 1 Tartalom I. Alapfogalmak... 3 A munkafüzet és részei... 3 Aktív cella... 3 Tartomány... 3 Összefüggő tartomány... 3 Nem összefüggő tartomány... 4 II. A program

Részletesebben

Természetesen készíts egy csempe nevű könyvtárat és ide mentsd az index.html állományt.

Természetesen készíts egy csempe nevű könyvtárat és ide mentsd az index.html állományt. Csempe kalkula tor A küldetésünk az, hogy segítsünk kiszámítani egy fürdőszoba csempeszükségletét (felületét). Sőt, ha a kalkulátort használó ügyfél elégedett egyből elküldheti az e-mail címét, hogy a

Részletesebben

4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009.

4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009. I N F O R M A T I K A ALAP 4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009. Copyright MaggaM Kft. 2009 Minden jog fenntartva Tartalomjegyzék: HTML alapok... 4 A HTML nyelv története... 5 A HTML nyelv szerkezete...

Részletesebben

< WebKészítés 2.5 /> Az ingyenes weblapszerkesztői oktatás

< WebKészítés 2.5 /> Az ingyenes weblapszerkesztői oktatás < WebKészítés 2.5 /> Az ingyenes weblapszerkesztői oktatás Tartalomjegyzék Üdvözlet, olvasó! 03 Internetes ismeretterjesztő 04 Nettöri röviden 05 Szerveroldali programok 06 Kliensoldali programok 07 Tartalmi

Részletesebben

1, Megnézzük a grafikát és megtervezzük az összerakáshoz szükséges blokkokat. Megkeressük, mi a fix elem és mi fog ismétlődni.

1, Megnézzük a grafikát és megtervezzük az összerakáshoz szükséges blokkokat. Megkeressük, mi a fix elem és mi fog ismétlődni. A kész Gimppel rajzolt grafikát összerakjuk CSS és XHTML sablonként. Az előzményekből egy állományra lesz szükség a veglegesweblap-sablon.xcf állományra. A fájlt kapjon egy m_ (m_vegleges-weblap-sablon.xcf)

Részletesebben

WEB-FEJLESZTÉS I. KURZUS 2. GYAKORLAT

WEB-FEJLESZTÉS I. KURZUS 2. GYAKORLAT WEB-FEJLESZTÉS I. KURZUS 2. GYAKORLAT Fontos szabványok 1 HTTP protokoll Protokoll = szabályrendszer HTTP HyperText Transfer Protocol (Hiperszöveg Átviteli Protokoll) a webböngésző (kliens) adatokat kérhet

Részletesebben

Microsoft Excel 2010

Microsoft Excel 2010 Microsoft Excel 2010 Milyen feladatok végrehajtására használatosak a táblázatkezelők? Táblázatok létrehozására, és azok formai kialakítására A táblázat adatainak kiértékelésére Diagramok készítésére Adatbázisok,

Részletesebben

Tartalom. Tartalom. SEO audit: www.hazdoktor.net

Tartalom. Tartalom. SEO audit: www.hazdoktor.net Bízza a weboldala hibáinak kijavítását igazi profikra! Szerezzen velünk oldalának több látogatót, több ügyfelet és vásárlót! Keresse csapatunkat bizalommal az info@seoceros.com email címen! Tartalom SEO

Részletesebben

HTML5.0 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE

HTML5.0 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE HTML5.0 + CSS3 SZABVÁNYKÖVETŐ STATIKUS WEBOLDALAK SZERKESZTÉSE 0.7 verzió 2013. január 1 2 TARTALOM TARTALOM... 3 ELŐSZÓ... 5 1. ALAPOK... 7 1.1. Tartalom és forma: HTML és CSS... 7 1.2. A weblapkészítés

Részletesebben

Gyakorló 9. feladat megoldási útmutató

Gyakorló 9. feladat megoldási útmutató Gyakorló 9. feladat megoldási útmutató 1. Minek a leírása a következő? Aktív hálózati hardver eszközök (pl.: routerek) és szoftverek segítségével létrehozott biztonsági rendszer két hálózat (jellemzően

Részletesebben

Az MS Excel táblázatkezelés modul részletes tematika listája

Az MS Excel táblázatkezelés modul részletes tematika listája Az MS Excel táblázatkezelés modul részletes tematika listája A táblázatkezelés alapjai A táblázat szerkesztése A táblázat formázása A táblázat formázása Számítások a táblázatban Oldalbeállítás és nyomtatás

Részletesebben

4. rész. HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét.

4. rész. HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét. HTML HÁTTÉR BEÁLLÍTÁSA, KÉPEK A WEBLAPON HIPERLINKEK, HIVATKOZÁSOK DOKUMENTUM ADOTT PONTJÁRA VALÓ UGRÁS 4. rész HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk

Részletesebben

1. fejezet Bevezetés a web programozásába (Balássy György munkája)... 11 Az internet működése... 11

1. fejezet Bevezetés a web programozásába (Balássy György munkája)... 11 Az internet működése... 11 Tartalomjegyzék 1. fejezet Bevezetés a web programozásába (Balássy György munkája)... 11 Az internet működése... 11 Géptől gépig... 11 Számok a gépeknek... 13 Nevek az embereknek... 14 Programok egymás

Részletesebben

StartÜzlet online számlázó modul Használati Útmutató

StartÜzlet online számlázó modul Használati Útmutató StartÜzlet online számlázó modul Használati Útmutató 1 Tartalomjegyzék Alapvető tudnivalók...3 Használatba vétel előtt megadandó és ellenőrizendő adatok...3 Alanyi adómentes vállalkozás esetén...3 Számla

Részletesebben

GIS fejlesztés Web platformra nyílt forráskódú ingyenes eszközökkel

GIS fejlesztés Web platformra nyílt forráskódú ingyenes eszközökkel Nyugat-Magyarországi Egyetem Geoinformatikai Kar Magyar Tudomány Ünnepe 2007 A térinformatika mindenkié GIS fejlesztés Web platformra nyílt forráskódú ingyenes eszközökkel Kottyán László adjunktus Tartalom

Részletesebben

A leírás bemutatja hogy mint minden másra, Favicon készítésre is alkalmas az ingyenes Gimp rajzolóprogram.

A leírás bemutatja hogy mint minden másra, Favicon készítésre is alkalmas az ingyenes Gimp rajzolóprogram. A leírás bemutatja hogy mint minden másra, Favicon készítésre is alkalmas az ingyenes Gimp rajzolóprogram. 1, Készítsünk egy 160 160-as új képet. Azért kell ekkora, hogy kényelmesen elférjünk benne, majd

Részletesebben

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés

Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés HLTML 5 formok gyorstalpaló Készítette: Gál Tamás A tananyag programozott változata itt érhető el: Webfejlesztés (http://webfejlesztes.gtportal.eu/) Creative Commons Nevezd meg!-ne add el!-így add tovább!

Részletesebben

Elektronikus levelek. Az informatikai biztonság alapjai II.

Elektronikus levelek. Az informatikai biztonság alapjai II. Elektronikus levelek Az informatikai biztonság alapjai II. Készítette: Póserné Oláh Valéria poserne.valeria@nik.bmf.hu Miről lesz szó? Elektronikus levelek felépítése egyszerű szövegű levél felépítése

Részletesebben

Web programozás I. 4. előadás

Web programozás I. 4. előadás Web programozás I. 4. előadás CSS Pozícionálás http://www.brainjar.com/css/positioning/def ault.asp Design kialakívása http://www.albinoblacksheep.com/livedesign/ http://www.dynamicdrive.com/style/ http://www.opendesigns.org/

Részletesebben

Programok befejezése Fájl menü kilépés vagy Jobb felső sarokban X-re kattintás (bal egérgomb)

Programok befejezése Fájl menü kilépés vagy Jobb felső sarokban X-re kattintás (bal egérgomb) 1 Számítógép bekapcsolása Monitor bekapcsolása Számítógép bekapcsolása Felhasználó kiválasztása (többfelhasználós rendszerben) Jelszó beírása (ha szükséges) Programok indítása Asztalon lévő ikon kettős

Részletesebben

II. ADATLAP - Programmodul részletes bemutatása

II. ADATLAP - Programmodul részletes bemutatása II. ADATLAP - Programmodul részletes bemutatása 1. A programmodul azonosító adatai Ügyeljen arra, hogy a programmodul sorszáma és megnevezése azonos legyen a I. A program általános tartalma fejezet 11.

Részletesebben

Informatikai alapismeretek

Informatikai alapismeretek PC-Kismester XIII. informatikai verseny feladatok 1. oldal, összesen: 5 5-8. osztály Országos Pc-Kismester Verseny második forduló feladatai! Beküldési határidő: 2010. 02. 19. A válaszokat CD lemezen kérjük

Részletesebben

Kedves Openhouse-os munkatársak!

Kedves Openhouse-os munkatársak! Kedves Openhouse-os munkatársak! Tapasztalataink szerint a tartalom kezelő rendszerek (Content Management Systems CMS) felhasználói gyakran kevéssé ismerik azokat az elveket, amik segíthetik az oldal eredményesebb

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

A HTML ÉS A CSS ALAPJAI

A HTML ÉS A CSS ALAPJAI Dr. Öveges Ferenc A HTML ÉS A CSS ALAPJAI Segédlet a Lovassy László Gimnázium informatika tagozata számára Veszprém 2011. Tartalomjegyzék Bevezetés 6 1. Előzetes tudnivalók 6 1.1 A HTML és XHTML szabvány

Részletesebben

Tartalom. Alapelemek. Célok. Eszközök. Szerkezet. Alapelvek. Prezentáció. Folyamat

Tartalom. Alapelemek. Célok. Eszközök. Szerkezet. Alapelvek. Prezentáció. Folyamat WEBLAPFEJLESZTÉS Tartalom Alapelemek Célok Eszközök Szerkezet Alapelvek Folyamat Prezentáció Célok Weboldalakkal szemben állított követelmények: - vonzó, egyszerű, igényes, harmonikus színvilág - felhasználóbarát

Részletesebben

Információ és kommunikáció

Információ és kommunikáció Óravázlat az ECDL hálózatos változatához 7. modul Információ és kommunikáció Krea Kft. 1034 Budapest, Szőlő u 21. Tel/fax: 250-5570 / 387-2557 E-mail: krea@krea.hu A vázlatot összeállította: Pintyőke László

Részletesebben

Összetett feladatok. Föld és a Hold

Összetett feladatok. Föld és a Hold 1. feladat Összetett feladatok Föld és a Hold Készíts weblapot, ahol a Földet és a Holdat mutatod be! A weblaphoz tartozó nyers szöveg a fold.txt és a hold.txt tartalmazza. A forrásban megtalálod a fold.jpg

Részletesebben

FELHASZNÁLÓI KÉZIKÖNYV SCHEDULEDETAIL KEZELÉSI ÚTMUTATÓ (DEBRECEN VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2013.09.05

FELHASZNÁLÓI KÉZIKÖNYV SCHEDULEDETAIL KEZELÉSI ÚTMUTATÓ (DEBRECEN VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2013.09.05 FELHASZNÁLÓI KÉZIKÖNYV (DEBRECEN VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2013.09.05 Tartalom 1. Rendszerigény... 3 2. Bevezető... 3 3. Az alkalmazás indítása... 3 4. Az oldal felépítése... 4 4.1. Főképernyő...

Részletesebben

1.1.1 Dátum és idő függvények

1.1.1 Dátum és idő függvények 1.1.1 Dátum és idő függvények Azt már tudjuk, hogy két dátum különbsége az eltelt napok számát adja meg, köszönhetően a dátum tárolási módjának az Excel-ben. Azt is tudjuk a korábbiakból, hogy a MA() függvény

Részletesebben

PRECÍZ Információs füzetek

PRECÍZ Információs füzetek PRECÍZ Információs füzetek Információk, Módszerek, Ötletek és Megoldások a Precíz Integrált Ügyviteli Információs rendszerhez 3. EXCEL adatkapcsolat (mod. 2009.07.) Ügyviteli nyilvántartások és EXCEL formátumú

Részletesebben

Rámpát a honlapokra úton az akadálymentes honlapok felé

Rámpát a honlapokra úton az akadálymentes honlapok felé Rámpát a honlapokra úton az akadálymentes honlapok felé Bevezetés A W3C Magyar Iroda már több mint hat éve azon munkálkodik, hogy hazánkban minél jobban megismertesse az érdeklődőket a legújabb webes technológiákkal,

Részletesebben

Web programozás. Internet vs. web. Internet: Az Internet nyújtotta néhány alapszolgáltatás:

Web programozás. Internet vs. web. Internet: Az Internet nyújtotta néhány alapszolgáltatás: Áttekintés Web programozás 2011 2012 Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)

Részletesebben

Kifizetések kezelése. 1 Kifizetési dátumok megadása pénzügyi kódokhoz

Kifizetések kezelése. 1 Kifizetési dátumok megadása pénzügyi kódokhoz Kifizetések kezelése 1 Kifizetési dátumok megadása pénzügyi kódokhoz 1.1 Pénzügyi kódok menüponttól indulva Pénzügyek (kék menüpont, csak lenyitni + jelnél)(78600)/kifizetési jogcímek (jogcím kiválasztása)

Részletesebben

Algoritmus terv 3. Fejezet: Folyamatok meghatározása

Algoritmus terv 3. Fejezet: Folyamatok meghatározása This image cannot currently be displayed. Algoritmus terv 3. Fejezet: Folyamatok meghatározása 1. Algoritmus általános áttekintése 2. Inputok és outputok definiálása 3. Folyamatok meghatározása 4. ozási

Részletesebben

9. Képaláírás, kereszthivatkozás, tárgymutató és jegyzékek

9. Képaláírás, kereszthivatkozás, tárgymutató és jegyzékek , kereszthivatkozás, tárgymutató és jegyzékek Schulcz Róbert schulcz@hit.bme.hu A tananyagot kizárólag a BME hallgatói használhatják fel tanulási céllal. Minden egyéb felhasználáshoz a szerző engedélye

Részletesebben

1. A WEBES SZABVÁNYOK ÉS A W3C

1. A WEBES SZABVÁNYOK ÉS A W3C 1. A WEBES SZABVÁNYOK ÉS A W3C 1.1 CÉLKITŰZÉSEK ÉS KOMPETENCIÁK Cél, hogy az olvasó ismerje meg a weblapszerkesztés folyamatához kapcsolódó szabványokat és értse meg a szabványok használatának fontosságát.

Részletesebben

Nyugat-magyarországi Egyetem Geoinformatikai Kara. Nagy Gábor. Informatika 6. INF6 modul. Web fejlesztés

Nyugat-magyarországi Egyetem Geoinformatikai Kara. Nagy Gábor. Informatika 6. INF6 modul. Web fejlesztés Nyugat-magyarországi Egyetem Geoinformatikai Kara Nagy Gábor Informatika 6. INF6 modul Web fejlesztés SZÉKESFEHÉRVÁR 2010 Jelen szellemi terméket a szerzői jogról szóló 1999. évi LXX- VI. törvény védi.

Részletesebben

Bevezetés Működési elv AJAX keretrendszerek AJAX

Bevezetés Működési elv AJAX keretrendszerek AJAX AJAX Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek

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

PC Connect. Unique ewsletter. program leírás

PC Connect. Unique ewsletter. program leírás PC Connect Unique ewsletter program leírás Tartalomjegyzék Bevezető...- 1 - Előkészületek...- 2 - Alap adatok, alap fájlok...- 2 - A program használata...- 3 - E-mail files...- 3 - Swich text...- 4 - Settings...-

Részletesebben

ÖNKORMÁNYZATOK ÉS KISTÉRSÉGI TÁRSULÁSOK RÉSZÉRE

ÖNKORMÁNYZATOK ÉS KISTÉRSÉGI TÁRSULÁSOK RÉSZÉRE Helyi önkormányzatok és Többcélú Kistérségi Társulások normatív hozzájárulásainak és normatív, kötött felhasználású támogatásainak igénylési rendszere 2008. évre FELHASZNÁLÓI KÉZIKÖNYV ÖNKORMÁNYZATOK ÉS

Részletesebben

Információ és kommunikáció

Információ és kommunikáció Óravázlat az ECDL oktatócsomaghoz 7. modul Információ és kommunikáció Krea Kft. 1034 Budapest, Szőlő u 21. Tel/fax: 250-5570 / 387-2557 E-mail: krea@krea.hu A vázlatot összeállította: Pintyőke László Lektorálta:

Részletesebben

ECDL Táblázatkezelés. www.nomina3p.hu 1. 4.1.1 A táblázatkezelés első lépései. 4.1.2 Beállítások elvégzése

ECDL Táblázatkezelés. www.nomina3p.hu 1. 4.1.1 A táblázatkezelés első lépései. 4.1.2 Beállítások elvégzése 4.1 Az alkalmazás 4.1.1 A táblázatkezelés első lépései 4.1.2 Beállítások elvégzése 4.1.1.1 A táblázatkezelő alkalmazás megnyitása és bezárása. 4.1.1.2 Egy és több munkafüzet (dokumentum) megnyitása. 4.1.1.3

Részletesebben

Készítsünk weblapot könnyedén! A Google Sites használata. Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül!

Készítsünk weblapot könnyedén! A Google Sites használata. Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül! Készítsünk weblapot könnyedén! A Google Sites használata Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül! Készítette: Tratnyek Csilla 2010.03.01. Készítsünk weblapot

Részletesebben

CD-ROM (Szoftver, Használati útmutató, garancia) 5V DC, 2.5A Áram-adapter

CD-ROM (Szoftver, Használati útmutató, garancia) 5V DC, 2.5A Áram-adapter Ez a terméket bármely ma használatos web böngészővel (pl. Internet Explorer 6 or Netscape Navigator 7.0) beállítható. Kezdő lépések DP-G321 AirPlus G 802.11g/2.4GHz Vezeték nélküli Multi-Port Nyomtató

Részletesebben

18. Szövegszerkesztők

18. Szövegszerkesztők 18. Szövegszerkesztők A szövegszerkesztés olyan számítógépes művelet, amelynek során később nyomtatásban megjelenő szövegegységeket, dokumentumokat hozunk létre, majd azokat papírra kinyomtatjuk. A különböző

Részletesebben

INFORMATIKA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ

INFORMATIKA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ Informatika emelt szint 1321 ÉRETTSÉGI VIZSGA 2014. október 17. INFORMATIKA EMELT SZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ EMBERI ERŐFORRÁSOK MINISZTÉRIUMA Bevezetés A feladatok

Részletesebben

2. TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I.

2. TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I. E-tevékenységek 2. TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I. Blokk, 5. Képzési modul INFORMATIKAI ALAPÚ IRÁNYÍTÁSI ÉS KOMMUNIKÁCIÓS RENDSZEREK Soós Sándor egyetemi adjunktus

Részletesebben

w w w. h a n s a g i i s k. h u 1

w w w. h a n s a g i i s k. h u 1 w w w. h a n s a g i i s k. h u Adatbázis-kezelés Adatbázisok Az adatbázisok rendezett adatok halmaza. Rendezett adatok közt sokkal gyorsabban lehet keresni! Napjainkban a relációs típusú adatbázis terjedt

Részletesebben

MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ

MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ 1 Marketing elemzés tervezés program ismertetı A Marketing elemzés tervezés Microsoft Excel munkafüzet 27-27 egymásba ágyazott Excel táblázatot tartalmaz, amelyeket

Részletesebben

Témák. Bevezetés az informatikába 7. Előadás. Szövegfile-ok típusai. Szövegszerkesztők típusai. Mértékegységek. Szövegszerkesztők szolgáltatásai

Témák. Bevezetés az informatikába 7. Előadás. Szövegfile-ok típusai. Szövegszerkesztők típusai. Mértékegységek. Szövegszerkesztők szolgáltatásai Bevezetés az informatikába 7. Előadás Számítógépes dokumentumkészítés I Témák Szövegfile-ok típusai Szövegszerkesztők típusai Szövegszerkesztők szolgáltatásai Microsoft Word szövegszerkesztők Szövegfile-ok

Részletesebben

JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ

JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ Informatika emelt szint 0522 ÉRETTSÉGI VIZSGA 2006. február 28. INFORMATIKA EMELT SZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ OKTATÁSI MINISZTÉRIUM gyakorlati vizsga 0522 2 / 15 2006.

Részletesebben

Tartalomjegyzék. Bevezetés... 1. I. rész: Menő webhelyek készítése... 11. 1. fejezet: Hányféleképpen készíthetünk weblapokat?...

Tartalomjegyzék. Bevezetés... 1. I. rész: Menő webhelyek készítése... 11. 1. fejezet: Hányféleképpen készíthetünk weblapokat?... Bevezetés... 1 A könyvről... 1 A Dreamweaver CS4 újdonságai... 2 A Dreamweaver használata Mac-en vagy PC-n... 4 Hasznos tudnivalók a könyv olvasásához... 4 Amit átugorhatsz, ha...... 5 Nincsenek elvárásaink...

Részletesebben

ivms-4200 kliensszoftver

ivms-4200 kliensszoftver ivms-4200 kliensszoftver Felhasználói segédlet v1.02 2012.11.21. HU 1. TARTALOM 1. Tartalom... 2 2. Bevezető... 2 2.1. Felhasználás... 2 2.2. Hardverigény... 2 3. Használat... 3 3.1. Vezérlőpult... 3 3.2.

Részletesebben

Flex: csak rugalmasan!

Flex: csak rugalmasan! Flex: csak rugalmasan! Kiss-Tóth Marcell http://kiss-toth.hu marcell@kiss-toth.hu Magyarországi Web Konferencia 2006 2006. március 18. tartalom bevezető Adobe Flex alternatív technológiák bevezető az Internetnek

Részletesebben

XML / CSV specifikáció

XML / CSV specifikáció Ajánlatok átadása az rendszerébe Termékeinek az Olcsóbbat.hu rendszerében történő megjelenítéséhez termékadatbázisát az ebben a dokumentumban megfogalmazott szabályoknak megfelelően kell formáznia, legyen

Részletesebben

Comp-Sys Fo ko nyv-sza mla za s Program Felhaszna lo i leı ra s a 2013.01.01.-to l e rve nyes programmo dosı ta sokhoz

Comp-Sys Fo ko nyv-sza mla za s Program Felhaszna lo i leı ra s a 2013.01.01.-to l e rve nyes programmo dosı ta sokhoz Comp-Sys Fo ko nyv-sza mla za s Program Felhaszna lo i leı ra s a 2013.01.01.-to l e rve nyes programmo dosı ta sokhoz Tartalom 1 Pénzforgalmi ÁFA... 2 1.1 Pénzforgalmi ÁFA választásának beállítása...

Részletesebben

A számítástechnika gyakorlata WIN 2000 I. Szerver, ügyfél Protokoll NT domain, Peer to Peer Internet o WWW oftp opop3, SMTP. Webmail (levelező)

A számítástechnika gyakorlata WIN 2000 I. Szerver, ügyfél Protokoll NT domain, Peer to Peer Internet o WWW oftp opop3, SMTP. Webmail (levelező) A számítástechnika gyakorlata WIN 2000 I. Szerver, ügyfél Protokoll NT domain, Peer to Peer Internet o WWW oftp opop3, SMTP Bejelentkezés Explorer (böngésző) Webmail (levelező) 2003 wi-3 1 wi-3 2 Hálózatok

Részletesebben

Web-fejlesztés NGM_IN002_1

Web-fejlesztés NGM_IN002_1 Web-fejlesztés NGM_IN002_1 Szindikálás, aggregálás - RSS, Atom Tartalom betáplálás Gyakran frissül! webszájtok Új felhasználói igények el!fizetési igény az új tartalomra a tartalom újrafelhasználása eltér!

Részletesebben

openbve járműkészítés Leírás az openbve-hez kapcsolódó extensions.cfg fájl elkészítéséhez

openbve járműkészítés Leírás az openbve-hez kapcsolódó extensions.cfg fájl elkészítéséhez Leírás az openbve-hez kapcsolódó extensions.cfg fájl elkészítéséhez 1. oldal openbve járműkészítés Leírás az openbve-hez kapcsolódó extensions.cfg fájl elkészítéséhez A leírás az openbve-hez készített

Részletesebben