Webtervezés gyakorlati jegyzet¶
Szükséges alkalmazások¶
A kurzus folyamán három nyelvet tanulunk: HTML-t, CSS-t és PHP-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.
A PHP programok futtatásához a XAMPP szoftvercsomagot használjuk. Ez biztosít számunkra egy PHP értelmezőt, valamint egy Apache webszervert. A telepítését és használatát a 6. fejezetben tárgyaljuk.
Néhány javasolt szerkesztőprogram¶
- Geany
- Sublime Text Editor
- Notepad++
- Visual Studio Code
- JetBrains termékek: WebStorm (HTML és CSS), PhpStorm (PHP)
A tantárgy tematikája¶
HTML és CSS¶
- 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
Szerveroldali webprogramozás, PHP¶
- A kiszolgáló- és ügyféloldali web programozás jellemzése, kapcsolata, alkalmazási területei
- A PHP nyelvi elemei
- Űrlapok kezelése
- Fájlok használata
- Állapotok tárolása. Menetkövetés
- Objektumorientáltság
- A PHP további lehetőségei
Ajánlott irodalom¶
HTML és CSS¶
- 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
PHP¶
- Jelen gyakorlati jegyzet
- Vancsics Béla által gondozott gyakorlati jegyzet
- Nagy Gusztáv: Web programozás , Webes szabványok
- PHP WIKI könyv
- PHP kézikönyv (régebbi)
- Gál Tibor: Web programozás, Mûegyetemi kiadó, 2006.
- Matt Zandstra: Tanuljuk meg a PHP5 használatát 24 óra alatt, Kiskapu Kiadó, 2005.
- Blake Schwendiman: PHP4 Fejlesztõk kézikönyve (1. + 2. kötet), Panem Kft., Budapest, 2001.
- Peter Moulding: PHP haladóknak, Fekete Könyv sorozat, Perfact-Pro Kft., 2002.
- Schlossnagle, George: PHP fejlesztés felsőfokon, Kiskapu Kft., 2004.
- Ben Laurie, Peter Laurie: Apache, Kossuth Kiadó, 2001.
- László József: Dinamikus weboldalak, CGI programozás Windows és Linux rendszerekben, ComputerBooks, Budapest, 2002.
- (angol) PHP 5 Tutorial - W3Schools
- (angol) PHP: Documentation php.net
- (angol) PHP: The Right Way phptherightway.com
- (angol) Learn PHP Online - Code School
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 Cservenak.Bence[kukac]stud.u-szeged.hu címre, 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ő¶
- Cservenák Bence
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.