DSD W3C WAI, avagy Weblapok akadálymentesítése
|
|
|
- Elemér Vincze
- 8 évvel ezelőtt
- Látták:
Átírás
1 W3C WAI, avagy Weblapok akadálymentesítése Pataki Máté
2 Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda W3C -Web AccessibilityInitiative (WAI) WCAG 1.0 Célcsoportok Fogyatékossággal élők Technológiailag megkülönböztetettek Speciális célcsoportok Technológiák Működés ellenőrzése Pataki Máté 2/ 67
3 A World Wide web Consortium (W3C) A webszabványokfejlesztésének nyilvános fóruma Jelszavai: Semlegesség és egyetértés Hogy kihasználhassuk a Web nyújtotta összes lehetőséget ben Tim Berners Lee alapította a MIT-n További anyaintézmények: ERCIM (INRIA) Franciaország KEIO Egyetem Japán Több mint 400 tag Pataki Máté 3/ 67
4 Egymásra épülő W3C szabványok Pataki Máté 4/ 67
5 W3C Magyar Iroda 16 helyi iroda, 2002-től: W3C Magyar Iroda MTA SZTAK-ban működik Tevékenységeink, szolgáltatásaink: Magyar nyelvű információk nyújtása Weboldal, hírlevél, szóróanyagok W3C technológiák népszerűsítése Konferenciák, workshopok, oktatás szervezése Célunk: Magyar webes élet fejlődésének elősegítése Nemzetközivel kompatibilis hazai webes szabványok Pataki Máté 5/ 67
6 W3C - Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines 1.0: ajánlás (1999. máj. 5.) 2.0: munkaterv (2007. máj. 17.) Részletesebb útmutató Understanding WCAG 2.0 Technológiák sokszínűsége Szélesebb közönségnek Pataki Máté 6/ 67
7 WCAG 1.0 Web Content Accessibility Guidelines Priority 1 (must) Pl.: szöveges megfelelő biztosítása minden képhez Priority 2 (should) Pl.: style sheet használata (tartalom-megjelenítés) Priority 3 (may) Pl.: fontos linkekhez gyorsbillentyű rendelése Gépi és kézi ellenőrzés Pataki Máté 7/ 67
8 WCAG 1.0 Checklist Pataki Máté 8/ 67
9 Fogyatékossággal élők Fogyatékossággal élők Vakok Gyengénlátók Színvakok Hallássérültek Mozgássérültek Értelmi fogyatékosok Pataki Máté 9/ 67
10 Vakok Külön lap? Budapest Portál Más információ a vakoknak? Többi fogyatékossággal élő? Ajánlott a tartalom és megjelenítés elkülönítése Pataki Máté 10 / 67
11 Pataki Máté 11 / 67
12 Pataki Máté 12 / 67
13 Vakok Külön lap? Budapest Portál Más információ a vakoknak? Többi fogyatékossággal élő? Ajánlott a tartalom és megjelenítés elkülönítése Beszédes linkek Pl.: a Firefox 1.5 letöltése Ugyanolyan nevű linkek kerülése Pataki Máté 13 / 67
14 Linkek elnevezése legyen egyedi, és értelmes Pataki Máté 14 / 67
15 Vakok Külön lap? Budapest Portál Más információ a vakoknak? Többi fogyatékossággal élő? Ajánlott a tartalom és megjelenítés elkülönítése Beszédes linkek Pl.: a Firefox 1.5 letöltése Ugyanolyan nevű linkek kerülése Képek, appletek, videók Elnevezés (alt attribútum) Alternatív tartalom (longdesc vagy a szövegben) Pataki Máté 15 / 67
16 Képek elnevezése Pataki Máté 16 / 67
17 Tartalom és megjelenítés elkülönítése <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>antoni Gaudí -Introduction</title> <link rel="stylesheet" type="text/css" media="screen" href="name.css" /> </head> <body> <h1>antoni Gaudí</h1> <p>many tourists are drawn to Barcelona to see Antoni Gaudí's incredible architecture. </p> <p>the <a href=" celebrates the 150th anniversary of Gaudí's birth in 2002.</p> <h2>la Casa Milà</h2> <p>gaudí's work was essentially useful. La Casa Milà is an apartment building and <em>real people</em> live there.</p> <h2>la Sagrada Família</h2> <p>the complicatedly named and curiously unfinished Expiatory Temple of the Sacred Family is the <em>most visited</em> building in Barcelona. </p> </div> </div> </body> </html> CSS: h1, h2 {color:red} Pataki Máté 17 / 67
18 Tartalom és megjelenítés elkülönítése Pataki Máté 18 / 67
19 Jelöljük a strukturális elemeket Jelöljük a dokumentum nyelvét: lang="hu" A fejezetcímeket jelöljük sorjában: <h1>, <h2>, <h3> Listák legyenek lista típusúak: <ol>, <ul>, <li> Használjuk rendesen a <noframe> elemet (ne az legyen ott, hogy az ön böngészője nem támogatja) Táblázatoknál Jelöljük a fejlécet: <th> Foglaljuk össze a táblázat tartalmát summary="munkatársak fizetése" Pataki Máté 19 / 67
20 Táblázatok linearizálása Név Kor Név Molnár Szabó Nagy Molnár 18 Kor Szabó Nagy <table summary= Gyerekek kora" lang="hu"> <tr><th>név</th><th>kor</th></tr> <tr><td>molnár</td><td>18</td></tr> <tr><td>szabó</td><td>14</td></tr> <tr><td>nagy</td><td>12</td></tr> </table> Pataki Máté 20 / 67
21 Gyengénlátók Nem mindig használnak felolvasóprogramot Betűméret állítása pl.: CSS-ben %-ban megadni, vagy különböző méretek biztosítása Nagy kontraszt (KOPI) Pataki Máté 21 / 67
22 Kis betűméret Explorer: Medium és Largest Pataki Máté 22 / 67
23 Kis betűméret Opera: 100% és 200% Pataki Máté 23 / 67
24 Böngésző-használati statisztika (2007. szeptember) Pataki Máté 24 / 67
25 A Firefox Európában sokkal elterjedtebb us/browsers-barometer/firefox-july- 2007/index html Pataki Máté 25 / 67
26 MVGYOSZ honlapja Explorerben és Operában Pataki Máté 26 / 67
27 Színvakok / színtévesztők Háttér-betű kontrasztarány Csak szín ne hordozzon fontos információt Használjunk színeket, de egyéb módon is legyen elérhető ugyanaz az információ, pl.: A piros és csillaggal jelölt mezők kitöltése kötelező Nem színes kijelzők Régi gép Mobiltelefon PDA Pataki Máté 27 / 67
28 Piros mezők kitöltése kötelező Pataki Máté 28 / 67
29 Piros csillaggal jelölt mezők Pataki Máté 29 / 67
30 Hallássérültek Hang ne hordozzon máshogy nem elérhető információt Hallássérültek Zajos környezet (étterem, műhely) Hangkártya nélküli gépek (munkahely) Videó mellett felirat vagy leírás Hanghoz és zenéhez alternatív szöveges tartalom Pataki Máté 30 / 67
31 Videó és a beszéd teljes szövege Pataki Máté 31 / 67
32 Mozgássérültek Alternatív beviteli eszközök Csak egér Csak billentyűzet Láb/szemegér Sok gépelés mellőzése (cookie) Pontos pozícionálás gond lehet Kattintható felületek nagyok legyenek Gyorsbillentyű használata Pataki Máté 32 / 67
33 Speciális billentyűzetek Pataki Máté 33 / 67
34 Speciális billentyűzetek Lábbal kezelhető billentyűzet Fejjel irányítható billentyűzet és egér ( Pataki Máté 34 / 67
35 Billentyűzetkezelő eszközök Pataki Máté 35 / 67
36 Speciális egerek, lábegér, joystick Pataki Máté 36 / 67
37 Szemmozgást észlelő mutatóeszköz Pataki Máté 37 / 67
38 Szívó-fújó irányítóeszköz Pataki Máté 38 / 67
39 Pontos pozícionálás az almenü fekete sávjában Pataki Máté 39 / 67
40 Értelmi fogyatékosok Vezetni a felhasználót (kikapcsolható) Mindig tudja hol tart Visszajuthat a kiindulópontra Ikonok/jelek következetes használata Oldaltérkép Részletes súgó Pataki Máté 40 / 67
41 Oldaltérkép / menütérkép Pataki Máté 41 / 67
42 Technológiailag megkülönböztetettek Technológiailag megkülönböztetettek Eltérő képernyőméret Elavult böngésző / operációs rendszer Gyenge hardware Pataki Máté 42 / 67
43 Eltérő képernyőméret Képernyők >19 CNN 220px Mobiltelefon Képernyő Memória Lapozás PDA 320x x480 Vízszintes görgetés Kis betűk (nagyítás) Pataki Máté 43 / 67
44 Mobil böngészés előretörése A webezés a legnagyobb adatforgalmat genetáló szolgáltatás Forrás: Nokia study, Pataki Máté 44 / 67
45 Mobil böngészés előretörése T-Mobile Web'n'Walk (korlátlan hozzáférés bizonyos szolgáltatásokhoz): BBC 330 oldaletöltés havonta és felhasználónként 199%-os bevételnövekedés az adatforgalomban (SMS nélkül) Forrás: Opera, április BBC: 2005-ben kétszeresére nőtt a mobil tartalmak iránti kérések száma Közel 250 millió kérés naponta 28%-a a mobil felhasználóknak csak mobilról használja az oldalt (PC-ről nem) Forrás: BBC, november Pataki Máté 45 / 67
46 Mobil böngészés előretörése A felhasználok jelentős részének a készüléke képes a mobil webezésre. Az aktív webezők száma rohamosan nő, és még csökkenő árak mellett is növekednek az ebből származó bevételek. Forrás: W3C-MWI/Nokia Pataki Máté 46 / 67
47 Mobil böngészés a WC-től a konyháig :-) Pataki Máté 47 / 67
48 A mobiltelefon terjedése Pataki Máté 48 / 67
49 Elavult böngésző / operációs rendszer Nem biztos, hogy van: JavaScript Flash Java Javascripttel És nélküle Pataki Máté 49 / 67
50 Gyenge hardware Gyenge hardware => elavult software Lassúinternet-kapcsolat (modem, mobil) Képek legyenek kicsik Képből kirakott menü mérete HTML-ben átméretezett képek kerülése HTML kód tisztítása segíthet Ajaxsokat gyorsíthat Lassú processzor, kevés memória Nagy méretű oldalakat lassan kezelik Java appletek lassítják Pataki Máté 50 / 67
51 Oldal mérete - letöltési sebesség Honlap címe Főlap mérete (kb) Tömörített méret (kb) 5kb/s modemmel (s) 128kb/s ADSL (s) erg.bme.hu ,3 iwiw.hu ,8 pannon.hu/egyeni ,0 bme.hu ,3 cnn.com ,6 microsoft.hu ,6 origo.hu ,9 index.hu ,5 Pataki Máté 51 / 67
52 Speciális célcsoportok Speciális célcsoportok Gyerekek Idősek Alacsony (informatikai) képzettségűek Idegen nyelvek és kultúrák Pataki Máté 52 / 67
53 Gyerekek Nem tud olvasni (Manó sorozat) Sok választási lehetőség nem jó Vezetni kell Könnyen elkalandozik a figyelme Mindenre rákattint (legjobb tesztalany :-) Pataki Máté 53 / 67
54 Idősek / alacsony képzettségűek Idősek Betűméret változtatható legyen Mozgó ikonok, reklámok, szövegek Elvonják a figyelmet Fárasztják a szemet Alacsony (informatikai) képzettségűek Felugró ablakok félrevezetik Szakzsargon mellőzése Súgó (ne informatikus írja, context sensitive) Pataki Máté 54 / 67
55 Idegen nyelvek és kultúrák Cégeknél (idegen nyelvű vagy nyelven is) Fogalmazás (Amazon.com,.de és.jp) Dátum: 12/03/07 (nap/hó/év), március 12. Karakterkészlet, jobbról balra írás Pataki Máté 55 / 67
56 Technológiák Flash Csak a nyitóoldal (FKF) Alternatív tartalom (Harry Potter) JavaScript Alternatív lehetőségek Kliens oldali ellenőrzés (is!) CSS és/vagy JavaScript: DynDemo Applet és ActiveX Nincs mindig engedélyezve Bizonyos esetekben szükséges (online játék) Legtöbb esetben elkerülhető Pataki Máté 56 / 67
57 Flash-sel és nélküle Pataki Máté 57 / 67
58 DynDemo Internet Explorerben Pataki Máté 58 / 67
59 DynDemo Lynx szöveges böngészőben Pataki Máté 59 / 67
60 DynDemo Operában, JS nélkül Pataki Máté 60 / 67
61 DynDemo Operában képek nélkül Pataki Máté 61 / 67
62 DynDemo Operában szöveges módban Pataki Máté 62 / 67
63 Működés ellenőrzése Próbáljuk ki több böngészőben is: Internet Explorer (több gépen több verzió) Opera (több verzió is elmegy egy gépen) Firefox Netscape Safari (Apple) Lynx (szöveges böngésző) Mobiltelefon böngészője Pataki Máté 63 / 67
64 Működés ellenőrzése (IE6, Opera8, Opera5) Pataki Máté 64 / 67
65 W3C Validator Pataki Máté 65 / 67
66 W3C Validator Pataki Máté 66 / 67
67 Köszönöm a figyelmet! Mate.Pataki@w3c.hu Pataki Máté 67 / 67
DSD. A webes akadálymentesítés helyzete Magyarországon Pataki Máté DSD. Pataki Máté 1/ 41
A webes akadálymentesítés helyzete Magyarországon Pataki Máté Pataki Máté 1/ 41 Témakörök W3C -Web Accessibility Initiative (WAI) Célcsoportok Fogyatékossággal élők Technológiailag megkülönböztetettek
DSD W3C WAI, avagy Weblapok akadálymentesítése
W3C WAI, avagy Weblapok akadálymentesítése Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda W3C - Web Accessibility Initiative (WAI) WCAG 1.0 Célcsoportok Fogyatékossággal élő k Technológiailag
DSD W3C WAI, avagy Weblapok akadálymentesítése
W3C WAI, avagy Weblapok akadálymentesítése Pataki Máté Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda W3C - Web Accessibility Initiative (WAI) WCAG 1.0 Célcsoportok Fogyatékossággal élők
DSD Akadálymentesítés mobilwebes környezetben
Akadálymentesítés mobilwebes környezetben Pataki Máté Témakörök WAI Mobiltelefonok/mobil böngészés előretörése MWI 2/ 31 W3C Web Accessibility Initiative (WAI) http://www.w3.org/wai/ Web Content Accessibility
Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté
Rámpát a honlapokra úton az akadálymentes honlapok felé Pataki Máté Pataki Máté Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda Akadálymentes weboldalak (WCAG) Szabványos weboldalak l Új szolgáltatás
DSD. A W3C Magyar Iroda Akadálymentesítési Törekvései Pataki Máté, Kovács László
A W3C Magyar Iroda Akadálymentesítési Törekvései Pataki Máté, Kovács László A World Wide web Consortium (W3C) Hogy kihasználhassuk a Web nyújtotta összes lehetőséget... A webszabványok fejlesztésének semleges
W3C WAI. Weblapok Akadálymentesítése
W3C WAI avagy Weblapok Akadálymentesítése Pataki Máté W3C Magyar Iroda 1. Bevezetés Az Interneten minden információ megtalálható, csak rá kell találni, szokták mondani, és az élet nagyon sok területére
KOPI DSD. Pataki Máté MTA SZTAKI. Elosztott Rendszerek Osztály
KOPI Rendszerek Osztály Pataki Máté MTA SZTAKI Témakörök Bemutatkozás: MTA-SZTAKI StreamOnTheFly - Új rádiózási formák A KOPI Plágiumkereső Portál Weblapok akadálymentesítése MTA SZTAKI A.hu velünk kezdődik
Akadálymentesítés és az egyetemes tervezés (Accessibility and the universal design)
Akadálymentesítés és az egyetemes tervezés (Accessibility and the universal design) Akadályozottak lehetnek Egy honlap vagy számítógépes program használata nemcsak egy mozgássérült, vak vagy siket embernek
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ó)
W3C-WAI. Weblapok akadálymentesítése
W3C-WAI avagy Weblapok akadálymentesítése Pataki Máté, Dr. Kovács László MTA SZTAKI Elosztott Rendszerek Osztály Tartalomjegyzék 1. BEVEZETÉS 3 2. W3C - WAI 4 2.1.1. Konformancia 4 3. CÉLCSOPORTOK 5 3.1.
Web design. Accessibility
Web design Accessibility A Web Az egyik definíció szerint a Web: minden ember számára (fizikai és technológiai szinttől és lehetőségektől függetlenül) információt közlő médium Látás- és hallássérültek
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
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
Böngésző kompatibilitás
Böngésző kompatibilitás Konstantinusz Kft. 2009 Tartalomjegyzék 1. Bevezetés...3 2. Témafelvetés...4 3. Általában a honlapkészítésről...5 3.1. A honlap eszközeinek rövid ismertetése...5 3.2 Böngészők bemutatása...6
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ámpát a honlapokra úton az akadálymentes honlapok felé
Rámpát a honlapokra úton az akadálymentes honlapok felé Bevezetés A W3C Magyar Iroda már több mint hat éve azon munkálkodik, hogy hazánkban minél jobban megismertesse az érdeklődőket a legújabb webes technológiákkal,
Webfejlesztés Szempontok
Webfejlesztés Szempontok A webfejlesztés alapjai Miért készülnek weboldalak? Valamit nyújtani szeretnénk a felhasználónak. A webfejlesztés során elsősorban a felhasználók igényeit vesszük figyelembe. Nevezhetjük
mikroformátumok avagy a kisbetűs szemantikus web SZÁNTAI KÁROLY Magyarországi Web Konferencia 2008
mikroformátumok avagy a kisbetűs szemantikus web SZÁNTAI KÁROLY Magyarországi Web Konferencia 2008
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)
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
VALUTAISMERTETŐ FUNKCIÓNÁLIS SPECIFIKÁCIÓ
VALUTAISMERTETŐ FUNKCIÓNÁLIS SPECIFIKÁCIÓ Tartalomjegyzék. Áttekintés Rendszerkövetelmények A szoftver funkciói Interfészek Képernyőképek Főképernyő Általános ismertető Valuta nézet Bankjegy nézet Csekkek
Kedves Jelentkezők! A tanfolyamból kizárható továbbá:
Kedves Jelentkezők! Ezúton szeretnénk tájékoztatást nyújtani hamarosan induló webes alapú továbbképzésünkről, a zökkenőmentes indulás és használat érdekében. - Az előadások időtartama 90 perc, a terem
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
Multimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
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
Videosquare regisztráció - Használati tájékoztató
Videosquare regisztráció - Használati tájékoztató Minimális követelmények a K&H távbankár híradó megtekintéséhez Adobe Flash lejátszó Amennyiben Ön nem rendelkezik Adobe Flash lejátszóval vagy túlzottan
DKÜ ZRT. A Portál rendszer felületének általános bemutatása. Felhasználói útmutató. Támogatott böngészők. Felületek felépítése. Információs kártyák
A Portál rendszer felületének általános bemutatása Felhasználói útmutató Támogatott böngészők Internet Explorer 9+ Firefox (legújabb verzió) Chrome (legújabb verzió) Felületek felépítése Információs kártyák
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ő...
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ő...
KOPI. KOPI Online Plágiumkereső és Információs Portál DSD. Pataki Máté MTA SZTAKI. Elosztott Rendszerek Osztály
KOPI Rendszerek Osztály KOPI Online Plágiumkereső és Információs Portál Pataki Máté MA SZAKI émakörök Bemutatkozás A KOPI projekt célja A rendszer működése A KOPI portál bemutatása ovábbfejlesztési lehetőségek
Akadálymentes web-tervezés workshop 2010. május 31.
Akadálymentes web-tervezés workshop 2010. május 31. A W3C Magyar Iroda és az NJSZT HCI&DfA - Ergonómiai Tervezés Mindenkinek Szakosztálya hat órás workshop programja infokommunikációs akadálymentesítés
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
Arculat fontossága & Akadálymentesítés
Webdesign 7 Arculat fontossága & Akadálymentesítés Bujdosó Gyöngyi Debreceni Egyetem Informatikai Kar Fontos a webfelület let arculata A klíma azt jelenti a szervezet számára, mint a személyiség az ember
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)
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
Webes alkalmazások akadálymentesítése
Webes alkalmazások akadálymentesítése Vigh György Magyar Posta Zrt., vigh.gyorgy@posta.hu Becslések szerint Magyarországon 800 ezer 1 millió fogyatékkal élő van, akik közül legkevesebb 300 ezer embertől
Electra 7 Mobil Banking Felhasználói Kézikönyv
Electra 7 Mobil Banking Felhasználói Kézikönyv I. Általános információk Az Electra 7 Mobil Banking szolgáltatás az Electra 7 Internet Banking egy mobiltelefonokról elérhető változata. A Mobil Banking megjelenése
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
Opera. Az Opera a világ egyik legnépszerűbb, legnagyobb tudású és leggyorsabban fejlődő böngészője.
Opera Az Opera a világ egyik legnépszerűbb, legnagyobb tudású és leggyorsabban fejlődő böngészője. Kist történelem: 1992 körül Jon Stephenson von Tetzchner és Geir Ivarsřy a Televerket (jelenleg Telenor)
SZABADKAI MŰSZAKI SZAKFŐISKOLA. E-mobil prezentáció dokumentációja SZABADKA, 2015.
SZABADKAI MŰSZAKI SZAKFŐISKOLA E-mobil prezentáció dokumentációja JELÖLT MENTOR Varga Tamás dr Zlatko Čović SZABADKA, 2015. TARTALOM HTML 5 használata a mobilfejlesztésben... 2 HTML5 Struktúrája... 3 Egy
Mobil SEO Kell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával? Adam Lunczner Digital Director
Mobil SEO Kell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával? Adam Lunczner Digital Director 2015.09.30. Érdemes e külön foglalkozni vele? Mobil Penetráció: 40,5% Adatforgalommal rendelkezik:
szaporodásbiológiai és andrológiai továbbképzés-ünkről, a zökkenőmentes indulás és használat
Kedves Jelentkezők! Ezúton szeretnénk tájékoztatást nyújtani 2015. április 13-án (hétfőn) induló Kutya szaporodásbiológiai és andrológiai továbbképzés-ünkről, a zökkenőmentes indulás és használat érdekében.
Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5.
8. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 5. Amit megtanulunk HTML alapok CSS alapok Amit megtanulunk HTML alapok CSS alapok A tanítottak alapján a saját honlapotokat
médiaajánlat Szilveszter.hu
médiaajánlat Bemutatkozás A Magyarország egyetlen online magazinja, amely szilveszterhez kapcsolódó általános tartalmakat, valamint a téli szezonban leginkább érdeklődésre számot tartó témákat ölel fel.
Webdesign és információ építészet a gyakorlatban
THE INTERNET,mapped on the opposite page, is a scalefree network in that Webdesign és információ építészet a gyakorlatban dis.'~tj port,from BYALBERTU\SZLOBARABASI ANDERICBONABEAU THE INTERNET,mapped on
T-AVL Nyomkövető webkliens
Teltonika UAB - www.teltonika.lt - A megjelenített tartalom jogvédett - MM Turbo Marketing Kft. T-AVL Nyomkövető webkliens Használati útmutató Kezelési útmutató Opciók ismertetése Verzió: 2011/4 www.mmturbo.hu
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
Felhasználói kézikönyv
NEPTUN-@Napló Felhasználói kézikönyv NEPTUN-@Napló Elektronikus Iskolai Osztálynapló Bevezetés Tartalom Bevezetés... 6 Általános funkciók... 6 Dokumentumok... 7 Milyen eszközökön használható a program?...
Információs technológiák 2. Gy: CSS, JS alapok
Információs technológiák 2. Gy: CSS, JS alapok 1/69 B ITv: MAN 2017.10.01 Ismétlés Van egy Web nevű mappánk, ebben vannak az eddig elkészített weboldalak (htm, html) képek (jpg, png). Logikai felépítés
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.
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
ÖNKORMÁNYZATOK ÉS KISTÉRSÉGI TÁRSULÁSOK RÉSZÉRE
Helyi önkormányzatok és Többcélú Kistérségi Társulások normatív hozzájárulásainak és normatív, kötött felhasználású támogatásainak igénylési rendszere 2008. évre FELHASZNÁLÓI KÉZIKÖNYV ÖNKORMÁNYZATOK ÉS
FELHASZNÁLÓI KÉZIKÖNYV SCHEDULEDETAIL KEZELÉSI ÚTMUTATÓ (DEBRECEN VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2013.09.05
FELHASZNÁLÓI KÉZIKÖNYV (DEBRECEN VÁROS KÖZLEKEDÉSE) 1.00 verzió Dátum: 2013.09.05 Tartalom 1. Rendszerigény... 3 2. Bevezető... 3 3. Az alkalmazás indítása... 3 4. Az oldal felépítése... 4 4.1. Főképernyő...
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
A CAPICOM ActiveX komponens telepítésének és használatának leírása Windows 7 operációs rendszer és Internet Explorer 9 verziójú böngésző esetén
A CAPICOM ActiveX komponens telepítésének és használatának leírása Windows 7 operációs rendszer és Internet Explorer 9 verziójú böngésző esetén Tartalomjegyzék 1. Az Internet Explorer 9 megfelelősségének
mlearning Mobil tanulás a gyakorlatban
mlearning Mobil tanulás a gyakorlatban Vágvölgyi Csaba Papp Gyula Dr. Cserhátiné Vecsei Ildikó Kölcsey Ferenc Református Tanítóképző Főiskola elearning CBT (Computer Based Training) Interaktivitás Hipertext
AirPrint útmutató. 0 verzió HUN
AirPrint útmutató 0 verzió HUN Megjegyzések meghatározása Ebben a használati útmutatóban végig az alábbi ikont használjuk: Megjegyzés A Megjegyzések útmutatással szolgálnak a különböző helyzetek kezelésére,
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
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
IRÁNY AZ Internet! Ismeretterjesztő előadás 3. Rész Előadó:Pintér Krisztina etanácsadó. aniszirk@gmail.com
IRÁNY AZ Internet! Ismeretterjesztő előadás 3. Rész Előadó:Pintér Krisztina etanácsadó aniszirk@gmail.com Bevezető az Internetről A világháló = Internet INTERNET = VÉGTELEN INTERNET = SZABADSÁG INTERNETES
Web-fejlesztés NGM_IN002_1
Web-fejlesztés NGM_IN002_1 Rich Internet Applications RIA Vékony-kliens generált (statikus) HTML megjelenítése szerver oldali feldolgozással szinkron oldal megjelenítéssel RIA desktop alkalmazások funkcionalitása
WEBES ALKALMAZÁSOK AKADÁLYMENTESÍTÉSE - A TÁVMUNKA SZEMSZÖGÉBŐL. Vigh György informatikai szakértő Felnőttképzés Fejlesztéséért Közhasznú Egyesület
WEBES ALKALMAZÁSOK AKADÁLYMENTESÍTÉSE - A TÁVMUNKA SZEMSZÖGÉBŐL Vigh György informatikai szakértő Felnőttképzés Fejlesztéséért Közhasznú Egyesület Összefoglaló Becslések szerint Magyarországon mintegy
{simplecaddy code=1005}
{simplecaddy code=1005} Könyvünk célja, hogy az Internetről és annak használatáról olyan általános ismeretanyagot adjon, melynek segítségével bárki tudja majd használni a hálózatot és szolgáltatásait.
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...
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.
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
Tisztelt Felhasználó!
Tisztelt Felhasználó! Az alábbiakban az NB termékek 3D modelljeinek generálása, használata kerül bemutatásra. A webes felület használatához regisztráció nem szükséges! Tartalomjegyzék Belépés... 2 Szükséges
Weboldalak fejlesztése mobil eszközökre
Weboldalak fejlesztése mobil eszközökre 1. Ne tegyünk semmit 2. Formázás eltávolítása 3. Médiatípusok használata / Responsive Web Design 4. A céleszköz megtalálása- átirányítás 5. Teljes detektálás és
Információs technológiák 1. Gy: HTML alapok
Információs technológiák 1. Gy: HTML alapok 1/53 B ITv: MAN 2017.09.28 Hogyan kezdjünk hozzá? Készítsünk egy mappát, legyen a neve mondjuk: Web Ez lesz a munkakönyvtárunk, ide kerül majd minden létrehozott
Közoktatási Statisztika Tájékoztató 2012/2013. Használati útmutató
Közoktatási Statisztika Tájékoztató 2012/2013 Tartalomjegyzék 1. Technikai információk... 2 2. Publikus felület... 2 2.1 Bejelentkezés... 2 2.2 Összesítés... 3 2.2.1 Statisztikai tábla megtekintése...
Internetes Statisztikai Felmérés ISF 2007
Internetes Statisztikai Felmérés ISF 2007 1/28/2008 AZ INTERNETES ALKALMAZÁSOKNÁL, FEJLESZTÉSEKNÉL, JOGGAL MERÜLNEK FEL A KÉRDÉSEK A KÜLÖNBÖZŐ INTERNETES SZOKÁSOK, FELHASZNÁLÓI SZOFTVEREK (BÖNGÉSZŐK),
A Statisztikai adatszolgáltatás menüpont alatt végezhető el az adatlap kitöltése. 3 Statisztikai adatszolgáltatás menetének részletes bemutatása
1 Bevezetés Jelen dokumentum összefoglalja az igazságügyi szakértők 2017. II. negyedéves statisztikai adatszolgáltatásával kapcsolatos információkat, tudnivalókat. 2 Összefoglalás A statisztikai adatszolgáltatást
Végfelhasználói Applet kézikönyv
MARGARÉTA verzió 3.0 Kiadás 1 Kiadás dátuma 2017. február 7. A MARGARÉTA Kártyamenedzsment rendszer a Noreg Információvédelmi Kft terméke. Noreg Információvédelmi Kft web: www.noreg.hu e-mail: info@noreg.hu
Zimbra levelező rendszer
Zimbra levelező rendszer Budapest, 2011. január 11. Tartalomjegyzék Tartalomjegyzék... 2 Dokumentum információ... 3 Változások... 3 Bevezetés... 4 Funkciók... 5 Email... 5 Társalgás, nézetek, és keresés...
WCSS (Wap CSS), Wireless CSS
WCSS (Wap CSS), Wireless CSS A WCSS (WAP Cascading Style Sheet vagy WAP CSS) mobil változata a CSS-nek. WAP speciális kiterjesztéseket tartalmaz. Azok a CSS2 jellemzők és tulajdonságok, amelyek nem hasznosak
Megújult a. A jó bor, akárcsak a jó nő, a korral nemesedik. Látogatottság: UV átlag (havi): 100.000 fő UV (heti): 20.000-25.000 fő
Megújult a A jó bor, akárcsak a jó nő, a korral nemesedik A 2014 végén megújult Borászportál.hu csaknem tíz éve látja el friss hírekkel, izgalmas írásokkal a borfogyasztó közönséget. A portál a meglévő
Felhasználói dokumentáció a teljesítményadó állományok letöltéséhez v1.0
Felhasználói dokumentáció a teljesítményadó állományok letöltéséhez v1.0 www.kekkh.gov.hu Státusz: Verzió Cím Dátum SzerzőFolyamatban Változások Verzió Dátum Vállalat Verzió: 1.0 Szerző: Lénárd Norbert
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
Ûrlapkitöltés használata során megjegyzi az oldalakhoz tartozó beviteli mezõk értékeit, mellyel nagyban meggyorsítja
A hódító Konqueror A Konqueror egy webböngészõ, egy fájlkezelõ, egy komplex megjelenítõ, egy teljes FTP-kliens és egy teljesen személyre szabható program egyben. AKonqueror név egy a korábbi böngészõgenerációk
3 A hálózati kamera beállítása LAN hálózaton keresztül
Hikvision IP kamera Gyorsindítási útmutató 3 A hálózati kamera beállítása LAN hálózaton keresztül Megjegyzés: A kezelő tudomásul veszi, hogy a kamera internetes vezérlése hálózati biztonsági kockázatokkal
Használati útmutató elektronikus belépési nyilatkozat kitöltéséhez tagszervezők részére
Használati útmutató elektronikus belépési nyilatkozat kitöltéséhez tagszervezők részére A dokumentum célja A Generali Egészségpénztár weboldalán ügyfeleinknek lehetőségük van a belépési nyilatkozat elektronikus
akadálymentesen i e Tervezés
akadálymentesen i da X y S L e autizmus spektrumzavarral élők számára használj egyszerű színeket komplementer színeket írj egyszerűen Tedd! bonyolult kifejezéseket használj egyszerű mondatokat és felsorolásokat
Számítógépes alapismeretek 2.
Számítógépes alapismeretek 2. 1/7 Kitöltő adatai: Név: Osztály: E-mail cím: 2/7 Kérdések: Mire szolgál az asztal? Az ideiglenesen törölt fájlok tárolására. A telepített alkalmazások tárolására. A telepített
(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
Ez a Használati útmutató az alábbi modellekre vonatkozik:
AirPrint útmutató Ez a Használati útmutató az alábbi modellekre vonatkozik: HL-340CW/350CDN/350CDW/370CDW/380CDW DCP-905CDW/900CDN/900CDW MFC-930CW/940CDN/9330CDW/9340CDW A verzió HUN Megjegyzések meghatározása
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
Felhasználói kézikönyv a WEB EDInet rendszer használatához
Felhasználói kézikönyv a WEB EDInet rendszer használatához A WEB EDInet rendszer használatához internet kapcsolat, valamint egy internet böngésző program szükséges (Mozilla Firefox, Internet Explorer).
Használati útmutató elektronikus belépési nyilatkozat kitöltéséhez
Használati útmutató elektronikus belépési nyilatkozat kitöltéséhez A dokumentum célja A Generali Egészségpénztár weboldalán ügyfeleinknek lehetőségük van a belépési nyilatkozat elektronikus úton történő
Tartalom. Google szolgáltatásai. Googol Google. Története. Hogyan működik? Titka
Tartalom Google szolgáltatásai - A keresésen túl - Tarcsi Ádám adam.tarcsi@gmail.com 2006. november 17. Google név eredete Története Titka PageRank Google trükkök Szolgáltatások Jövője InfoÉRA 2006 Tarcsi
Jó gondolatok! Jó szavak! Jó tettek! TANULÓI KÉZIKÖNYV. a Biogenic Health Academy. e-oktatási rendszerének használatához
Jó gondolatok! Jó szavak! Jó tettek! TANULÓI KÉZIKÖNYV a Biogenic Health Academy e-oktatási rendszerének használatához Minden dolog mértéke az ember Prótagorasz Kedves Látogató! Szeretettel köszöntjük
Köszönjük, hogy e-számlakivonat szolgáltatásunkat választotta, ezzel is hozzájárulva környezetünk védelméhez! Elakadt? Segítünk!
Köszönjük, hogy e-számlakivonat szolgáltatásunkat választotta, ezzel is hozzájárulva környezetünk védelméhez! Elakadt? Segítünk! Megoldási lehetőségek az e számlakivonat megtekintésével kapcsolatosan esetlegesen
médiaajánlat Szilveszter.hu
médiaajánlat Bemutatkozás A Magyarország egyetlen online magazinja, amely szilveszterhez kapcsolódó általános tartalmakat, valamint a téli szezonban leginkább érdeklődésre számot tartó témákat ölel fel.
KIRA. KIRA rendszer. Telepítési útmutató v1
KIRA rendszer Telepítési útmutató v1 1. Bevezetés A dokumentáció, illetve a dokumentáció mellékleteként megtalálható állományok segítségével készíthető fel a kliens oldali számítógép a KIRA rendszer működtetésére.
OJOTE - Soron kívüli beutalhatóság vizsgálat
Országos Egészségbiztosítási Pénztár OJOTE - Soron kívüli beutalhatóság vizsgálat Felhasználói leírás verzió: 1.10 2011.07.18 Tartalomjegyzék 1 BEVEZETÉS... 3 1.1 A DOKUMENTUM CÉLJA... 3 1.2 KAPCSOLÓDÓ
MAGYAR ÁLLAMKINCSTÁR RÉSZÉRE
Helyi önkormányzatok és Többcélú Kistérségi Társulások normatív hozzájárulásainak és normatív, kötött felhasználású támogatásainak igénylési rendszere 2008. évre FELHASZNÁLÓI KÉZIKÖNYV MAGYAR ÁLLAMKINCSTÁR
Dombóvár Város Arculati Kézikönyve
Dombóvár Város Arculati Kézikönyve tartalomjegyzék 1. Általános koncepció 4. Elektronikus eszközök 4.1 Honlap 2. Alapvető arculati elemek 4.2 Hírlevél 2.1 Logó kinézet 2.2 Logó szerkezet 2.3 Logó színek
EKOR. Felhasználó kézikönyv. Verzió: 1.2 Készítette: M Wallen Sofware Kft. Dátum:
EKOR A Belügyminisztérium Nemzeti Bűnmegelőzési Tanács bűnmegelőzési programjaihoz kapcsolódó képzések adminisztrációját támogató informatikai rendszer Felhasználó kézikönyv Verzió: 1.2 Készítette: M Wallen