Webfejlesztés alapok gyakorlatiasan - HTML és CSS

WEB-HC

A weblapok alapját képző építőkövek, HTML és CSS

Képzési forma:
Képzés hossza:
5 nap (40 óra)
Tananyag nyelve:
Magyar
2021.
augusztus
02.
2021.
október
18.
2021.
december
13.
Képzési forma:
Képzés hossza:
5 nap (40 óra)
Képzés nyelve:
Magyar/Angol
2021.
augusztus
02.
Mentorált
2021.
október
18.
Mentorált
2021.
december
13.
Mentorált

Ismertető

A tanfolyam célja, hogy a tanulók megismerjék a weblapok alapjául szolgáló HTML, és CSS nyelveket, melyek segítségével maguk is könnyedén tudnak statikus honlapokat készíteni. Az órák során gyakorlati példák alapján megtanulják, hogyan tudnak szöveges, és multimédia tartalmakat szabványosan elhelyezni honlapokon, és hogyan tudnak egyszerű animációkat létrehozni, és miként tudják ezeket formázni. Mindezt egy modern kódszerkesztő program a Visual Studio Code segítségével.
  • A HTML nyelv története, fejlődése, fontosabb lépcsőfokok. Az SGML, XML szabványokkal való kapcsolata.
  • Alapszintű web specifikus hálózati ismeretek: kliens-szerver kommunikáció, fontosabb portok, protokoll, az url felépítése
  • A HTML fájl szerkezete, felépítése. A HTML5 szabvány bemutatása.
  • A Visual Studio Code kódszerkesztő program gyorsbillentyűinek, felületének, és hasznos kiegészítőinek bemutatása.
  • Címsorok, bekezdések, speciális szövegelemek létrehozása. Inline és blokk szintű elemek, egymásba ágyazás.
  • Listák, linkek, táblázatok, képek, és responsive képek.
  • Űrlapok, és űrlapelemek. A különböző űrlapelemek tulajdonságainak testre szabása. Űrlapok validálása a html nyelv segítségével kliens oldalon.
  • Audio/videó, és egyéb multimédiás tartalmak beágyazási lehetőségei. A multimédiás tartalmak tulajdonságai. Iframe-ek.

 

  • A CSS, azaz a kaszkádolt stíluslapok, a honlapok megjelenési stílusáért felelős nyelv bemutatása.
  • Alapszintű kiválasztók, mértékegységek, színek, betűkészletek.
  • A kiválasztók „erőssége”, specifikussága, és az important szabály.
  • Háttérformázások. A különböző színek, színátmenetek, és képek beállítása az elemek háttereként.
  • Szövegformázások.
  • Betűformázások, egyéni betűkészletek használata a honlapoknál.
  • Listák, táblázatok formázása.
  • A doboz model. A content-padding-border-margin négyes, mint a honlapok építőelemeinek fő tulajdonságai.
  • A doboz model egyéb lehetőségei. Hogyan pozícionáljuk „építőköveinket”, és szabjuk testre megjelenésüket.
  • Media query – a responsive webdesign alapjai.
  • Pszeudo class, pszeudo element, és attribute alapú kiválasztók.
  • 2d-3d transzformációk. Az elemeink elforgatása, átméretezés, döntése, és egyéb módú átalakítása.
  • Animációk készítése CSS segítségével.

 

Windows 7+ felhasználói szintű ismeretek.