Bevezető gondolatok. Tartalomjegyzék. Kellemes olvasást kívánunk!

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

Download "Bevezető gondolatok. Tartalomjegyzék. Kellemes olvasást kívánunk!"

Átírás

1

2 Bevezető gondolatok A tavasz elérkeztével megérkezett a második szám is. Kaptunk visszajelzéseket, hogy sokaknak tetszett a Kow-val készült interjú, ezért ezt az interjúztatást nem is kívánjuk megszakítani. E hónapban szintén a terítékre kerül a Flash, most egy olyan cikket állítotottunk össze, amely a sitebuildhez is kötődik, de mégis Flash. :) Kellemes olvasást kívánunk! Tartalomjegyzék 2-5. oldal - SIFR - Egyedi betűtípus weboldalunkon 6-8. oldal - Sitebuilder interjú - Harder oldal - jquery qtip 1. oldal

3 SIFR - Egyedi betűtípus weboldalunkon Geri Cufon cikkére (http://blog.gregdev.com/web-dev/cufon/) reagálnék ezen írásomban. A SIFR (Scalable Inman Flash Replacement) flash és javascript segítségével a kívánt szövegrészleteket (leggyakrabban a címeket) cseréli le nem websafe betűtípusokra. Igaz ugyan, hogy nagyon sok szövegre nem szabad alkalmazni egy oldalon belül, mert jelentősen lelassítja a betöltést, de ugyan ez igaz a Cufon-ra is. A megoldás operációs rendszer és böngészőfüggetlen ezen kívül a Firefox AdBlock, valamint FlashBlock kiegészítőjével is jól megfér. Tipográfia tuning Hogyan is kezdjünk hozzá? Az alábbi oldalon töltsük le a Sifr 3 nekünk tetsző verzióját: (hozzáteszem 2008 vége óta nem jött ki új verzió), vagy pedig honlapunkról a legújabbat (http://www.weboldalkeszites.org/wp-content/ uploads/downloads/2010/04/sifr3-r436.zip). Tartalmaz egy CSS, Demo, Flash és egy js mappát. A demo-t nem tudjuk megnézni offline, csak ha feltöltjük egy webszerverre, vagy egy helyi php futtató környezetet használunk (MAMP, XAMP, WAMP, stb.). Ez a Flash biztonsági tiltásai miatt van. A betűtípus módosításához egyszerűen csak a Flash mappában található sifr.fla-t kell elindítanunk. Elegendő hozzá csupán az Adobe Flash 8 is. Én Adobe Flash CS4-el mutatom be a továbbiakat. Megnyitás után a Stage-n lévő Movie Clipünkre kattintsunk duplán, ezzel elérhető lesz számunkra az a szövegbevitel mező, ami tulajdonképpen az egész rendszer lelke. A jobb oldali panelen menjünk a Character Embedding pontra. Itt módosíthatjuk azt, hogy mely karakterkészletek kerüljenek beágyazásra. Alapértelmezés szerint az Uppercase, Lowecase, Numerals és a Punctuation van bejelölve. Ha kicsit magyarosabb szövegre szeretnénk Sifr-t használni, akkor be kell ágyaznunk az ékezetes betűket is. Az alábbi kép szemlélteti, hogy miket célszerű még pluszban hozzáadni. 2. oldal

4 Azonban ha kicsit próbálgatni szeretnénk az Options.as-ben lévő lehetőségeket, akkor az alábbi lista nyújthat egy kis segítséget: domains(array): A tömb tartalmazza azokat a domain neveket, amelyeken a sifr lerenderelheti a szöveget. Hotlinking elleni védelemre lehet használni. Használd a * szimbólumot, hogy az összes domainnek engedélyezd a megjelenítést. Használhatsz wild cardot is, hogy az aldomaineket is engedélyezd, külön-külön kell őket megadni. Ezek után a Character Embedding Menüpont felett a Family melletti legördülő listából választhatjuk ki azt a betűtípust, amelyet a weboldalunkon is viszont szeretnénk látni. Pédául: sifr.domains = [ *.example, example. com ] [ *example.com, example.com ];. defaultkerning(boolean) Engedélyezve van-e a Betűköz, ami kliens oldalról felülírható. defaultsharpness(number) Alapértelmezett élesség, ami kliens oldalról felülírható. defaultthickness(number) Alapértelmezett vastagság, ami kliens oldalról felülírható. defaultopacity(number) Alapértelmezett átlátszóság, ami kliens oldalról felülírható. A Flashes részével nincs is más dolgunk, nyugodtan lefordíthatjuk az elkészült fájlt. defaultblendmode (Number) Alapértelmezett érték, amely kliens oldalról felülírható. enforcedgridfittype (String) Felülírja a rács illeszkedési típusát a kliens oldalon. preserveantialias (Boolean) Ha az értéke igaz, akkor a sifr nem írja felül az antialiasing-ot a Flash IDE-ben miközben exportál. A vastagság és az élesség szintén nem oldal

5 lesznek hatással. conditionalantialias (Boolean) Ha az értéke true, akkor a sifr letiltja az antialiasing -ot, ha a betű mérete nagyobb, mint 48. Ez a beállítás független a preserveantialias -tól. antialiastype (String) Megadja az anti aliasing típusát. Alapértelmezett az Advanced. filters (Array) Flash szűrők adhatóak a tömbhöz, és ez hatással lesz a szövegmezőre. CSS adható meg a Flash mozin belül, a sifr. styles.parsecss() segítségével, ami a CSS kódot tartalmazza az argumentumában. A HTML oldal beállítása Ahhoz, hogy végre látható eredményt produkáljon a sifr, a következő sorokat kell beilleszteni az oldalunk <head></head> része közé: Az első részt gondolom nem kell magyarázni, egyszerűen betöltjük a sifr-t az oldalba, valamint implementáljuk az alap css fájlt. <script src= sifr.js type= text/javascript ></ script> Megmondjuk a scriptnek, hogy hol találja a betűtípus swf-ünket. <script type= text/javascript >// <![CDATA[ var site_title = { src: betűtípus.swf }; Aktiváljuk a site_title parancsot, ez a név tetszőleges lehet. A selector: segítségével adhatjuk meg melyik html elemet szeretnénk, hogy lecseréljen. Ez lehet akár class név is. wmode: -al állítjuk be, hogy a flash háttere átlátszó legyen, valamint a css: segítségével tudjuk formázni az egyedi szövegünket (szín, méret, igazítás, stb.). Ha szükséges, akkor a hover-nek is tudunk külön színt adni (itt van külön a kódrészlet hozzá: a:hover : { color : #4F4F4F }). sifr.replace(site_title, { selector: h1, wmode: transparent, css: [.sifr-root{color:#ffffff; font-size:50px;} ] }); // ]]></script> CSS styling Abban az esetben, ha valamilyen oknál fogva nem jelenik meg a sifr szövegünk (nincs flash telepítve, vagy a javascript megjelenítés ki van kapcsolva), akkor az alapértelmezett betűtípussal fog megjelenni a HTML anyagunk. Ennek a stílusát a sifr.css -ben módosíthatjuk..sifr-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } Az alapértelmezett megjelenést el kell tüntetnünk ahhoz, hogy csupán csak a flash szöveg érvényesüljön. sifr.activate(site_title); 4. oldal

6 .sifr-alternate { display:block; height:0; left:0; overflow:hidden; position:absolute; top:0; width:0; } Megjegyzem, hogy az egész sifr.css fájlt ágyazzuk be, ugyanis a két kódrészleten kívül még van 1-2, ami szintén fontos a jó működéshez. Kísérletezzünk ezek tulajdonságaival vele bátran! Írta: Opauszki Tibor 5. oldal

7 Sitebuilder interjú - Harder Ígéretünkhöz híven ma Harderrel beszélgetünk, aki a tutorial.hu oldalalapító tulajdonosa. Természetesen magáról a lapról is tettünk fel kérdéseket, azonban ez elhanyagolható lett volna, hiszen nem sok kérdés van, amire ott nem található válasz. - Mióta foglalkozol weboldalkészítéssel? - Hobbi szinten kb. 12 évvel ezelőtt kezdtem el foglalkozni vele, hivatásszerűen nagyjából 5. éve élek meg belőle. - Akkoriban milyen gépekkel dolgoztál? - Emlékeim szerint egy 200Mhz-es Cyrix processzoros, 64MB ram-os, 14 colos monitorral szerelt gép volt az első, amivel honlapot készítettem. - Szerinted akkoriban, vagy most a nagyobb kihívás weboldalakat alkotni? - Most sokkal nagyobb kihívásnak tartom, egyrészt többet és jobbat igényelnek a megrendelők, másrészt a megoldásokat tekintve sokkal több lehetőség között kell megtalálni az éppen megfelelőt. - Az első oldalad óta nagyjából mennyi weboldalt kódoltál készre az alapoktól? - Pontos számot nem tudnék mondani, de 200 felett van ma már. - A tutorial.hu-n sok nyílt forrású tartalomkezelőhöz is található segédlet. Így felmerül a kérdés, hogy használsz-e open source CMS-t? - Igen, jelenleg a Wordpress a favorit ilyen téren nálam, de korábban használtam Joomla-t és Drupal-t is. Oka a rengeteg plugin, hatalmas közösség és hogy a többi rendszerhez képest még egy viszonylag rugalmas, könnyen alakítható és könnyen kezelhető CMS-nek tartom. A kezdőknek kezdésképpen mindenképp azt javasolnám, hogy kicsit olvasgassák át a magyar közösség fórumát, keressenek az interneten Wordpress-vel kapcsolatos leírásokat, ahol bemutatják a benne rejlő képességeket (hisz messze többre használható már, mint blogolásra) és utána döntsenek, hogy milyen plugineket, skineket, megoldásokat fognak használni. Itt megjegyezném, hogy a saját fejlesztésű és a nyílt forrású vonal is jó az összes előnyével és hátrányával együtt. Egyik sem tökéletes megoldás. Megfelelő mérlegelés után mindig az adott feladathoz kell kiválasztani az ideális eszközt. - Neked mi a mérce, ha a kód kinézetéről van szó? - Az alap, hogy legyen normálisan tördelt és tiszta a kód. Szeretem, ha nincs tele hack-ekkel a böngészők miatt. Egyébként meg elég rugalmasan állok e témához, rengeteget dolgoztam csapatban (más-más csapatban is) és megszoktam, hogy a különböző kollegák kicsit eltérő stílusban kódolnak. 6. oldal

8 - Mennyi időbe telik neked átlagosan lekódolni egy oldalt? - Ez nagyon változó, hisz nem mindegy, milyen oldalról beszélünk. A feladat bonyolultságától függően ez egy pár órás munkától kezdve akár 2-3 heti kódolásig is tarthat. Nem mernék ennél szűkebb intervallumot mondani ennyi infó birtokában. - Van olyan ismertetőjeled a kódban, amire ha ránéz egy hozzá értő, akkor rögtön tudja, hogy te írtad? - Nem igazán használok ilyen ismertetőjelet, legfeljebb elvétve a CSS-ben helyezem el comment formájában, hogy én csináltam. - Save IE, or don t save IE? Azaz Firefox, vagy Explorer, esetleg egy harmadik? - 99%-ban Firefox-t használok, a maradék 1% eloszlik az IE6-8, Safari, Opera, Chrome között, mikor tesztelek. - Frusztrál téged, hogy több böngészőre is kell optimalizálni? - Nem szeretem, de már megszoktam és nem hiszem, hogy a jövőben ez sokat változna. A kódot úgy írom, hogy eleve kizárom a bug-ok legtöbbjét. Sokat nem idegesítem magam miatta, nagyon ritka hogy 1-1 böngésző hiba miatt ideges legyek. Akkor is csak azért, mert általában szorít a határidő. Az IE6 kihullását viszont már várom. - Külön grafikussal dolgozol, vagy saját magad készíted a design tervet és a grafikákat is? - Legtöbb esetben én csinálom a grafikát is. - Mik az előnyei annak, hogy nem alkalmazol külső grafikust? - Olcsóbb és élvezem is, ráadásul már tervezés során tudom, hogy mely részt miként fogom felépíteni, mi szükséges ahhoz, hogy egy a látogatók számára is barátságos, könnyen használható honlap készüljön, ami még a keresőoptimalizálás kapcsán fellépő elvárásoknak is megfelel. - Te külsős grafikussal is dolgozol együtt. Miként látod, jól működtök együtt? - A külső grafikus esetemben lehetnek munkahelyi kollégák, akikkel mindig jól együtt tudtam dolgozni. Más esetben olyan sitebuild munkára kérnek fel, ahol a grafika már adott, ilyenkor a kapott PSD-ből dolgozom, nem szokott problémát okozni, a grafikussal nagyon ritkán kerülök közvetlen kapcsolatba. Ha esetleg szükséges valamiféle módosítás, akkor a megrendelővel történő egyeztetés után legtöbbször én csinálom meg. - Tudnál javaslatokat adni, akik szintén grafikusokkal dolgoznak, hogy miként rázódhatnak jobban össze? - Első és legfontosabb: beszéljenek egymással. Mondják el, hogy esetleg a másik megoldása miatt neki milyen problémái lehetnek. A sitebuilder is tehet javaslatot, hogy pár részletnél mire érdemes figyelni, mi szolgálja a honlap és a megrendelő érdekeit (ez lehet egy akár ismételhető képrészlet, ami miatt jelentősen kevesebb a képletöltés és gyorsul az oldal). Sokat segít, ha mind a grafikusnak, mind pedig a sitebuildernek van némi rálátása a másik területére. - Véleményed szerint milyen egészségi veszélyei vannak ennek a munkának? Gondolok itt az ergonómiai hiányosságokból adódó problémákra. - Egyrészt mozgásszervi problémák jutnak eszembe, pl. nekem is gyakran fáj a kezem a rengeteg gépeléstől. Van ismerős, aki hátproblémával küzd, talán ez az, ami még gyakrabban előfordul oldal

9 A másik általános veszély szerintem az elhízás, nagyon könnyen elszalad az emberrel a ló, hisz napi 8-12 órát ül gép előtt, sokan éjszaka is aktívak és nagyon oda kellene figyelni az étkezésekre. - Milyen munkakörnyezetben dolgozol? - Itthon egy külön szoba van, amit a munkához rendeztem be, két hatalmas asztallal, nagy monitorral, gyors géppel stb erre szükség is van, hisz általában akkor vagyok a gép előtt, amikor a családom már alszik, nem szeretném őket zavarni. A munkahelyemen egy nagyon kellemes zöldövezeti részen, 4 másik kollégámmal dolgozok egy szobában, aminek jelenleg a legnagyobb előnyét a lég kondiban látjuk. :) Egyébként meg rendelkezésre áll minden szükséges eszköz, ami kellhet a munkához. - Milyen online területen kutatgatnál, melyik webes fejlesztési területbe ásnád be magad alaposan, ha hirtelen tartósan megnőne a szabadidőd és alig 1-2 órát kellene munkával töltened egy nap? - Nagyon sok szabadidővel leginkább az alábbi területek érdekelnének: (online) marketing, kézi rajzolás és a 3D modellezés. jobbára fórumokon írogattam és az idő teltével elkezdem gyűjteni a visszatérő kérdésekre adott válaszokat, majd ezeket később honlap formájában kezdem el publikálni. Így indult az oldal, nonprofit formáját azóta is őrzi. Ma már sajnos jóval kevesebb szabadidőm jut rá, sok segítséget jelent azoknak a szerkesztőknek és látogatóknak a munkája, akik önzetlenül küldenek be leírásokat és segítenek másoknak a kérdések megválaszolásában. Ezúton is köszönöm nekik mindazt, amit a lapért tettek. - Interjúnk végén lehetőséget adunk a megkérdezetteknek, hogy bemutathassák szolgáltatásaikat 1-2 mondatban. - Jelenleg nincs olyan lap, ahol a szolgáltatásaimat reklámoznám, az ügyfelek legtöbbször ajánlás után találnak meg holnapkészítéssel kapcsolatban, amiből tervezést, a grafikai tervezést, a sitebuildet és időnként a keresőoptimalizálást illetve a tanácsadást szoktam én csinálni. A programozási feladatokat mindig profi programozó végzi el. A következő hónapban egy olyan személyiséget kérdezünk, akit sok SEO-val foglalkozó ismer. Többet nem is mondok róla, mert a végén kiderül, hogy ki ő. - Tegyél fel egy kérdést az utánad következőnek. - Hogy és hol látod magad mondjuk 30 év múlva, mivel fogsz foglalkozni? - Sokan tudják rólad, hogy a tutorial.hu oldal üzemeltetője vagy. Mesélnél egy kicsit az oldalról azok számára, akik esetleg még nem ismernék? - A tutorial.hu-t évekkel ezelőtt kezdtem el csinálni hobbiból, hogy segítséget tudjak nyújtani azoknak a fiataloknak, akik most ismerkednek a grafika, a holnapkészítés területével. Az elején oldal

