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

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

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

Részletesebben

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

WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK

WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK ECDL Webszerkesztés, syllabus 2.0 WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK 1. Mi az FTP? a) Az FTP a multimédiás dokumentumok leíró nyelve. b) Az FTP a weboldalon lévő kattintható elem, amellyel egy másik

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

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

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

Részletesebben

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

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

Részletesebben

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

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

Részletesebben

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

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

2008/09 ősz 1. Word / Excel 2. Solver 3. ZH 4. Windows 5. Windows 6. ZH 7. HTML - CSS 8. HTML - CSS 9. ZH 10. Adatszerkezetek, változók, tömbök 11. Számábrázolási kérdések 12. ZH 13. Pótlás Alapfogalmak

Részletesebben

A HTML Stuktúra. 1. oldal, összesen: 8 oldal. mhtml:file://d:\vizsga\1\html kódok.mht. Betűtípusok, stílusok

A HTML Stuktúra. 1. oldal, összesen: 8 oldal. mhtml:file://d:\vizsga\1\html kódok.mht. Betűtípusok, stílusok <b> <i> <u> <tt> 1. oldal, összesen: 8 oldal főoldal weboldalkészítés kereső optimalizálás HTML kód meta elemek képek beillesztése frame táblázatok XHTML XML CSS szabvány JavaScript vista tudás vista telepítése ingyen

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

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

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

Részletesebben

Képek a HTML oldalon

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

Részletesebben

Weblap készítése. Fapados módszer

Weblap készítése. Fapados módszer Weblap készítése Fapados módszer A számítógép beállítása Ha a kiterjesztések nem látszanak, akkor a következőt kell tennünk: A számítógép beállítása Ha a kiterjesztések nem látszanak, akkor a következőt

Részletesebben

Nemzeti Fejlesztési és Gazdasági Minisztérium támogatásával megvalósuló KKC-2008-V-08-08-101 számú projekt B2CR ONLINE KOMMUNIKÁCIÓ

Nemzeti Fejlesztési és Gazdasági Minisztérium támogatásával megvalósuló KKC-2008-V-08-08-101 számú projekt B2CR ONLINE KOMMUNIKÁCIÓ ONLINE KOMMUNIKÁCIÓ azaz, hogyan használjuk fel az internet lehetőségeit cégünk sikerei érdekében. MarkCon előadó: Vendler Balázs, ügyvezető TARTALOM (1) Az internetről általában (2) Webes megjelenések

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

WWW Kliens-szerver Alapfogalmak Technológiák Terv. Web programozás 1 / 31

WWW Kliens-szerver Alapfogalmak Technológiák Terv. Web programozás 1 / 31 Web programozás 2011 2012 1 / 31 Áttekintés 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

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

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

Részletesebben

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

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

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

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

Részletesebben

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

Az Educatio weboldalain elhelyezhető hirdetések technikai paraméterei

Az Educatio weboldalain elhelyezhető hirdetések technikai paraméterei Az Educatio weboldalain elhelyezhető hirdetések technikai paraméterei Az Educatio Társadalmi Szolgáltató Nonprofit Kft. a következő feltételek szerint készült bannerek elhelyezését vállalja weboldalain:

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

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

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

Részletesebben

Az internet az egész világot behálózó számítógép-hálózat.

Az internet az egész világot behálózó számítógép-hálózat. Az internet az egész világot behálózó számítógép-hálózat. A mai internet elődjét a 60-as években az Egyesült Államok hadseregének megbízásából fejlesztették ki, és ARPANet-nek keresztelték. Kifejlesztésének

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

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

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

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

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

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

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

4. Javítás és jegyzetek

4. Javítás és jegyzetek és jegyzetek 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 szükséges! 1 Automatikus javítás

Részletesebben

I. sz. 220 körül Origenész összeállítja Hexapla címen az Ószövetség hat különbözı fordítását

I. sz. 220 körül Origenész összeállítja Hexapla címen az Ószövetség hat különbözı fordítását 1 I. sz. 220 körül Origenész összeállítja Hexapla címen az Ószövetség hat különbözı fordítását A Biblia egyes nehezebben érthetı helyeihez főzött magyarázatok a szkholia-k. 360 körül Szt. Athanasziosz

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

A Microsoft OFFICE. EXCEL táblázatkezelő. program alapjai. 2013-as verzió használatával

A Microsoft OFFICE. EXCEL táblázatkezelő. program alapjai. 2013-as verzió használatával A Microsoft OFFICE EXCEL táblázatkezelő program alapjai 2013-as verzió használatával A Microsoft Office programcsomag táblázatkezelő alkalmazása az EXCEL! Aktív táblázatok készítésére használjuk! Képletekkel,

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

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

Oktatási segédanyag. Weboldalszerkesztési gyakorlatok

Oktatási segédanyag. Weboldalszerkesztési gyakorlatok Oktatási segédanyag Weboldalszerkesztési gyakorlatok Bevezetés A korábbi oktatási segédanyagokban megismertük a weboldalszerkesztés gyakorlatát. Ennek a segédanyagnak a célja, hogy gyakorlati példákon

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

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

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

