Az előző bejegyzésben létrehoztunk egy egyszerű reszponzív grid rendszert, amelynek melynek segítségével könnyen lehet az oldal tartalmát elrendezni. A mintapélda jól nézett ki desktop méretű kijelzőn, mobilon kevésbé. Media Query A media query-ket (média lekérdezés) CSS3-ban vezették be. A media…
Mi az a Responsive Web Design? A responsive web desing lehetővé teszi, hogy a weboldal minden eszközön jól nézzen ki. A responsive web design csak HTML és CSS technikát használ, nem program (pl. JavaScript). Legjobb felhasználói élmény elérése A weboldalakat különböző…
Előképzettség (amiről itt nem lesz szó vagy csak a szükséges mértékben): programozási alapismeretek, PHP nyelvi elemek (változók, elágazás, ciklusok, tömbök). A PHP egy ún. C-like (C-szerű) nyelv, ami azt jelenti, hogy szintaktikailag sokban hasonlít a C nyelvre (például kapcsos zárójelek…
Az eddigiek során csak statikus oldalakat készítettünk, ahol a HTML / CSS forrásokat egyszerű szöveges állományokba mentettünk .html illetve .css kiterjesztéssel. A munkánk eredményét, az elmentett HTML állományokat közvetlenül a böngészőben nyitottuk meg, webszerver alkalmazása nélkül: Dinamikus oldalak készítéséhez a…
Egy esztétikus oldal megtervezésekor az elrendezés mellett szintén fontos a különböző szövegrészekben alkalmazott betűk kinézete. Néhány alapfogalom a betűkkel kapcsolatban melyek gyakran keverednek: tipográfia: “A tipográfia nyomtatott betűkkel foglalkozó szakma és művészeti ág…” betűkép (typeface): az amit látunk, a betűk…
Az elkészített weboldalakat fel kell tölteni a tárhelyre. Ennek talán legegyszerűbb módja, az FTP (File Transfer Protocol) használata. Az FTP protokoll segítségével fájlokat, mappákat tudunk kezelni, fel- és letölteni távoli gépeken, hasonlóan ahhoz, ahogy a saját gépünk helyi meghajtóin is szoktuk.…
