Mérei Tamás webdesigner

Helló!Mérei Tamás vagyok, webdesigner

20 éve foglalkozom weboldalak, felhasználói felületek tervezésével, kódolásával és WordPress sablonok készítésével. Dolgozom magánszemélyeknek, fejlesztő cégeknek, multiknak, állami szervezeteknek és reklámügynökségeknek is.

Webdesign tanfolyam: HTML + CSS alapoktól a felső szintig

Ez a 13 leckéből álló 7 órás ingyenes webdesign tanfolyam bemutatja a webdesigner szakma alapját, a HTML + CSS kódolást. Nem igényel különösebb ismereket, egy kis informatikai érzék és minimális angol tudás azonban nem árt hozzá.

Webdesign tanfolyam videó

Webdesign tanfolyam

Webdesign tanfolyam tematika

  • HTML tagek: először is végigmegyünk az alapvető HTML tag-eken, külön figyelmet fordítva az űrlapokra.
  • Táblázatok: a táblázatok felépítését ebben az anyagban tárgyaljuk.
  • CSS, favicon, font, background: elkezdünk ismerkedni a CSS-sel, megtanuljuk az alapvető font és background formázásokat, megtanulunk favicon-t behúzni és a webfontok használatával is megismerkedünk.
  • Box model: a webes layout építéshez elengedhetetlen a box model alapos ismerete, melyet ebben a részben tárgyalunk ki, és elkezdjük használni az öröklődést is a CSS-ben.
  • Float layout, clearfix: a klasszikus float layout működésével foglalkozunk, illetve kitérünk a clearfix hekkre.
  • Position: relative, absolute, fixed, sticky: almenük, dropdown menük, feltapadó menük, mindent a position property-ről.
  • Flexbox layout: átlépjük a float layout korlátait és megtanulunk layout-ot építeni a flexbox segítségével.
  • CSS grid layout: a webes layout építés legújabb eszköze.
  • Bootstrap 4.4.1: a legnépszerűbb HTML + CSS keretrendszer 4.4.1-es verzióját is górcső alá vesszük.
  • Media query: a töréspontok ismerete elkerülhetetlen a reszponzív weboldalak készítéséhez. A media query-k használatán felül készítünk egy jó kis mobileszközös navigációt is.
  • CSS animation: mozgassuk meg a tartalmat!
  • Icon fonts: vektoros ikonok használata a weben.
  • Image sprite + table styling: egy régi technikát is megtanulunk amivel csökkenthetjük weboldalunk betöltési sebességét, illetve táblázatot formázunk CSS pseudo szelektorokkal.

Forrásanyagok, weboldalak, programok