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.

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

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

Átírás

1 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 ezt a minitanulmányt! Reméljük hasznára válik majd! Üdvözlettel, Netlogi C School Gyakorlat orientált informatika oktatás rugalmas idıbeosztással! Ingyenes tippek, tanulmányok az informatika világából! Netlogi C School hírlevél 1

2 1. Elıször létrehozunk egy listát és egy div-be tesszük a div nevének pedig a menu ID-t fogom adni: <div id="menu"> <ul> <li>menüpont 1</li> <li>menüpont 2</li> <li>menüpont 3</li> </ul> </div> 2. A lista elemekbıl link-et csinálunk. 3. A következı lépésben az elsı CSS kódot hozzuk létre #menu { background-color: #CCC; /*Navigációs rész háttérszíne*/ 4. A következı utasítással a függıleges listát alakítjuk át vízszintessé és eltávolítjuk a lista felsorolás jeleit. #menu li { display: inline;/*a lista sorok egy sorban jelennek meg, az utasítás hatására*/ 2

3 list-style-type: none;/*felsorolásjelek eltávolítása*/ A beállítások csak a menu div ben fognak érvényesülni ezzel a kijelölı választással. 5. Mivel a lista elemek így túl közel vannak egymáshoz, ezért el kell távolítanunk egymástól az elemeket, ezt az li tag-hez rendelt margóval oldom meg. A #menu li { közé*/.. margin-right: 20px;/*Jobb oldalra margó a listaelemek 6. Középre igazítjuk a listát, az ul tag beállításával. #menu ul { text-align: center;/*lista középre igazítása*/ 7. Kidekoráljuk a menünket: ( a beállítások csak szemléltetés kedvéért ezek, az oldal egyéb beállításainak megfelelıen válasszunk színeket és betőtípus is ) #menu a { 3

4 color: #FFF;/*A linkek színének beállítása*/ border: 1px solid #FFF;/*Keret a link körül*/ padding: 10px;/*A keret eltávolítása a linktıl*/ font-family: Arial;/*A link betőtípusának a beállítása*/ text-decoration: none; /*Aláhúzás eltávolítása*/ 8. Mivel a menu div széle nagyon közel van a linkek keretéhez a sávot megnövelve esztétikusabb látvány érhetı el, ezt az eredményt a menu div-hez rendelt belsı margóval érem el. #menu { background-color: #CCC; /*Háttérszín*/ padding-top: 5px;/*Felsı belsı-margó*/ padding-bottom: 5px;/*Alsó belsı-margó*/ 9. Az a:hover ál-osztálykijelölı segítségével beállítjuk, hogy a nemü reagáljon az egérmutatóra. A hover állapot az egérmutató a link felett állapot beáálításakor következik be. Megváltoztatjuk a betük szinét és a háttérszínt. #menu a:hover { 4

5 color: #FFF;/*Betőszín*/ background-color: #000;/*Háttérszín*/ 10. A navigációs rész ezzel lényegében elkészült, természetesen a csinosítást lehet folytatni. A Webdesigner mester képzés keretein belül részletesen megtanuljuk, hogyan készíthetünk egyszerő, vagy akár nagyon látványos menüket. Katitntson ide a képzés megismeréséhez! Webdesigner mester képzés Jó tanulást, fejlıdést kíván Önnek, a Netlogi C School csapata 5

Jelszavas hozzáférés korlátozás

Jelszavas hozzáférés korlátozás Jelszavas hozzáférés korlátozás Ebben a cikkben az egyik legelterjedtebb web szerver, az Apache kiszolgálón mőködı technikát mutatunk be. Az Apache általi lehetıséget azért ragadjuk ki, mert ennek a szerver

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

Hol indul egy weboldal marketingezése?

Hol indul egy weboldal marketingezése? Témakör: informatika, számítástechnika, tanfolyam, tréning, informatika oktatás, felnıttképzés, számítógép, weblapkészítés, php webprogramozás, honlapkészítés képzés, weblapkészítı tanfolyam Hol indul

