Weblapkészítés HTML és CSS technológiákkal

Manapság számtalan weboldalt és webalkalmazást találunk az interneten. Rengeteg weblap létezik, némelyek hobbiból, akár non-profit célra jöttek létre, mások üzleti céllal készültek, és valamely vállalatok fizikai termékét vagy szolgáltatását népszerűsítik, akár online kínálnak valamilyen szolgáltatást. Egy dolog közös azonban ezekben a honlapokban: mindegyikük HTML és CSS technológiával jeleníti meg a tartalmat a böngészőben. Ebben a tanfolyamban ezeket az alapvető webes technológiákat ismerjük meg.

Weboldalak készítése HTML és CSS nyelven. A tartalom megfelelő elrendezése. Reszponzív weboldalak készítése.

A tanfolyam olyanoknak szól, akik weboldalakat, webalkalmazásokat szeretnének készíteni.

Alapvető számítógéphasználói ismeretek, a böngészők használatának ismerete.

• A HTML, a CSS és a JavaScript szerepe a webfejlesztésben
  • HTML nyelv felépítése, változatai
  • Munka a böngészővel
  • HTML és CSS szerkesztőprogramok használata
  • A W3C Validator
• A HTML oldalak felépítése
  • Szintaktikai szabályok
  • html, head, body
  • Alapvető blokkos és inline elemek
• További HTML elemek
  • Listák
  • Szemantikus elemek
  • Táblázatok
• Képek a HTML oldalon
  • Támogatott képformátumok
  • Reszponzív képek
  • Képek webre optimalizálása
• Formok
  • A formok működése, paraméterátadás, GET és POST kérések
  • A form inputok típusai, szövegmezők, legördülőlisták, rádiógombok, jelölőnégyzetek, dátumválasztók stb.
  • A formvalidáció jelentősége, lehetőségei
• A CSS szerepe, verziói, moduljai
  • CSS hozzárendelése a weblaphoz
  • A selectorok, a selectorok kombinációja
• Szövegformázási lehetőségek
  • Fontok
  • Mértékegységek
  • Térközök
• A CSS szabályok működése
  • A specificitás és a cascading
  • Reset/normalize CSS
  • Öröklődés
  • Kompatibilitás és fallback
  • Shorthand és longhand jelölések
  • @supports
• Az elrendezés kialakítása
  • A box modell
  • A margin collapse
  • A display tulajdonság
  • Az alapértelmezett flow megtörése, position, top, right, bottom, left
• Reszponzív weboldalak készítésének módszerei
  • A float alapú elrendezés
  • Az inline-block alapú elrendezés
  • A flexbox alapú elrendezés
  • A grid alapú elrendezés
• A CSS template könyvtárak, a Bootstrap
  • A template könyvtárak előnyei és hátrányai
  • Gridrendszer a Bootstrapben
  • Bootstrap komponensek alkalmazása
• Animációk a CSS-ben
  • Az animációk működése
  • Gyakorlati példák