Webdesign fogalmak, HTML alapok, CSS - webes kurzus a dev.opera.com-on magyarul

Egy nagyon hasznos leírás - magyar nyelven - kezdő designereknek, kódereknek, de talán haladók számára is érdekes lehet.

Kinek van szüksége ezekre a leírásokra?

Ez a webes szabványokról szóló kurzus több részből épül fel, így szinte bárkinek segítségére lehet, aki webes szabványokról szeretne tanulni. A célja az, hogy az olvasót az egyszerű böngészéstől elvigye a CSS és HTML világába, egyszerű tudást adjon JavaScriptek készítéséhez, és hogy átlássa, hogyan illeszkednek mindezek egymáshoz. Mindez elég ahhoz, hogy az ember bizalommal léphessen be a munkapiacra (bár tapasztalatot sajnos nem tudunk adni).

Kinek van minderre szüksége? Azt szeretném, hogy bárki használhassa ezeket, aki szeretné megtanulni a webfejlesztés „helyes útját”:

  1. Egyetemi oktatók és diákok: erről már beszéltünk — ezek a cikkek ideálisak egy saját kurzus felépítéséhez, esetleg egy meglévő kurzusod felújításához vagy frissítéséhez. Ha diákként már jársz valamilyen webfejlesztéssel kapcsolatos előadásra, akkor ezzel kiegészítheted a tudásodat, és szólhatsz a tanárodnak is, hogy vegye ezeket figyelembe! Minden tanárnak és diáknak csak ajánlani tudom, hogy nézzék át ezeket a leírásokat, hogy a kurzusokban biztosan a jelenleg elérhető legjobb módszereket taníthassák és tanulhassák.
  2. Iskolások már az egyetem/főiskola előtt: bár ezek a leírások elsősorban felnőtteknek készültek, ez nem jelenti azt, hogy a fiatalabbak nem tanulhatnak belőle — egyszerűen nézz körül, és kezdd el a tanulást.
  3. Jelenlegi webfejlesztők és webdesignerek: rengeteg olyan webfejlesztő és webdesigner dolgozik, aki nem használja a webes szabványokat és a legjobb módszereket, esetleg szüksége lenne egy könnyen elérhető referenciára, ha utána szeretne nézni valaminek, vagy szívesen felfrissítené a tudását. Ha az első csoportba tartozol, adj egy esélyt ennek a kurzusnak, hogy megtudhasd, miért hasznos a számodra is a webes szabványok használata. Az utóbbi csoportnak ez a sorozat hasznos lehet a képességeik frissítésére, a nehezen felidézhető részletek áttekintésére, vagy olyan indokok keresésére, amelyekkel meg lehet győzni a főnököt a webes szabványok használatának hasznosságáról.
  4. Céges oktatók: ez egy ideális mód az alkalmazottak olcsó oktatására.
  5. Bárki más: ha egyik csoportba sem tartozol, de szeretnél tanulni valamit a webdesignról és a webfejlesztésről, akkor ez a kurzus egy egyszerű és olcsó mód a számodra.

Tartalomjegyzék

A kezdetek

  1. Bevezető a webes szabványokba (Chris Mills) — ezt olvasod jelenleg

A szabványok világa

  1. Az internet és a web története, a webes szabványok evolúciója (Mark Norman Francis)
  2. Hogyan működik az internet? (Jonathan Lane)
  3. A webes szabványok modellje — HTML, CSS és JavaScript (Jonathan Lane)
  4. Szép álom, de mi a valóság? (Jonathan Lane)

Webdesign fogalmak

  1. Információs Architektúra — egy website tervezése (Jonathan Lane)
  2. Mi kell egy jó weblaphoz? (Mark Norman Francis)
  3. A színek elmélete (Linda Goin)
  4. Egy site keretének felépítése (Linda Goin)
  5. Színsémák és designtervek (Linda Goin)
  6. Tipográfia a weben (Paul Haine)

HTML alapok

  1. A HTML alapjai (Mark Norman Francis)
  2. A HTML <head> eleme (Christian Heilmann)
  3. Megfelelő doctype választása a HTML dokumentumokhoz (Roger Johansson)

