Képek a HTML oldalon
|
|
- Gabi Vassné
- 8 évvel ezelőtt
- Látták:
Átírás
1 Képek a HTML oldalon Utolsó módosítás: 11/22/ :07:28 Háttérkép Ahhoz, hogy az adott oldal háttérképpel rendelkezzen, a <BODY> részben el kell helyeznünk a background="kep" paramétert, ahol a kép GIF, illetve JPG formátumú lehet! Jelen esetben: <BODY background="backg.gif"> Azt is beállíthatjuk, hogy a háttér a szöveg gördítésénél egy helyben maradjon, és csak a szöveg mozogjon a háttér felett. Ez a funkció viszont csak az Internet Explorer böngészővel látható. Használata: A <body> részbe a.bgproperties="fixed" paramétert kell beillesztenünk pl. <body background="backg.gif" bgproperties="fixed"> Nagyon fontos, hogy olyan háttérképet válasszunk, amelyen a szöveg olvasható marad. (pl. a szöveg színe, illetve a linkek színe ne vegye fel a háttérkép színét, mert emiatt a szöveg, vagy link nem fog rendesen látszódni.) Így olvashatatlan a szöveg Ez már jobb... De ezt is nagyon fárasztó hosszú távon olvasni... Ez kellemes háttér, és olvasható marad a szöveg... De ezt is el elehet rontani... Hol olvasható hol nem, Hol olvasható hol nem, Hol olvasható hol nem,hol olvasható hol nem, Ez sem túl szerencsés...
2 ha nem tudod elolvasni a szöveget, akkor jelöld ki az egérrel. A saját honlapod elkészítésénél ügyelj a színhatásra, az olvashatóságot nem szabad feláldozni egy szebb háttérkép érdekében... Erre megoldás lehet, ha megadjuk, hogy az adott oldal egészén milyen színű legyen a szöveg, és a link. Ezt a következőképpen érhetjük el: a <body> részt egészítsük ki a következő paraméterekkel: text= szín vagy színkód (a szöveg színét állítja be) link= szín vagy színkód (a linkek színét állítja be) alink= szín vagy színkód (az aktív linkek színét állítja be) vlink= szín vagy színkód (a már meglátogatott linkek színét állítja be) pl. <body bgcolor="#caffb0" text="#aa3900" link="#0000ff" alink="#ff2020" vlink="#800020"> Háttérszín beállítása Ha nem képet, hanem valamilyen színt szeretnénk oldalunk hátterének, akkor a bgcolor paramétert használhatjuk. <BODY bgcolor="színkód" > vagy <BODY bgcolor="szín neve" > pl.: <BODY bgcolor="#ff0000" > vagy <BODY bgcolor="red" > Képek elhelyezése az oldalon <IMG> Képet az <IMG> paraméterrel helyezhetünk el az oldalon. Paraméterei: src: URL (vagyis a kép útvonalának megadása) width: a kép szélessége pixelekben height: a kép magassága pixelekben align: a kép és a szöveg viszonyának megadása o top: a kép teteje a mellette lévő szöveg tetejével lesz egy vonalban o middle: a kép közepe lesz a szöveg alapvonala o bottom: a kép alját a szöveg alapvonalához illeszti (ez az alapértelmezett) o left: a képet a bal oldali margóhoz igazítja o right:a képet a jobb oldali margóhoz igazítja border: a kép köré rajzolandó keret vastagságának megadása hspace: a kép körül vízszintesen hagyandó átlátszó sáv mérete pixelben vspace: a kép körül föggőlegesen hagyandó átlátszó sáv mérete pixelben
3 alt: leírás, jellemző szöveg a képről. (Akkor jelenik meg, ha a böngésző nem képes megjeleníteni a képeket. Egyes böngészőkben akkor is látható, ha a kép fölé visszük az egérkurzort) Tetőhöz igazítva <IMG SRC="infologo.gif" ALIGN=top> Tetőhöz igazítva <IMG SRC="infologo.gif" ALIGN=middle>Középhez igazítva Középhez igazítva <IMG SRC="infologo.gif" ALIGN=middle>Középhez igazítva <IMG SRC="infologo.gif" ALIGN=bottom>Talphoz igazítva Talphoz igazítva
4 <IMG SRC="infologo.gif" ALIGN=bottom> Talphoz igazítva <IMG SRC="infologo.gif" ALIGN=left>Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az eredeti margóhoz ugrik vissza. Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az eredeti margóhoz ugrik vissza. <IMG SRC="infologo.gif" ALIGN=left>Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az erede <IMG SRC="infologo.gif" ALIGN=right>A jobb oldalra igazított kép is az előzőhöz hasonlóan viselkedik. Természetesen a szöveg továbbra is balra lesz igazítva. A jobb oldalra igazított kép is az előzőhöz hasonlóan viselkedik. Természetesen a szöveg továbbra is balra lesz igazítva.
5 <IMG SRC="infologo.gif" ALIGN=right>A jobb oldalra igazított kép is az elozohöz hasonlóan viselkedik. Természetesen a <IMG SRC="infologo.gif" ALIGN=left><IMG SRC="infologo.gif" ALIGN=right>A két utóbbi lehetőség együttes alkalmazása is lehetséges. A két utóbbi lehetőség együttes alkalmazása is lehetséges. <IMG SRC="infologo.gif" ALIGN=left> <IMG SRC="infologo.gif" ALIGN=right> A két utóbbi lehetőség együttes alkalmazása is lehetséges. <a href=" <IMG SRC="infologo.gif" ALT="Info Savaria'99" ALIGN=left width="180" height="150" border="5" hspace="15" vspace="5" > </a> Az INFO 9? konferencia rendezői ez évtől Szombathelyen is elindítják az informatika oktatással és érvényesülési ismeretekkel foglakozó konferencia sorozatot. A már nyolcadik éve Békéscsabán megrendezett INFO konferencia nagy sikere azt bizonyítja, hogy az informatika oktatással kapcsolatban lévő tanárok illetve más szakemberek széles rétegének szüksége van azokra a tapasztalatcserékre, információkra, továbbképzésekre és egyéb programokra amiket az INFO konferencia nyújt. Nyilvánvaló viszont, hogy a békéscsabai INFO konferencia a nyugat-dunántúli tanárok, szakemberek többsége számára lényegében elérhetetlen az utazási távolságok miatt. Optimális megoldásként ez évtől két alkalommal rendezünk INFO konferenciát:
6 <a href=" w w.szikszi.hu/infosavaria/"> <IMG SRC="infologo.gif" ALT="Info Savaria'99" ALIGN=left w idth="180" height="150" border="5" hspace="15" vspace="5" > </a> Természetesen táblázatok használatával is megoldhatóak a különböző igazítások: <table border="0" cellpadding="0" cellspacing="0" width="495"> <td width="165"> <img src="infologo.gif" align="left" hspace="0" width="165" height="65"> <td align="center" width="165"> <strong>info SAVARIA</strong> <td width="165"> <img src="infologo.gif" align="left" hspace="0" width="165" height="65"> <td width="165"> <strong>info SAVARIA</strong> <td width="165"> <img src="infologo.gif" align="left" hspace="0" width="165" height="65"> <td align="right" width="165"> <strong>info SAVARIA</strong> <td align="center" valign="bottom" width="165"> <img src="infologo.gif" width="124" height="49"> <img src="infologo.gif" width="124" height="49"> <td align="center" valign="bottom" width="165"> <strong>info SAVARIA</strong> <td align="center" width="165">
7 <img src="infologo.gif" align="middle" width="140" height="100"> </table> INFO SAVARIA INFO SAVARIA INFO SAVARIA INFO SAVARIA <table border="0" cellpadding="0" cellspacing="0" w idth="495"> <td w idth="165"><img src="infologo.gif" align="left" hspace="0" w idth="165" height="65"> <td align="center" w idth="165"><strong>info SAVARIA</strong> <td w idth="165"><img src="infologo.gif" align="left" hspace="0" w idth="165" height="65"> <td w idth="165"><strong>info SAVARIA</strong> <td w idth="165"><img src="infologo.gif" align="left" hspace="0" w idth="165" height="65"> <td align="right" w idth="165"><strong>info SAVARIA </strong> <td align="center" valign="bottom" w idth="165"><img src="infologo.gif" w idth="124" height="49"><img src="infologo.gif" w idth="124" height="49"> <td align="center" valign="bottom" w idth="165"> <strong>info SAVARIA</strong>
8 Probléma: Sok esetben előfordul, hogy például egy balra igazított kép melletti szöveg esetében be szeretném állítani, hogy a következő sor már ne a kép mellé kerüljön, hanem a bal margóhoz igazítva. Ez az 1.sor Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé. Megoldás: <br clear="left"> tag használata Ekkor a sortörés utáni szöveg a bal oldali margónál lévő kép aljához ugrik. Ez az 1.sor Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé. <img src="infologo.gif" align="left" hspace="0" w idth="100" height="100"> Ez az 1.sor <br clear="left"> Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé. Ugyanez természetesen a <br clear="right"> tag használatával a jobb oldali margóhoz történő igazításra is vonatkozik. Abban az esetben, ha mindkét margóhoz igazítottunk egy-egy képet, akkor a <br clear="all"> tag használatával a szöveg a legalsó kép aljához ugrik.
9 Nézzük a következő példát. Itt a <br clear="right"> taget használtuk. Így a következő sor a jobb oldali margóhoz igazodik. Következő sor Ebben a példában a <br clear="all"> taget használtuk. Így a következő sor a legalsó kép aljához ugrik.. Következő sor <img src="infologo.gif" align="left" hspace="0" w idth="100" height="140"><img src="infologo.gif" align="right" hspace="0" w idth="60" height="70">ebben a példában a <br clear="all"> taget használtuk. Így a következő sor a legalsó kép Átlátszó (transparent) képek Érdemes megemlíteni, hogy GIF formátumú képek esetén lehetőség van arra, hogy a kép egy színét valamilyen segédprogrammal átlátszóvá tegyük. Ekkor az adott szín helyett az oldal háttere, vagy háttérszíne fog megjelenni. pl. A bal oldali képet egy grafikai programmal úgy módosítottuk, hogy a fekete szín legyen a transparent (átlátszó) szín. Az eredmény a jobb oldali képen látható.
10 pl. egy olyan táblázatban, ahol a cellák háttérszínnel rendelkeznek a következő hatás érhető el: <table border="0"> <td bgcolor="#000080"> <img src="redrose2.gif" w idth="137" height="94"> <td bgcolor="#008000"> <img src="redrose2.gif" w idth="137" height="94" <td bgcolor="#008080"> <img src="redrose2.gif" w idth="137" height="94"> </table> Margók beállítása A böngészők a lap tartalma és a böngésző kerete között (bal oldalról és felülről) üres sávot (margót) hagynak. A margó méretét a <body> tagben adhatjuk meg. pl. <BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0> A megfelelő paraméterek: Internet Explorer esetén Netscape esetén
11 leftmargin: a bal oldali margó képpontokban topmargin:a felső margó képpontokban marginwidth: a bal oldali margó képpontokban marginheight: a felső margó képpontok
Táblázatok. Utolsó módosítás: 11/22/ :07:23
Táblázatok Utolsó módosítás: 11/22/2004 13:07:23 A táblázat megadása a tag használatával lehetséges. A és tageken belül, a elemekkel adhatjuk meg a táblázat sorait. A elemek a sorokon
RészletesebbenWebprogramozás HTML alapok 2. 3. előadás
Webprogramozás HTML alapok 2. 3. előadás Hivatkozások - linkek Link: más webes tartalomra történő irányítás Hivatkozások - linkek abszolút hivatkozás fizika kar weboldala
RészletesebbenHTML alapok. A HTML az Internetes oldalak nyelve.
A HTML az Internetes oldalak nyelve. HTML alapok Karakteres szövegszerkesztővel (pl. Jegyzettömb) szerkeszthető. FONTOS, hogy az elkészült oldal kiterjesztése ne txt, hanem html legyen! Felépítése: Két
RészletesebbenHTML 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Á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észletesebbenHTML 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észletesebbenHTML alapok 1. Minimális HTML file: <HTML> <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY>... </BODY> </HTML> Formátum parancsok:
HTML alapok 1 Minimális HTML file: cím ... Formátum parancsok: dőlt szöveg félkövér aláhúzott új sor vízszintes vonal
Részletesebben4. rész. HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét.
HTML HÁTTÉR BEÁLLÍTÁSA, KÉPEK A WEBLAPON HIPERLINKEK, HIVATKOZÁSOK DOKUMENTUM ADOTT PONTJÁRA VALÓ UGRÁS 4. rész HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk
RészletesebbenHTML é 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észletesebbenInternet, 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észletesebbenHonlapké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észletesebbenMultimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
RészletesebbenA html nyelv elemi. Megnevezés Leírás Példa/Magyarázat
A html nyelv elemi Megnevezés Leírás Példa/Magyarázat Sortörés Karakter formázás Félkövér Dılt aláhúzott betőméret betőstílus Alapméret
RészletesebbenWAP. A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa.
WAP A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa. A WAP lehetővé tette, hogy a mobiltelefon tulajdonosok
RészletesebbenWeblap 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észletesebbenTamá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Összetett feladatok. Föld és a Hold
1. feladat Összetett feladatok Föld és a Hold Készíts weblapot, ahol a Földet és a Holdat mutatod be! A weblaphoz tartozó nyers szöveg a fold.txt és a hold.txt tartalmazza. A forrásban megtalálod a fold.jpg
RészletesebbenHTML alapok. HTML = HyperText Markup Language
HTML = HyperText Markup Language HTML alapok A HTML jelölő nyelv, ami azt jelenti, hogy jelölőelemek (tag-ek) segítségével lehet a tartalom megformázására, elrendezésére vonatkozó utasításokat a böngésző
RészletesebbenA Nobel díj története és a magyar fizikai Nobel díjasok
1. feladat A Nobel díj története és a magyar fizikai Nobel díjasok A weblapok híres magyar tudósok fényképeit és rövid életrajzukat kell, hogy tartalmazzák. A tudosok könyvtárban találod a meg a képeket
RészletesebbenKö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észletesebbenMegoldá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észletesebbenWeblapszerkesztési alapok
Weblapszerkesztési alapok Az internet fogalma INTER NET: International Network = Nemzetközi számítógépes hálózat. A gyökerek az 1960-as évekig nyúlnak vissza, a történet katonai fejlesztések civil szférába
RészletesebbenOktatá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észletesebbenSelteco Menu Maker 4
Selteco Menu Maker 4 Felhasználói Kézikönyv 4.1.5 1999-2010 Selteco Software Minden jog fenntartva. www.selteco.hu Menu Maker 4 Kezdjük el...3 Menüelem hozzáadása...4 Almenü készítés...5 Menü exportálás...6
RészletesebbenA 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észletesebbenEgyszerű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észletesebbenHTML. Szerkesszünk honlapot.. az alapoktól
HTML Szerkesszünk honlapot.. az alapoktól HTML A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek
RészletesebbenWebkezdő. 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észletesebbenTáblázatkezelés 2. - Adatbevitel, szerkesztés, formázás ADATBEVITEL. a., Begépelés
Táblázatkezelés 2. - Adatbevitel, szerkesztés, formázás ADATBEVITEL a., Begépelés Az adatok bevitelének legegyszerűbb módja, ha a táblázat kijelölt cellájába beírjuk őket. - számok (numerikus adatok) -
RészletesebbenSzámítógép Architektúrák. 3. Gyakorlat (shell és HTML alapok)
Számítógép Architektúrák 3. Gyakorlat (shell és HTML alapok) Gyakorlati feladatok 1 3. gyakorlat feladatai: 1. és 2. bekezdés Eredeti: Google: Linux:Könyvtár és fájlkezelés http://wiki.koczka.hu/index.php/linux:k%c3%
RészletesebbenWeblapok az érettségin. 2. feladat: weblap vagy prezentáció és grafika 30 pont
Weblapszerkesztés Weblapok az érettségin 2. feladat: weblap vagy prezentáció és grafika 30 pont Weblapszerkesztők MS Front Page MS Share Point Designer Macromedia Dreamwaver Mozilla Composer / NVU / Kompozer
RészletesebbenSzéchenyi István Egyetem. Műszaki Tudományi Kar. Informatikai és Villamosmérnöki Intézet Távközlési Tanszék. Villamosmérnöki szak HTML
Széchenyi István Egyetem Műszaki Tudományi Kar Informatikai és Villamosmérnöki Intézet Távközlési Tanszék Villamosmérnöki szak HTML HTML segédlet számítógép hálózatok tárgy gyakorlatához A jegyzet teljes
RészletesebbenInformatika 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észletesebbenHTML É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észletesebbenTáblázatok. Feladatok Szegélyek és cellák. 1. feladat. 2. feladat
Táblázatok A táblázatok cellákat tartalmazó sorokból és oszlopokból épülnek fel. A cellában szöveg, szövegközi grafikák és egyéb táblázatok is elhelyezhetők. A táblázat táblázatba történő beszúrásánál
RészletesebbenHTML szerkesztés. HTML bevezetés
HTML szerkesztés HTML bevezetés Az internet fogalma: egy világméretű számítógép-hálózat, amely kisebb hálózatok összekapcsolódásából áll össze, a hálózatok hálózata, mely adatok továbbítását teszi lehetővé
RészletesebbenAz Educatio weboldalain elhelyezhető hirdetések technikai paraméterei
Az Educatio weboldalain elhelyezhető hirdetések technikai paraméterei Az Educatio Társadalmi Szolgáltató Nonprofit Kft. a következő feltételek szerint készült bannerek elhelyezését vállalja weboldalain:
RészletesebbenSzá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észletesebbenInformá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észletesebbenAz Kompozer, illetve az NVU honlapszerkesztő program
Az Kompozer, illetve az NVU honlapszerkesztő program A programról A program felülete A program indítása után a következő felület jelenik meg: A fenti képen bemutatott eszköztárakat a Nézet / Megjelenítés/Elrejtés
RészletesebbenI/1. Pályázati adatlap
I/1. Pályázati adatlap Készítsd el a mintán látható A4-es méretű adatlapot! A következő feladatok ehhez nyújtanak útmutatást. Az adatlap teljes szövegét tartalmazó forrásfájl és a felhasznált kép a mellékelt
RészletesebbenJava grafikai lehetőségek
Szerver oldali Java programozás 2007-08/II. 3. óra Java grafikai lehetőségek Java grafikai lehetőségek Képek generálása servletekkel szenasi.sandor@nik.bmf.hu Adatbázisok elérése Témakörök Java grafikai
RészletesebbenMinta: nappali.html. ejjeli.html. A képek forrása: http://www.pwbelg.clara.net/aberrations/abs.html
Az alábbi feladatok középszintű érettségi példák. A megoldáshoz szükséges fájlok a /mnt/tanulo/_info/forraások/html mappában találhatók. Megoldásodat e-mail-ben várom, melynek közönséges böngészővel megjeleníthetőnek
RészletesebbenVillamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz)
Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz) HTML (Hyper Text Markup Language)...2 A HTML dokumentumokról...2 Néhány
RészletesebbenHTML 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észletesebbenTABULÁTOROK TÁBLÁZATOK KÉSZÍTÉSE. A táblázatok készítésének lehetőségei:
TABULÁTOROK A tabulátorokat a szavak soron belüli pontos pozicionálására használjuk. A tabulátorokat valamilyen pozícióhoz kötjük. A pozíciók beállíthatók vonalzón vagy a Formátum menü Tabulátorok menüpontjának
RészletesebbenAz 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észletesebbenWEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK
ECDL Webszerkesztés, syllabus 2.0 WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK 1. Mi az FTP? a) Az FTP a multimédiás dokumentumok leíró nyelve. b) Az FTP a weboldalon lévő kattintható elem, amellyel egy másik
RészletesebbenHTML, XML szerkesztés
HTML, XML szerkesztés Vezető: Majzik Zsuzsa Előadó: Rigó Ernő http://gdf.tricon.hu/html Előzmények 1960-as évek: GML IBM SGML Standard Generalized Markup Language 1986-os
RészletesebbenBEVEZETÉS A HTML NYELV HASZNÁLATÁBA
BEVEZETÉS A HTML NYELV HASZNÁLATÁBA TARTALOM Bevezetı... 1 A HTML dokumentumok szerkezete... 1 Kezdjük a címmel... 1 Címsorok és bekezdések használata... 2 Színek és háttér... 2 Szövegrészek formázása...
RészletesebbenHTML. 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észletesebbenA HONALPSZERKESZTÉS ALAPJAI. 50 feladat. a Debreceni Egyetem Informatikai Karának. Informatikus Könyvtáros szakos hallgatói számára
A HONALPSZERKESZTÉS ALAPJAI 50 feladat a Debreceni Egyetem Informatikai Karának Informatikus Könyvtáros szakos hallgatói számára Készítette: Jávorszky Ferenc Debrecen 2010. 1 1. Készítsen honlapot, amelynek
RészletesebbenAlmási Pál: Hogyan szerkesszünk HTML-lapokat? TARTALOMJEGYZÉK
Almasi Pal: Hogyan szerkesszunk HTML-lapokat? Almási Pál: Hogyan szerkesszünk HTML-lapokat? TARTALOMJEGYZÉK 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. Bevezetô HTML-struktúra Fejléc
RészletesebbenSharePoint Designer 2007
SharePoint Designer 2007 Az elsı lépés, Programok/Microsoft Office/SharePoint Designer 2007 Az üres lapot rögtön el kell menteni, értelemszerően a feladat által megadott néven és helyre. A kiterjesztése
RészletesebbenEz a Pixteller nyitó oldala. Itt atalálod a regisztrációs felületet, illetve, ha az már megvan, akkor a bejelentkezést >> > Login
Ez a Pixteller nyitó oldala Itt atalálod a regisztrációs felületet, >>> Sign Up illetve, ha az már megvan, akkor a bejelentkezést >> > Login Ez a Pixteller nyitó oldala A regisztráció nagyon egyszerű,
RészletesebbenINFORMATIKA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ
Informatika emelt szint 1012 ÉRETTSÉGI VIZSGA 2011. május 10. INFORMATIKA EMELT SZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ NEMZETI ERŐFORRÁS MINISZTÉRIUM Bevezetés A feladatok értékelése
RészletesebbenA HTML nyelv alapjai
A HTML dokumentum felépítése A HTML nyelv alapjai Minden HTML dokumentum ún. tagokból épül fel. Ezek formája . A legtöbb tagnak létezik kezdő és záró párja is. Zárótag alakja: < tag>. A kettőt együtt
RészletesebbenINFORMATIKA Felvételi teszt 1.
INFORMATIKA Felvételi teszt 1. 1) Mi a szoftver? a) Szoftvernek nevezzük a számítógépet és minden kézzel megfogható tartozékát. b) Szoftvernek nevezzük a számítógépre írt programokat és az ezekhez mellékelt
RészletesebbenTá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észletesebben4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009.
I N F O R M A T I K A ALAP 4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009. Copyright MaggaM Kft. 2009 Minden jog fenntartva Tartalomjegyzék: HTML alapok... 4 A HTML nyelv története... 5 A HTML nyelv szerkezete...
RészletesebbenHonlapszerkeszté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észletesebbenI. Internetes keresési feladatok (ajánlott idő: 20 perc)
I. Internetes keresési feladatok (ajánlott idő: 20 perc) A talált oldalak internet címét (URL) másold ki egy szöveges dokumentumba és mentsd Csapatnev_internet néven! A konkrét válaszokat ide a papírra
RészletesebbenMemó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észletesebbenGazdasági informatika
Gazdasági informatika Nyugat-Magyarországi Egyetem Faipari Mérnöki Kar Informatikai és Gazdasági Intézet Soós Sándor 2007. november 22-23. Internet - HTML Gazdasági informatika I. Soós Sándor 1 Napjaink
RészletesebbenSzövegszerkesztés alapok WORD Formázások
Szövegszerkesztés alapok WORD Formázások A formázás sorrendje 1. Begépelem a szöveget folyamatosan 2. Helyesírást ellenőrzök 3. Entert (bekezdés) vagy Shift + Entert ütök 4. Formázok KIJELÖLÖM A FORMÁZANDÓ
RészletesebbenKelda 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észletesebbenJAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ
Informatika középszint 0911 ÉRETTSÉGI VIZSGA 2014. május 16. INFORMATIKA KÖZÉPSZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ EMBERI ERŐFORRÁSOK MINISZTÉRIUMA Bevezetés A feladatok értékelése
RészletesebbenInformá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észletesebbenA webáruház kezdőlapján háromféle diavetítés beállítására van lehetőség:
KRYPTON sablon Részletes leírás a sablonhoz kapcsoló új beállításokról Diavetítés a kezdőlapon A webáruház kezdőlapján háromféle diavetítés beállítására van lehetőség: Képes diavetítés Termékes diavetítés
RészletesebbenHTML 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észletesebbenA HTML ÉS A CSS ALAPJAI
Dr. Öveges Ferenc A HTML ÉS A CSS ALAPJAI Segédlet a Lovassy László Gimnázium informatika tagozata számára Veszprém 2011. Tartalomjegyzék Bevezetés 6 1. Előzetes tudnivalók 6 1.1 A HTML és XHTML szabvány
RészletesebbenInformatika 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észletesebbenNagyméretű banner megjelenések a Lovasok.hu oldalon
Nagyméretű banner megjelenések a Lovasok.hu oldalon a Szuperbanner (728x90 pixel) valamennyi oldal tetején a fejlécben, valamint az Eladó Lovak és a Lovas Piactér találati listáiban jelenik meg. a Roadblock
RészletesebbenTartalomjegyzék BEVEZETÉS... IX WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1. II. Háttér beállítása I. Elsõ weblapunk III. Karakterformázás...
Tartalomjegyzék BEVEZETÉS.............. IX Kedves Olvasó.................... ix Kedves érettségizõ!................. x A mintafeladatok használata......... x WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1 I. Elsõ
RészletesebbenInformatika 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észletesebbenEgyszerő 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észletesebbenTáblázatok kezelése. 1. ábra Táblázat kezelése menüből
Táblázat beszúrása, létrehozása A táblázatok készítésének igénye már a korai szövegszerkesztőkben felmerült, de ezekben nem sok lehetőség állt rendelkezésre. A mai szövegszerkesztőket már kiegészítették
RészletesebbenDOBOZOK. 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észletesebbenKé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észletesebbenqwertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq
q HTML szerkesztés gyakorlat 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. Alap címkék...
RészletesebbenOnline hirdetési specifikáció. Fidelio.hu
Online hirdetési specifikáció Fidelio.hu Tartalomjegyzék ÁLTALÁNOS TUDNIVALÓK, FONTOS INFORMÁCIÓK... 3 1. Banner formátumok... 3 1.1 Medium Rectangle... 3 1.3 Roadblock... 3 1.4 Super leaderboard... 3
RészletesebbenOrszágos Területrendezési Terv térképi mel ékleteinek WMS szolgáltatással történő elérése, MapInfo program alkalmazásával Útmutató 2010.
Országos Területrendezési Terv térképi mellékleteinek WMS szolgáltatással történő elérése, MapInfo program alkalmazásával Útmutató 2010. június 1. BEVEZETÉS Az útmutató célja az Országos Területrendezési
RészletesebbenWord 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észletesebbenBudapesti Műszaki és Gazdaságtudományi Egyetem Villamosmérnöki és Informatikai Kar Automatizálási és Alkalmazott Informatikai Tanszék.
Budapesti Műszaki és Gazdaságtudományi Egyetem Villamosmérnöki és Informatikai Kar Automatizálási és Alkalmazott Informatikai Tanszék Egyszerűen Web Készítette: Kromesch Sándor (polgári szolgálatos) Konzulens:
RészletesebbenFelhaszná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észletesebben2. oldal egységes f A jogszabály A Miniszterelnök Kabinetfőnöke a nemzetközi fejlesztési együttműködésről és a nemzetközi huma-nitárius segítségnyújtá
1. oldal egységes f 3/2017. (XI. 10.) MK rendelet a Hungary Helps Program megjelenésének egységes formai követelményeiről, arculati elemeiről, valamint a Hungary Helps védjegy használatáról A nemzetközi
RészletesebbenA Vonallánc készlet parancsai lehetővé teszik vonalláncok és sokszögek rajzolását.
11. Geometriai elemek 883 11.3. Vonallánc A Vonallánc készlet parancsai lehetővé teszik vonalláncok és sokszögek rajzolását. A vonallánc egy olyan alapelem, amely szakaszok láncolatából áll. A sokszög
Részletesebben2. A HTML NYELV ALAPJAI
2. A HTML NYELV ALAPJAI 2.1. Bevezetés Az Internet publikálás és alkalmazásfejlesztés nyelve. A HTML összes lehetőségét felhasználva jól megszerkesztett weboldalakat hozhatunk létre. A HTML (Hypertext
RészletesebbenInformatika OKTV 2004 Első forduló Alkalmazás kategória
1. feladat: Rajzolás (20 pont) Készíts állományokat (TABLA1, TABLA2, TABLA3, TABLA4),amelyek az alábbi 4 KRESZ-táblát tartalmazzák: TABLA1 TABLA2 TABLA3 TABLA4 Segítségként mindegyikhez megadunk körülbelüli
RészletesebbenGyakorló 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észletesebbenA webprogramozás alapjai. Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter
1 A webprogramozás alapjai Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter IV. előadás Nyelv típusok HTML nyelv fontosabb elemei I. Mappaszerkezet és file struktúra Szerkesztők bemutatása,
RészletesebbenSakk 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észletesebbenOrszágos Területrendezési Terv térképi mellékleteinek WMS szolgáltatással történő elérése, MapInfo program alkalmazásával
TeIR Országos Területrendezési Terv térképi mellékleteinek WMS szolgáltatással történő elérése, MapInfo program alkalmazásával Felhasználói útmutató Budapest, 2015. április 1 BEVEZETÉS Az útmutató célja
RészletesebbenAlapvető 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észletesebbenWebprogramozá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észletesebbenA HTML Stuktúra. Betűtípusok, stílusok <b> <i> <u> <tt> Bevezetés. <b>kövér betűk (bold) </b> Dőlt betűk (italic) <i>dőlt betűk (italic)</i>
Bevezetés Utolsó módosítás: 11/22/2004 13:0 A HTML Stuktúra Amint a bevezetőben olvashattuk, minden HTML formátumú szövegfájl a utasítással kezdődik és a utasítással végződik. A dokumentumot
Részletesebben3. Az ősember. I n f o r m a t i k a é r e t t s é g i, k ö z é p s z i n t, m á j u s 1 9.
1. Színház Készítse el a mintán látható színházi plakátot! A következő feladatok ehhez nyújtanak útmutatást! A plakát A5-ös méretű lesz, ezért egy fekvő A4-es lapra két példányt helyezzen el. 1. A szöveg
RészletesebbenSaját website A HTML. HTML nyelv alkalmazása. HTML dokumentum. HTML nyelv alkalmazása. Mit választunk mi?
Saját website A HTML Készítette: Pet László Saját webdokumentumok (HTML formátumban) Egy webszerver, ahol a webdokumentum elhelyezhet iskolai ingyenes (általában el kell viselni valamilyen reklámszolgáltatást)
RészletesebbenStí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észletesebbenA 2018/2019 tanévi Országos Középiskolai Tanulmányi Verseny első fordulójának feladatai. INFORMATIKA I. (alkalmazói) kategória
Oktatási Hivatal A 2018/2019 tanévi Országos Középiskolai Tanulmányi Verseny első fordulójának feladatai INFORMATIKA I. (alkalmazói) kategória Nem minden részfeladatot írunk le a feladatszövegben, többet
Részletesebben