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

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

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

Átírás

1 Dr. Pál László, Sapientia EMTE, Csíkszereda WEB TECHNOLÓGIÁK 2.ELŐADÁS tavasz A HTML nyelv alapjai

2 Mi a HTML? A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) Leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki Mára már internetes szabvánnyá vált a W3C (World Wide Web Consortium) támogatásával

3 Mi a HTML? A HTML a következő lehetőségeket biztosítja a felhasználó számára: Online (állandóan elérhető, számítógépen tárolt) dokumentumok létrehozása, címekkel, szöveggel, táblázatokkal, fotókkal, stb. Online információk lekérése hypertext linkeken keresztül Űrlapok (form) használata, távoli számítógépek által nyújtott szolgáltatások igénybevételére, mint például információ keresése, termékek megrendelése, stb. Videoklipek, zene-hang és más alkalmazások csatolása a dokumentumokhoz és ezeknek a megtekintése, lejátszása

4 A kezdetek 1990-ben Tim Berners-Lee, a WEB kezdeményezője és Daniel W. Connolly megalkotta a HTML-t A HTML eredeti verzióját is az SGML jelölés ihlette Az SGML (Standard Generalized Markup Language, szabványos általános jelölőnyelv) egy ISO szabványos jelölőnyelv dokumentumformátumok leírására ban lett ISO szabvány Egy SGML dokumentum szintaxisát DTD-ben (Document Type Definition, dokumentum típusdefiníció) határozhatjuk meg

5 A kezdetek Egyre bővül új funkciókkal, elemekkel. A mai létező HTML elemek fele már a kezdeti verzióban is benne volt Egyre nőtt az igény a szabványosítására Az IETF (Internet Engineering Task Force - a szabványos alap elkészítésére az internet egészéhez) a HTML ajánlásának első vázlatát 1993-ban adta ki

6 HTML verziók 1995-ben jelent meg a HTML 2.0: űrlapok, táblázatok bevezetése 1997-ben kiadják a HTML 3.2 verziót, mint ajánlást (appletek, scriptek támogatása, div tag megjelenése) 1997-ben a W3C kiadta ajánlásként a HTML 4.0-át, amelyben még több böngésző-specifikus kiterjesztést próbáltak meg ésszerűsíteni és egyszerűbbé tenni. Ezt azzal érték el, hogy több elemet elavultként jelöltek meg (keretek (framek) bevezetése, számos elavult elem) A HTML ben jelent meg, majd néhány elírást javítottak benne 2001-ben 2008 januárban megjelenik a HTML5 munkavázlata. A standardizálási folyamat október 28. Valamennyi böngésző már támogatja a HTML5 alkalmazását

7 HTML 5 Egyik fő tervezési célja, hogy a webes alkalmazásokhoz ne legyen szükség bővítmények (plugin) (pl. Adobe Flash, stb.) telepítésére Új elemek bevezetése (<nav>, <footer>, <audio>, <video>). Számos elemet elavultnak tekintenek Hangsúlyt helyeztek a DOM szkriptek (Javascript) jelentőségére A HTML 4.01 és XHTML 1.1 egyesítése A HTML5 szintaxisa már nem az SGML-en alapul, de visszafele kompatibilis

8 XML és XHTML 2000-ben a W3C kiadta az XHTML 1.0 specifikációját is, amely a HTML átdolgozása volt érvényes XML dokumentumra Az XML (Extensible Markup Language) 1998-ban született meg, azóta többször módosították, és mára rengeteg nyelv épül rá SGML-ben sokkal több nyelvi elem megengedett, mint XML-ben. Például nincs különbség a kis- és nagybetűk között, az attribútumokat nem kell mindig idézőjelbe tenni, az elemeket nem kell mindig lezárni. Egy XHTML weboldal csak akkor jelenik meg a böngészőben, ha nem tartalmaz hibákat. Ha a böngésző egy hibás XHTML oldallal találkozik, akkor az oldal helyett csak egy hibaüzenetet jelenít meg. Ellenben egy HTML weboldal akkor is megjelenik, ha hemzseg a hibáktól. Az XHTML arra kényszeríti a holnapkészítőt, hogy helyes kódot írjon, ezáltal jobb lesz a honlapok minősége.