Részletesebben

Milyen weboldalt készítsünk?

Milyen weboldalt készítsünk? Milyen weboldalt készítsünk? Sokszor kapunk olyan kérdést, hogy HTML, vagy PHP-s weboldalt érdemes -e készíteni? Én mindig azt mondom, hogy mindkettınek van elınye, és van "hátránya" is. Az adott szituáció

Részletesebben

Hogyan indul egy weboldal marketingezése? II. rész

Hogyan indul egy weboldal marketingezése? II. rész Témakör: informatika, számítástechnika, tanfolyam, tréning, informatika oktatás, felnıttképzés, számítógép, weblapkészítés, php webprogramozás, honlapkészítés képzés, weblapkészítı tanfolyam Hogyan indul

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

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

Informatika 1 CSS. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc november 4. Budapesti M szaki Egyetem

Informatika 1 CSS. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc november 4. Budapesti M szaki Egyetem Informatika 1 CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc Budapesti M szaki Egyetem 2014. november 4. CSS CSS: Cascading Style Sheets CSS CSS: Cascading Style Sheets Cél: a tartalom és a megjelenítés

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

HTML ÉS PHP AZ ALAPOKTÓL

HTML ÉS PHP AZ ALAPOKTÓL 1 HTML ÉS PHP AZ ALAPOKTÓL Bevezetés a HTML és a CSS világába Before we start 2 A kurzus blogja: http://bcecid.net/tag/php-kurzus-2011-12-tavasz A példaprogramok innen lesznek letölthetők Könyvek HTML

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

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

DOBOZOK. A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content)

DOBOZOK. A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content) CSS DOBOZOK DOBOZOK A doboz négy részből áll: 1. Margó (margin) 2. Szegély (border) 3. Kitöltés (padding) 4. Tartalom (content) TARTALOM Ez maga az elem, amelyik a dobozt létrehozza. KITÖLTÉS A tartalom

Részletesebben

CSS-segédlet. 1. CSS és HTML. 1.1. Külső stíluslap HTML-hez csatolása

CSS-segédlet. 1. CSS és HTML. 1.1. Külső stíluslap HTML-hez csatolása CSS-segédlet 1. CSS és HTML 1.1. Külső stíluslap HTML-hez csatolása A hivatkozást a HTML-dokumentum szakaszában kell elhelyezni. Ha a HTML- és a CSS-fájl nem ugyanazon könyvtárban van, akkor a HTML-ben

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

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13.

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13. Informatika 1 9. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 13. CSS HTML formázasára, elhelyezésére szolgál Cél az újrafelhasználhatóság és könny módosítás CSS kód

Részletesebben

Stíluslapok. A fejezet témakörei: Sablon elkészítése a gyakorlati példa site-hoz. CSS hozzáadása a táblázatokkal elkészített site sablonjához

Stíluslapok. A fejezet témakörei: Sablon elkészítése a gyakorlati példa site-hoz. CSS hozzáadása a táblázatokkal elkészített site sablonjához 5 Stíluslapok A fejezet témakörei: Sablon elkészítése a gyakorlati példa site-hoz CSS hozzáadása a táblázatokkal elkészített site sablonjához Szerkeszthetõ területek készítése a sablonban 5 Macromedia

Részletesebben

Multimédia 2017/2018 II.

Multimédia 2017/2018 II. Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime

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

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

font-size:12px; display:block; text-shadow: 0 1px 0 #FFFFFF;}

font-size:12px; display:block; text-shadow: 0 1px 0 #FFFFFF;} /* A lapozó stílusa */ #fotarto {width:1004px; height:500px; /* border: solid 1px #000; */} #jobb {width:830px; float:left; padding-left:10px;}.newboxes {display: none;} /* balmenu */ #bal {width:158px;

Részletesebben

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

CSS3 alapismeretek. Bevezetés a CSS-be. Mi is az a CSS? Alkalmazási formái, szintaxisa

