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?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.Ráadásul ezt úgy teheted meg, hogy
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?
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.
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.
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 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
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:
nem több tízezer (sőt, százezer) forint
hanem
8.500Ft
helyett
most CSAK 7.990Ft !!!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.990Ft 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.Szállítási időért, árakért és fizetési módokért kattints ide!
Utánvéttel a szállítás ideje 2-3 munkanap, díja 2480Ft-tól, a rendelés értékétől függően.
Külföldi vásárlás, fizetés külföldről
Minden videó esetében lehetséges a külföldi megrendelés és DVD esetén a szállítás, azonban DVD esetén kérjük, hogy a rendelés leadása előtt vedd fel velünk a kapcsolatot az uh.maylofnatoediv@ofni e-mail címen, 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.Abban az esetben ha csak online megnézhető videókat rendelsz, akkor természetesen nincs szállítási költség külföldi megrendelés esetén sem.
Fizetés külföldről
A hagyományos nemzetközi átutalások jellemzően jelentős költséggel járnak a fogadó félnél (ez esetben nálunk). Ezért ha külföldről szeretnél fizetni, akkor két lehetőséged van alapvetően: PayPal és TransferWise.PayPal esetén ez jellemzően pár száz forint plusz költséget jelent. Fizetni értelemszerűen PayPal regisztráció után lehet bankkártyával, vagy a PayPal számla átutalással történő feltöltése után.
TransferWise (transferwise.com) esetén nem számítunk fel extra költséget. Az átutalás díját a TransferWise számítja fel, ami tipikusan 3-400Ft szokott lenni. A TransferWise hagyományos átutalással használható, viszont a nemzetközi átutalások költségének töredéke kerül felszámításra a TransferWise által.
Természetesen ha meg tudod oldani, hogy magyarországi számláról utalj, akkor annak sincs akadálya.
Minimális rendszerigényért kattints ide!
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.
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.