Webes szabványok

Ismerd meg a webes szabványok világát, és tedd jobbá a webet!

Az itt található ingyenes leírásokkal megismerheted a webes szabványokat, és a legjobb módszereket a webfejlesztéshez.

Töltsd le az Operát

Hírcsatornák

Tartalom

A kezdetek
  1. Bevezető a webes szabványokba
A szabványok világa
  1. Az internet és a web története, a webes szabványok evolúciója
  2. Hogyan működik az internet?
  3. A webes szabványok modellje — HTML, CSS és JavaScript
  4. Szép álom, de mi a valóság?
Webdesign fogalmak
  1. Információs Architektúra — egy website tervezése
  2. Mi kell egy jó weblaphoz?
  3. A színek elmélete
  4. Egy site keretének felépítése
  5. Színsémák és designtervek
  6. Tipográfia a weben
HTML alapok
  1. A HTML alapjai
  2. A HTML head eleme
  3. Megfelelő doctype választása a HTML dokumentumokhoz
A HTML felépítése
  1. Szöveges részek megjelölése HTML-ben
  2. HTML listák
  3. Képek a HTML-ben
  4. HTML hivatkozások — építsük fel a webet!
  5. HTML táblázatok
  6. HTML űrlapok — az alapok
  7. Kevéssé ismert szemantikus elemek
  8. Általános tárolók — a div és a span elemek
  9. Több lap létrehozása navigációs menüvel
  10. A HTML validálása
Hozzáférhetőség
  1. A hozzáférhetőség alapjai
  2. A hozzáférhetőség tesztelése
CSS
  1. CSS alapok
  2. Öröklődés és kapcsolódás
  3. Szöveg stílusozása CSS-sel
  4. A CSS elrendezés modell — box, border, margin és padding
  5. Háttérképek CSS-ben
  6. Listák és hivatkozások stílusozása
  7. Táblázatok stílusozása
  8. Űrlapok stílusozása
  9. Float és clear
  10. Statikus és relatív pozícionálás CSS-ben
  11. Fix és abszolút pozícionálás CSS-ben

Hozzászólások

  • Peraaa: Kár, hogy nem folytattad a fordítást, sokat tanultam belőle. (2015.03.15. 22:17) Költözés
  • Janus12 (törölt): Király a leírás! (2009.09.09. 13:36) Általános tárolók — a div és a span elemek
  • Karbonade: @Edorn: Szerintem erről a 33-as leírásban lesz szó (táblázatok stílusozása). Amíg nincs hozzá ford... (2009.06.25. 16:38) HTML táblázatok
  • Karbonade: @dreambarker: Igazából időhiány miatt lassult le, ha megint lesz rá időm, folytatom a fordítást. (2009.06.10. 15:01) Megfelelő doctype választása a HTML dokumentumokhoz
  • kajla: @Karbonade: Köszönöm, ez nagy megtiszteltetés! :) (2009.04.03. 22:30) Segíts te is a fordításban!
  • anyu(ha): További olvasnivalóhoz ajánlat: css.maxdesign.com.au/index.htm (2008.10.15. 19:25) HTML listák
  • Karbonade: Természetesen nem a nép butítása a célom, éppen ellenkezőleg :) Úgyhogy ha valaki vállalja a lekto... (2008.09.19. 17:43) A HTML <head> eleme
  • HTML Info: Mivel a trackback nem jutott idáig, csak így gyalog: htmlinfo.hu/2008/09/17/webszabvany-blog/ (2008.09.17. 19:13) A HTML alapjai
  • lacacsoki: Sommerset nem is olyan borús ha van cider... köszi a hasznos postot! Üdv :D (2008.09.17. 13:55) Tipográfia a weben
  • Karbonade: Köszi, javítom. Sőt az egyes szám-többes szám sem egyezik. (2008.09.03. 10:38) Egy site keretének felépítése

Címkék

Tedd jobbá a webet!

Karbonade • 2008.07.11
Címkék: szabvány bevezető

Ennek a blognak a célja, hogy népszerűsítse és terjessze a webfejlesztéshez nélkülözhetetlen szabványok használatát, amelyekre manapság igencsak ráfér a terjesztés. A leírások az Opera Web Standards Curriculum alapján készültek.