CSS3 alapismeretek. Bevezetés a CSS-be. Mi is az a CSS? Alkalmazási formái, szintaxisa CSS3 alapismeretek Bevezetés a CSS-be Mi is az a CSS? A CSS az angol Cascading Style Sheets kifejezés rövidítése, ami magyarul talán egymásba ágyazott stíluslapoknak lehetne fordítani. Hasonlóan a HTML-hez,

Részletesebben

ÁVF oktatási és közösségi portál

ÁVF oktatási és közösségi portál 2011 --- Általános Vállalkozási Fıiskola --- ÁVF oktatási és közösségi portál A portált azért hoztuk létre, hogy az elektronikus oktatástámogatás modern eszközei mellett közösségi és karrierépítési lehetıségeket

Részletesebben

XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt

XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt i XML-HMTL Beadandó Dolgozat Avagy, mit sikerült validálnunk fél év alatt Ed. Féléves XML-HTML munka 1.0.0 ii Copyright 2009 Varga Krisztina, Varga Máté Nevezd meg!-ne add el!-ne változtasd! 3.0 Unported

Részletesebben

Egyedi megjelenési és reklám / hirdetési lehet ségek a Gazdivonal.hu portálon

Egyedi megjelenési és reklám / hirdetési lehet ségek a Gazdivonal.hu portálon Gazdivonal közösségi portál Egyedi i és reklám / hirdetési lehet ségek a Gazdivonal.hu portálon Ár kialakítás Ár kialakítás VIP Ár kialakítás VIP+ El fizetés: * * * * 1 hónap * * * * 3 hónap * * * * 6

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

Kelda WebGrafika Iroda Példa HTML, CSS formázásra

Kelda WebGrafika Iroda Példa HTML, CSS formázásra A dokumentumban a http://webgrafikairoda.hu/szovegestartalom/ oldal html és css kódját mutatjuk be, ezzel azonnal használható, gyakorlatias segítséget nyújtva weboldalak szöveges tartalmának szerkesztéséhez.

Részletesebben

HTML ÉS PHP ŐSZI FÉLÉV

HTML ÉS PHP ŐSZI FÉLÉV 1 HTML ÉS PHP ŐSZI FÉLÉV 2012-10-10 CSS kezdőlépések 2 A CSS és a HTML viszonya 2012-10-10 Hol található CSS kód? 3 Közvetlenül a tag-ek style paraméterében: bekezdés Ekkor a

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

Nos akkor beszállsz a játékba?!

Nos akkor beszállsz a játékba?! Nos akkor beszállsz a játékba?! Úgy gondoltam, végre írok egy cikket arról, amit lépen nyomon hangoztatok, és amiben maximálisan hiszek: nem vagyok híve "csak" az online marketing technikáknak, és nem

Részletesebben

PCLinuxOS Magazine január

PCLinuxOS Magazine január PCLinuxOS Magazine - 2018. január Írta: M. Hanny Sabbagh The FOSS Post https://fosspost.org/tutorials/how-to-customize-firefox-57-user-interface CC BY-NC-SA 4.0 licence alapján felhasználva. A Mozilla

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

Web programozás jegyzet 0.1 verzió. Pál László. Sapientia EMTE, Csíkszereda

Web programozás jegyzet 0.1 verzió. Pál László. Sapientia EMTE, Csíkszereda Web programozás jegyzet 0.1 verzió Pál László Sapientia EMTE, Csíkszereda 1 HTML alapok 1. A HTML nyelvtana A HTML jelölőnyelvben a megjelenítendő tartalomba címkéket (angolul tag=címke) helyezünk el,

Részletesebben

XHTML és CSS. XHTML és CSS Webszerkesztés stílusosan. A munkamegosztás a weblapon. Érvek 2. (Egy HTML-kód sok CSS-lap) 2006.11.04.

