Webfejlesztés alapjai gyakorlati jegyzet¶

Szükséges alkalmazások¶

A kurzus folyamán két nyelvet tanulunk: HTML-t és CSS-t. A HTML és CSS kód írásához egy tetszőleges szerkesztőprogramra és egy webböngészőre van szükségünk.

Néhány javasolt szerkesztőprogram¶

JetBrains termékek: WebStorm
Visual Studio Code
Sublime Text Editor
Geany
Notepad++

A tantárgy tematikája¶

HTML és CSS szintaxis
Általános formázások. A dobozmodell és részeinek formázása. Megjelenítési jellemzők. Stílusok kölcsönhatása. Helyzetmegadás
Weboldalak strukturálása. Beágyazott keretek (lebegőkeretek)
Szövegek jellemzői, strukturális egységei és azok formázása. Hivatkozások elhelyezése és formázása
Felsorolások. Menük elhelyezése és formázása
Táblázatok készítése
Űrlapok készítése. Űrlapelemek, elemfeliratok, működési jellemzők
Multimédiás elemek beágyazása
A HTML és CSS további lehetőségei

Ajánlott irodalom¶

Jelen gyakorlati jegyzet
Vancsics Béla által gondozott gyakorlati jegyzet
Abonyi-Tóth Andor, ELTE IK: A weblapkészítés technikája (HTML5, CSS3) és ergonómiája, elte.hu, tankonyvtar.hu
HTML5 weboldalak készítése - webfejlesztes.gtportal.eu
HTML és CSS - Standardsmode.hu
Holló Csaba: Üzleti webtechnológiák, Typotex Kiadó, 2011.
Virginia DeBolt: HTML és CSS. Webszerkesztés stílusosan. Kiskapu Kft, 2005.
(angol) HTML5 - MDN web docs (Mozilla)
(angol) HTML5 Tutorial - w3schools.com
(angol) Estelle Weyl: HTML5 v. XHTML5

Az elkészült jegyzetről, hibák¶

Hibák¶

A jegyzet folyamatosan készül, így előfordulhatnak benne apróbb hibák, hiányosságok, elírások. Ha valaki esetleg ilyet találna, kérem írjon a gyakorlatvezetőknek, hogy mihamarabb javíthassuk.

A tárgyi tévedések jelentéséért cserébe plusz pontok szerzésére van lehetőség, gyakorlatvezetőtől függetlenül. Plusz pontot az adott tárgyi tévedést legelőször jelentő hallgató kap.

Készítők¶

Cservenák Bence
Gercsó Márk
Kozma Kristóf

Köszönetnyilvánítás¶

A gyakorlati jegyzet webes formátumba való átalakításában nyújtott segítségért köszönet Antal Gábornak.

Jogi nyilatkozat¶

Nevezd meg! - Ne add el! - Így add tovább! 4.0 Nemzetközi

Gyors összefoglaló a licenszről, és a teljes változat.

Utolsó frissítés: 2024-08-15 15:19:52