HTML és CSS alapjai

A tanfolyamról

Ebben a kurzusban megtanulok a weboldal készítést HTML nyelven és a webdesign alapjait CSS nyelven.

Lehetőségek
1 órás konzultáció az oktatóval Fél órás konzultáció az oktatóval Online tesztes vizsga Online gyakorlati vizsga

Kurzus tartalma

01. HTML alapok és bevezető

01. Bevezető

01:46
02. Fejlesztői környezet

01:44
03. A webfejlesztés szentháromsága: HTML, CSS, JS

02:49
04. A HTML nyelv és tagek

08:22
05. Alapvető HTML elemek

07:50
06. Teljes HTML váz

03:48
07. A HEAD elem

10:49
08. Kommentezés

02:11
09. Feladat: A HTML és a fejlesztőeszközök megismerése

14:54
10. Az index elnevezés fontossága

03:52
Forráskódok és diasor letöltése

02. HTML további elemek

01. Képek és linkek

07:47
02. Feladat: Linkek kezelése a gyakorlatban

02:24
03. Definíciós lista, speciáis karakterek, iframe

06:04
04. Feladat: Youtube videó és Google Maps beágyazása

03:11
05. Audio, video, grafikai elemek, canvas, svg

04:00
06. Táblázatok

03:41
07. Feladat: Táblázatok a gyakorlatban

06:02
08. Szemantikus elemek és a pre tag

02:30
09. A DIV tag, block és inline elemek

04:43
10. Feladat: Block és inline szintű elemek a gyakorlatban inspect element technikával

01:21
Forráskódok és diasor letöltése

03. HTML űrlapok

04. CSS alapok I.

05. CSS alapok II.

01. Szövegformázási lehetőségek: betűtípusok, méretek, betűcsaládok, Google Fonts

05:31
02. Feladat: Google Font a gyakorlatban felhasználva

05:15
03. Linkek formázása CSS-el

03:24
04. Feladat: Linkek formázása a gyakorlatban

06:53
05. Táblázatok és űrlapok formázása CSS-el

02:12
06. Feladat: Táblázat formázása a gyakorlatban

04:52
07. Feladat: Mozijegy foglaló űrlap formázása a gyakorlatban

06:18
08. Pozícionálás, Z-index, float

05:57
09. Feladat: Pozícionálás CSS-el a gyakorlatban

01:21
Forráskódok és diasor letöltése

A tanfolyamról

Kurzus tartalma

01. HTML alapok és bevezető

01. Bevezető

02. Fejlesztői környezet

03. A webfejlesztés szentháromsága: HTML, CSS, JS

04. A HTML nyelv és tagek

05. Alapvető HTML elemek

06. Teljes HTML váz

07. A HEAD elem

08. Kommentezés

09. Feladat: A HTML és a fejlesztőeszközök megismerése

10. Az index elnevezés fontossága

Forráskódok és diasor letöltése

02. HTML további elemek

01. Képek és linkek

02. Feladat: Linkek kezelése a gyakorlatban

03. Definíciós lista, speciáis karakterek, iframe

04. Feladat: Youtube videó és Google Maps beágyazása

05. Audio, video, grafikai elemek, canvas, svg

06. Táblázatok

07. Feladat: Táblázatok a gyakorlatban

08. Szemantikus elemek és a pre tag

09. A DIV tag, block és inline elemek

10. Feladat: Block és inline szintű elemek a gyakorlatban inspect element technikával

Forráskódok és diasor letöltése

03. HTML űrlapok

01. Felhasználói adatbevitel, GET és POST kérések

02. Egy űrlap felépítése HTML kódban

03. Űrlapelemek: szöveges, radio, checkbox, password

04. Űrlapelemek attribútumai

05. Legördülő lista, adatlista, textarea, fieldset, label

06. Feladat: Mozijegy foglaló űrlap

Forráskódok és diasor letöltése

04. CSS alapok I.

01. A CSS nyelv

02. CSS megadási módok: inline, internal, external

03. CSS selectorok

04. CSS színek és hátterek

05. Feladat: CSS kezelés a gyakorlatban

06. Border, margin, padding, kiterjedés, outline, árnyék, hasábok

07. Feladat: Termékkategória választás hasábokkal

Forráskódok és diasor letöltése

05. CSS alapok II.

01. Szövegformázási lehetőségek: betűtípusok, méretek, betűcsaládok, Google Fonts

02. Feladat: Google Font a gyakorlatban felhasználva

03. Linkek formázása CSS-el

04. Feladat: Linkek formázása a gyakorlatban

05. Táblázatok és űrlapok formázása CSS-el

06. Feladat: Táblázat formázása a gyakorlatban

07. Feladat: Mozijegy foglaló űrlap formázása a gyakorlatban

08. Pozícionálás, Z-index, float

09. Feladat: Pozícionálás CSS-el a gyakorlatban

Forráskódok és diasor letöltése

06. Komplex feladat

01. Feladat ismertetése

02. Főoldal és projektstruktúra kialakítása

03. Termékek aloldal elkészítése

04. Szolgáltatások aloldal elkészítése

05. Munkavállalók aloldal elkészítése

06. Kapcsolat aloldal elkészítése

07. Lábléc hozzáadása az oldalakhoz

Forráskódok és diasor letöltése