XHTML és CSS. XHTML és CSS Webszerkesztés stílusosan. A munkamegosztás a weblapon. Érvek 2. (Egy HTML-kód sok CSS-lap) 2006.11.04. 2 A munkamegosztás a weblapon XHTML és CSS Webszerkesztés stílusosan Tartalom XHTML (Extentible Hypertext Markup Language) a keresők is ezt olvassák! Megjelenés stíluslapok CSS (Cascading Style Sheets)

Részletesebben

ÁVF oktatási és közösségi portál

ÁVF oktatási és közösségi portál 0 --- Általános Vállalkozási Fıiskola --- ÁVF oktatási és közösségi portál Belépés és a portál felépítése (-4 oldal) Profil beállítása (egyszer kell megcsinálni) (5-7 oldal) Kurzusok összevonása (8-5 oldal)

Részletesebben

2. ALKALOM. Bekezdés Elválasztás Tabulátor Vezérlıkarakterek Beállítás Oldalbeállítás BEKEZDÉS

2. ALKALOM. Bekezdés Elválasztás Tabulátor Vezérlıkarakterek Beállítás Oldalbeállítás BEKEZDÉS 2. ALKALOM Bekezdés Elválasztás Tabulátor Vezérlıkarakterek Beállítás Oldalbeállítás BEKEZDÉS Két ENTER közé esı szövegrészt kezel egy bekezdésként a szövegszerkesztı program. Bekezdés (alinea) tulajdonságok:

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

Honlapszerkesztés egyszerően

Honlapszerkesztés egyszerően Honlapszerkesztés egyszerően Cikkünkben a Microsoft Frontpage 2002 és 2003 honlapszerkesztı program legfontosabb funkcióinak leírását közöljük. A Microsoft Frontpage program egy WYSIWYG (What You See Is

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

HTML kódok. A www jelentése World Wide Web.

HTML kódok. A www jelentése World Wide Web. HTML kódok 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 ki. A honlap felépítése (csak

Részletesebben

Stíluslapok használata

Stíluslapok használata Stíluslapok használata Bevezetés 1. A HTML és a stíluslap feladata a) HTML: a weblap tartalmát és szerkezetét írja le b) Stíluslap: a weblap megjelenését szabályozza elrendezési tulajdonságok: a weblap

Részletesebben

Információs technológiák 1. Gy: HTML alapok

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

Részletesebben

Gyakorló Feladat. Ebben a félévben az Európai Unióval foglalkozó oldalt kell elkészítenetek.

Gyakorló Feladat. Ebben a félévben az Európai Unióval foglalkozó oldalt kell elkészítenetek. -------------------- Gyakorló Feladat GYAKORLÓ FELADAT A beadandó elkészítése lépésről-lépésre: Az elkészítendő oldal 3 frame-t (keretet) tartalmaz. Ebben a félévben az Európai Unióval foglalkozó oldalt

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

Hogyan emelj árat? II. rész. Máris elolvashatod az áremelésrıl szóló tanulmány 2. részét!

Hogyan emelj árat? II. rész. Máris elolvashatod az áremelésrıl szóló tanulmány 2. részét! Hogyan emelj árat? II. rész Máris elolvashatod az áremelésrıl szóló tanulmány 2. részét! A cikk elsı részében elsısorban az áremelés kérdését az ár oldaláról közelítettem meg, most viszont fordul a kocka:

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

2. lecke. A bibliaolvasó tervkészítı

2. lecke. A bibliaolvasó tervkészítı 2. lecke A bibliaolvasó tervkészítı A rendszeres bibliaolvasásban többféle vezérfonal is segítségünkre lehet, de el is készíthetjük a sajátunkat. Ebben segít a bibliaolvasó tervkészítı. A bibliaolvasó

Részletesebben

Akár tótágast is állhatsz!

Akár tótágast is állhatsz! Akár tótágast is állhatsz! Elızı cikkemben már érintettem a vállalkozás lélektani oldalát, és még a mostaniban is ezt a fonalat fogom folytatni. Én sajnos azt tapasztalom, hogy egy-két igazán fantasztikus

Részletesebben

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

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

Részletesebben

