Cikksorozatunkban bemutatjuk a szabványos weboldalak készítésének minden lépését, a tervezéstől a a végső megvalósításig. Végiglépdelünk a HTML-kód írásának alapjaitól a formai beállításokat megvalósító CSS-lapok tervezésén át az interaktivitást nyújtó JavaScript programok trükkjeiig. Nem csak a jelent, de a közeljövő újdonságait is szemügyre vesszük.
Hirdetés
A Weboldalkészítő suli sorozat részei:
- 1.: Előkészítő foglalkozás
- 2.: (X)HTML-alapok és -struktúra
- 3.: Építőkockák és egyéb okosságok
- 4.: Kirándulás a weboldaltervezésbe
- 5.: Kezdjünk neki!
- 6.: Stíluslapok
- 7.: Kaszkádvilág
- 8.: Elemek, osztályok, azonosítók, dobozolás
- 9.: Dobozanatómia
- 10.: Építsünk weboldalt!
- 11.: Ha felépül végül az oldal
- 12.: Minden jó, de nincs még vége!
- 13.: Az oldal viselkedése
- 14.: Diszkrét linkelés
- 15.: Rendezhető csíkos táblák
- 16.: Tartalomjegyzék
- 17.: Kerek sarkok, képes címsorok
- 18.: Formás űrlapok, űrlapalapozás
- 19.: Űrlapokosítás
- 20.: Képes kapcsolók
- 21.: Szigorúan ellenőrzött űrlap-adatok
- 22.: Képgaléria nyitóoldalak
- 23.: Galériák - Felbukkanó képek JavaScript nélkül
- 24.: Galériák - statikus képek, még mindig JavaScript nélkül
- 25.: Galériák változó nézete
- 26.: Jövőbe tekintve
- 27.: Stílusos jövő
- 28.: Stílusos áttűnések
- 29.: HTML5 és CSS3 érdekességek
- 30.: Animált galéria CSS3-mal
- 31.: Füles oldalak JavaScript nélkül
- 32.: Weboldalak papíron
- 33.: Hivatkozások lábjegyzetként
- 34.: Előtte-utána, avagy tartalom hozzáadása CSS-ből
- 35.: CSS-jelölők - haladó szinten
- 36.: Ablakmérettől függő elrendezések
- 37.: HTML5 - szép új jövő
- 38.: Helyünk a világban
- 39.: Térinformációk
- 40.: Geokódolás oda-vissza
- 41.: Árnyékolás
- 42.: Videók a honlapon
- 43.: Saját HTML5-ös lejátszó
- 44.: YouTube-videók beágyazása
- 45.: Megszelídített YouTube-videók
- 46.: Transzformált alakzatok
- 47.: Térbe transzformálva
- 48.: Honlapok új dimenziója
- 49.: Forgó-pörgő elemek
- 50.: A kulcskockák
- 51.: Klasszikus animációk, animáció klasszikusok
- 52.: Ismét galériát építünk
- 53.: Animációs események
- 54.: Darabos képváltások és automatikus indexképek
- 55.: Prezi házilag