10 jquery qtip A qtip egy Jquery-ben íródott tooltip script, amellyel lehetőségünk van a képekhez, linkekhez tartozó tooltip-jeink szebb külsőben való megjelentetésére. Ezen kívül még számos más dologra jó, hiszen lehetőségünk van vele linkek, youtube videók megnyitására is. Tekintsd meg az általam összerakott bemutató oldalt (http:// uploads/qtip/). Rengeteg helyet takaríthatunk meg a használatával, gondoljunk bele, hogy akár a keresőt, vagy a feliratkozó formunkat is tálalhatjuk ebben a formában. Vágjunk bele A scriptet Craig Thompson írja, és fejleszti, ebből fakadóan nem sűrűn jönnek ki hozzá a frissítések. Az 1.3-as, vagy a fölötti verziójú jquery könyvtárat ajánlja hozzá a jelentős gyorsaságnövekedés miatt, azonban az fölötti verziókkal is működik. Telepítése A folyamata viszonylag egyszerűnek mondható, először is meg kell hívnunk a <head> tag-ben a jquery javascript fájlját. <script src= /projects/qtip/js/jquery min. js type= text/javascript ></script> Az oldal ajánlása alapján az include-okat célszerű a tartalom után, a </body> lezáró tag előtt megejteni. Én a jquery meghívást mégis a head tagbe tettem, viszont a qtip fájl behívást mindenképpen a body tag végén kell megtenni. Ha nem így csináljuk, akkor nem fog működni a script. <script src= /projects/qtip/js/jquery.qtip min.js type= text/javascript ></script> A linkek title tagjainak qtip-ben való megjelentetéséhez használjuk a következő kódot, ezt szintén tegyük a dokumentumunk végére: <script class= example type= text/javascript >// <![CDATA[ // A tooltipek létrehozása a dokumentum betöltésekor $(document).ready(function() { // A content attribútum nélkül a könyvtár alapértelmezés szerint minden elem title attribútumát használja. $( #content a[href][title] ).qtip({ content: { text: false // Használja minden elem title attribútumát (true esetén lesz bekapc solva) }, style: red // Adjunk neki design-t. }); // Megjegyzés: Kihagyhatod az összes beállítást és egyszerűen kicserélheted az alap tooltipeket a qtip-re (vedd ki a kommentezést): 9. oldal

11 // $( #content a[href] ).qtip(); }); // ]]></script> Styling Alapértelmezés szerint 6-féle design közül választhatunk (Cream, Dark, Green, Light, Red, Blue), de természetesen saját magunk is készíthetünk egyedi kinézetet. Ha azt szeretnénk, hogy minden egyes tooltip a saját egyedi kinézetünket használja, akkor szükségünk lesz globális stílusutasítások használatára. Ha csak egy adott fajta tooltip-re szeretnénk használni, akkor azt elég csupán az adott tooltip javascript-jében a style résznél megtenni. Globális stílus létrehozása kommentárral együtt: $.fn.qtip.styles.mystyle = { // Adjunk nevet a sítlusnak width: 200, //szélesség background: #A2D959, //háttérszín color: black, //betűszín textalign: center, //tartalom igazítása border: { //keret width: 7, //szélesség radius: 5, //sarkok lekerekítésének mértéke color: #A2D959 //keret színe }, tip: bottomleft, //pozíció name: dark // Inherit the rest of the attributes from the preset dark style } A Support A használata során én csupán egyetlen negatívummal találkoztam, ez pedig az erősen hiányos dokumentáció. Igaz, hogy a bemutató oldalak segítségével működésre tudjuk bírni, de ha valami olyan igény merül fel, aminek megoldása nem lenne olyan bonyolult, de magunktól nem tudjuk ezt megvalósítani, akkor nagyon jó segítség lenne. Nekem a youtube videó ablaknál lett volna szükségem egy Bezár gombra, de abban a formában nem jött össze, ahogy azt akartam. Úgy sikerült áthidalnom, hogy a videót nem közvetlenül ágyaztam be, hanem közvetetten egy html oldalba ágyaztam, és azt nyitottam meg a tooltip pluginnal. Van egy támogatói fóruma, ahol kérdezhetünk bátran, viszont nem tudom, hogy milyen gyorsan érkezik rá válasz. Összegzés Összességében nagyon jól használható script a qtip, aki tooltip plugint keres annak nyugodt szívvel ajánlhatom. Ha kedvet kaptál a kipróbálásához, akkor itt le tudod tölteni a szükséges fájlokat hozzá a demo oldalammal együtt. uploads/downloads/2010/04/qtip_demo.zip 10. oldal

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

Szia Ferikém! Készítek neked egy leírást mert bánt, hogy nem sikerült személyesen megoldani a youtube problémát. Bízom benne, hogy segít majd.

Szia Ferikém! Készítek neked egy leírást mert bánt, hogy nem sikerült személyesen megoldani a youtube problémát. Bízom benne, hogy segít majd. Szia Ferikém! Készítek neked egy leírást mert bánt, hogy nem sikerült személyesen megoldani a youtube problémát. Bízom benne, hogy segít majd. Első lépés: Töltsd le a programot innen: http://download.vessoft.com/files/fyds/freeyoutubedownoad.exe

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

Bevezető gondolatok. Tartalomjegyzék. Kellemes olvasást kívánunk!

Bevezető gondolatok. Tartalomjegyzék. Kellemes olvasást kívánunk! Bevezető gondolatok Nehéz megfelelő üdvözlő szavakat találni egy frissen induló magazin szerkesztőiént. Nem állnak még mögöttünk hosszú, ismeretterjesztéssel eltöltött évek, nem értünk el még rangos szakmai

Részletesebben

5-ös lottó játék. Felhasználói dokumentáció

5-ös lottó játék. Felhasználói dokumentáció 5-ös lottó játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével 5-ös lottó játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az

Részletesebben

Képnézeget. Gépigény: Bármilyen számítógépen m ködik, amin található böngész és Internet elérés.

Képnézeget. Gépigény: Bármilyen számítógépen m ködik, amin található böngész és Internet elérés. Képnézeget Felhasználói dokumentáció Feladat: Java Script segítségével, olyan programot írni, mely képnézeget ként szolgál. Legalább 10 képet kell elhelyezni benne. Gombok választásával kell a design-ok

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

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

2009.11.20. Weboldalkészítés sablonok segítségével Nyitrai Erika. Miről lesz szó? WEBOLDALKÉSZÍTÉS SABLONOK SEGÍTSÉGÉVEL. Saját honlapot szeretnék

2009.11.20. Weboldalkészítés sablonok segítségével Nyitrai Erika. Miről lesz szó? WEBOLDALKÉSZÍTÉS SABLONOK SEGÍTSÉGÉVEL. Saját honlapot szeretnék Miről lesz szó? ELTE IK Algoritmusok és Alkalmazásaik Tanszék WEBOLDALKÉSZÍTÉS SABLONOK SEGÍTSÉGÉVEL Mit tehetek, ha szeretnék egy saját honlapot vagy blogot? Mik a főbb problémák? Milyen megoldások születhetnek?

Részletesebben

Internet alkamazások Készítette: Methos L. Müller Készült: 2010

Internet alkamazások Készítette: Methos L. Müller Készült: 2010 Internet alkamazások Készítette: Methos L. Müller Készült: 2010 Tartalomjegyzék - Tartalomkezelő rendszerek Miért jó a CMS alapú website? CMS rendszerek - Mi szükséges ezen CMS-ekhez? - Információ építészet

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

Hogyan készítsünk Colorbox-os képgalériát Drupal 7-ben?

Hogyan készítsünk Colorbox-os képgalériát Drupal 7-ben? Hogyan készítsünk Colorbox-os képgalériát Drupal 7-ben? (Jó segítség: http://www.youtube.com/watch?v=gstnfznz3hg) I. Telepteni kell az alábbi három dolgot 1. A Colorbox modult (https://www.drupal.org/project/colorbox)

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

Tel.: 06-30/218-3519 E-mail: probert@petorobert.com. Közösségi megosztás előnyei és alkalmazása

Tel.: 06-30/218-3519 E-mail: probert@petorobert.com. Közösségi megosztás előnyei és alkalmazása Tel.: 06-30/218-3519 E-mail: probert@petorobert.com Közösségi megosztás előnyei és alkalmazása Tartalomjegyzék KÖZÖSSÉGI MEGOSZTÁS - 2 - MIÉRT HASZNOS? - 2 - A JÓ SHARE GOMB ISMERTETŐ JELEI - 3 - MEGOSZTÁSI

Részletesebben

Tamás Ferenc: CSS táblázatok 2.

Tamás Ferenc: CSS táblázatok 2. Tamás Ferenc: CSS táblázatok 2. Ez az írás azoknak készült, akik már értik a HTML és a CSS nyelveket, csak használat közben kellene egy adott tulajdonság vagy érték. Kérem, hogy senki se ezzel kezdje a

Részletesebben

12.óra jquery Framework #1. Gyimesi Ákos

12.óra jquery Framework #1. Gyimesi Ákos 12.óra jquery Framework #1 Gyimesi Ákos gyimesi.akos@gmail.com http://webprog.gy-i-m.com 12.óra jquery Framework #1 Miről lesz szó? JavaScript nyelv alapjai plusz: a JavaScript objektummodellje JavaScript

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

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

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

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

Közoktatási Statisztika Tájékoztató 2012/2013. Használati útmutató

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

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

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

Flex: csak rugalmasan!

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

Részletesebben

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

Lenyíló menük készítése. Összetett programok készítése

Lenyíló menük készítése. Összetett programok készítése Lenyíló menük készítése Összetett programok készítése webprogramozó Akkor érdemes használni, ha a webhelyünk túl sok lehet séget tartalmaz ahhoz, hogy azok kényelmesen elférjenek egy oldalon. Pár oldal

Részletesebben

FTP Az FTP jelentése: File Transfer Protocol. Ennek a segítségével lehet távoli szerverek és a saját gépünk között nagyobb állományokat mozgatni. Ugyanez a módszer alkalmas arra, hogy a kari web-szerveren

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

Tanúsítvány feltöltése Micardo kártyára

Tanúsítvány feltöltése Micardo kártyára Windows operációs rendszeren Tanúsítvány feltöltése Micardo kártyára A termék értékesítésének befejezése miatt a dokumentáció nem kerül frissítésre a továbbiakban. A termék nem támogatja az SHA-256 kriptográfiai

Részletesebben

A számítógép beállításainak megváltoztatása

A számítógép beállításainak megváltoztatása Megjelenés és témák Először tekintsük át, hogy hogyan lehet a képernyőn megjelenő elemek küllemét módosítani. Válasszuk a Start menü Vezérlőpultban a Megjelenés és témák hivatkozást. Itt kattintsunk a

Részletesebben

KIRA. KIRA rendszer. Telepítési útmutató v1

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.

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

11. Tétel. A színválasztásnak több módszere van:

11. Tétel. A színválasztásnak több módszere van: 11. Ön részt vesz egy túlnyomórészt szövegalapú információs portál fejlesztésében. Milyen tipográfiai és ergonómiai szempontokat kell figyelembe vennie a portál arculatának, navigációs rendszerének tervezése

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

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

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

Részletesebben

Smarty AJAX. Miért jó ez? Ha utálsz gépelni, akkor tudod. Milyen műveletet tudunk elvégezni velük:

Smarty AJAX. Miért jó ez? Ha utálsz gépelni, akkor tudod. Milyen műveletet tudunk elvégezni velük: Smarty AJAX Smarty sablonrendszer fegyverzetét (Funkcióit) igyekszik kiegészíteni, néhány alap AJAX metódussal, amivel a megjelenést, kényelmet vagy a funkcionalitást növelhetjük. A Smarty Ajax függvényeknek

Részletesebben

Miért érdemes váltani, mikor ezeket más szoftverek is tudják?

Miért érdemes váltani, mikor ezeket más szoftverek is tudják? Néhány hónapja elhatároztam, hogy elkezdek megismerkedni az Eclipse varázslatos világával. A projektet régóta figyelemmel kísértem, de idő hiányában nem tudtam komolyabban kipróbálni. Plusz a sok előre

Részletesebben

WordPress segédlet. Bevezető. Letöltés. Telepítés

WordPress segédlet. Bevezető. Letöltés. Telepítés WordPress segédlet Bevezető A WordPress egy ingyenes tartalomkezelő rendszer (Content Management System - CMS), amely legnagyobb előnye az egyszerű telepítés és a letisztult kezelhetőség és a változatos

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

Alapvető beállítások elvégzése Normál nézet

Alapvető beállítások elvégzése Normál nézet Alapvető beállítások elvégzése Normál nézet A Normál nézet egy egyszerűsített oldalképet mutat. Ez a nézet a legalkalmasabb a szöveg beírására, szerkesztésére és az egyszerűbb formázásokra. Ebben a nézetben

Részletesebben

NeoCMS tartalommenedzselő szoftver leírása

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

Részletesebben

Tanúsítvány feltöltése Oberthur kártyára és Oberthur SIM termékre

Tanúsítvány feltöltése Oberthur kártyára és Oberthur SIM termékre Tanúsítvány feltöltése Oberthur kártyára és Oberthur SIM termékre Windows XP, Vista és Windows 7 operációs rendszeren 1(6) 1. Tartalomjegyzék 1. Tartalomjegyzék... 2 2. Bevezető... 3 3. AuthentIC Manager

Részletesebben

VII. Appletek, grafika

VII. Appletek, grafika VII. Appletek, grafika 1. Bevezetés A tantárgy elején említettük, hogy a Java alkalmazásokat két nagy csoportba sorolhatjuk. Ezek: alkalmazások (applications) alkalmazáskák (applets) Az eddig megírt programjaink

Részletesebben

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

Sakk-játék. 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ó Sakk-játék Feladat: JavaScript és CSS segítségével sakk-játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez

Részletesebben

Kedves Jelentkezők! A tanfolyamból kizárható továbbá:

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

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

A Down Alapítvány weboldalának (honlap) használata Weboldal szerkesztés

A Down Alapítvány weboldalának (honlap) használata Weboldal szerkesztés A Down Alapítvány weboldalának (honlap) használata Weboldal szerkesztés A weboldalakat, más néven honlapokat azért készítik, hogy egy személyt, vagy szervezetet, például egy alapítványt, megtaláljanak

Részletesebben

Heti Hálózati Hírek kapcsolt dokumentumok megnyitása

Heti Hálózati Hírek kapcsolt dokumentumok megnyitása Heti Hálózati Hírek kapcsolt dokumentumok megnyitása Szakterület: Értékesítés Támogatás Terület Értékesítési csatorna: Exkluzív Szerző: Horváth Lajosné infomanager +36 70 370-7850 / +36 72 513-871 gyongyi.horvath@uniqa.hu

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

AZ N-WARE KFT. ÁLTAL ELEKTRONIKUSAN ALÁÍRT PDF DOKUMENTUMOK HITELESSÉGÉNEK ELLENŐRZÉSE VERZIÓ SZÁM: 1.3 KELT: 2012.02.01.

AZ N-WARE KFT. ÁLTAL ELEKTRONIKUSAN ALÁÍRT PDF DOKUMENTUMOK HITELESSÉGÉNEK ELLENŐRZÉSE VERZIÓ SZÁM: 1.3 KELT: 2012.02.01. AZ N-WARE KFT. ÁLTAL ELEKTRONIKUSAN ALÁÍRT PDF DOKUMENTUMOK HITELESSÉGÉNEK ELLENŐRZÉSE VERZIÓ SZÁM: 1.3 KELT: 2012.02.01. Tartalom 1. A dokumentum célja... 3 2. Akiknek segítséget kívánunk nyújtani...

Részletesebben

COMET webalkalmazás fejlesztés. Tóth Ádám Jasmin Media Group

COMET webalkalmazás fejlesztés. Tóth Ádám Jasmin Media Group COMET webalkalmazás fejlesztés Tóth Ádám Jasmin Media Group Az előadás tartalmából Alapproblémák, fundamentális kérdések Az eseményvezérelt architektúra alapjai HTTP-streaming megoldások AJAX Polling COMET

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

1. kép. A Stílus beállítása; új színskála megadása.

1. kép. A Stílus beállítása; új színskála megadása. QGIS Gyakorló Verzió: 1.7. Wroclaw Cím: A Print composer használata és a címkézés. Minta fájl letöltése innen: http://www.box.net/shared/87p9n0csad Egyre több publikációban szerepelnek digitális térképek,

Részletesebben

A LOGO MOTION TANÍTÁSA

A LOGO MOTION TANÍTÁSA A LOGO MOTION TANÍTÁSA ÍRTA: SZABÓ JÁNOS TANÍTÓ 2010, KECEL LOGO MOTION TANÍTÁSA KÉSZÍTETTE: SZABÓ JÁNOS TANÍTÓ 2010. 1 1. FOGLALKOZÁS Kattintsunk a Logo motion ikonjára. A Színes teki. Ez a program ablaka.

Részletesebben

Web-fejlesztés NGM_IN002_1

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

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

Tartalom jegyzék 1 BEVEZETŐ 2 1.1 SZOFTVER ÉS HARDVER KÖVETELMÉNYEK 2 2 TELEPÍTÉS 2 3 KEZELÉS 5

Tartalom jegyzék 1 BEVEZETŐ 2 1.1 SZOFTVER ÉS HARDVER KÖVETELMÉNYEK 2 2 TELEPÍTÉS 2 3 KEZELÉS 5 Tartalom jegyzék 1 BEVEZETŐ 2 1.1 SZOFTVER ÉS HARDVER KÖVETELMÉNYEK 2 2 TELEPÍTÉS 2 3 KEZELÉS 5 3.1 ELSŐ FUTTATÁS 5 3.2 TULAJDONOSI ADATLAP 6 3.3 REGISZTRÁLÁS 6 3.4 AKTIVÁLÁS 6 3.5 MÉRÉS 7 3.5.1 ÜGYFÉL

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

FELHASZNÁLÓI KÉZIKÖNYV ÜGYFELEK SZÁMÁRA

FELHASZNÁLÓI KÉZIKÖNYV ÜGYFELEK SZÁMÁRA FELHASZNÁLÓI KÉZIKÖNYV ÜGYFELEK SZÁMÁRA 2015-04-01 Felhívjuk a figyelmet, hogy az ÉTDR a mindenkori jogszabályi keretek között működik, a csatlakozó szerveknek és személyeknek a mindenkori jogszabály szerint

Részletesebben

A Google űrlap (form) használata

A Google űrlap (form) használata A Google űrlap (form) használata Az űrlap létrehozásához jelentkezzünk be a Google dokumentumok (http://docs.google.com/ ) oldalra. Az űrlap (Form) létrehozásához kattintsunk az Új létrehozása / Form menüpontra.

Részletesebben

Tanúsítvány és hozzá tartozó kulcsok feltöltése Gemalto TPC IM CC és ID Classic 340 kártyára

Tanúsítvány és hozzá tartozó kulcsok feltöltése Gemalto TPC IM CC és ID Classic 340 kártyára Tanúsítvány és hozzá tartozó kulcsok feltöltése Gemalto TPC IM CC és ID Classic 340 kártyára Windows XP, Vista, Windows 7 és Windows 8, valamint Windows 2003 operációs rendszeren, PFX fájlban található

Részletesebben

Összesítés. Látogatások száma Oldalak Találatok Adatmennyiség. 11682 (11.08 Oldalak/Látogatás)

Összesítés. Látogatások száma Oldalak Találatok Adatmennyiség. 11682 (11.08 Oldalak/Látogatás) Utolsó frissítés: Jan 28-13:23 Statisztikai időszak: Jan OK Összesítés Statisztikai Hónap Jan időszak Első látogatás Jan 01-01:20 Utolsó látogatás Jan 28-12:55 Egyedi látogató Látogatások száma Oldalak

Részletesebben

Térképek jelentése és elemzése

Térképek jelentése és elemzése Térképek jelentése és elemzése Ontológiák Az ontológiák termekre, csomópontokra (koncepciókra) és összeköttetésekre (kapcsolatokra) vonatkozó listák, amik importálhatóak és hozzáadhatóak a VUE térképekhez,

Részletesebben

Szilipet programok telepítése Hálózatos (kliens/szerver) telepítés Windows 7 operációs rendszer alatt

Szilipet programok telepítése Hálózatos (kliens/szerver) telepítés Windows 7 operációs rendszer alatt Szilipet programok telepítése Hálózatos (kliens/szerver) telepítés Windows 7 operációs rendszer alatt segédlet A Szilipet programok az adatok tárolásához Firebird adatbázis szervert használnak. Hálózatos

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

Egyszerő vízszintes navigáció készítése CSS segítségével. Ebben a cikkben egy egyszerő módszert fogunk bemutatni, vízszintes menü készítésére.

Egyszerő vízszintes navigáció készítése CSS segítségével. Ebben a cikkben egy egyszerő módszert fogunk bemutatni, vízszintes menü készítésére. Egyszerő vízszintes navigáció készítése CSS segítségével Ebben a cikkben egy egyszerő módszert fogunk bemutatni, vízszintes menü készítésére. A menüt lista elembıl fogjuk elkészíteni. Fogadja szeretettel

Részletesebben

Útmutató az OKM 2007 FIT-jelentés telepítéséhez

Útmutató az OKM 2007 FIT-jelentés telepítéséhez Útmutató az OKM 2007 FIT-jelentés telepítéséhez 1. OKM 2007 FIT-JELENTÉS ASZTALI HÁTTÉRALKALMAZÁS telepítése 2. Adobe Acrobat Reader telepítése 3. Adobe SVG Viewer plugin telepítése Internet Explorerhez

Részletesebben

Telepítési útmutató a Solid Edge ST7-es verziójához Solid Edge

Telepítési útmutató a Solid Edge ST7-es verziójához Solid Edge Telepítési útmutató a Solid Edge ST7-es verziójához Solid Edge Tartalomjegyzék Bevezetés 2 Szükséges hardver és szoftver konfiguráció 3 Testreszabások lementése előző Solid Edge verzióból 4 Előző Solid

Részletesebben

Webtárhely létrehozása a WWW.freeweb.hu helyen. Lépések Teendő 1. Böngészőbe beírni: www.freeweb.hu. 2. Jobb oldalon regisztrálni (tárhelyigénylés).

Webtárhely létrehozása a WWW.freeweb.hu helyen. Lépések Teendő 1. Böngészőbe beírni: www.freeweb.hu. 2. Jobb oldalon regisztrálni (tárhelyigénylés). Lépések Teendő 1. Böngészőbe beírni: www.freeweb.hu Kép 2. Jobb oldalon regisztrálni (tárhelyigénylés). 3. 4. Értelemszerűen kitölteni a regisztrációs lapot, és elküldeni. 5. Postafiókomra érkező levélben

Részletesebben

QGIS tanfolyam (ver.2.0)

QGIS tanfolyam (ver.2.0) QGIS tanfolyam (ver.2.0) I. Rétegkezelés, stílusbeállítás 2014. január-február Összeállította: Bércesné Mocskonyi Zsófia Duna-Ipoly Nemzeti Park Igazgatóság A QGIS a legnépszerűbb nyílt forráskódú asztali

Részletesebben

Baár-Madas Elektronikus Tanúsítvány

Baár-Madas Elektronikus Tanúsítvány Baár-Madas Elektronikus Tanúsítvány Az alábbi dokumentum a Baár-Madas Református Gimnázium és Kollégium által használt Elektronikus tanúsítvány telepítéséhez ad útmutatót, Microsoft Windows 7 és Microsoft

Részletesebben

Bemutató anyag. Flash dinamikus weboldal adminisztrációs felület. Flash-Com Számítástechnikai Kft. 2012. Minden jog fenntartva!

Bemutató anyag. Flash dinamikus weboldal adminisztrációs felület. Flash-Com Számítástechnikai Kft. 2012. Minden jog fenntartva! Bemutató anyag Flash dinamikus weboldal adminisztrációs felület Flash-Com Számítástechnikai Kft. 2012. Minden jog fenntartva! Testreszabott weboldalhoz egyéni adminisztrációs felület Mivel minden igény

Részletesebben

Tisztelt Felhasználó!

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

Részletesebben

mhtml:file://d:\vizsga\html\hogyan szerkeszteni weboldalt - HTML alapok.mht

mhtml:file://d:\vizsga\html\hogyan szerkeszteni weboldalt - HTML alapok.mht 1. oldal, összesen: 6 oldal Webírás Útmutatók Hogyan csinálni weboldalt HTML alapok HTML HTML alapok Forrás kód megjelenítése - HTML nulladik példa - Tagok = Jelek - Első példa, HTML szerkezet - Második

Részletesebben

ETR Kliens installálás

ETR Kliens installálás ETR Kliens installálás Azonosító: ETR-Kliens Készítette: DEXTER Kft. Kiadva: 2001. május 1. DEXTER Copyright jegyzék Copyright jegyzék A Microsoft, a Windows, a Windows NT, a Windows NT Workstation a Microsoft

Részletesebben

QB-Suli Felhasználói útmutató verziószám: 4.0.2.6. 2015. március 4.

QB-Suli Felhasználói útmutató verziószám: 4.0.2.6. 2015. március 4. Felhasználói útmutató verziószám: 4.0.2.6. 2015. március 4. Készítette: Quadro Byte Zrt. Tartalomjegyzék: 1. Bevezető...3 2. QB-SULI Help...3 3. Regisztráció...3 4. Bejelentkezés...4 4.1. Elfelejtette

Részletesebben

EDInet Connector telepítési segédlet

EDInet Connector telepítési segédlet EDInet Connector telepítési segédlet A cégünk által küldött e-mail-ben található linkre kattintva, a következő weboldal jelenik meg a böngészőben: Az EdinetConnectorInstall szövegre klikkelve(a képen pirossal

Részletesebben

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

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

Részletesebben

PTE-PROXY VPN használata, könyvtári adatbázisok elérhetősége távolról

PTE-PROXY VPN használata, könyvtári adatbázisok elérhetősége távolról PTE-PROXY VPN használata, könyvtári adatbázisok elérhetősége távolról Az Informatikai Igazgatóság minden aktív egyetemi hallgató és munkaviszonnyal rendelkező egyetemi dolgozó részére úgynevezett proxy

Részletesebben

Kő, Papír, Olló. Felhasználói dokumentáció

Kő, Papír, Olló. Felhasználói dokumentáció Kő, Papír, Olló Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével Kő, Papír, Olló feladat készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal.

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

Gyorstippek a Webgalamb 4 szoftverhez

Gyorstippek a Webgalamb 4 szoftverhez Gyorstippek a Webgalamb 4 szoftverhez 1/25 Tartalom 1. Személyre szabott feliratkozói oldal. 2. Órára beállítható levélküldés. 3. Visszaolvasható levelek. 4. Automata feliratkozó oldal és QR kód. 5. Automata

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

Az AutoCAD Architecture 2012 újdonságai

Az AutoCAD Architecture 2012 újdonságai Az AutoCAD Architecture 2012 újdonságai Hörcsik CAD Tanácsadó Kft. 2011. június AutoCAD Architecture 2012 újdonságok 1 Tartalomjegyzék 1. Alapvető újdonságok AutoCAD 2012... 3 1.1 AutoCAD WS Online AutoCAD

Részletesebben

9. Entitás modulok. Nagy Gusztáv: Drupal 7 alapismeretek Fejlesztői verzió: 2011. október 6.

9. Entitás modulok. Nagy Gusztáv: Drupal 7 alapismeretek Fejlesztői verzió: 2011. október 6. 9 9. Entitás modulok A szerző véleménye szerint a Drupal legnagyobb erősségei közé tartozik a magas szintű, absztrakt fogalmak mentén történő építkezés. A korábbiakban már megismerkedtünk a tartalmak és

Részletesebben

szaporodásbiológiai és andrológiai továbbképzés-ünkről, a zökkenőmentes indulás és használat

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.

Részletesebben

Mielőtt még rátérnénk az IP kamerák üzembehelyezésére, azelőtt szeretnénk pár alapfogalmat tisztázni, amire a későbbiekben szükségünk lehet.

Mielőtt még rátérnénk az IP kamerák üzembehelyezésére, azelőtt szeretnénk pár alapfogalmat tisztázni, amire a későbbiekben szükségünk lehet. Hálózati beállítások Mielőtt még rátérnénk az IP kamerák üzembehelyezésére, azelőtt szeretnénk pár alapfogalmat tisztázni, amire a későbbiekben szükségünk lehet. [IP cím] az internethez csatlakozó számítógépek

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

Tanúsítvány feltöltése Gemalto.NET kártyára és Gemalto SIM termékre

Tanúsítvány feltöltése Gemalto.NET kártyára és Gemalto SIM termékre Tanúsítvány feltöltése Gemalto.NET kártyára és Gemalto SIM termékre Windows XP, Vista és Windows 7 operációs rendszeren 1(6) 1. Tartalomjegyzék 1. Tartalomjegyzék... 2 2. Bevezető... 3 3. MiniDriver Manager

Részletesebben

Bevezetés a QGIS program használatába Összeálította dr. Siki Zoltán

Bevezetés a QGIS program használatába Összeálította dr. Siki Zoltán Bevezetés Bevezetés a QGIS program használatába Összeálította dr. Siki Zoltán A QGIS program egy nyiltforrású asztali térinformatikai program, mely a http://www.qgis.org oldalról tölthető le. Ebben a kis

Részletesebben

Tanúsítvány feltöltése Gemalto TPC IM CC és ID Classic 340 típusú kártyára

Tanúsítvány feltöltése Gemalto TPC IM CC és ID Classic 340 típusú kártyára Tanúsítvány feltöltése Gemalto TPC IM CC és ID Classic 340 típusú kártyára Windows XP, Vista, Windows 7 és Windows 8 operációs rendszeren 1(6) 1. Tartalomjegyzék 1. Tartalomjegyzék... 2 2. Bevezető...

Részletesebben

5.6.3 Laborgyakorlat: Windows rendszerleíró adatbázis biztonsági mentése és visszaállítása

5.6.3 Laborgyakorlat: Windows rendszerleíró adatbázis biztonsági mentése és visszaállítása 5.6.3 Laborgyakorlat: Windows rendszerleíró adatbázis biztonsági mentése és visszaállítása Bevezetés Nyomtasd ki a laborgyakorlatot és végezd el a lépéseit! Ezen a laborgyakorlaton elvégezzük egy számítógép

Részletesebben

Helpdesk for ArchiCAD felhasználói kézikönyv

Helpdesk for ArchiCAD felhasználói kézikönyv Helpdesk for ArchiCAD felhasználói kézikönyv Rövid Kezelési Útmutató Tartalom Áttekintés...2 Regisztráció...2 Regisztrációs kérelem feladása...2 Regisztrációs kérelem megerősítése...3 Belépés...5 Üzemeltetői

Részletesebben

Kezdő lépések Outlook Web Access

Kezdő lépések Outlook Web Access Kezdő lépések Outlook Web Access A Central Europe On-Demand Zrt. által, a Telenor Magyarország Zrt. ügyfelei részére nyújtott szolgáltatások rövid kezelési útmutatója Tartalom Bevezetés... 3 Rendszerkövetelmények...

Részletesebben

Thermo1 Graph. Felhasználói segédlet

Thermo1 Graph. Felhasználói segédlet Thermo1 Graph Felhasználói segédlet A Thermo Graph program a GIPEN Thermo eszközök Windows operációs rendszeren működő grafikus monitorozó programja. A program a telepítést követően azonnal használható.

Részletesebben

Napfotók (webkamerás felvételek) képfeldolgozása

Napfotók (webkamerás felvételek) képfeldolgozása Napfotók (webkamerás felvételek) képfeldolgozása Jelen írásban a webkamerával készült felvételek alapvető feldolgozását mutatom be próba videók segítségével. Útmutatóm kezdők számára készült, a mellékelt

Részletesebben

Csima Judit március 9. és 16.

Csima Judit március 9. és 16. Grafika Csima Judit BME, VIK, Számítástudományi és Információelméleti Tanszék 2017. március 9. és 16. Csima Judit Grafika 1 / 18 Grafika általában Grafika az R-ben Van néhány alapvető package az ábrázolásra:

Részletesebben

Kezdő lépések. Céges email. Tartalom

Kezdő lépések. Céges email. Tartalom Kezdő lépések Céges email Tartalom 1. Bevezetés...2 2. A szolgáltatás elérése és alapbeállításai...3 3. Ismerkedés a levelezővel...6 4. A levelező beállításai...8 5. Naptár... 10 6. Névjegyek... 11 7.

Részletesebben