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

HTML. Dr. Nyéki Lajos 2016

HTML. Dr. Nyéki Lajos 2016 HTML Dr. Nyéki Lajos 2016 HTML és SGML HTML (Hypertext Markup Language) SGML (Standard Generalized Markup Language) ISO 8879:1986 A HTML nyelven készült dokumentumok kiterjesztése - az Internet szerveren:.html;

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

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

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

Részletesebben

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

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

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

Részletesebben

Webkezdő. A modul célja

Webkezdő. A modul célja Webkezdő A modul célja Az ECDL Webkezdő modulvizsga követelménye (Syllabus 1.5), hogy a jelölt tisztában legyen a Webszerkesztés fogalmával, és képes legyen egy weboldalt létrehozni. A jelöltnek értenie

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

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

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

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

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

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

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

TABULÁTOROK TÁBLÁZATOK KÉSZÍTÉSE. A táblázatok készítésének lehetőségei:

TABULÁTOROK TÁBLÁZATOK KÉSZÍTÉSE. A táblázatok készítésének lehetőségei: TABULÁTOROK A tabulátorokat a szavak soron belüli pontos pozicionálására használjuk. A tabulátorokat valamilyen pozícióhoz kötjük. A pozíciók beállíthatók vonalzón vagy a Formátum menü Tabulátorok menüpontjának

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

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

HTML 5 - Start. Turóczy Attila Livesoft Kft

HTML 5 - Start. Turóczy Attila Livesoft Kft HTML 5 - Start Turóczy Attila Kft. 2010.11.01. HTML története A HTML az angol HyperText Markup Language szavak rövidítése. Alapvetően egy leírónyelv, ami weboldalak készítéséhez használunk. A HTML szöveges

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

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

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

3. modul - Szövegszerkesztés

3. modul - Szövegszerkesztés 3. modul - Szövegszerkesztés Érvényes: 2009. február 1-jétől Az alábbiakban ismertetjük a 3. modul (Szövegszerkesztés) syllabusát, amely a gyakorlati vizsga alapját képezi. A modul célja Ezen a vizsgán

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

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

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

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

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. Szerkesszünk honlapot.. az alapoktól

HTML. Szerkesszünk honlapot.. az alapoktól HTML Szerkesszünk honlapot.. az alapoktól HTML A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek

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

Az Internet. avagy a hálózatok hálózata

Az Internet. avagy a hálózatok hálózata Az Internet avagy a hálózatok hálózata Az Internet története 1. A hidegháború egy fontos problémája Amerikában a hatvanas évek elején: Az amerikai kormányszervek hogyan tudják megtartani a kommunikációt

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

A feladatokat Nemes Adriána készítette. A feladatsort és a hozzávalókat letöltheted erről a címről: 1

A feladatokat Nemes Adriána készítette. A feladatsort és a hozzávalókat letöltheted erről a címről:  1 Web-fejlesztés I. kurzus, ELTE Informatikai Kar A feladatokat Nemes Adriána készítette. A feladatsort és a hozzávalókat letöltheted erről a címről: http://bit.ly/szfjsf 1 A témához kapcsolódó tananyag

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

HTML, XML szerkesztés

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

Részletesebben

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

HTML sablon tervezése

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

Részletesebben

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

Statikus és dinamikus weblapok

Statikus és dinamikus weblapok A statikus weblapok Statikus és dinamikus weblapok A honlapok lehetnek statikusak és dinamikusak. A statikus weblapok tartalma és forrás kódja állandó. A statikus weblapok létrehozására alkalmas a HTML

Részletesebben

Táblázatok. Utolsó módosítás: 11/22/ :07:23

Táblázatok. Utolsó módosítás: 11/22/ :07:23 Táblázatok Utolsó módosítás: 11/22/2004 13:07:23 A táblázat megadása a tag használatával lehetséges. A és tageken belül, a elemekkel adhatjuk meg a táblázat sorait. A elemek a sorokon

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

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 AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA. Kvaszingerné Prantner Csilla, EKF

BEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA. Kvaszingerné Prantner Csilla, EKF BEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA Kvaszingerné Prantner Csilla, EKF Az Internet 2 A hálózatok összekapcsolt, hálózatba szervezett rendszere, amely behálózza a világot. Részévé vált életünknek.

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

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

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

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

Webprogramozás szakkör

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

Részletesebben

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

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

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

Táblázatkezelés 2. - Adatbevitel, szerkesztés, formázás ADATBEVITEL. a., Begépelés

Táblázatkezelés 2. - Adatbevitel, szerkesztés, formázás ADATBEVITEL. a., Begépelés Táblázatkezelés 2. - Adatbevitel, szerkesztés, formázás ADATBEVITEL a., Begépelés Az adatok bevitelének legegyszerűbb módja, ha a táblázat kijelölt cellájába beírjuk őket. - számok (numerikus adatok) -