Az itt található leírásokkal könnyebben használhatod majd a szabványokat. Miután mindent elolvastál, tisztában leszel az összes szabványos webfejlesztési technológiával, beleértve a HTML-t, a CSS-t, a design alapelveket és a kapcsolódó elméleteket, valamint a JavaScript alapjait. A projektet már több nemzetközi vállalat is támogatja, köztük a Yahoo! és a Web Standards Project.

Miért jó ez neked?

Ha diák vagy

Nem rossz, ha már ismered a webes szabványokat, de miért ne egészíthetnéd ki a tudásodat az itteni anyagokkal? Ha pedig még nem ismered, akkor lobbiz a tanárodnál, hogy vegye fel a tananyagba, így olyan ismereteket taníthat, amelyekre a hétköznapi életben is gyakran szükség van.

Ha tanár vagy

Az itt található oktatási anyag segítségével a következő generáció webfejlesztőinek praktikus és hasznos tudást adhatsz át, amelynek bárhol hasznát vehetik a későbbiekben. A leírások több különálló részre vannak bontva, így átveheted őket sorban, vagy csak azokat, amelyekre szükséged van a lecketervhez.

Ha webfejlesztő vagy

Ennél egyszerűbben nem is tanulhatnád meg a webes szabványok használatát. Mindent, amire szükséged van, megtalálsz egy rövid és érhető leírás formájában, amelyből megismerheted a szabványt, és ötleteket is meríthetsz. Az itt található anyagokkal felfrissítheted a tudásodat, és talán még új dolgokat is tanulhatsz.

Ha vezető vagy

Az itt található leírások ideálisak a belső tréningekhez. Engedd meg a fejlesztőidnek, hogy használják a webes szabványokat, ezáltal csökken az adatforgalom, teret kap az innováció és a fejlesztőidnek lehetősége lesz valóban jó kódot írni.

Ha csak szereted a webet

A web szépsége abban rejlik, hogy egységes, nemzetközi fejlesztői platformot nyújt. A webes szabványok használata azt jelenti, hogy az oldalaidat gyorsabban megírhatod, könnyebben felügyelheted, és minden felhasználónak ugyanúgy elérhető lesz függetlenül a böngészőtől vagy a képességeitől függetlenül.

Kezdd el a tanulást az első leckével!

A bejegyzés trackback címe:

http://webszabvany.blog.hu/api/trackback/id/tr62563713

Trackbackek, pingbackek:

Trackback: Magyar Opera 2008.07.14. 22:10:59

Tanulj webfejlesztést az Operától, magyarulNemrég adtunk hírt arról, hogy az Opera egy ingyenes cikksorozatot készített, amely felöleli a webfejlesztés szinte minden részletét, ráadásul olvasmányos és rendkívül hasznos formában. Már akkor eldöntöttem, hog…

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

ac3^BB 2008.08.01. 15:35:48

mielott az opera oktatni probalna elobb keszitsenek 1 rendes bongeszot

Karbonade · http://magyaropera.blog.hu 2008.08.01. 15:44:49

Említek hármat... Opera, Opera Mini, Opera Mobile. De még van több is :)

Egyébként a cikkek jó részét nem is operások írták (ha ezzel lenne problémád), vannak például a Yahoo!-tól és más helyekről is. És ha megnézed, mindannyian elismert emberek a saját szakterületükön.

Adam 2008.08.02. 14:14:28

Hat, sajnos azt kell mondjam, az Opera folyamatosan hirdeti, hogy milyen jo minden teruleten, de egy egyszeru problemat nem kepesek kijavitani, peldaul a HTML-bol valo filefeltoltest. Tovabba JS teruleten is elegge erdekes dolgokat tud muvelni. Igen, mielott papolnak, a sajat hazuk tajan kellene rendet tenni...!

törölt-felhasználó (törölt) 2008.08.02. 18:38:33

Az, hogy a selejt, nem szabványos weboldalakat, (amiknek a szerkesztőit a géphasználattól is el kéne tiltani) nem rendereli le normálisan az nem az Opera hibája. Mutass egy olyan w3c valid oldalt, amit nem jelenít meg normálisan.

Karbonade · http://magyaropera.blog.hu 2008.08.02. 23:04:51

Maradjunk a témánál, mint már írtam, a cikkek egy jó részét nem is az Opera írta. A továbbiakban az ilyen offtopic kommenteket törlöm.