Webfejlesztés alapok gyakorlatiasan – HTML és CSS

Leírás

Óraszám:  nap;  tanóra

Minimum létszám:  fő

A képzés nyelve: magyar

Tandíj:  Ft /fő + ÁFA

A képzés rövid leírása:

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.

Képzési tematika:

• 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 szablyuk 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.

Belépési feltételek:

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

Igazolás: Tanúsítvány