9 XML példa

10 XML példa

11 XHTML példa

12 A HTML nyelv alapjai A HTML dokumentum felépítése A HTML dokumentum egyszerű szövegállomány, amely rövid jelölő címkéket vagy tag-eket (ejtsd: teg) tartalmaz A jelölő tag-ek alapján tudja a böngésző, hogyan kell megjelenítenie az oldalt A HTML állomány htm vagy html kiterjesztéssel rendelkezik A HTML állományt egyszerű szöveges (editor) programokkal is létrehozhatunk, szerkeszthetünk

13 HTML elemek és tagok Tag: A HTML állomány egyszerű szövegállomány, amely rövid jelölő tag-eket tartalmaz A HTML tagot a < és > írásjelek veszik körül, a záró tagot a </ vagy > jelek Elem: A HTML egy részét leíró struktúra Részei: kezdő tag, törzs (content), befejező tag Példa: <p>ez egy bekezdés</p>

14 HTML elemek és tagok Kis- és nagybetűk között nincs különbség. Ajánlott a kis betűs írásmód A tagok nem keresztezhetik egymást <p>ez egy <b>bekezdés</p></b> Egyes tagok esetén nincs befejező tag: br, img, hr, stb.

15 Tag tulajdonságok (attribútumok, jellemzők) Attribútumok Egy elem attribútumai az illető elem különböző tulajdonságait határozzák meg A tulajdonságok név-érték párokkal adhatók meg, a kezdő tagban Általános alakja: attribútum-név= attribútum-érték Példa: <p align="center"> Bekezdés középre igazítva</p> Az attribútum értéket "," vagy ',' határolja Amennyiben több paramétert is megadunk, azokat üres hellyel kell elválasztani

16 Speciális karakterek, ékezetes betűk Speciális karakterek (karakter entitások) Előfordulhat, hogy az oldalon speciális jeleket szeretnénk megjeleníteni. Speciális jelek például: <, >, & Más különleges karakterek: görög betűk, pénznemek (euro, yen, font, cent) matematikai szimbólumok (végtelen, gyök, hatványkitevő, összesen, közel egyenlő, azonos), stb.

