[[oktatas:web|< Web]]

====== Webfejlesztésről ======

  * **Szerző:** Sallai András
  * Copyright (c) 2013, Sallai András
  * Szerkesztve: 2013, 2014, 2015, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu


===== Bevezetés =====

Ezen a lapon rövid áttekintés találunk a webmesterek munkájáról.
Az első magyar honlap 1993-ban jelent meg, az első domain regisztráció a sztaki.hu 1991-ben történt. 


===== A webmester weboldalt készít =====


Amit használ:
  * HTML5
  * CSS3
  * JavaScript
  * JavaScript keretrendszerek
  * PHP
  * Perl
  * Python
  * Java
  * Grafikai program (GIMP, Inkscape, stb.)




===== A webmester elkészítette a weboldalt =====

^  Szükséges  ^^^^^
|  Tartománynév (domain név)  |  Tárhely  ||||
|  Például: sarga.and, sarga.hu |  Ingyenes  |  Ismerősnél  |  A vállalat szerverén  |  Gépparkban  |


^  Elérhetőség  ^^^
^  Tartomány név alatt ^ Altartománynév alatt  ^  Alkönyvtárban  ^  
|  sarga.and  | kek.sarga.and  |  sarga.and/kek  |

Esetleg: www.sarga.and

^  Titkosság szerint az elérés  ^^
^  Tiszta szövegként  ^   Titkosított csatorna  ^
|  https://szit.hu  |  https://szit.hu  |


A webmester elkészíti a weboldalt, majd feltölti egy webszerverre.
A szerver fizikailag lehet a vállalat irodaépületében, vagy egy szerverparkban,
ahol a szervereknek helyet bérelhetünk. Szerverparkba akkor szoktuk tenni a
gépünket, ha az irodánkban nem megfelelő az Internet sebessége számunkra, és/vagy
másoknak is szeretnénk weboldalakat tárolni, vagyis "webhostinggal" szeretnénk
foglalkozni.

Ha a webmester elkészült a webhellyel, akkor feltölti a tárhelyre.

{{:oktatas:web:web_feltoltese_ftp_szerver.png?400|}}

Az eredmény, hogy a weboldat az egész világon látják az Interneten keresztül.

{{:oktatas:web:webszerverszimplan.png?400|}}

Egy szerverszámítógépen lehet több webhely is. 

{{:oktatas:web:webszerverszimplanvirtualistartomany.png?400|}}


Ha dinamikus weboldalakat szeretnénk, akkor szükségünk van valamilyen webes programozási eszközre.
Ilyen lehet például a PHP, Perl, stb. Az adatokat állományok helyett valamilyen adatbázis-kezelőben
szoktuk tartani. Jelenleg a MySQL az elterjedt adatbázis-kezelő, de sok helyen áttértek MariaDB-re.



{{:oktatas:web:webszervermysql.png?400|}}


{{:oktatas:web:webszervermariadb.png?400|}}

Természetesen valahogy fel kell juttatni a weboldalakat a szerverre. 
Ennek szokásos módja az FTP. Ajánlott az FTP-ét SSL felett használni,
így a jelszavaink, adataink biztonságosan utaznak az Interneten.
Windowson használhatjuk az FileZilla FTP klienst, vagy a Total Commander
FTP képességeit. Linuxon, grafikus felületen, például a BareFTP kliens
használható.

{{:oktatas:web:webmysqlftp_szerver.png?400|}}

A fenti képen az FTP számára két kapcsolatot rajzoltam fel, mivel az FTP
két kapcsolatot tart fenn a használata során.


===== Történelem =====
==== Idővonal ====


{{:oktatas:web:web-tortenete_v2.png|}}

==== CDN ====

CDN:
  * https://cdnjs.com/
===== Homokozók =====

  * https://szit.hu/swbin/
  * https://szit.hu/sandbox/
  * https://szit.hu/homokozo/

Homokozáshoz képek fontok:
  * https://szit.hu/p/fonts/hcloist.ttf
  * https://szit.hu/download/fontok/LinLibertine_RI_G.ttf
  * https://szit.hu/p/images/kep001.jpg
  * https://szit.hu/p/images/ (További képek)

===== Minták =====

  * https://szit.hu/spa/
  * https://szit.hu/p/layers/
  * https://szit.hu/elrendezes/