Így nem meglepő, hogy a weboldalak készítése komoly anyagi, szakmai lehetőségeket nyújthat, akkor is, ha csak dolgozol egy cégnél (akár a sajátodnál) és akkor is ha van egy jó ötleted, amit szeretnél megvalósítani.
Tehát a weboldal készítés egy olyan szakma, ami biztosan nem tűnik el egyik-napról a másikra.Ha szeretnél elkezdeni foglalkozni a weblap készítéssel (vagy áttérni a modern weboldalak készítésére), akkor először is a HTML és a CSS az, amivel meg kell ismerkedned, amihez most megadjuk a lehetőséget, olvass tovább!
A HTML segítségével tehát a weboldalaknak a felépítését, tartalmát adhatjuk meg, de alkalmas a weboldalak formázására is (pl. félkövér szöveg), de csak igen korlátozottan és utólag módosítani is körülményes, sok munkával jár.
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., oldalakon keresztül lehetne sorolni. Valamint jóval könnyebb vele utólag módosítani egy adott formázást.A CSS-t is ismernie kell mindenkinek, aki a weblap készítéssel szeretne foglalkozni. Jelenlegi verziója a CSS3.
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 weboldalak készítését tanító oktató videókat ("Tanulj hatékonyan oktató videóval: HTML5, CSS3 - modern weblap készítés, 1-2. rész"), amiről lentebb olvashatsz.
Vagyis azoknak is megfelelő, akik még soha nem foglalkoztak a weboldalak készítésével és azoknak is, akiknek már nem ismeretlen, de a tudásuk még nem teljes, vagy a HTML, CSS egy korábbi változatát ismerik.
Ez a videó nem úgy tanítja meg a weboldalak készítését, hogy először megnézzük miket tudnak, mik vannak a HTML5-ben, majd a CSS3-ban, hanem egy teljes, valós weboldalt készítünk el lépésről-lépésre. Természetesen a HTML5 és CSS3 minden fontos elemét megismered, amelyek a weboldalak készítéséhez szükségesek, így mire a videók végére érsz, gyakorlatilag azonnal használható tudásod lesz és készítheted a weblapokat.
Ráadásul ehhez a videóhoz csak ingyenes programok szükségesek (a HTML, CSS kódok írásához a Notepad++, de bármilyen HTML, CSS kódszerkesztő használható), amelyeket mellékeltünk is a videókhoz.
A bemutató videót és a részletes tartalomjegyzéket kicsit lejjebb megtalálod.
Na de talán szívesebben megnéznél egy videót minderről, mint olvasnál, szóval kattints az alábbi gombra és nézd meg miről lesz szó ebben az oktató videóban!
1. RÉSZ 1. Az első lépések 1.1. Bevezető gondolatok 1.2. Hogyan működik a web, mi a HTML és a CSS? 1.3. Kódszerkesztő beszerzése, használata 1.4. Az első weboldal 2. A CSS 2.1. A CSS 2.2. A CSS használata máshogy 2.3. Elem kiválasztási módok 3. Alapismeretek 3.1. Előkészületek 3.2. Háttérszínek és háttérképek 3.3. Speciális háttér tulajdonságok 3.4. Block és inline elemek 3.5. Alapvető méretek 3.6. Weboldal felépítésének kialakítása a float tulajdonsággal 3.7. Margó és belső margó 3.8. Weboldal középre igazítása 3.9. Miket használhatunk a CSS-ből? 3.10. Öröklődés 4. Összetett weboldalak felépítése 4.1. Összetett weboldalak felépítése, 1. rész (és a színátmenetek) 4.2. Összetett weboldalak felépítése, 2. rész (és az árnyékok) 4.3. Összetett weboldalak felépítése, 3. rész (és a keretek) 4.4. Összetett weboldalak felépítése, 4. rész (és a minimum, maximum méretek) 4.5. Összetett weboldalak felépítése, 5. rész 5. Kezdőlap kialakítása 5.1. Kezdőlap kialakítása, 1. rész (és a betűtípusok, lekerekítések, egyéb szöveg tulajdonságok) 5.2. Kezdőlap kialakítása, 2. rész (és külső betűtípusok betöltése) 5.3. Kezdőlap kialakítása, 3. rész (és külső betűtípusok betöltése saját megoldással) 5.4. Kezdőlap kialakítása, 4. rész (és a címsorok) 5.5. Kezdőlap kialakítása, 5. rész 5.6. Kezdőlap kialakítása, 6. rész (és a képek, gombok) 5.7. Kezdőlap kialakítása, 7. rész (és a listák) 5.8. Kezdőlap kialakítása, 8. rész (és egyedi listák) 5.9. Kezdőlap kialakítása, 9. rész 5.10. Kezdőlap kialakítása, 10. rész (lábléc) 5.11. Kezdőlap kialakítása, 11. rész (javítások és ellenőrzés) 2. RÉSZ 6. Lenyíló menü 6.1. A pozíciók 6.2. Lenyíló menü készítése, 1. rész (és visibility, z-index) 6.3. Lenyíló menü készítése, 2. rész 7. Aloldal kialakítása 7.1. Aloldal kialakítása, 1. rész (és a szövegek árnyékolása) 7.2. Aloldal kialakítása, 2. rész (és a navigációs sáv, karakter kódok) 7.3. Aloldal kialakítása, 3. rész 7.4. Aloldal kialakítása, 4. rész 7.5. Aloldal kialakítása, 5. rész (és a betű ikonok) 8. Kapcsolat oldal kialakítása űrlappal 8.1. Kapcsolat oldal kialakítása, 1. rész (és az űrlapok) 8.2. Kapcsolat oldal kialakítása, 2. rész (és az űrlapok formázása) 8.3. Kapcsolat oldal kialakítása, 3. rész (és egyéb fontos űrlap elemek) 8.4. Kapcsolat oldal kialakítása, 4. rész 8.5. Kapcsolat oldal kialakítása, 5. rész (és egyéb input tulajdonságok) 8.6. Kapcsolat oldal kialakítása, 6. rész (és egyéb űrlap tulajdonságok, elemek) 8.7. Kapcsolat oldal kialakítása, 7. rész (és egyedi megjelenésű checkbox) 8.8. Kapcsolat oldal kialakítása, 8. rész (és egyedi megjelenésű radio) 8.9. Kapcsolat oldal kialakítása, 9. rész (és egyedi megjelenésű select) 8.10. Kapcsolat oldal kialakítása, 10. rész (és egyedi megjelenésű fájl feltöltés) 8.11. Kapcsolat oldal kialakítása, 11. rész 9. Kereső 9.1. A kereső elkészítése 10. Árak oldal kialakítása, táblázatok 10.1. Árak oldal, 1. rész (és a táblázatok) 10.2. Árak oldal, 2. rész (és a táblázatok megjelenésének módosítása) 11. Referencia oldalak (videók, hangok, képgaléria) 11.1. Referencia oldal készítése (és az iframe, videók) 11.2. Referencia oldal készítése (és a HTML5 videók) 11.3. Referencia oldal készítése (és a HTML5 hangok) 11.4. Referencia oldal készítése (plusz lapozható képgaléria) 12. Néhány egyéb, ami hasznos 12.1. Meta tagek, base tag 12.2. Link target és sub, sup 12.3. Hogyan tovább?
Azt is érdemes végiggondolnod, hogy ha más módon próbálnád megtanulni a weboldalak készítését, akkor az mennyi idődbe és pénzedbe kerülne:
nem több tízezer (sőt, százezer) forint
hanem
8.500Ft
helyett
most CSAK DVD esetén: 7.990Ft, online videó esetén: 7.990Ft!Túl drága?
Tényleg drága lenne ahhoz képest, hogy egyetlen weboldallal sokszorosan megkeresheted az árát? Ha ennek ellenére azt mondod, hogy drága, akkor sajnos nincs miről beszélnünk, egy ilyen oktató anyagért 7.990Ft semmi az átadott tudáshoz képest!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: HTML5, CSS3 - modern weblap készítés" oktató videót, így megteheted, ami Tőled csak telik, hogy megtanuld a weboldalak készítésé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.