A HTML felépítése

  1. Szöveges részek megjelölése HTML-ben (Mark Norman Francis)
  2. HTML listák (Ben Buchanan)
  3. Képek a HTML-ben (Christian Heilmann)
  4. HTML hivatkozások — építsük fel a webet! (Christian Heilmann)
  5. HTML táblázatok (Jen Hanen)
  6. HTML űrlapok — az alapok (Jen Hanen)
  7. Kevéssé ismert szemantikus elemek (Mark Norman Francis)
  8. Általános tárolók — a div és a span elemek (Mark Norman Francis)
  9. Több lap létrehozása navigációs menüvel (Christian Heilmann)
  10. A HTML validálása (Mark Norman Francis)

Hozzáférhetőség

  1. A hozzáférhetőség alapjai (Tom Hughes-Croucher)
  2. A hozzáférhetőség tesztelése (Ben Hawkes-Lewis)

CSS

  1. CSS alapok (Christian Heilmann)
  2. Öröklődés és kapcsolódás (Tommy Olsson)
  3. Szöveg stílusozása CSS-sel (Ben Henick)
  4. A CSS elrendezés modell — box, border, margin és padding (Ben Henick)
  5. Háttérképek CSS-ben (Nicole Sullivan)
  6. Listák és hivatkozások stílusozása (Ben Buchanan)
  7. Táblázatok stílusozása (Ben Buchanan)
  8. Űrlapok stílusozása (Ben Henick)
  9. Float és clear (Tommy Olsson)
  10. Statikus és relatív pozícionálás CSS-ben (Tommy Olsson)
  11. Fix és abszolút pozícionálás CSS-ben (Tommy Olsson)

Haladó CSS anyagok

  1. Fejlécek, láblécek, oszlopok és sablonok (Ben Henick)

JavaScript alapok

  1. Programozás — a valódi alapok! (Christian Heilmann)
  2. Mire jó a JavaScript? (Christian Heilmann)
  3. Első lépések JavaScriptben (Christian Heilmann)
  4. Legjobb JavaScript módszerek (Christian Heilmann)
  5. A nem feltűnő JavaScript alapelvei (PPK)
  6. JavaScript függvények (Mike West)
  7. Objektumok JavaScriptben (Mike West)
  8. A DOM bejárása (Mike West)
  9. HTML létrehozása és módosítása (Stuart Langridge)
  10. Dinamikus stílus — CSS kezelése JavaScripttel (Greg Schechter)
  11. Események kezelése JavaScripttel (Robert Nyman)
  12. JavaScript animáció (Stuart Langridge)
  13. Könnyed leépítés kontra folyamatos fejlesztés (Christian Heilmann)

Kiegészítő leírások

  • Tartalom feltöltése online (Craig Grannell)
  • Még néhány szó a <head> elemről (Chris Heilmann)
  • Kiegészítő: Közös HTML entitások a tipográfiában (Ben Henick)
  • Az Opera Webes szabványok tanfolyam fogalomtára — Nem teljes, folyamatosan bővítjük!

Forrás és link: Bevezető a webes szabványokba - http://dev.opera.com/articles/view/1-bevezeto-a-webes-szabvanyokba/

A szerzőről

Chris Mills

Chris Mills fejlesztő kapcsolat manager az Operánál. Cikkeket ír és publikál a dev.opera.com és a labs.opera.com oldalakon, kapcsolatot tart az Opera közösséggel a visszajelzések és az Opera népszerűsítésének érdekében, valamint reklámozza az Operát, ahol lehet. Ő szervezte és készítette a Webes szabványok sorozatot.

A munkán kívül nagy zenerajongó, a zenék széles skáláját szereti játszani és hallgatni, többek között metál, folk, punk, elektronika, prog és sok más stílust. A kedvenc zenekara jelenleg a híres Conquest of Steel.

Visszakövetés (trackback URL):

http://www.ventosa.hu/trackback/341
Átlagérték: 5 (2 votes)

A Ventosa kreatív stúdió, weboldalkészítéssel (designtól a programozásig) és grafikai tervezéssel (logótól a céges arculatig) foglalkozik.

Nézze meg portfóliónkat, elképzeléseinket a weboldalkészítésről, egy logó, arculat megjelenéséről!

On-line üzenetküldéshez kattintson ide!

  • www.ventosa.hu
  • info@ventosa.hu