Részletesebben

A fejlesztendő tananyagok formai követelményei

A fejlesztendő tananyagok formai követelményei A fejlesztendő tananyagok formai követelményei Bevezető A pályázatban a tankönyvtár által preferált DocBook formátumot vállaltuk A tankönyvtár kissé speciális DocBook formátumot vár (pl. a képletek esetén)

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

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

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

Nagyméretű banner megjelenések a Lovasok.hu oldalon

Nagyméretű banner megjelenések a Lovasok.hu oldalon Nagyméretű banner megjelenések a Lovasok.hu oldalon a Szuperbanner (728x90 pixel) valamennyi oldal tetején a fejlécben, valamint az Eladó Lovak és a Lovas Piactér találati listáiban jelenik meg. a Roadblock

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

- 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

1. oldal, összesen: 5

1. oldal, összesen: 5 1. oldal, összesen: 5 Elmélet Word 1. Döntse el az alábbi állításról, hogy a tagmondatok tartalma igaz-e, s A WORD helyesírás-ellenőrző rendszere minden helyesírási hibánkat kijavítja, mert felismeri,

Részletesebben

az Excel for Windows programban

az Excel for Windows programban az Excel for Windows táblázatkezelőblázatkezel programban Mit nevezünk nk képletnek? A táblt blázatkezelő programok nagy előnye, hogy meggyorsítj tják és könnyebbé teszik a felhasználó számára a számítási

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

Információ és kommunikáció

Információ és kommunikáció Információ és kommunikáció Tanmenet Információ és kommunikáció TANMENET- Információ és kommunikáció Témakörök Javasolt óraszám 1. Az internet jellemzői 25 perc 2. Szolgáltatások az interneten 20 perc

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

Gazdasági informatika

Gazdasági informatika Gazdasági informatika 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 Nyugat-Magyarországi Egyetem

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

Haladó irodai számítógépes képzés tematika

Haladó irodai számítógépes képzés tematika Haladó irodai számítógépes képzés tematika Word haladó Haladó szövegszerkesztés Szöveg effektusok alkalmazása Az automatikus javítási beállítások használata Szöveg körbefuttatása, szövegtörés A szövegirány

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

Az alábbi kód egy JSON objektumot definiál, amiből az adtokat JavaScript segítségével a weboldal tartalmába ágyazzuk.

Az alábbi kód egy JSON objektumot definiál, amiből az adtokat JavaScript segítségével a weboldal tartalmába ágyazzuk. JSON tutorial Készítette: Cyber Zero Web: www.cyberzero.tk E-mail: cyberzero@freemail.hu Msn: cyberzero@mailpont.hu Skype: cyberzero_cz Fb: https://www.facebook.com/cyberzero.cz BEVEZETÉS: A JSON (JavaScript

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

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

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

XML alapú adatbázis-kezelés. (Katona Endre diái alapján)

XML alapú adatbázis-kezelés. (Katona Endre diái alapján) XML alapú adatbázis-kezelés Adatstruktúrák: Digitális kép, hang: teljesen strukturálatlan A web (linkek): részben strukturált Relációs: teljesen strukturált Motiváció: (Katona Endre diái alapján) Ismeretlen

Részletesebben

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

Számológép. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő Felhasználói dokumentáció Számológép Feladat: JavaScript és CSS segítségével számológép készítése. Futtatási környezet: A http://10.0.0.101/~szabby/szgep.html linkre kattintva megjelenik az oldal. Az oldal

Részletesebben

4. modul - Táblázatkezelés

4. modul - Táblázatkezelés 4. modul - Táblázatkezelés Az alábbiakban ismertetjük a 4. modul (Táblázatkezelés) syllabusát, amely a gyakorlati modulvizsga követelményrendszere. A modul célja Ez a modul a táblázatkezeléssel kapcsolatos

Részletesebben

Felhasználói kézikönyv - Android kliens

Felhasználói kézikönyv - Android kliens Felhasználói kézikönyv - Android kliens Tartalom Telepítés Indítás Fő képernyők Térkép Rétegválasztó ablak Kilépés Keresés Lista Részletek Telepítés Az Élő Berek Android alkalmazás letölthető a www.e-berek.hu

Részletesebben

A CorinMail hírlevélküldő rendszer szerkesztőfelületének használata:

A CorinMail hírlevélküldő rendszer szerkesztőfelületének használata: A CorinMail hírlevélküldő rendszer szerkesztőfelületének használata: CMS tartalom szerkesztő használata A CMS szerkesztő felületet alapvetően két nézetben tudjuk használni. Az alapbeállítás a vizuális

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

HTML. Ismerkedés a JavaScripttel. A JavaScript lehet ségei. A JavaScript kód helye. Önálló JavaScript fájlok

HTML. Ismerkedés a JavaScripttel. A JavaScript lehet ségei. A JavaScript kód helye. Önálló JavaScript fájlok HTML Ismerkedés a JavaScripttel webprogramozó A weblapokat HTML nyelven készíthetjük el. A HTML egyszer leírónyelv, nem alkalmas válaszolni a felhasználóknak, nem tud döntéseket hozni, nem tud végrehajtani

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

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

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

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