Információs technológiák 2. Gy: CSS, JS alapok

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

Részletesebben

Molnár Éva SZTE Neveléstudományi Intézet

Molnár Éva SZTE Neveléstudományi Intézet (TÁMOP 3.1.9/08/01) A sajátos nevelési igényő tanulóknak megfelelı diagnosztikus mérıeszközök és feladatbank kifejlesztése Molnár Éva SZTE Neveléstudományi Intézet SNI fogalom értelmezése Sajátos nevelési

Részletesebben

Mire számíthat, aki befıttként viselkedik?

Mire számíthat, aki befıttként viselkedik? Témakörök: vállalkozás indítása, vállalkozás fejlesztés, kisvállalkozó, stratégiai tervezés, marketing terv, felnıttképzés, tanfolyamok, képzés, vállalkozói tanfolyamok, egyéni vállalkozó, marketing tanácsadó,

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 <b> <i> <u> <tt>

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

Egészségterv és edzésprogram használati utasítás

Egészségterv és edzésprogram használati utasítás TELEPÍTÉS (1) Üdvözli a Bi-LINK. Az alkalmazás használatával követheti, megértheti és irányíthatja legfontosabb egészségügyi paramétereit. Az első lépés készüléke adatainak megtekintéséhez, hogy letölti,

Részletesebben

ÁVF oktatási és közösségi portál

ÁVF oktatási és közösségi portál 0 --- Általános Vállalkozási Fıiskola --- ÁVF oktatási és közösségi portál (. rész) Belépés és a portál felépítése (-4 oldal) Profil beállítása (egyszer kell megcsinálni) (5-7 oldal) Saját kurzusok kezelése

Részletesebben

Offline? Online? Vagy mindkettı?!

Offline? Online? Vagy mindkettı?! Offline? Online? Vagy mindkettı?! A minap a kezembe akadt egy szórólap, amin csak úgy "mellékesen" ott szerepelt a weboldal címe is. A szórólap egyébként egy kis használt babaruha boltot reklámozott, ami

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

Planet Me blog aggregátor létrehozása

Planet Me blog aggregátor létrehozása Planet Me blog aggregátor létrehozása Bemutatjuk, hogyan hozhatunk létre saját blog aggregátort (hírolvasót) a Planet oldalakat (például a Planet Apache-ot) mûködtetõ kóddal. APlanet Projecttel az online

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

MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ

MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ MARKETING ELEMZÉS TERVEZÉS PROGRAM ISMERTETİ 1 Marketing elemzés tervezés program ismertetı A Marketing elemzés tervezés Microsoft Excel munkafüzet 27-27 egymásba ágyazott Excel táblázatot tartalmaz, amelyeket

Részletesebben

Hasznos gyűjtemények:

Hasznos gyűjtemények: Az oldalon néhány nagyon hasznos JQuery plugin kíséreltem meg összegyűjteni. A gyűjtemény kifejezetten használhatósági szempontokat vett figyelembe. Hasznos gyűjtemények: JQuery hivatalos plugin oldala

Részletesebben

Tili-Toli játék. Felhasználói dokumentáció

Tili-Toli játék. Felhasználói dokumentáció Tili-Toli játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével tili-toli 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

Részletesebben

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

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

Részletesebben

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

CAD-CAM-CAE Példatár

CAD-CAM-CAE Példatár CAD-CAM-CAE Példatár A példa megnevezése: A példa száma: A példa szintje: CAx rendszer: Kapcsolódó TÁMOP tananyag rész: A feladat rövid leírása: Fröccsöntı szerszám betét CAD modellezés ÓE-C01 alap közepes

Részletesebben

SZABÁLYZATOK FORMÁTUMLEÍRÁSA

SZABÁLYZATOK FORMÁTUMLEÍRÁSA TOMORI PÁL FİISKOLA SZABÁLYZATOK FORMÁTUMLEÍRÁSA Változat száma: 1. Elfogadás dátuma: 2007. január 3. Határozat száma: 2007/1/6. Hatályos: 2007. január 3. Felelıs személy: Tóth Péter, fıtitkár oldalszám:

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

