Kelda WebGrafika Iroda Példa HTML, CSS formázásra
|
|
- Zalán Orsós
- 5 évvel ezelőtt
- Látták:
Átírás
1 A dokumentumban a 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. A HTML Kód <div class="blog_h2">bevezető gondolatok</div> Az internetes kereskedelem virágzásának hála, <strong>hatalmas konkurenciaharccal</strong> kell szembenézniük a vállalkozásoknak. Egy vállalkozás manapság csak akkor lehet igazán sikeres, ha <strong>több közösségi médiában</strong> is aktívan jelen van, melyek össze vannak kötve <strong>keresőoptimalizált weboldalukkal</strong>. Amennyiben ez a rendszer hatékonyan működik, már jó esélye van a cégnek arra, hogy számos Látogató érkezzen az oldalára. Szerencsés esetben egy informatív, szerkezeti felépítésében jól átlátható honlapon találják magukat. </br></br>a potenciális vevők azonban sietnek, <span style="color: #ef6b23"><strong>gyorsan szeretnének döntést hozni</strong></span>. Ugyanakkor nekünk el kell érnünk, hogy az oldalaink tartalmát ténylegesen <strong>átolvassák</strong>. <span style="font-size: 16px">Mit tehetünk, hogy <strong>szöveges tartalmaink</strong> kellőképpen <strong>figyelemfelkeltőek</strong> legyenek, vezessék az Olvasó tekintetét azokra az elemekre, amelyek segítik a leendő Ügyfelünket a <strong>vásárlási döntésben</strong>?</span> <div class="blog_h2">mit emeljünk ki?</div> <span style="font-size: 18px">Mielőtt rátérnénk a hogyan kérdésére, fontos néhány pontba szedve tisztáznunk, mit szükséges kiemelnünk az oldalak tartalmában.</span> <ul class="bloglista"> 18px"><strong>Kulcsszavak</strong></span>. Lehetnek ezek a termékek, szolgáltatások nevei, <strong>főbb tulajdonságaik, jellemzőik</strong>, amik fontosak lehetnek a Vásárlónak. Ha csak ezeket olvassa el a Látogató, akkor is tudnia kell, hogy mi kínálunk-e pontosan olyan terméket vagy szolgáltatást, amit ő keres.</li> 18px"><strong>Megkülönböztetés</strong></span>. Emeljük ki azokat a szavakat is, amelyekkel <strong>termékünk minőségére utal</strong>, illetve azokat, melyek szolgáltatásunk megkülönböztetésére hivatottak. Mondjuk egy étterem honlapján szerelhet a következő mondat: "Ételeink kiváló minőségére garancia, hogy csak válogatott, <span style="color: #ef6b23"><strong>adalékanyagoktól mentes, friss alapanyagokat</strong></span> használunk fel konyhánkon." Fontos, hogy ne az elvont jelzők kerüljenek kiemelésre ("kiváló minőségű"), hanem <strong>önálló</strong> <strong>jelentéssel bíró szókapcsolatok</strong>, mint esetünkben a "válogatott, adalékanyagoktól mentes, friss alapanyagokat".</li> 18px"><strong>Kedvezmények</strong></span>. Hiába találtunk ki egy <strong>ütős akciót</strong>, ha az elkerüli a Látogató figyelmét. Amennyiben nem szeretnénk <a class="alink" href=" target="_blank">popup-ba</a> tenni, akkor különös gonddal kell kiemelnünk a kapcsolódó oldalon.</li> 18px"><strong>Információk</strong></span>. A száraz információkból azokat kell csak kiemelnünk, amelyek "nem ismerete" problémát okozhat az Ügyfelünknek, ilyen lehet például egy <strong>akció időtartama, vállalási határidők</strong> stb.</li> </ul> <div class="blog_h2">a Jó és a Rossz</div> <span style="font-size: 18px">avagy a kiemelés fő szabályai</span> <table style="margin-left: 20px"> <tbody> <tr class="fejlec"> <td width="20%"><strong>a kiemelés...</strong></td> <td><strong>igen!</strong></td> <td><strong>ne!</strong></td> <tr class="paratlan"> <td style="font-size: 16px">gyakorisága</td> 1
2 <td>a <strong>kevesebb néha több</strong> elv érvényesüljön, ha mindent kiemelsz, olyan, mintha semmit se emelnél ki!</td> <td>hiba egy szót vagy kifejezést többször is kiemelni.</td> <tr class="paros"> <td style="font-size: 16px">megjelenése</td> <td>törekedj az esztétikus, <strong>visszafogott</strong> megjelenésre!</td> <td>ne használj a szemnek <strong>bántó, túl élénk, egymástól elütő színeket</strong>, kerüld az <strong>extrém betűméreteket</strong>, amik már az olvashatóság rovására mennek!</td> <tr class="paratlan"> <td style="font-size: 16px">típusa</td> <td><strong>váltogasd</strong> a kiemelések típusát (betűméret, szín, betűtípus, vastagság)!</td> <td>nem szerencsés, ha csak <strong>egyfajta kiemelési módot</strong> használsz. A <strong>dőlt betű</strong> rontja az olvashatóságot, ne használ gyakran! Az <strong>aláhúzás nem túl esztétikus</strong>, csak a linkeknél alkalmazd!</td> </tbody> </table> <div class="blog_h2">szöveges tartalmak szerkesztése egyedi html, css kódokkal</div> A <strong>wordpress grafikus szerkesztője</strong> sajnos eléggé <strong>korlátozott lehetőséget</strong> biztosít csak a szöveges tartalmak formázására. <span style="font-size:18px">a WordPress grafikus tartalom szerkesztőjében többek között nincs lehetőséged változtatni a...</span> <ul class="bloglista"> <li><i class="fa fa-close" style="font-size:30px; color: #000"></i> szavak méretét,</li> <li><i class="fa fa-close" style="font-size:30px; color: #000"></i> szavak színét,</li> <li><i class="fa fa-close" style="font-size:30px; color: #000"></i> szavak betűtípusát,</li> <li><i class="fa fa-close" style="font-size:30px; color: #000"></i> a bekezdések hátterét,</li> <li><i class="fa fa-close" style="font-size:30px; color: #000"></i> a bekezdések keretét.</li> </ul> Én ezt a bejegyzést <div class="blog_kiemelt">egyedi html és css kódokkal</div> formáztam. Kedvet kaptál<strong> egy kis kódoláshoz</strong>? <div class="akcio_kiemelt"><strong>segíthetünk?</strong> A linkre kattintva letöltheted a bejegyzés <span style="color:#000">html és css kódját</span>, amihez egy <span style="color:#000"><strong>gyorstalpaló mellékletet</strong></span> is adunk! </div> 2
3 A CSS Kód WordPress-ben a Megjelenés -> Szerkesztő > style.css file végére kell beírni! Jó tanács: Ne az eredeti style.css file-ba írjuk a saját kódunkat, hanem készítsünk egy úgynevezett child-theme t. Amennyiben mégis úgy döntünk, hogy az eredeti file-t szerkesztjük, akkor mindenképpen készítsünk egy biztonsági mentést a szerkesztés előtt és után is! Figyeljünk arra, hogy semmit ne írjunk át és ne töröljünk ki, mert nem vonhatóak vissza a változtatások! Fontos, hogy ha az eredeti file-t módosítjuk, akkor a letöltött téma a későbbiekben NEM frissíthető, mert elvesznek a változtatásaink. A child-theme készítését egy későbbi bejegyzésünkben megmutatjuk..blog_h2 { font-size: 24px; margin-bottom: 15px; margin-left: 40px; margin-top: 30px; letter-spacing: 2px; border-left: 3px solid #ef6b23; padding-left: 10px;.blog_h2::first-letter { color: #ef6b23; font-weight: 600;.blog_kiemelt { text-align: center; font-size: 20px; margin-bottom: 25px; color: #037e63; font-family: 'Kalam', cursive;.alink { color: #146298!important; text-decoration: underline!important; a.alink:hover { font-size: 18px!important;.bloglista { margin-left: 70px; margin-bottom: 20px;.akcio_kiemelt { background: #ef6b23; color: #fff; font-size: 23px; letter-spacing: 1px; margin: 30px; padding: 20px; border-left: 5px solid #000; text-align: justify; tr.paratlan { background-color: #000; 3
4 color: #fff; tr.paros { background-color: #fff; color: #000; Magyarázat a html kódokhoz <div class="bekezdestipusneve">ez egy bekezdés.</div> Bekezdéseinket érdemes div-ekbe tennünk, ha egyedi formát szeretnénk nekik adni. Az azonos osztály (class= )megnevezéssel rendelkező div-eket a stlye.css ben együttesen formázhatjuk a következő hivatkozással:.bekezdestipusneve { <strong>ez vastagon szedett szöveg lesz. Ez a funkció a WP szerkesztőből is elérhető.</strong> <span style="color: #ef6b23">narancssárga lesz a betű színe.<span> <span style="font-size: 18px">18 as betűméretű lesz a szöveg.< span> </br> Sortörést szúrhatunk be a szövegünkbe a szellős tagolásért. <i class="fa fa-check" style="font-size:25px; color: #ef6b23"></i> ikonokat szúrhatunk a szövegünkbe, melyet egyúttal formázni is tudunk. A használható ikonokat és nevüket itt lehet megnézni: <a class="linkformazas" href=" target="_blank">link neve</a>a böngészőben új oldalon fog megnyílni a link kattintás után, ennek köszönhetően a felhasználó nem navigál el az oldalról <table style="margin-left: 20px"> <tbody>táblázat</tbody></table> Bal oldali külső margó (külső eltartás) beállítása. Magyarázat a css kódokhoz letter-spacing: 2px; N ö v e l h e t j ü k a b e t ű k k ö z ö t t i t á v o l s á g o t. border-left: 3px solid #ef6b23; padding-left: 10px;.blog_h2::first-letter { font-weight: 600; text-align: center; text-align: justify; text-decoration: underline!important; a.alink:hover { font-family: 'Kalam', cursive; Dobozok (div-ek) bal oldali keretének vastagságát, a vonal típusát (solid=egyenes, folytonos) és színét határozzuk meg. Bal oldali, belső margót adhatunk meg. Adott osztályba tartozó dobozok (div-ek) első betűjét tudjuk önállóan formázni. Betűk vastagságát határozza meg. Csak akkor működik, ha az adott webfontnak van ilyen vastagságú típusa! Középre igazíthatjuk a szövegüket Sorkizárt lesz a szövegünk Aláhúzott lesz a szöveg. A style.css file-ban már rögzített formázásokat a!important beszúrásával tudjuk felülírni. :hover használatával megadhatunk formázásbeli változást, ami akkor lép életbe, amikor a kurzort a szöveg felé visszük Betűtípusokat válogathatunk a oldalról, ahol a betűtípus kiválasztása után megjelenik a kód, amit be kell írnunk a style.css file-ba. Ne felejtsük el, hogy a header.php file-ba is be kell illesztenünk a betűtípus elérési útvonalát (link) a <head> és a </head> tagek közé. 4
5 Tipp: Chrome böngészőben könnyen megnézhetjük adott oldalelemek css formázását, sőt kedvünk kísérletezhetünk a paraméterek módosításával. Kattintsunk jobb egérgombbal a szövegre, melynek formázására kíváncsiak vagyunk, majd válasszuk a Vizsgálat menüpontot. A jobb alsó sarokban megjelenik a css kód, melyen lehetőségünk van változtatni, természetesen a file-ba valójában nem nyúlunk bele, de a böngésző megmutatja nekünk, hogy hogy nézne ki az oldal az adott módosítással. Példa: 1) Előtte: 2) Próba módosításokkal: 5
6 6
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é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é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é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é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é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é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é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é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észletesebbenCSS3 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észletesebbenTili-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é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észletesebbenA 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Á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 é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é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észletesebbenMultimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
RészletesebbenINFO1 WEB, HTML, CSS
INFO1 WEB, HTML, CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc 2015. november 3. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc INFO1 WEB, HTML, CSS 2015. november 3. 1 / 41 Bevezetés 1 Bevezetés 2
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ítsünk weblapot könnyedén! A Google Sites használata. Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül!
Készítsünk weblapot könnyedén! A Google Sites használata Weboldal készítés Google Sites szolgáltatás segítségével, web-fejlesztési ismeretek nélkül! Készítette: Tratnyek Csilla 2010.03.01. Készítsünk weblapot
RészletesebbenKé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é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é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észletesebbenWCSS (Wap CSS), Wireless CSS
WCSS (Wap CSS), Wireless CSS A WCSS (WAP Cascading Style Sheet vagy WAP CSS) mobil változata a CSS-nek. WAP speciális kiterjesztéseket tartalmaz. Azok a CSS2 jellemzők és tulajdonságok, amelyek nem hasznosak
RészletesebbenA 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é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észletesebbenő ó ó ó ő ó ő ó ő ő ő ó ö ó ó ö ő ő ö ő ö ű ó ő ő ű ő ő ö ő ó ó ő ö ó ö ő ő ű ó ö ő ő ű ő ő ő ö ó ü ó ő ő ő ő ű ő ö ő ü ő ő ó ő ö ö ö ő ó ő ő ő ó ü ö
Á ó ö ő ó ó ő ő ő ő ő ó ó Á ö ö ő ő ö ő ő ő ó ö ó ó ó ó ó ő ú ő ö ő ő ó ó ó ö ő ó ó ő ö ű ö ő ő ő ö ö ő ő ó ő ó ó ó ő ó ő ó ő ő ő ó ö ó ó ö ő ő ö ő ö ű ó ő ő ű ő ő ö ő ó ó ő ö ó ö ő ő ű ó ö ő ő ű ő ő ő
RészletesebbenÖ Ö Ö Ö Á ű ű ű ű ű ű ű ű ű ű
Ö Á ű Á Ú Ö Ö Ö Ö Á ű ű ű ű ű ű ű ű ű ű ű Ú ű ű ű Ö ű Ö ű ű ű ű Ö Ú Á Á ű ű ű ű ű Á Ó Ó Á Á Ó Ú Ó Ó Ó Á Ó Ö Á Ú Ú Ö Ú ű Ú Ú Ú Ú Ó ű ű Ó ű Á Ó ű ű ű ű ű ű ű Ö ű ű Ú ű Ú ű ű Á ű Ó ű ű Ö ű Ú Ó Á Ú Á ű Á
RészletesebbenÖ ü ú ü ű ü ű ü Á ü ű ű ú ű Á Ű ú ü ü ú ű Á ü Ú ü ű ü ü ű ü ú ú ü ú ü ü ü ü ü ü Ü Ü Ü ü Ö Ü ü ü ü ű ü ü ű ú ü ú
ü Ú ú ü ú ű ű ű ü ü ü ü ü Ó Á Ö ü ú ü ű ü ű ü Á ü ű ű ú ű Á Ű ú ü ü ú ű Á ü Ú ü ű ü ü ű ü ú ú ü ú ü ü ü ü ü ü Ü Ü Ü ü Ö Ü ü ü ü ű ü ü ű ú ü ú ú Ü ü ü ü ü Ü ü ü ü Á ü ü Ü ú ü ü ü Ö ú ü ű ü ü ü ü ü ú ü ú
RészletesebbenDiagram formázása. A diagram címének, a tengelyek feliratainak, jelmagyarázatának, adatfeliratainak formázása
A diagram címének, a tengelyek feliratainak, jelmagyarázatának, adatfeliratainak formázása Ha ezen elemeknek a betűtípusát, betűstílusát, betűméretét, betűszínét és az elem hátterét akarjuk formázni, akkor
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é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észletesebbenBlog (Google Blogger) használata
Blog (Google Blogger) használata A blog naplószerű bejegyzések internetes közzétételére alkalmas weboldal. Elterjedtek az ún. személyes blogok, amikor egy-egy személyhez kötődő naplóbejegyzéseket találunk;
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észletesebbenEgzinet Partner Portál
Egzinet Partner Portál Adminisztrációs felület Oktatási segédanyag 1 Készítsd el saját weboldalad! I. Bejelentkezés Minden Egzinet Partner Portál a http://admin.egzinet.hu adminisztrációs felületen keresztül
Részletesebben5-ö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észletesebbenAz alábbiakban szeretnénk segítséget nyújtani Önnek a CIB Internet Bankból történő nyomtatáshoz szükséges böngésző beállítások végrehajtásában.
Tisztelt Ügyfelünk! Az alábbiakban szeretnénk segítséget nyújtani Önnek a CIB Internet Bankból történő nyomtatáshoz szükséges böngésző beállítások végrehajtásában. A CIB Internet Bankból történő nyomtatás
RészletesebbenWEB TECHNOLÓGIÁK 3.ELŐADÁS
Dr. Pál László, Sapientia EMTE, Csíkszereda WEB TECHNOLÓGIÁK 3.ELŐADÁS 2014-2015 tavasz Stíluslapok (CSS) használata Mi a CSS? 2 A CSS jelentése Cascading Style Sheets, azaz egymásba ágyazott stíluslapok
Részletesebben(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észletesebbenvi 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é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é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észletesebbenWebszerkeszté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észletesebbenKé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észletesebbenCitiDirect BE SM Felhasználói útmutató
CitiDirect BE SM Felhasználói útmutató Bejelentkezés A CitiDirect BE SM futtatásának minimális rendszerkövetelményei megegyeznek a CitiDirect Online Banking rendszer követelményeivel. Kérjük, kattintson
RészletesebbenQualcoMAE jártassági vizsgálatok. Segédlet az Elektronikus ügyintézés használatához
QualcoMAE jártassági vizsgálatok Segédlet az Elektronikus ügyintézés használatához Első lépések... 2 A jelentkezési lap kitöltése... 6 A minták megérkeztének visszaigazolása... 10 Eredmények rögzítése...
RészletesebbenTwenty Twelve sablon átalakítása
Twenty Twelve sablon átalakítása Az előző leckékben mindent előkészítettünk (aldomain létrehozása a cpanelen, FTP kliens, pl. FileZilla telepítése, WordPress telepítése, WP fájlainak feltöltése a számítógépünkről
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észletesebbenSzöveges értékelés. Magiszter.NET. Elérhetőségeink: Tel: 62/550-748; 550-749 Fax: 62/550-919 E-mail: magiszternet@infotec.hu Honlap: www.infotec.
Magiszter.NET Szöveges értékelés Elérhetőségeink: Tel: 62/550-748; 550-749 Fax: 62/550-919 E-mail: magiszternet@infotec.hu Honlap: www.infotec.hu Ügyfélszolgálat: H-P 8:00-16:00 A Magiszter.Net rendszerben
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észletesebbenKulcsszóoptimalizálás. a gyakorlatban
Kulcsszóoptimalizálás a gyakorlatban Egy folyamatos látogatottságot biztosító módszer, amit megtanulhatsz és minden weboldaladon, blogodon alkalmazhatsz. 2008. Minden jog fenntartva oldal 1 Bevezetı A
RészletesebbenEDInet 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észletesebbenMicrosoft Word előadás. Bevezetés az informatikába I.
Microsoft Word előadás Bevezetés az informatikába I. A Word felépítése Menüsor Eszköztár Vonalzók Kurzor Dokumentum Állapotsor Betűk betűtípus fogalma betűméret félkövér, dőlt, aláhúzott proporcionális
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észletesebben18. Szövegszerkesztők
18. Szövegszerkesztők A szövegszerkesztés olyan számítógépes művelet, amelynek során később nyomtatásban megjelenő szövegegységeket, dokumentumokat hozunk létre, majd azokat papírra kinyomtatjuk. A különböző
Részletesebbenü ú ú ü ú ú ú ú
ú ú ú ü Ü ú ú ű ú ú ü ú ü ü ú ú ü ú ú ú ú ü ú Ö ü ü ü ú ü ú Ó ü ü ű ü Á Ü ü ű ü ű ü ű ű ü Ó ű ú ú ű ú ü ü ú ű ű ú ű ü ú ű ű ü ü ü ű ü ű ü ü ű ü ü ü ü ü ü ü ü ü ú ű ü ű Ó ü ü ü ú Á Ü ú ü ű ü Á Ü Ö Ú Á Á
Részletesebbenú ö ö ö ö ö ö Á ö ö ö á á á ű Ü ű ö ö Á á Á
ú ú ö ö ö ö ö ö Á ö ö ö á á á ű Ü ű ö ö Á á Á Á ú á ú á Á ö á ö ö ö ú á á ö ö ö ö á ű Ü ú ö Ü ű ö ú ű á á á ú á ú ú á ö ö ú ö ú ú ö ö ú ö ö ö á ö ö ö á á ö ú ö á á Ú á ö ö ö Ü ú Á á ű ö Ü ö ú Á á ö á ö
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é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é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é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észletesebbenElőadás készítés. Szentesi Péter 2010
Előadás készítés Szentesi Péter 2010 Mire használható? Előadás készítés Előadás segédlet készítés Emlékeztető az előadó számára Kiadvány készítés Prezentáció készítés kezdése A PowerPoint indítás Válasszunk
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észletesebbenÓ Ó ö ú ö ö ö ö ü ú ú ö ö ö ú ú ö ö ö ú ú ú ű ö ö ú ö ü ö ö ö ö ü ú Á ö ü Á ö ö ö ö ö ö
É Ó ö É Á ű Ü Ü ö Ú ö ö ö ö ö ö ö ú ö ö ö ö ö ú ú ú ú ú ú ü ú ú ö ö ű ö ü ú ö Ó Ó ö ú ö ö ö ö ü ú ú ö ö ö ú ú ö ö ö ú ú ú ű ö ö ú ö ü ö ö ö ö ü ú Á ö ü Á ö ö ö ö ö ö Á Ó ú ö Á ö Á ö ú ú ö ö ö ö ü ü Ü ú
RészletesebbenÁ Ö Ö Ö Ö ú ú Ö Ö Ó Ó ú ú Ü ú Ó Ö Ö Ü Ó Ö Ö Á Ó ú ú ú ű Ö Ö Ö Ö Á Ó Ö Ó ú ú Ö
Ó ú ú ú ú ű ű ű ú Á Ö ű Á Ö Ö Ö Ö ú ú Ö Ö Ó Ó ú ú Ü ú Ó Ö Ö Ü Ó Ö Ö Á Ó ú ú ú ű Ö Ö Ö Ö Á Ó Ö Ó ú ú Ö Ú ű ú É Á Ó Ó É Ó Ó ú ű ű ű ú Ö Ó Ö ú ú Ö ú Ü ú Ü É Ö Á Á Á Á ú Ó Ö ú ú ú Ü Ö ú ú ú ú ú ú Ö ú Ö Ó ű
Részletesebbenó ő ő ó ő ö ő ő ó ó ó ö ő ó ó ó ö ő ó ő ő ö Ö ő ö ó ő ö ő ő ú ö ö ü ö ó ö ö ö ő ö ö Ö ú ü ó ü ő ő ő ő ó ő ü ó ü ö ő ö ó ő ö ő ö ü ö ü ő ö ö ó ö ő ő ö
ü ö ő ö ő ó ö ő ü ü ö ő ó ó ü ő ö ő ö ő ö ü ö ő ö ő ó ö ü ü ö ő ő ő ö ő ö ü ö ő ó ő ö ü ö ő ő ű ő ö ö ő ű ő ü ö Ő ó ö ö ő ü ó ü ú ű ú ő ó ó ó ő ö ő ő ö ó ö ö ő ő ö ö ó ú ő ő ö ó ö ó ö ü ó ő ő ö ó ő ő ó
Részletesebbenű Ú ű ű É Ú ű ű
ű ű ű ű Ú Á É Ú ű Ú ű ű É Ú ű ű ű Á ű ű ű ű ű Ü ű Á ű ű ű Á Á ű ű ű É ű ű ű Ú É ű ű ű ű ű ű ű ű Á É Á Ö Ü ű É ű ű Ö É Ü Ú ű Ó ű É Ó Ó Ó ű É Ü Ü ű ű Ú ű ű ű ű ű ű ű ű ű ű É ű ű Á Á ű Ú ű Ú ű ű Ó ű ű Ü Ü
RészletesebbenÁ Á ő ő Ö ő ő ö É ö ő ö ő ő ö ő ő ö ő ő ü ö
ű É É Á Á Á É Ó É É Á ö ő ő ö ő ő ő Ó ő ö ő ö ő ú ő ü ö ő ü ö Á É ű Á É É É Ö ö Á É É ő ő ö Á Á ő ő Ö ő ő ö É ö ő ö ő ő ö ő ő ö ő ő ü ö É É Á Ö ő ú ő ű Ö ü Ő É Ó É É Á Ó É Á É Ü É Á Ó É ő ő ö ö ő ö ö ö
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észletesebbenű ű ű Ú Ú Á ű Ö ű ű Ú Ő É
Ü ű ű ű Ú Ú Á ű Ö ű ű Ú Ő É É ű Ö Ö Á É ű Ö Ö Á Ü Á ű ű Ó Ó Á Á É Ü É ű Ó Á Ó Á ű Ö ű ű É Ü Ö ű É Ö ű ű Ó ű ű Ú ű ű ű ű ű É ű É Ú Ö Á É ű ű Ó ű ű ű ű ű ű Ó ű Ü ű ű ű É ű ű Ü Ü ű ű Ő Á Á Á ű ű ű Ó Ó Ó ű
RészletesebbenÁ Ó ű ű Á É ű ű ű ű Ú Ú
Ö ű ű Ö Ü ű ű ű ű ű Ó ű Ü ű Á Ó ű ű Á É ű ű ű ű Ú Ú ű ű Á Á Á É ű ű ű ű ű ű ű ű ű ű É ű Ö Ó Ú ű ű ű ű Ü Ó Ú ű É É Ó É É Ó É É É É Ó ű ű ű ű ű Ü ű Á ű ű ű ű ű Ü ű ű ű ű ű ű Á ű Ú Á Á Ö É Á Á Ö É Ü ű ű Ü
Részletesebbenű Ö ű Ú ű ű ű Á ű
ű ű Ó É É ű Ó ű Ü ű ű Ö ű Ú ű ű ű Á ű É ű Á ű ű ű ű ű ű ű ű ű ű ű Á ű ű Ö Ü Ö É ű ű Ü Ü ű É Á Ú É É ű ű ű Ö É ű É Ó É Á Á É ű ű Á ű ű ű Á É ű Ö Á ű ű ű Á ű Á É Ö Ó Ö ű ű ű ű ű ű ű Á É Á Á ű ű ű Á ű ű ű
RészletesebbenÓ é é Ó Ó ő ű Ó Ö ü Ó é Ó ő Ó Á Ö é Ö Ó Ó é Ó Ó Ó Ó ú Ó Ó Ó Ó ű Ö Ó Ó Ó é Ó Ó ö Ö Ó Ö Ö Ó Ó Ó é ö Ö é é Ü Ó Ö Ó é Ó é ö Ó Ú Ó ő Ö Ó é é Ö ú Ó Ö ö ű ő
É Ó Ű Á Ó É Ó Á É Ó Á ő ű Ó ú Ö ú é Ö Ó Ö ú Ó Ö ú Ó Ó Ó Ó ű é ű ű Ó Ó ú ű ű é é Ö ö Ö Ö Ó ű Ó Ö ü ű Ö Ó ő Ó ő Ó ú Ó ő Ó é Ó ű Ó Ó Ó Ó ú Ó Ó Ó Ó Ö Ó Ó ö ő ü é ü Ö é é é Á é Ó Ó ú ú ű é Ö é é é Ó é é Ó Ó
Részletesebbenö ő ü ö ő ő ü ü ő ő ő ü ö ü ü ő ú ő ő ő ü ő ő ő ő ő ú ő ő ü ő ő ő ü ö ü ú ő ő ő ő ü ü ő ő ú
ő ű ű ő ö ö Á ö ő ü ö ő ő ü ü ő ő ő ü ö ü ü ő ú ő ő ő ü ő ő ő ő ő ú ő ő ü ő ő ő ü ö ü ú ő ő ő ő ü ü ő ő ú ő ö Á Ó ő ő ü ú ő ő ő ő Á ő ú ű ő ő ő ü ú ő ő ő ő ő ő ő ő ö ü ú ő ő ő ő ű ű ő ő ö ű ü ő ő ő ö ö
Részletesebbenü ü Ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü É ü ü
ü ü É ű ű É É ű ü ű ü ü ü Á ü ü ü ü ü ű É ü ű É ű ü ü ü Ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü ü É ü ü ü Á ü ü ü ü ü Ú ü ü ű É ü ü ű ü ü ű ü ü ü ü É ü ü ü ü ü ü ü ü É ű ü Á ü ü ü ü ü Á Ö É ü ü ű Ú ü ü ü ű
Részletesebbenő ü ő ü ü Ö ő ő ü Ö ü Ö ü Ö ő ő
Ö ü Ö Ö ő ü ű Ö Ó ő ü Ö ü Ö ü Ó ü ú ú ő ü ő ü ü Ö ő ő ü Ö ü Ö ü Ö ő ő ú Ö Ó Á ű Á ü Ö ú Ö ű ő ű Á ú Ó Í ű ű ő Ó ű ő ű ű ű ű ú ú ú ü Ö Ö ő ú ú ú ú ő ü ü Ó ő ú ú ú ü ú Ö Ö Ú ű ű ú Ö ű Ö ű ü ű ú ő ő ű ú
RészletesebbenÚ ű É ű ű Ü Ü ű ű Ú É ű ű Ü ű ű ű ű ű ű ű Ú ű ű
Ú ű ű ű ű ű ű ű ű Ú ű É ű ű Ü Ü ű ű Ú É ű ű Ü ű ű ű ű ű ű ű Ú ű ű É ű Ú Ú Ú Ú Ú ű Á Ú Ú Ú Ú ű Ú Ú ű É ű Ú Ú Ú Ú Ú Á ű Ó ű Ú É É Ú Ú ű É ű ű ű ű É ű Ő ű Ő ű ű ű ű ű É ű É Á ű ű Ü Á Ó ű ű ű Ú ű ű É ű ű Ú
RészletesebbenÓ Ó ó ö ó
É ó ö É Á ó ó ü ó Ü ó ö ú ű ö ö ö ü ó Ó Ó ó ö ó Ó Ó ö ö ö ü Ó Ó ö ö ü ö ó ó ü ü Ó Ó Ó Ó ó ö ó ö ó ö ó ö ü ö ö ü ö ó ü ö ü ö ö ö ü ü ö ü É ü ö ü ü ö ó ü ü ü ü Ó Ó ü ö ö ü ö ó ö ö ü ó ü ó ö ü ö ü ö ü ö ó
Részletesebbenő ő Ó
ú ő ű ű ő ű ú ő ő ű ű ű ű ú ő ő Ó ú ú ú Ó ő ő ő ú ő ú ú ú ú ú ő ő ő ú ő ú ű ő ő ő ő ú ő ő ő ő ú ú ő ő ő ú Ö ő ú ű ő ű ő ű ő ú ő ő ű Á ő ő ő ő Á Ö Á Ö Ö Ü Ö Ö Ü Ö Ö Í Ö Ö ő Ö Ö Á Ö ő Ó Ó Á Á Ö Ö Á Ő Á Á
RészletesebbenÉ Á Á Ö Á
É Á Á Ö Á Á É Á Ü ű Á É Ü ű Ú ű ű É É ű ű Á ű ű ű ű ű É ű ű ű Á É É É ű Á É É Á É Á É Ü Ü ű Á Á Á ű Á Á Á Á Á Á Á Á Ü ű Á ű Ü É É Á Á Á É ű ű ű ű ű ű ű ű ű ű ű ű ű Á Á É É ű É ű Ő ű É Ő Á É É ű ű Ú Á
Részletesebbené ü ó ö é Ö é ü é é ó ö é ü ü é é ó ó ó é Á é é ü ó é ó ó é ö ö ö é é ü é ü é é ö ü ü é ó é é é é é é ö é é é é é é ö é ó ö ü é é é ü é é ó é ü ó ö é
Ó Ö é ü ó ö é é ü é é ó ö é ü ü é é ó é é é é é é ö é é é é é é é ó ö ü é é é ü ó ö é Ö é ü é é ó ö é ü ü é é ó ó ó é Á é é ü ó é ó ó é ö ö ö é é ü é ü é é ö ü ü é ó é é é é é é ö é é é é é é ö é ó ö ü
RészletesebbenÁ ó ű ú ó ö ü ű ű ó ó ö ü ó ö ó Ö ü ó ü ű ó ö ó ó ú ó ú ó ó ó ó ó ó ó Ö ö ó ó ó ó ö ó Ű ö ó ó ü Ó ű Í ó ó ó ó ó ó Ó ü ó ó ó ó ó ó ú ó ö
ö ü ó Ö ü ó ü Ü ó ó ó ó ö ó ü ö ö ü ü ó Ó ü ó ü ó ó ó ó ö ó ü ó ó ó ó ó ó ö Á ó ű ú ó ö ü ű ű ó ó ö ü ó ö ó Ö ü ó ü ű ó ö ó ó ú ó ú ó ó ó ó ó ó ó Ö ö ó ó ó ó ö ó Ű ö ó ó ü Ó ű Í ó ó ó ó ó ó Ó ü ó ó ó ó
Részletesebbená é é á ó á é ö Ű í É Á ó í á ü á ó
ö Ű Á ü ö ö ú Á ü ö ű ű ö ö ö ö ú ő Ó Á ö ü ö ö ő ő ú ü ő ö Ú Ó ő Ö Á Ö Ö Ö Ö ü Ö Ö Ó Ö Ö Í Ö Ö Í Ó Á Á Ö Ö Á Ö ü ő ö Ú Ó Á Ó Ó Ő Ö Ö Ö Ó Ó Ö Á Ö Ú Á Ú Ö Ö Á Ú Ö Á Á Á Í Á Ö ő ü ő ö ü ú ö ü ö ú ü ü ú ú
Részletesebben