Jogi szabályozás. Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 2007

Jogi szabályozás. Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 2007 Térképismeret ELTE TTK Földtudományi és Földrajz BSc. 7 12. Török Zsolt, Draskovits Zsuzsa ELTE IK Térképtudományi és Geoinformatikai Tanszék http://lazarus.elte.hu 1/24 2/24 Topográfiai térképrendszer

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

Adóhátralék kezelés egyszerűen. Használati útmutató

Adóhátralék kezelés egyszerűen. Használati útmutató Használati útmutató Program indítása: A telepítés utáni első indításkor a program a szükséges alapbeállításokat elvégzi, és automatikusan újra indul. A főképernyőn a bejelentkezéshez mindig meg kell adni

Részletesebben

Hálózat. Az egymással kapcsolatban lévő számítógépek rendszerét hálózatnak nevezzük.

Hálózat. Az egymással kapcsolatban lévő számítógépek rendszerét hálózatnak nevezzük. Hálózat Az egymással kapcsolatban lévő számítógépek rendszerét hálózatnak nevezzük. Az hálózatok kiterjedés szerinti csoportosításánál az Internetet a Globális hálózatok közé soroltuk. Az Internet története

Részletesebben

Táblázatok. Táblázatok beszúrása. Cellák kijelölése

Táblázatok. Táblázatok beszúrása. Cellák kijelölése Táblázatok Táblázatok beszúrása A táblázatok sorokba és oszlopokba rendezett téglalap alakú cellákból épülnek fel. A cellák tartalmazhatnak képet vagy szöveget. A táblázatok használhatók adatok megjelenítésére,

Részletesebben

Táblázatkezelés Syllabus 5.0 A syllabus célja 2014 ECDL Alapítvány Jogi nyilatkozat A modul célja

Táblázatkezelés Syllabus 5.0 A syllabus célja 2014 ECDL Alapítvány Jogi nyilatkozat A modul célja Táblázatkezelés Syllabus 5.0 A syllabus célja Az alábbiakban ismertetjük a Táblázatkezelés modul követelményeit, amely a modulvizsga alapját is képezi. 2014 ECDL Alapítvány A syllabus az ECDL Alapítvány

Részletesebben

NeoCMS tartalommenedzselő szoftver leírása

NeoCMS tartalommenedzselő szoftver leírása NeoCMS tartalommenedzselő szoftver leírása A NeoSoft Informatika NeoCMS márkanévvel ellátott rendszere könnyen, gyorsan testre szabható tartalommenedzselő rendszer, mely egyedileg átalakítható, és így

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

< 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

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

15.4.2a Laborgyakorlat: Böngésző beállítása

15.4.2a Laborgyakorlat: Böngésző beállítása 15.4.2a Laborgyakorlat: Böngésző beállítása Bevezetés Nyomtasd ki a laborgyakorlatot és oldd meg a feladatokat! A laborgyakorlat során a Microsoft Internet Explorer beállításait fogjuk konfigurálni. Az

Részletesebben

1. A HTML leíró nyelv. 2. Stíluslapok - CSS. 3. HTML sablonok. Tartalom

1. A HTML leíró nyelv. 2. Stíluslapok - CSS. 3. HTML sablonok. Tartalom 1. A HTML leíró nyelv 2. Stíluslapok - CSS 3. HTML sablonok Tartalom 1. A HTML leíró nyelv...1 2. Stíluslapok - CSS...1 3. HTML sablonok...1 1. A HTML megjelenítő nyelv...3 1.1. Bevezető...3 1.1.1. HTML

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

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

Tematika A web története Kliens-szerver modell Web alapismeretek Fejlesztési eszközök. Sapientia Erdélyi Magyar Tudományegyetem, Csíkszereda

Tematika A web története Kliens-szerver modell Web alapismeretek Fejlesztési eszközök. Sapientia Erdélyi Magyar Tudományegyetem, Csíkszereda Web programozás - 1.Előadás Pál László Sapientia Erdélyi Magyar Tudományegyetem, Csíkszereda 2012-2013 tanév, II. Félév Tartalom 1 Tematika 2 A web története 3 Kliens-szerver modell 4 Web alapismeretek

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

A legfontosabb DOS parancsok

A legfontosabb DOS parancsok A legfontosabb DOS parancsok A DOS parancsok általános formája: KULCSSZÓ paraméterek Az utasítások akár kis-, akár nagybetűkkel is írhatók, a DOS nem tesz köztük különbséget. A kulcsszó és az első paraméter

Részletesebben

Vihar 2.0 rendszer Felhasználói kézikönyv

Vihar 2.0 rendszer Felhasználói kézikönyv Vihar 2.0 rendszer Felhasználói kézikönyv Versenyzői funkciók O l d a l 0 21 Tartalomjegyzék Tartalom Tartalomjegyzék... 0 Bevezető... 1 Felhasználói funkciók... 2 Regisztráció... 2 Támogatott böngésző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