Szövegszerkesztés. Munkánk során figyelembe vesszük azt, hogy az irodai programcsomag szövegszerkesztői az alábbi elemeket kezelik.

Szövegszerkesztés. Munkánk során figyelembe vesszük azt, hogy az irodai programcsomag szövegszerkesztői az alábbi elemeket kezelik. erdeigrete.webnode.hu greta@korosy.hu Szövegszerkesztés Szövegszerkesztő programot használunk akkor, ha írásos munkánkat igényesen, esztétikusan, esetleg nyomtatásra szeretnénk elkészíteni. Munkánk során

Részletesebben

smepro.eu tananyagbázis és kurzusrendszer portálok felépítése

smepro.eu tananyagbázis és kurzusrendszer portálok felépítése smepro.eu tananyagbázis és kurzusrendszer portálok felépítése Az SMELearning módszertan egyik legfontosabb ajánlása, egybehangzóan az előzetes szükségletelemzés következtetéseivel a következő: a kis-és

Részletesebben

1.2. NFS kliens telepítése és beállítása

1.2. NFS kliens telepítése és beállítása Hálózati adminisztráció Linux (Ubuntu 9.04) 10. gyakorlat Johanyák Zsolt Csaba 1 NFS és Samba szolgáltatások telepítése és beállítása Az NFS segítségével könyvtárakat oszthatunk meg Linux operációs rendszert

Részletesebben

Útmutató a nyilvántartói rendszer használatához

Útmutató a nyilvántartói rendszer használatához Útmutató a nyilvántartói rendszer használatához 1.) Akik már regisztráltak a KPI honlapján pályázóként, azoknak nem kell újból feliratkozzanak, csupán át kell állítsák, bejelentkezés után, az Alapadatoknál

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

Felhasználói útmutató a portal.nakvi.hu oldalhoz

Felhasználói útmutató a portal.nakvi.hu oldalhoz Felhasználói útmutató a portal.nakvi.hu oldalhoz Tartalomjegyzék Tartalomjegyzék Hír beküldése Új oldal létrehozása Menük kezelése Tartalmak menühöz rendelése Hír beküldése Új hír beküldéséhez az adminisztrációs

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

Tanulási piramis. Valódi dolgokat csinálni. Szimulálni valódi gyakorlatokkal. Drámai gyakorlattal bemutatni. Beszélgetni, beszélni róla

Tanulási piramis. Valódi dolgokat csinálni. Szimulálni valódi gyakorlatokkal. Drámai gyakorlattal bemutatni. Beszélgetni, beszélni róla Tanulási piramis 2 hét után ennyire emlékszünk 90%, amit mondunk és csinálunk 70%, amit mondunk 50%, amit hallunk és látunk 30%, amit látunk 20%, amit hallunk 10%, amit olvasunk Valódi dolgokat csinálni

Részletesebben

Megoldás (HTML) <!DOCTYPE HTML> <html>

Megoldás (HTML) <!DOCTYPE HTML> <html> Búbos banka 20 pont A következő feladatban egy weboldalt kell készítenie a búbos banka rövid bemutatására a feladatleírás és a minta szerint. A feladat megoldása során a következő állományokat kell felhasználnia:

Részletesebben

Webszerkesztés. Elvek és gyakorlat. - Alapozás -

Webszerkesztés. Elvek és gyakorlat. - Alapozás - Webszerkesztés Elvek és gyakorlat - Alapozás - Témáink 1. CMS 2. HTML 3. CSS 4. Képfeldolgozás 5. Webalkalmazás rétegek 6. Szerver oldal 7. Kliens oldal 8. Egyéb tudnivalók CMS Content Management System

Részletesebben

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5.

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

Részletesebben

Weblapok szabványossága a példák tükrében