Részletesebben

Többfelhasználós és internetes térkép kezelés, megjelenítés

Többfelhasználós és internetes térkép kezelés, megjelenítés Többfelhasználós és internetes térkép kezelés, megjelenítés Többfelhasználós környezetek Egyszerű fájlszerveres megoldás, LAN (Novel, Windows hálózat) Egy fájl egyidejű módosítása több helyről nem lehetséges

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

Segédanyag a WORD használatához

Segédanyag a WORD használatához Segédanyag a WORD használatához Tartalom Kezdőlap:... 2 Beszúrás... 3 Tervezés... 3 Lapelrendezés... 4 Hivatkozás... 4 Objektumok saját menüi... 5 Táblázat... 5 Képek... 5 Alakzatok... 5 Menün kívüli tudnivalók

Részletesebben

Tartalomjegyzék BEVEZETÉS... IX WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1. II. Háttér beállítása I. Elsõ weblapunk III. Karakterformázás...

Tartalomjegyzék BEVEZETÉS... IX WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1. II. Háttér beállítása I. Elsõ weblapunk III. Karakterformázás... Tartalomjegyzék BEVEZETÉS.............. IX Kedves Olvasó.................... ix Kedves érettségizõ!................. x A mintafeladatok használata......... x WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1 I. Elsõ

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

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

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

- 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

Adóhátralék kezelés egyszerűen. Telepítési útmutató. A program futtatásához Windows XP, Windows 7, 8 operációs rendszer szükséges.

Adóhátralék kezelés egyszerűen. Telepítési útmutató. A program futtatásához Windows XP, Windows 7, 8 operációs rendszer szükséges. Telepítési útmutató Rendszerkövetelmények: A program futtatásához Windows XP, Windows 7, 8 operációs rendszer szükséges. Szükséges futtatókörnyezet: Windows Framework 4 vagy magasabb verzió. Innen tölthető

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

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

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

Weblapok az érettségin. 2. feladat: weblap vagy prezentáció és grafika 30 pont

Weblapok az érettségin. 2. feladat: weblap vagy prezentáció és grafika 30 pont Weblapszerkesztés Weblapok az érettségin 2. feladat: weblap vagy prezentáció és grafika 30 pont Weblapszerkesztők MS Front Page MS Share Point Designer Macromedia Dreamwaver Mozilla Composer / NVU / Kompozer

Részletesebben

HVK Adminisztrátori használati útmutató

HVK Adminisztrátori használati útmutató HVK Adminisztrátori használati útmutató Tartalom felöltés, Hírek karbantartása A www.mvfportal.hu oldalon a bejelentkezést követően a rendszer a felhasználó jogosultsági besorolásának megfelelő nyitó oldalra

Részletesebben

I/1. Pályázati adatlap

I/1. Pályázati adatlap I/1. Pályázati adatlap Készítsd el a mintán látható A4-es méretű adatlapot! A következő feladatok ehhez nyújtanak útmutatást. Az adatlap teljes szövegét tartalmazó forrásfájl és a felhasznált kép a mellékelt

Részletesebben

Számítógép Architektúrák. 3. Gyakorlat (shell és HTML alapok)

Számítógép Architektúrák. 3. Gyakorlat (shell és HTML alapok) Számítógép Architektúrák 3. Gyakorlat (shell és HTML alapok) Gyakorlati feladatok 1 3. gyakorlat feladatai: 1. és 2. bekezdés Eredeti: Google: Linux:Könyvtár és fájlkezelés http://wiki.koczka.hu/index.php/linux:k%c3%

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

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

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

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

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

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

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

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

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

FELHASZNÁLÓI KÉZIKÖNYV SCHEDULEDETAIL KEZELÉSI ÚTMUTATÓ (TATABÁNYA VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: FELHASZNÁLÓI KÉZIKÖNYV (TATABÁNYA VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2012.02.16 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

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

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

2. A HTML NYELV ALAPJAI

2. A HTML NYELV ALAPJAI 2. A HTML NYELV ALAPJAI 2.1. Bevezetés Az Internet publikálás és alkalmazásfejlesztés nyelve. A HTML összes lehetőségét felhasználva jól megszerkesztett weboldalakat hozhatunk létre. A HTML (Hypertext

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

Regionális forduló november 19.

Regionális forduló november 19. Regionális forduló 2016. november 19. 9-10. osztályosok feladata Feladat Írjatok Markdown HTML konvertert! A markdown egy nagyon népszerű, nyílt forráskódú projektekben gyakran használt, jól olvasható

Részletesebben