Szeretnél valóban piacképes tudást szerezni a weboldal készítésben?
Szeretnéd tudni mitől lesz egy weboldal korszerű és professzionális?
Meg szeretnéd tanulni, hogyan készíthetsz olyan weboldalakat, amelyek később is könnyen módosíthatóak, karbantarthatóak?Akkor tedd meg az utolsó lépést, ami a korszerű, piacképes weblapok készítéséhez visz!
Ha már a HTML-t (vagy az XHTML-t) megtanultad, megismerted a hátrányait, hiányosságait, akkor eljött az idő,
hogy megismerkedj valamivel, ami sokkal hatékonyabbá, rugalmasabbá és nem utolsósorban élvezetesebbé teszi a
weboldalak készítését (ráadásul, ha munkát akarsz vállalni, akkor mindenképpen meg kell tanulnod).
Ez a valami nem más, mint a CSS.
Mi az a CSS, mire jó?
A CSS a weboldalak formázására szolgál, beállíthatjuk a weboldalak hátterét, színét, betűtípusait, elrendezését és más megjelenéshez kapcsolódó elemeit. Sokkal több, komolyabb és látványosabb formázásra ad lehetőséget, mint a HTML. Sőt, jóval komolyabb dolgokat is megvalósíthatunk vele, pl. lenyíló menü, képgaléria, változó színű gomb stb., hosszú oldalakon keresztül lehetne sorolni. Valamint jóval könnyebb vele utólag módosítani egy adott formázást. Például ha van a weblapunkon egy vörös színnel írt szöveg 100 helyen, amit a HTML-lel állítottunk be, hogy vörös legyen és ezt módosítani szeretnénk, akkor 100 helyen át kell írnunk. Ezzel ellentétben a CSS lehetőséget ad arra, hogy csak egyetlen egy helyen kelljen módosítani és azzal minden helyen módosul egyszerre.
Összességében tehát a CSS-t mindenkinek ismernie kell, aki a weblap készítéssel szeretne foglalkozni, ám ehhez a HTML ismerete is szükséges.Hogyan tanulhatod meg a CSS-t villámgyorsan?
Ráadásul ezt úgy teheted meg, hogy
Mi az, ami megfelel ezeknek a feltételeknek?
Ha nem tudod mik azok az oktató videók, miért olyan jók, akkor kattints ide és elmondunk róluk mindent.
Miért jók az oktató videók?
- akkor és ott tanulsz, ahol kedved tartja, nem kell iskolába bejárnod és padban ülnöd, hanem a kényelmes székedben ülve nézheted végig a videókat
- mivel videók, ezért megállíthatod, visszatekerheted, akárhányszor megnézheted, ha elsőre nem értenél valamit
- az oktató videók ára töredéke a tanfolyamok és magántanárok árának (ráadásul a tanfolyamokon többnyire valamilyen könyvet is meg kell venni)
- nem kell jegyzetelned, segédanyagokat beszerezni, mindent megkapsz, ami a tanuláshoz szükséges
- az emberek többsége vizuális típus, sokkal könnyebben megérti azt, amit lát is és nem csak olvas róla
Mi annyira jónak találjuk ezt a tanulási formát, hogy elkészítettük neked a weblap készítésről szóló oktató videó sorozatunk harmadik részét is (becsületes nevén: "Tanulj hatékonyan oktató videóval: weblap készítés, 3. rész - CSS"), amiről lentebb olvashatsz. Ez az oktató videónk a "Tanulj hatékonyan oktató videóval: weblap készítés, 1. rész - (X)HTML" videónak a folytatása, teljes egészében az abban megtanultakra épül.
Mit tanulhatsz meg ebből az oktató videóból?
Az elméleti részben ismertetésre kerül mindaz, amit a CSS-ről tudni kell, vagyis a CSS hozzákapcsolása a weboldalakhoz, stílus megadások rangsora, öröklődés, kiválasztók. A különböző formázási lehetőségek, vagyis a háttér, betűk, szövegek, linkek, táblázatok, listák és egyebek formázása szintén ismertetésre kerül. Ez a fejezet foglalkozik még a span és a div elemekkel, a div-ek pozícionálásával, fontos tulajdonságaikkal, valamint a pszeudo-osztályokkal, pszeudo-elemekkel és a visibility, display, overflow, cursor és clip tulajdonságokkal.
Természetesen az elméletet tudni kell alkalmazni is, ezért a következő fejezetben rengeteg összetett feladat található, főleg olyanok, amelyek a weboldalak készítése során felmerülnek. Ilyen például a weboldalak középre igazítása táblázatok nélkül, színátmenetes és lekerekített sarkú doboz készítése, átlátszóság, színátmenetes szöveg kép nélkül, űrlap készítése CSS segítségével, lenyíló menü, CSS alapú nagyítható képgaléria, lapozható képgaléria, stb.
A harmadik rész pedig egy weboldal elkészítését mutatja be, lépésről-lépésre.
A részletes tartalomjegyzék
1. Bevezetés és alapismeretek
1.1. Mi a CSS?
1.2. CSS hozzákapcsolása a weboldalakhoz
1.3. Stílus megadások rangsora
1.4. Háttér formázása
1.5. Öröklődés
1.6. Kiválasztók
2. Szöveg, link, táblázat és lista formázása
2.1. Szövegek formázása
2.2. Betűk formázása
2.3. Linkek formázása
2.4. Listák és táblázatok formázása
2.5. Tulajdonságok összevonása
3. Span és div
3.1. Span
3.2. Div - padding
3.3. Div - margin
3.4. Div - border
3.5. Div - outline
4. Pozícionálás és sorrend
4.1. Elemek pozícionálása
4.2. Elemek sorrendje - z-index
4.3. Elemek egymáshoz igazítása - float
5. Egyéb fontos ismeretek
5.1. További kiválasztók
5.2. Pszeudo-osztályok
5.3. Pszeudo-elemek
5.4. Elemek láthatósága - visibility
5.5. A display tulajdonság
5.6. Az overflow tulajdonság
5.7. A cursor és clip tulajdonságok
6. Összetett feladatok
6.1. Középre igazítás vízszintesen
6.2. Középre igazítás vízszintesen és függőlegesen
6.3. Lekerekített sarkú doboz készítése divekkel
6.4. Színátmenetes hátterű dobozok
6.5. Árnyékolt, lekerekített doboz
6.6. Átlátszóság
6.7. Színátmenetes szöveg kép nélkül
6.8. Űrlap készítése CSS segítségével
6.9. Lenyíló menü
6.10. CSS alapú nagyítható képgaléria
6.11. Lapozható képgaléria - HTML elkészítése
6.12. Lapozható képgaléria - CSS elkészítése
7. CSS3 és egyéb érdekességek
7.1. Lekerítés és egyebek
7.2. Árnyék dobozoknak képek használata nélkül
7.3. Árnyék szövegeknek képek használata nélkül
8. Teljes weboldal készítése
8.1. Fontos tudnivalók
8.2. A fejléc elkészítése
8.3. A menü elkészítése
8.4. A kategóriák menü elkészítése
8.5. A hírek és a kapcsolat doboz elkészítése
8.6. A középső oszlop elkészítése
8.7. A középső oszlop befejezése
8.8. A jobb oldali oszlop elkészítése
8.9. A lábléc elkészítése
8.10. A weboldal befejezése
Mennyibe kerül?
Azt is érdemes végiggondolnod, hogy ha más módon próbálnád megtanulni a weblap készítéshez és a CSS magabiztos használatához szükséges ismereteket, akkor az mennyi időbe és pénzedbe kerülne:
- ha nincs egy jó oktató anyagod, akkor hosszú hónapokat, éveket kell eltöltened azzal, hogy az interneten, vagy egyéb forrásból összeszedd a szükséges ismereteket (kinek van erre ideje?)
- Te is tudod, hogy a tanfolyamok nagyon drágák, sokaknak egyszerűen megfizethetetlenek az átlagfizetések mellett (jellemzően egy tanfolyam legalább 50.000-100.000Ft-ba kerül)
- ha tanfolyamra jársz, akkor az utazás is pénzbe kerülhet, így még többet kell kifizetned
- esetleg magántanárral tanulsz, ami a weblap készítés témában óránként biztos lesz vagy 3000Ft! Plusz, ha nem jön házhoz, akkor megint csak neked kell utazni, ami újabb kiadás. Ráadásul, ha valamit nem értesz, azt újra el kell magyarázza, amit ugye csak egy "köszönöm"-ért nem fog megtenni, fizethetsz újra. Viszont a videókat akárhányszor megnézheted újra, de csak egyszer kell megvenned. Bár nem hisszük, hogy túl sokszor meg kellene nézned, mert ez egy nagyon könnyen megérthető oktató videó.
- olyan magyar nyelvű könyv a témában kevés van, ami ne lenne elavult (ráadásul azok sem olcsók, plusz a könyvekből való tanulás közel sem ilyen hatékony és szórakoztató)
nem több tízezer (sőt, százezer) forint
hanem
7.970Ft
helyett
most CSAK 7.493Ft !!!Ugye megéri? Kattints ide és szerezd meg!
FONTOS! Mi is és Te is tudjuk, ha most megrendelés leadása nélkül bezárod ezt az oldalt, akkor valószínűleg soha nem látjuk egymást, vagyis tudatosan lemondasz egy olyan oktató anyag által adott tudásról, amit máshogy biztosan nem szerezhetsz meg!
Túl drága?
Ha ezt mondod, akkor sajnos nincs miről beszélnünk, egy ilyen oktató anyagért 7.493Ft semmi az átadott tudáshoz képest, ráadásul egyetlen weblap elkészítésével ennek a sokszorosát keresheted meg! Megpróbálhatod esetleg magadtól megtanulni, de az biztos, hogy sok kínlódással fog járni és talán sosem lesz igazán komoly, használható tudásod. Később biztosan bánni fogod a hibás döntésed.- a DVD-t
- a közel 13 óra oktató videót
- a csomagolási költséget
- a cseregaranciát
- a fórum hozzáférést
- az ingyenes technikai segítségnyújtást
- és az áfát
Cseregarancia
Megrendelés
Szállítási időért és árakért kattints ide!
Átutalással a szállítás ideje az összeg beérkezése után 2-3 munkanap (az átutalás ideje 1-2 munkanap), díja 990Ft.
Külföldi szállítás minden videó esetében lehetséges, de a rendelés leadása előtt kérjük, jelezd ilyen jellegű igényed az uh.maylofnatoediv@ofni e-mail címen (vagy skype esetén: videotanfolyam.hu), a szállítási díj és szállítási mód pontosítása miatt. Erre azért van szükség, mert nem minden országba megoldható az utánvétes szállítás, illetve sajnos a szállítási díj sem egyforma.Minimális rendszerigényért kattints ide!
Néhány lejátszó programon nem lehetséges a videók megtekintése, ilyen például a JetAudio. Amennyiben az "Application not supported" üzenet jelenik meg, akkor egy másik lejátszót kell használnod, pl. a Windows Media Player-t.
Ezt az oktató videót bármely számítógép, amely képes folyamatosan, akadás mentesen lejátszani egy 1024*768-as felbontású videót, annak ezzel a videóval sem lesz problémája.Kérjük vedd figyelmembe, hogy ez a kiadvány másolásvédelemmel van ellátva, ezért csak az eredeti DVD-n tudod megtekinteni a videókat.
Vásárlási információkért kattints ide.
Ne habozz egy pillanatig sem, kattints a "megrendelem" gombra és rendeld meg a "Tanulj hatékonyan oktató videóval: weblap készítés, 3. rész - CSS" oktató videót, így megteheted, ami Tőled csak telik, hogy elsajátítsd azokat az ismereteket, melyek a korszerű, profi weblapok készítéséhez és a CSS illetve XHTML használatához szükségesek.
Mit vesztesz, ha nem veszed meg ezt az oktató videót?
Ugyanakkor pénzt is, mert egy ha egy hasonló színvonalú tanfolyamot választasz mint ez a videó, akkor az nagyságrendekkel drágább lesz, sok tízezer forint (a könyvek meg közel sem ilyen hatékonyak)!
Ráadásul rengeteg időt vesztesz azzal, ha csak próbálkozol, ahelyett, hogy egy jól felépített oktató videó segítségével tanulnál. Az elvesztegetett időt tölthetnéd valami hasznosabbal is, például pihenéssel.