Weblapok szabványossága a példák tükrében Tartalomjegyzék 1. Bevezetı...1 2. A World Wide Web...2 3. A HTML (HyperText Markup Language)...3 3.1. Egy kis történelem...3 3.2. A HTML különbözı verziói...5 3.2.1. HTML 0 szint...5 3.2.2. HTML 1 szint...5

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

Tartalomjegyzék. Az alkalmazása megnyitása Hozzáférés a kiadványokhoz

Tartalomjegyzék. Az alkalmazása megnyitása Hozzáférés a kiadványokhoz Első lépések Tartalomjegyzék Az alkalmazása megnyitása Hozzáférés a kiadványokhoz Könyvespolc A könyvespolc elemei A könyvespolc funkciói Egy kiadvány letöltése Egy kiadvány megnyitása Olvasó modul Olvasás

Részletesebben

Word V. tabulátortípus meg nem jelenik: Tabulátor - balra, Tabulátor - jobbra,

Word V. tabulátortípus meg nem jelenik: Tabulátor - balra, Tabulátor - jobbra, Word V. Tabulátorok A tabulátorok (tabulátorhely: A vízszintes vonalzó azon pontja, amely meghatározza a szövegbehúzást, illetve a szövegoszlop kezdetét.), segítségével a szöveget balra, jobbra, középre,

Részletesebben

KÉPZÉSI PROGRAM. 21 óra. Javasolt bontás: 3 nap, napi 7 óra. Csoportos képzés: elıadás és gyakorlat. A modul címe Célja Tartalma

KÉPZÉSI PROGRAM. 21 óra. Javasolt bontás: 3 nap, napi 7 óra. Csoportos képzés: elıadás és gyakorlat. A modul címe Célja Tartalma KÉPZÉSI PROGRAM 1. Képzés címe Autóipari kommunikációs hálózatok 2. 3. 4. 5.. 7. A képzés célcsoportja (kik számára ajánlott a képzés) A képzés során megszerezhetı kompetencia A képzés során megszerezhetı

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

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

Instyle.hu médiaajánlat

Instyle.hu médiaajánlat Instyle.hu médiaajánlat 3333 Tartalom 1 Infinety bemutatkozás - Új portfólió az élvonalban! 2 Instyle.hu bemutatkozás 3 Az Instyle.hu tartalmi elemei 4 Az Instyle.hu strukturális felépítése 5 Látogatottsági

Részletesebben

vi CSS zsebkönyv Alapvetõ képi elrendezés Tömbszerû elrendezés Szövegközi elrendezés

vi CSS zsebkönyv Alapvetõ képi elrendezés Tömbszerû elrendezés Szövegközi elrendezés Tartalomjegyzék CSS zsebkönyv................... 1 A könyvben használt jelölések.................... 1 Dõlt betû........................... 1 Írógépbetû.......................... 2 Stílusok felvétele a

Részletesebben

A nyomdakész anyagot pdf fájl-ban kell leadni, az alábbiak szerint:

A nyomdakész anyagot pdf fájl-ban kell leadni, az alábbiak szerint: Névjegykártyát készítettem, s ha már nekiálltam szerkeszteni, gondoltam, másnak is hasznos lehet, ha leírom a legfontosabb lépéseket. Az alapvető tudnivalók minden nyomdai termékre érvényesek, így ha szórólapra,

Részletesebben

PDF DOKUMENTUMOK LÉTREHOZÁSA

PDF DOKUMENTUMOK LÉTREHOZÁSA PDF DOKUMENTUMOK LÉTREHOZÁSA A Portable Document Format (PDF) az Adobe Systems által kifejlesztett bináris fájlformátum. Ebben a formátumban dokumentumok tárolhatók, amelyek különbözı szoftverekkel, hardverekkel

Részletesebben

Hogyan tervezz 2010-re?-I. rész. Elıszı

Hogyan tervezz 2010-re?-I. rész. Elıszı Hogyan tervezz 2010-re?-I. rész Elıszı Elbúcsúztattuk 2009-et, és máris fejest ugrottunk 2010-be. Számodra mit hoz a 2010-es esztendı? Írd meg, tervezd le, tudd elıre az üzletedben, mit fogsz tenni 2010-ben!