17 Speciális karakterek, ékezetes betűk Speciális karakterek (karakter entitások) A különleges karaktereket a "&" karakter vezeti be, és ";" karakter zárja. A különleges karaktereknek van egy kódjuk, ami egy szám. A legtöbbnek azonban neve is van Példa: "<" - < (< - Unicode); ">" - > (> - Unicode); "&" - & (&#39; - Unicode) Az (non-breaking space) karakter: üres helyet jelöl, amelyet a böngésző nem törhet meg, a táblázatok megjelenítésénél is van szerepe

18 Speciális karakterek, ékezetes betűk Ékezetes betűk Ékezetes karakterek megjelenítését HTML kód segítségével is megtehetjük. Példa: á = á; Á = Á; ö = ö; Karakterkódolás A karakterkódolást a HTTP kérésben (HTTP Content- Type fejlécének charset paraméterével) továbbítja a webszerver ASCII: nem alkalmas ékezetes betűk ábrázolására

19 Speciális karakterek, ékezetes betűk Karakterkódolás ISO (Latin-1): karakterkészlet: nem tartalmazza az ő és ű betűket ISO (Latin-2): tartalmazza az összes magyar ékezetet, sok egyéb fontos szimbólum ebből is hiányzik Unicode: különböző írásrendszerek egységes kódolását és használatát leíró nemzetközi szabvány UTF-8: változó hosszúságú Unicode karakterkódolási eljárás <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta charset="utf-8"> (HTML 5)

20 Egy alap HTML dokumentum Egy HTML állomány három fő részre bontható: A Dokumentum Típus Definíció az állomány legelején, ami a használni kívánt DTD-t adja meg A HTML fejléc <head>, ami technikai és dokumentációs adatokat tartalmaz, melyeket az internet böngésző nem jelenít meg A HTML törzs <body>, amely a megjelenítendő információkat tartalmazza

21 Egy alap HTML dokumentum Példa:

22 A dokumentumtípus (DOCTYPE, vagy DTD) megadása A HTML dokumentum elején adjuk meg Ezzel informáljuk a böngészőprogramot, hogy milyen szabvány szerint készítettük a dokumentumot, hogy az megfelelő módon tudja megjeleníteni Ha elhagyjuk a dokumentumtípus megadást azzal azt kockáztatjuk, hogy az oldal nem jelenik meg megfelelően a böngészőben Előnye, hogy különböző eszközök segítségével egyszerűen ellenőrizni tudjuk, hogy az általunk létrehozott dokumentum megfelel-e az adott dokumentumtípus szabványának. Ezt a folyamatot validálásnak nevezik Online ellenőrzés a weboldalon

23 A dokumentumtípus (DOCTYPE, vagy DTD) megadása Három lehetséges dokumentumtípus: HTML 4.01 Strict: tiszta kód (prezentáció mentes), stíluslapok használata HTML 4.01 Transitional (Loose): HTML prezentáció, a böngésző nem támogatja a stíluslapokat HTML 4.01 Frameset: több keretes(frame) oldal esetén használjuk. A szükséges kód: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN "http://www.w3.org/tr/html4/frameset.dtd">

24 A dokumentumtípus (DOCTYPE, vagy DTD) megadása Dokumentumtípus HTML 5-ben: A korábbi, SGML alapú HTML verziókkal ellentétben a HTML5 dokumentumokban nincs szükség dokumentumtípusdeklarációra (DTD) történő hivatkozásra A dokumentumtípus a <!DOCTYPE html> deklarációval határozható meg Mivel a HTML5 text/html szérializációja nem SGML alapú, a HTML5 a DOCTYPE-ot csak módválasztásra használja. Szabványkövető módnak (standards mode) nevezzük azt a módot, amelyben a böngésző" a W3C szabványának megfelelően értelmezi az oldalt

25 Fontosabb HTML tagok A head tag: olyan információkat tartalmaz, amelyek a HTML dokumentum egészére vonatkoznak A head-en belüli tagok: title: megadja a dokumentum címét meta elemek: ezekben a dokumentum leírását, valamint a későbbi indexelés elősegítésére a kulcsszavakat adhatjuk meg link: jelzi a dokumentum kapcsolatát más dokumentumokkal (pld. stíluslappal) script: külső JavaScript fájlok betöltéséhez használjuk

26 Alap HTML tagok p: segítségével a szöveget bekezdésekre oszthatjuk a bekezdések között egy üres sor van Példa: <p> Ez egy bekezdés </p> br: sortörés nincs záró párja Példa: <p> Ez az elso sor<br>ez pedig a második</p> h1, h2,...,h6: címsorok (főcím, alcím, stb.) az oldalak logikai felosztását teszik lehetővé Példa: <h1>1-es címsor </h1> hr: vízszintes elválasztó vonal Megjegyzés a kódban: Példa: <!-- Ez itt egy megjegyzés-->

27 Alap HTML tagok - Listák ol, ul: listákat hozhatunk létre segítségükkel ul: felsoroláslista (unordered list) ol: sorszámozott lista (ordered list) li: lista elem (list item) Példa: <ul> </ul> <li>elsı elem </li> <li>második elem </li> <li>harmadik elem </li>

28 Alap HTML tagok Hivatkozások, linkek a: hivatkozás (anchor = horgony) Hiperszöveges rendszerek két elemét összekötő kapocs Böngészők a linkeket általában aláhúzással, illetve eltérő színnel jelölik Az a címke paraméterei href: webcím (URL), itt kell megadnunk a hivatkozás webcímét. href: webcím (URL), itt kell megadnunk a hivatkozás webcímét. Szintaxis: <a href="url">szöveg, kép</a> target: a célkeret neve, ahova az oldalt be akarjuk tölteni. Értékei: _blank, _self, _top, _parent name: segítségével "könyvjelzőt" hozhatunk létre Szintaxis: <a name="cimke">szöveg</a> Hivatkozás szintaxisa egy könyvjelzőre: <a href="#cimke">szöveg</a>

29 Alap HTML tagok Hivatkozások, linkek Abszolút és relatív linkek Abszolút link: olyan link, amely egy webhely URL címét tartalmazza Példa: <a href= "http://www.sapientia.ro"> A Sapientia weboldala</a> Relatív link: az a link, amelyik a rá hivatkozott dokumentumhoz képest valahol máshol helyezkedik el a webszerveren belül

30 Alap HTML tagok Hivatkozások, linkek Relatív link példák: Hivatkozás ugyanabban a könyvtárban lévő másik fájlra <a href="kek.html">menj a kek.html oldalra!</a> Hivatkozás alkönyvtárban lévő fájlra: <a href="barack/piros.html">menj a piros.html oldalra!</a> Hivatkozás egy könyvtárral feljebb lévő fájlra: <a href="../sarga.html">menj a sarga.html oldalra!</a> Hivatkozás két könyvtárral feljebb lévő fájlra: <a href="../../index.html">menj az index.html oldalra!</a>

31 Alap HTML tagok - Képek img: segítségével állóképet helyezhetünk el az oldalon. Használható képformátumok: GIF, JPG, PNG. Az img tag fontosabb paraméterei: src: itt adhatjuk meg a kép webcímét (kötelező jellemző) alt: képet helyettesítő szöveges információ. Csak akkor látszódik, ha a kép nem jelenik meg width: a kép szélessége képpontokban height: a kép magassága képpontokban Példa: <p>ez a kép <img src="logo.jpg" height="50px"/> a Sapientia logoja.</p>

32 Alap HTML tagok - Táblázatok table, tr, td: táblázatokat a <table> tag segítségével lehet létrehozni. Egy tábla sorokat tartalmaz (<tr> - table row), és minden sor cellákat (<td> - table data) Példa: <table> <tr> </tr> <tr> </tr> </table> <td>1.sor, 1.cella</td> <td>1.sor, 2.cella </td> <td>2.sor, 1.cella </td> <td>2.sor, 2.cella </td>

33 Alap HTML tagok - Táblázatok Fontosabb más tábla elemek: th: ez az elem jelöli a táblázat oszlopainak a fejlécét caption: ezzel az elemmel adhatsz egy címet a táblázat adatainak Cellák egyesítése a colspan és rowspan attribútumok segítségével lehetséges Példa:

34 Alap HTML tagok - Táblázatok Fontosabb más tábla elemek: thead, tfoot és tbody elemek a sorok csoportosításához használható Példa:

35 Alap HTML tagok div, span elem div: elhatárol egy részt a dokumentumon belül Soron belüli, illetve blokkszintű elemeket tartalmazhat. Példa: <div style="color:#00ff00"> </div> <h3>ez egy cm</h3> <p>ez egy bekezdes</p> span: HTML elemeket csoportosít Abban különbözik a div tagtól, hogy míg a div egy blokk szintű elem, addig a span egy soron belül alkalmazható gyűjtő elemű Példa: később a stíluslapoknál

36 Attribútumok Standard attribútumok class: az elemet egy (stílus)osztályba sorolja id: egyedi azonosítót rendel az elemhez style: inline stílusdefiníció title: helyi súgó Nem standard attribútumok Valamennyi tag attribútumai elavultak, ezért ezeket nem tárgyaljuk. Majd a stíluslapoknál nézzük át az attribútumokat

37 Logikai (Tartalmi) formázás A HTML címkék egy csoportja, melyeknek korábban a formázásban volt szerepe, a CSS alkalmazása óta olyan módon használatos, hogy bár a megjelenítésre is hatnak, tartalmi okok miatt használják őket, és a végső formázást továbbra is CSS-el lehet előállítani Fontosabb tagok q: rövid idézet blockquote: hosszabb idézet. A böngészők idézőjel nélkül, mindkét oldali behúzással, előtte és utána térközzel, blokkszintű elemként jelenítik meg

38 Logikai (Tartalmi) formázás Példa idézetre:

39 Logikai (Tartalmi) formázás Fontosabb tagok i: dőltbetűs megjelenítés cite: címhivatkozás b: kulcsszó kiemelés strong: tartalmi kiemelés. A böngészők a strong esetében félkövér betűkkel jelenítik meg a jelölt szavakat em: kihangsúlyozás. A böngészők az em esetén dőltbetűvel jelenítik meg a jelölt szavakat pre: előre formázott szöveg code: számítógépes kód

40 Logikai (Tartalmi) formázás Példa: <code>

41 HTML űrlapok(form) használata Az űrlapok célja, hogy a felhasználónak lehetőséget biztosítson különböző adatok bevitelére. Ezen adatok feldolgozása a szerver oldalon történik Az űrlapot a <form> és </form> tagok jelzik A form tag paraméterei: name: az űrlap azonosító nevét adja meg, mely az adatok kezeléséhez szükséges method: értékei POST vagy GET, attól függően, hogy levélben (POST) vagy URL címként (GET) küldjük az adatokat action: a form küldésekor elvégzendő eseményt adja meg

42 Űrlap elemek Az űrlap input tagja: minden egyes adatbeviteli mezőt az <input> tag vezet be Az input tag fontosabb attribútumai: type: az adatbeviteli mezők (űrlapelemek) típusát adja meg. Értékei lehetnek: text (szöveg), button (gomb), checkbox (jelölőnégyzet), file (fájl), hidden (rejtett), image (kép), password (jelszó), radio (választógomb), reset (visszaállítás) és submit (küldés) name: az adott űrlapelem azonosító neve value: a mezőben szereplő kezdeti érték

43 Űrlap elemek Az <input> tag fontosabb attribútumai: checked: megadja, hogy RADIO vagy CHECKBOX típus esetén megjelölt-e alapállapotban a mező onselect: az űrlapmező kijelölése esetén elvégzendő JavaScript utasítások kezelője Példa:

44 Űrlap elemek Egyéb űrlap elemek textarea: többsoros szövegbeviteli mezőt definiál. Attribútumai: name: azonosító név cols: A beviteli mező oszlopainak számát (szélességét) adja cols: A beviteli mező oszlopainak számát (szélességét) adja meg rows: A mező sorainak számát (magasságát) határozza meg value: A szövegmező kezdeti értékét állíthatjuk be vele fieldset: elem egy űrlap vezérlő csoportot definiál. Tartalmazhat egy legend elemet, amelyet blokkszintű és soron belüli elemek követhetnek

45 Űrlap elemek button: egy küldő (submit), törlő (reset), vagy nyomógombot ("push", button) definiál. Ezeket létre lehetne hozni az INPUT segítségével is, de a BUTTON sokkal gazdagabb formai lehetőségekkel bír. Attribútumai: name, value: meghatározzák a név/érték párost, amelyet a gomb küld a szerver felé lenyomásakor type: a gomb típusa. Értékei: submit, reset, button

46 Űrlap elemek select: egy opcióválasztó menüt (listát) definiál. Tartalmaz egy, vagy több OPTGROUP, vagy OPTION elemet. Az OPTION elem segítségével adhatjuk meg az elemi opciókat, ezeket lehet választan. Attribútumai: name: az elem neve multiple: több menüpont is kiválasztható egyszerre size: a látható opciók száma

47 HTML fram-ek (keret) használata A frame-ek használata lehetővé teszi, hogy egyetlen böngésző ablakban több HTML oldalt jelenítsünk meg Mindenik HTML oldalt frame-nek hívunk, amelyek függetlenek egymástól A kereteket a <frameset> tag vezeti be és a </frameset> zárja le. Ezeket az utasításokat azonban nem a <body> tag után, azaz a dokumentumtörzsben kell megadnunk, hanem közvetlenül a <head>...</head> blokk után.

48 HTML fram-ek (keret) használata A frameset tag attribútumai: cols: képernyőt osztó oszlopok szélességét adja meg a böngészőablak szélességének százalékában vagy pixelben rows: keretek szélességét adja a böngészőablak szélességének százalékában vagy pixelben az ablak sorokra osztása esetén frameborder: a kereteket határoló vonal vastagságát adja meg pixelben framespacing: a frame-ek közötti üres sáv szélességét határozza meg pixelben A frame-ekbe betöltendő oldalakat a <frame> taggal tehetjük meg

49 HTML fram-ek (keret) használata Nem ajánlatos a frame-ek használata, ugyanis egyszerre több HTML oldalt kell nyilvántartani. Az ilyen weboldalakat nehéz kinyomtatni Példa: <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset>

50 ifram-ek használata IFrame (inline frame) egy HTML-elem, amely lehetővé teszi más HTML dokumentumok beágyazását a fő dokumentumba Attribútumok: src: a dokumentum elérhetősége height: magasság width: szélesség Példa: <iframe src="http://www.w3schools.com"></iframe>

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

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

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

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

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

Részletesebben

(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

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

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

Internet technológiák

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

Részletesebben

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

(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

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

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

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

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

Részletesebben

HTML 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

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

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

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

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

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

A HTML nyelv alapjai

A HTML nyelv alapjai A HTML nyelv alapjai 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

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

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

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

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

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

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

Részletesebben

WEB PROGRAMOZÁS 3.ELŐADÁS. Űrlapok

WEB PROGRAMOZÁS 3.ELŐADÁS. Űrlapok WEB PROGRAMOZÁS 3.ELŐADÁS Űrlapok 2 Globális és környezeti változók Globális és környezeti változók 3 A globális változók azok a változók, amelyeket a program legfelső szintjén, azaz a függvényeken kívül

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

Széchenyi István Egyetem. Műszaki Tudományi Kar. Informatikai és Villamosmérnöki Intézet Távközlési Tanszék. Villamosmérnöki szak HTML

Széchenyi István Egyetem. Műszaki Tudományi Kar. Informatikai és Villamosmérnöki Intézet Távközlési Tanszék. Villamosmérnöki szak HTML Széchenyi István Egyetem Műszaki Tudományi Kar Informatikai és Villamosmérnöki Intézet Távközlési Tanszék Villamosmérnöki szak HTML HTML segédlet számítógép hálózatok tárgy gyakorlatához A jegyzet teljes

Részletesebben

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

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

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

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

WEB-FEJLESZTÉS I. KURZUS 2. GYAKORLAT

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

Részletesebben

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

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

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

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

Á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

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

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

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

Részletesebben

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

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

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

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

Részletesebben

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

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

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

Részletesebben

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. Ezután a jobb oldali képernyő részen megjelenik az adatbázistábla, melynek először a rövid nevét adjuk meg, pl.: demo_tabla

3. Ezután a jobb oldali képernyő részen megjelenik az adatbázistábla, melynek először a rövid nevét adjuk meg, pl.: demo_tabla 1. Az adatbázistábla létrehozása a, Ha még nem hoztunk létre egy adatbázistáblát sem, akkor a jobb egérrel a DDIC-objekt. könyvtárra kattintva, majd a Létrehozás és az Adatbázistábla menüpontokat választva

Részletesebben

Stíluslapok használata (CSS)

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

Részletesebben

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

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

Szabadkai Műszaki Szakfőiskola. Web programozás. dr Zlatko Čović chole@vts.su.ac.rs

Szabadkai Műszaki Szakfőiskola. Web programozás. dr Zlatko Čović chole@vts.su.ac.rs Szabadkai Műszaki Szakfőiskola Web programozás dr Zlatko Čović chole@vts.su.ac.rs 1 DOM események (events) JavaScriptben interaktív programok készítésére az események által vezérelt programozási modellt

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

Internetes böngésző fejlesztése a mobil OO világban

Internetes böngésző fejlesztése a mobil OO világban Internetes böngésző fejlesztése a mobil OO világban Novák György és Pári Csaba Témavezető: Bátfai Norbert Debreceni Egyetem Matematikai és Informatikai Intézet Kitűzött cél A PC-s világban megszokotthoz

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

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

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

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

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

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

A közép-európai nyelvekhez igazított funkciók Tartalom

A közép-európai nyelvekhez igazított funkciók Tartalom Az Adobe Acrobat 5.0 CE az Adobe Acrobat specifikus, a közép-európai nyelvekhez (bolgár, cseh, észt, görög, lengyel, lett, litván, magyar, orosz, török és ukrán) továbbfejlesztett támogatást nyújtó verziója.

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

Az Kompozer, illetve az NVU honlapszerkesztő program

Az Kompozer, illetve az NVU honlapszerkesztő program Az Kompozer, illetve az NVU honlapszerkesztő program A programról A program felülete A program indítása után a következő felület jelenik meg: A fenti képen bemutatott eszköztárakat a Nézet / Megjelenítés/Elrejtés

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

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

- 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

ECDL Webszerkesztés, syllabus 2.0

ECDL Webszerkesztés, syllabus 2.0 2014 ECDL Foundation (ECDL-F) és Neumann János Számítógép-tudományi Társaság (NJSZT) Minden jog fenntartva. Jelen kiadványt, ill. annak részeit tilos reprodukálni, bármilyen formában vagy eszközzel közölni

Részletesebben

Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket.

Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket. Sakk játék Felhasználói dokumentáció Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket. Futtatási környezet: A http://10.0.0.101/~hgy/sakk/

Részletesebben

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

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

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

Részletesebben

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

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

Részletesebben

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

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

MŰSZAKI DOKUMENTÁCIÓ. Aleph WebOPAC elérhetővé tétele okostelefonon. Eötvös József Főiskola 6500 Baja, Szegedi út 2.

MŰSZAKI DOKUMENTÁCIÓ. Aleph WebOPAC elérhetővé tétele okostelefonon. Eötvös József Főiskola 6500 Baja, Szegedi út 2. Telefon: Fax: E-mail: (+36-1) 269-1642 (+36-1) 331 8479 info@ex-lh.hu www.ex-lh.hu Eötvös József Főiskola 6500 Baja, Szegedi út 2. MŰSZAKI DOKUMENTÁCIÓ Aleph WebOPAC elérhetővé tétele okostelefonon Pályázati

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

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

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

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

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

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

Flash és PHP kommunikáció. Web Konferencia 2007 Ferencz Tamás Jasmin Media Group Kft

Flash és PHP kommunikáció. Web Konferencia 2007 Ferencz Tamás Jasmin Media Group Kft Flash és PHP kommunikáció Web Konferencia 2007 Ferencz Tamás Jasmin Media Group Kft A lehetőségek FlashVars External Interface Loadvars XML SOAP Socket AMF AMFphp PHPObject Flash Vars Flash verziótól függetlenül

Részletesebben

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

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

Részletesebben

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

1. A WEBES SZABVÁNYOK ÉS A W3C

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

Részletesebben

Web technológiák. Barabás Péter, Általános Informatikai Tanszék, Miskolci Egyetem. Barabás Péter Web technológiák 1

Web technológiák. Barabás Péter, Általános Informatikai Tanszék, Miskolci Egyetem. Barabás Péter Web technológiák 1 Web technológiák Barabás Péter, Általános Informatikai Tanszék, Miskolci Egyetem Barabás Péter Web technológiák 1 Témakörök 1 2 3 HTTP/1.1 HTML4 Thi CSS is an example text. Go ahead and replace it 4 JavaScript,

Részletesebben

A HTML nyelv alapjai

A HTML nyelv alapjai A HTML dokumentum felépítése A HTML nyelv alapjai Minden HTML dokumentum ún. tagokból épül fel. Ezek formája . A legtöbb tagnak létezik kezdő és záró párja is. Zárótag alakja: < tag>. A kettőt együtt

Részletesebben

PHP alapjai, bevezetés. Vincze Dávid Miskolci Egyetem, IIT

PHP alapjai, bevezetés. Vincze Dávid Miskolci Egyetem, IIT alapjai, bevezetés Vincze Dávid Miskolci Egyetem, IIT vincze.david@iit.uni-miskolc.hu PHP Personal Home Page (Tools) Script nyelv -> interpretált Elsősorban weboldal (dinamikus) tartalmak előállítására

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

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

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

Cikktípusok készítése a Xarayában

Cikktípusok készítése a Xarayában Cikktípusok készítése a Xarayában A Xaraya legfontosabb tulajdonsága az egyedi cikktípusok egyszerű készítésének lehetősége. Ezzel kiküszöbölhető egyedi modulok készítése, hiszen néhány kattintással tetszőleges

Részletesebben

Egzinet Partner Portál

Egzinet Partner Portál Egzinet Partner Portál Adminisztrációs felület Oktatási segédanyag 1 Készítsd el saját weboldalad! I. Bejelentkezés Minden Egzinet Partner Portál a http://admin.egzinet.hu adminisztrációs felületen keresztül

Részletesebben

Internet TV Broadcaster kézikönyv

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

Részletesebben

XML / CSV specifikáció

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

Részletesebben

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

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

Részletesebben

HTML parancsok (html tanfolyam témakörei)

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

Részletesebben