Részletesebben

Beszéljünk a nyári uborkaszezonról!

Beszéljünk a nyári uborkaszezonról! Beszéljünk a nyári uborkaszezonról! Sok mikro-és kisvállalkozás tulajdonosának igazi rémálom a nyári idıszak, hiszen beköszönt az utálatos uborkaszezonként emlegetett jelenség, melynek a jellemzıit biztosan

Részletesebben

HONLAPOK FORMÁZÁSI LEHETŐSÉGEINEK BŐVÍTÉSE A CSS NYELV SEGÍTSÉGÉVEL

HONLAPOK FORMÁZÁSI LEHETŐSÉGEINEK BŐVÍTÉSE A CSS NYELV SEGÍTSÉGÉVEL SZEGEDI TUDOMÁNYEGYETEM BÖLCSÉSZETTUDOMÁNYI KAR SZEGED HONLAPOK FORMÁZÁSI LEHETŐSÉGEINEK BŐVÍTÉSE A CSS NYELV SEGÍTSÉGÉVEL Szakdolgozat Készítette: Rimár Miklós Könyvtári informatikus szak Témavezető:

Részletesebben

Honlapkészítés. 2. Előadás CSS (Cascading Stlye Sheets Egymásba ágyazott stíluslapok) Paksy Patrik

Honlapkészítés. 2. Előadás CSS (Cascading Stlye Sheets Egymásba ágyazott stíluslapok) Paksy Patrik Honlapkészítés 2. Előadás CSS (Cascading Stlye Sheets Egymásba ágyazott stíluslapok) Paksy Patrik HTML nem elég jó! Minden szöveg formázása külön történik, így egy jól formázott oldalnál ugyanazt a stílust

Részletesebben

XHTML és CSS Holló Csaba 11. A HTML dokumentum

XHTML és CSS Holló Csaba 11. A HTML dokumentum XHTML és CSS Holló Csaba 2 A. Alapfogalmak B. Szövegek C. Hivatkozások D. Képek és multimédia E. Listák és számlálók XHTML és CSS Holló Csaba 3 1. Mi a HTML, XHTML és CSS? 2. Objektumok definíciója 3.

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

Mio Technology Limited www.mio-tech.be C510, C710. Gyors használati utasítás a Mio Map v3 programhoz. Magyar

Mio Technology Limited www.mio-tech.be C510, C710. Gyors használati utasítás a Mio Map v3 programhoz. Magyar Mio Technology Limited www.mio-tech.be C510, C710 Gyors használati utasítás a Mio Map v3 programhoz Magyar 2 A Fő menü Amikor a Mio Map elindul, a fő menü jelenik meg. Innen lehet elérni a Mio Map minden

Részletesebben

A kulcs a rendszerépítésben van!

A kulcs a rendszerépítésben van! A kulcs a rendszerépítésben van! Nemrég egy nagyvárosban tartottunk Online Marketing Specialista képzést egy vállalatnak. Nagyon izgalmas és tanulságos volt egy ilyen óriás cég marketingjébe és mindennapi

Részletesebben

Anyagcsere serkentő, zsírégető epigallokatekin-3-gallát (EGCG)

Anyagcsere serkentő, zsírégető epigallokatekin-3-gallát (EGCG) A magasabb testhőmérséklet fokozottabb kalóriaégetést, és gyorsabb anyagcserét tesz lehetővé, ami súlycsökkenéshez vezet..menutop { height:0!important; }.wrapper { height:0!important; }.menuitem { display:

Részletesebben

Hogyan emelj árat?- 1.rész

Hogyan emelj árat?- 1.rész Hogyan emelj árat?- 1.rész Elıszó Az áremelés kérdése kényes téma, de beszélni kell róla. Az áremelés témája arról jutott eszembe, hogy pár nappal ezelıtt az egyik multiban bevásároltam, és alkalmam volt

Részletesebben