7. web technologies basics
TRANSCRIPT
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 1/82
^W_WZ`S`[ZaT``W
U`[WV``W[a`ZW
`W`X[^S`
U`[WV`
`
W[a`ZW`W`X[^S`
WTWUZ[[YW_S_U_
W`SYW_STW_[^_
Z ^SZSZ
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 2/82
Z `^aU`a^SU[\[ZWZ`_
Z`W^ZW`Ê \^[bVW_VS`S`^SZ_XW^TS_WV[ZSZV
\^[`[U[_
WZ`_WTT^[c_W^_Ê V_\SWTU[Z`WZ`
WT_W^bW^_Ê \SUW[US`W`U
Z WSZ`UU[\[ZWZ`_
\W^W`^SZ_XW^^[`[U[
\W^W`S^a\SZYaSYW ZX[^W_[a^UW[US`[^
ZX[^W_[a^UWVWZ`XW^__
WT_W^bW^_Ê \SUW[US`W`U
WSZ`UU[\[ZWZ`_
\W^
W`
^SZ_XW^^[`[U[
\W^W`S^a\SZYaSYW
ZX[^W_[a^UW[US`[^
ZX[^W_[a^UWVWZ`XW^__
##
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 3/82
Z
WZ`_a_WWTT^[c_W^S\\US`[Z`[^W]aW_`^W_[a^UW_X^[`WWT_W^bW^_bS
W_[a^UW_SbWaZ]aWSVV^W__
Z W^bW^__WZV`W^W]aW_`WV^W_[a^UWS_S
^W_\[Z_W ^^W\c`SZW^^[^W__SYW
Z WT\SYW_S^W^W_[a^UW_Z
`W`Y^S\U_SZS`[Z_SZV[`W^XW_Z WT_`W_
WT_`W_S^W_W`_[XWT\SYW_Z
W^bW^__WZV`W^W]aW_`WV^W_[a^UWS_S^W_\[Z_W^^W\c`SZW^^[^W__SYW
WT\SYW_S^W^W_[a^UW_Z`W`Y^S\U_SZS`[Z_SZV[`W^XW_
WT_`W_WT_`W_S^W_W`_[XWT\SYW_Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 4/82
Z WZ`_T^[c_W^^WZVW^_WT\SYW_^W`a^ZWVT`WWT_W^bW^_
SYW_S^WZ\W^W`S^a\SZYaSYW
^[c_W^__[c_`W`W`Y^S\U_SZV_[aZV_
\SYW_U[Z`SZ\W^Z_`[[`W^\SYW_
Z WWZ`^W__`W^aZ_[bW^_`SZVS^VZW`c[^ZY\^[`[U[_
ÈZ \^[`[U[_XaZVSWZ`SX[^
^[c_W^__[c_`W`W`Y^S\U_SZV_[aZV_\SYW_U[Z`SZ\W^Z_`[[`W^\SYW_
WWZ`^W__`W^aZ_[bW^
_`SZVS^VZW`c[^ZY\^[`[U[_È
\^[`[U[_XaZVSWZ`SX[^
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 5/82
SZ[\[ZWZ`_[X
Z ZX[^W_[a^UW[US`[^
Z]aW^W_[a^UW[US`[ZZWY
Z `_a_`SX[^S``WV_`^ZY
^[`[U[X[^U[aZUS`ZYc`_W^bW^WY
``\X`\``\_
SW[X`W_W^bW^[^SVV^W__WY
cccaWVa\ S`SZVZSW[X`W^W_[a^UWWYZVW\\
S^SW`W^_[\`[ZSWY£VSZYWZ
``\¯¯cccaWVa\
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 6/82
ZU[VZYZ
_
S
^W
WZU[
V
©ZS\SZaW^U·S¸�`W_\WUSUS^SU`W^_ú´SZV^W_W^bWVUS^SU`W^_a_WVX[^`W^^W_W^bWV\a^\[_W_STWa_WVaZWZU[VWVc`ZSZ
·WU[VW[XUS^SU`W^ZS`ZUS^SU`W^_W`¸
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 7/82
SZ[\[ZWZ`_[X
Z \W^W`S^a\SZYaSYW [^S``WV`W`c`SYW_SZV\W^Z_
Z`W^\^W`WVSZVV_\SWVTWTT^[c_W^_
Z
cWT\SYWU[Z__`_[X XW
_`W_XW
W`[XSYW_
`W^^W_[a^UW_
##
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 8/82
SZ[\[ZWZ`_[X
Z __`^SY`X[^cS^VSZVWS_`[WS^Z \W_`V[UaWZ`_S^W\SZ`W`XW_
S_`[SVVX[^S``ZY^WXW^WZUW_TaW`_W`U
SYW_USZTWSVVWVS__W\S^S`WXW_
SZTWSa`[S`USYWZW^S`WVTSa`[^ZY\^[Y^S_
[[_`[SVa_W^_ZU^WS`ZYXW_
Y^[Z`SYW^WScWSbW^_aS`aV[
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 9/82
Ê S\W
`WSV``WS\W¯``W¯WSV
T[V
WSVZY¯
aTWSVZY¯
aTWSVZY¯
\__X^_`\S^SY^S\¯\
\___WU[ZV\S^SY^S\¯\
VbSYZûUWZ`W^û
_`WûTSUY^[aZV_TaWû__SVb¯Vb
¯T[V
¯`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 10/82
^_`SYW
`WSV
``W^_`SYW¯``W¯WSVT[V
___[W`W``S`cS\\WS^[Z`WcWT\SYW
¯T[V¯`
`W_``
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 11/82
`
WSV
``W^_`SYW¯``W
¯WSVT[V
___[W`W``S`c
S\\WS^[Z`WcWT\SYW
¯T[V
¯`
^_`SYWSY_
\WZZY`SY
[_ZY`SY
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 12/82
`
WSV
``W^_`SYW¯``W
¯WSVT[V
___[W`W``S`c
S\\WS^[Z`WcWT\SYW
¯T[V
¯`
^_`SYWWSVW^
WSVW^
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 13/82
`
WSV
``W^_`SYW¯``W
¯WSVT[V
___[W`W``S`c
S\\WS^[Z`WcWT\SYW
¯T[V
¯`
^_`SYW[V
T[V
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 14/82
[W\WSY_Z
\
W^Z
SY_
S^WXû``\¯¯ccc`WW^U[[^Y¯û
``WûWW^ûZ`[WW^WT_`W¯S
Y_^Uû[Y[YXûS`û[Y[û¯
T_`W`_T[V¯T
ZV`__aaZVW^ZWV¯a
UWZ`W^[WUWZ`W^WV`W`¯UWZ`W^
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 15/82
[W\WSY_ÊS\W
`T[V
S^WXû``\¯¯cccT[SZ[^Y¯û``Wûû__SZ`[_[W¯S
T^¯Y_^Uû[Y[YXûS`û[Y[û¯T^¯T_`W`_T[V¯TT^¯ZV`__aaZVW^ZWV¯aT^¯UWZ`W^[WUWZ`W^WV`W`¯UWZ`W^
¯T[V¯`
_[W`SY_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 16/82
[W\WSY_Ê S\W#
`T[V
S^WXû``\¯¯cccVWbTY[^Y¯û``Wûû__SZ`[_[W¯S
T^¯Y_^Uû[Y[YXûS`û[Y[û¯T^¯T_`W`_T[V¯TT^¯ZV`__aaZVW^ZWV¯aT^¯UWZ`W^[WUWZ`W^WV`W`¯UWZ`W^
¯T[V¯`
_[W`SY_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 17/82
SY_``^Ta`W_
Z
SY_SbWS``^Ta`W_ ``^Ta`W__\WUX`W^\^[\W^`W_SZVTWSb[^
S\W
WcS``^Ta`W_`S`S\\`[WbW^WWWZ`V_`WUS__``W
WV _aZ]aWZ`WV[UaWZ`
[Z`WZ`[X``W S``^Ta`W_V_\SWVS_Z`cWZWWWZ`_[bW^WVc`[a_W
[WWWWZ`_SbW[TYS`[^S``^Ta`W_
Y_^Uû[Y[YXûS`û[Y[û¯
``^Ta`WS` c`bSaW![Y[!
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 18/82
WSVZY_SZVS^SY^S\_
Z WSVZYSY_
Z S^SY^S\SY_
Z WU`[Z_Vb SZV_\SZ\__X^_`\S^SY^S\¯\\___WU[ZV\S^SY^S\¯\
WSVZY¯aTWSVZY¯aTWSVZY¯
VbSYZûUWZ`W^û_`WûTSUY^[aZV_TaWû__SVb¯Vb
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 19/82
WSVZY_SZVS^SY^S\_ÊS\W
`WSV``WWSVZY_SZV\S^SY^S\_¯``W¯WSV
T[VWSVZY¯
aTWSVZY¯aTWSVZY¯
\__X^_`\S^SY^S\¯\\___WU[ZV\S^SY^S\¯\
VbSYZûUWZ`W^û_`WûTSUY^[aZV_TaWû__SVb¯Vb
¯T[V¯`
WSVZY_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 20/82
WSVZY_SZVS^SY^S\_ÊS\W#
`WSV``WWSVZY_SZV\S^SY^S\_¯``W¯WSV
T[VWSVZY¯
aTWSVZY¯aTWSVZY¯
\__X^_`\S^SY^S\¯\\___WU[ZV\S^SY^S\¯\
VbSYZûUWZ`W^û_`WûTSUY^[aZV_TaWû__SVb¯Vb
¯T[V¯`
WSVZY_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 21/82
WV[U`\WWUS^S`[Z
Z WYZZZY[XV[UaWZ`a_`SbWS
V[UaWZ``\WVWUS^S`[Z
``W_WTT^[c_W^_[c`[SZVW`WbW^_[Z[X[aS^Wc^`ZY
[__TWbW^_[Z_##
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 22/82
b_
Z
_[^W_`^U` `SY_a_`TW\^[\W^ZW_`WVS[c_T`W`¯T¯
`SY_SZVS``^Ta`WZSW_a_`TWc^``WZZ
[cW^US_WS``^Ta`WbSaW_a_`TWZ!!S[c_
`SY_a_`TWU[_WVT^¯Y¯cW
S[c_
T^ SZV
Y S[c_[Z[ZW^[[`` WWWZ`
S[c_[^W`SZ[ZW
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 23/82
b_#Z
SZ
W
WWZ`
S
Z\a``\WûUWUT[ûUWUWV
Z\a``\WûUWUT[ûUWUWVûUWUWVû¯
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 24/82
`^aU`a^W
Z
_U[\^_WV[XWWWZ`_USWV`SY_ WYZ_c`` SZVWZV_c`¯`
WZc^`ZYa_`VWXZWSZSW_\SUW
Z SY_S^WZW_`WV[ZWZ_VWSZ[`W^
Z SY_SbWS``^Ta`W_
Z VW_U^TW__`^aU`a^Wa_ZY`c[SZ_WU`[Z_WSV SZVT[V
`Z_û``\¯¯ccca[^Y¯¯`û
`WSV¯WSVT[V¯T[V¯`
Y_^Uû[Y[\YûS`û[Y[û¯
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 25/82
WWSV WU`[ZZ [Z`SZ_ZX[^S`[Z`S`V[W_Z`_[cV^WU`[Z
`WbWcSTW\SYW
Z `S^`_SX`W^`WV[U`\W VWUS^S`[Z
Z WYZ_c`WSV SZVWZV_c`¯WSV
Z
[Z`SZ_SZVS`[^_ZYW
``W `SYZ SZU[Z`SZa`\WZW_`WV`SY_WY
W`S _U^\` _`W ± U[WZ`_
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 26/82
WSVWU`[Z``W`SY
Z
`W_[aVTW\SUWVTW`cWWZWSV SZV¯WSV `SY_
Z _W`[YbWS``W`[`WWT\SYWcZV[c
Z WS^UWZYZW_SZV\W[\W^W[Z``W_
``Wa± WTVWbW[\WZ`¯¯``W
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 27/82
WSVWU`[ZW`SZ
W`S
`
SY_
SVV
W`SZSWûVW_U^\`[ZûU[Z`WZ`û`a`[^Sû
W`SZSWûWc[^V_ûU[Z`WZ`û`�cWTVW_YZ�_`W_û
W`SZSWûSa`[^ûU[Z`WZ`©^SZSZû
W`S``\W]abû^WX^W_ûU[Z`WZ`ûa^``\¯¯cccaWVa\û
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 28/82
WSVWU`[Z_U^\`Z
W
_
U^\
`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 29/82
[WZ`_ SY
Z
[WZ`_USZW_`SZcW^WTW`cWWZ`W`¯` `SY_
Z [WZ`__`S^`c` SZVWZVc`
± [Y[`_SXWc``^SZ_\S^WZ`TSUY^[aZV´
Y_^Uû[Y[YXûS`û[Y[û
± \W^Z`[[XXUSWT_`W
S^WXû``\¯¯cccVWbTY[^Y¯û[W¯S
± [c`WZWc_`STW
`STWUS__ûZWc_`STWû
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 30/82
T[VWU`[ZZ`^[VaU`[Z
Z WT[V _WU`[ZVW_U^TW_`WbWcSTW\[^`[Z[X`W\SYW
Z `S^`_SX`W^`WWSV ¯WSV _WU`[Z
Z
WYZ_c`T[V SZVWZV_c`¯T[V
`
WSV``WW_`\SYW¯``W¯WSV
T[V__`WWT\SYWT[V
¯T[V
¯`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 31/82
U`[WV``W[a`ZW`W`X[^S`
WU[ZVa`ZW
WbW ^Va`ZW
WbW
[a^`a`ZWWbW
X`
T[VWU`[Z``^Ta`W_
Z
WT[V `SYS_`WX[[cZYS``^Ta`W_
Z
S\W
ûû
,.74:3/.447 ûU[[^û
01,:9909.447 ûU[[^û
5073.447 ûU[[^û
'890/5073.447 ûU[[^û
Ù[^U[[^U[VW__WWccccWT^WXW^WZUWU[È`È`[[_ÈU[[^W^È
T[VTSUY^[aZVû`W`a^WYXû`W`ûû
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 32/82
U`[WV``W[a`ZW`W`X[^S`
WU[ZVa`ZW
WbW ^Va`ZW
WbW
[a^`a`ZWWbW
X`
W``ZYc`[a`
Z
W`USZTWX[^S``WVS_WSVZY_[^^WYaS^\S^SY^S\`W`
_W`W_WU[Z__`WZ`
Z \¯\ TVWXSa`V[aTW_`W_\SUW_SX`W^WSU\S^SY^S\
Z T^ ¯ _cW^V`W`^SZY¯SW_`U[\SZ`
Z
XXW^WZ`_`W_[XWSVZYS^WSbSSTW
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 33/82
U`[WV``W[a`ZW`W`X[^S`
WU[ZVa`ZW
WbW ^Va`ZW
WbW
[a^`a`ZWWbW
X`
W`[^S``ZY
Z W`X[^S``ZY`SY_[VX`W`W`TW`cWWZ`W[\WZZY`SYSZV`WU[_ZY`SY
TW[¯T SW_W[T[V
$,2508:5078.759
$,2508:-8.759
0090/909 8970974:
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 34/82
W`[^S``ZYÊ S\W
`û¯¯¯¯^SZ_`[ZS¯¯û
û``\¯¯cccc[^Y¯¯`¯¯``^SZ_`[ZSV`Vû
`
WSV
``WbW`ZS[b¯``W
¯WSVT[VTYU[[^ûTSUû`W`ûc`WûZû^WVûbZûTaWû
[`UW¯
\__SW_S\W¯WWT\SYW¯\
\\^WW`\S^SY^S\
\^WX[^S``WV¯\^W¯\
[^WZX[¯\\WUXUS�cW¨^Wa_ZY`^SZ_`[ZST^
W`ZW¯\
¯T[V
¯`
`W`X[^S``ZY`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 35/82
W`[^S``ZYÊ S\W#
`û¯¯¯¯^SZ_`[ZS¯¯û
û``\¯¯cccc[^Y¯¯`¯¯``^SZ_`[ZSV`Vû
`
WSV
``WbW`ZS[b¯``W
¯WSVT[VTYU[[^ûTSUû`W`ûc`WûZû^WVûbZûTaWû
[`UW¯
\__SW_S\W¯WWT\SYW¯\
\\^WW`\S^SY^S\
\^WX[^S``WV¯\^W¯\
[^WZX[¯\\WUXUS�cW¨^Wa_ZY`^SZ_`[ZST^
W`ZW¯\
¯T[V
¯`
`W`X[^S``ZY`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 36/82
\W^Z_SSY
Z
Z`[SV[UaWZ`USWVX[^` [Z`W_SW_W^bW^Z`W_SWV^WU`[^
Z
Z`[SV[UaWZ`USWV\S^WZ`` [Z`W_SW_W^bW^Z`W\S^WZ`V^WU`[^
Z Z`[SV[UaWZ`USWVUS`` [Z`W_SW_W^bW^Z`W_aTV^WU`[^_`aXX
S^WXûX[^`ûa^[^¯S
S^WXû¯\S^WZ``ûS^WZ`¯S
S^WXû_`aXX¯US``ûS`S[Y¯S
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 37/82
\W^Z_SSY#Z
Z
`
[
SZ
W
`
S^WXû``\¯¯cccVWbTY[^Yû`S^YW`ûTSZû¯S
S^WXûS`[TaY_üWS\WU[£_aTWU`aYW\[^`û
WS_W^W\[^`TaY_W^WTWS[Z´¯S
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 38/82
\W^Z_SSYZ Z`[SV[UaWZ`USWVS\\Z[c`
Z`W_SW_W^bW^Z_SWV^WU`[^
_ZYSZSYWS_SZTa``[Z
Z Z`[SV[UaWZ`USWVZVW`
Z`W_SW_W^bW^
Z`W_aTV^WU`[^WZY_[X`W\S^WZ`V^WU`[^
S^WXûS\\Z[c`ûY
_^UûS\\Z[cTa``[Z\Yû¯¯S
S^WXû¯WZY_¯ZVW`ûc`U`[ZY_bW^_[Z¯S
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 39/82
\W^Z_SZVWU`[Z_Z
Z
`[
SZ
[
W
^
S^WXû_WU`[Zû[`[Z`^[VaU`[Z¯S
SZSWû_WU`[ZûZ`^[VaU`[Z¯S
S^WXûUS\`W^`_WU`[Zû[`[WU`[Z¯S
± ZUS\`W^`
SZSWû_WU`[Zû
WUZUSSUY^[aZV¯
¯S
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 40/82
\W^Z_Ê S\W
S^WXûX[^`ûa^[^¯ST^¯
S^WXû¯\S^WZ``ûS^WZ`¯ST^¯
S^WXû_`aXX¯US``ûS`S[Y¯ST^¯
S^WXû``\¯¯cccVWbTY[^Yû`S^YW`ûTSZû¯S
T^¯
S^WXûS`[TaY_üWS\WU[£_aTWU`aY
W\[^`ûWS_W^W\[^`TaY_W^WTWS[Z´¯S
T^¯
S^WXûS\\Z[c`ûY_^UûS\\Z[cTa``[Z\Yû
T[^VW^ûû¯¯ST^¯
S^WXû¯WZY_¯ZVW`ûc`U`[ZY_
bW^_[Z¯ST^¯
\W^Z_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 41/82
S^WXûX[^`ûa^[^¯ST^¯
S^WXû¯\S^WZ``ûS^WZ`¯ST^¯
S^WXû_`aXX¯US``ûS`S[Y¯ST^¯
S^WXû``\¯¯cccVWbTY[^Yû`S^YW`ûTSZû¯S
T^¯
S^WXûS`[TaY_üWS\WU[£_aTWU`aY
W\[^`ûWS_W^W\[^`TaY_W^WTWS[Z´¯S
T^¯
S^WXûS\\Z[c`ûY_^UûS\\Z[cTa``[Z\Yû
T[^VW^ûû¯¯ST^¯
S^WXû¯WZY_¯ZVW`ûc`U`[ZY_
bW^_[Z¯ST^¯
\W^Z_`
\W^Z_Ê S\W#
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 42/82
Z_`[`WSW[UaWZ`ÊS\W
STW[X[Z`WZ`_¯
\S^WXû_WU`[ZûZ`^[VaU`[Z¯ST^¯
S^WXû_WU`[Zû[WTSUY^[aZV¯T^¯
S^WXû_WU`[Zû^[WU`_`[^¯ST^¯
`W^W_`[X`W`STW[XU[Z`WZ`_
WV[UaWZ``W`X[[c_W^W
SZSWû_WU`[ZûZ`^[VaU`[Z¯S¯
WU`[ZX[[c_W^W
SZSWû_WU`[Zû[WTSUY^[aZV¯S¯
WU`[ZX[[c_W^W
SZSWû_WU`[Zû^[WU`_`[^¯S¯
WU`[ZX[[c_W^W
Z_`[_SWV[UaWZ``
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 43/82
Z_`[`WSW[UaWZ`ÊS\W#
STW[X[Z`WZ`_¯
\S^WXû_WU`[ZûZ`^[VaU`[Z¯ST^¯
S^WXû_WU`[Zû[WTSUY^[aZV¯T^¯
S^WXû_WU`[Zû^[WU`_`[^¯ST^¯
`W^W_`[X`W`STW[XU[Z`WZ`_
WV[UaWZ``W`X[[c_W^W
SZSWû_WU`[ZûZ`^[VaU`[Z¯S¯
WU`[ZX[[c_W^W
SZSWû_WU`[Zû[WTSUY^[aZV¯S¯
WU`[ZX[[c_W^W
SZSWû_WU`[Zû^[WU`_`[^¯S¯
WU`[ZX[[c_W^W
Z_`[_SWV[UaWZ``
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 44/82
U`[WV``W[a`ZW`W`X[^S`
WU[ZVa`ZW
WbW ^Va`ZW
WbW
[a^`a`ZWWbW
X`
SYW_Y`SYZ VVSZSYW
Z W^WS^WSZaTW^[XS``^Ta`W_
Z S\W
4.,943412,01070,9;047,-84:90
$:-899:90909147/85,0390924/0
%09,32039T[``[VVW`[\
Y_^Uû¯Y¯TS_V[Y[\ZYû
Y_^Uû¯\\[Y[\ZYûS`û[Y[ûT[^VW^ûû
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 45/82
_UWSZW[a_SY_Z
^
¯
^Sc_
^_WûûcV`ûû¯
UWZ`W^W[[^V¯UWZ`W^
X[Z`_WûûU[[^ûTaWû[Z`¯X[Z`
X[Z`_WûûU[[^ûTaWû[Z`¯X[Z`
_UWSZW[a_ SY_
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 46/82
_UWSZW[a_SY_ÊS\W
`
WSV
``W_UWSZW[a_SY_S\W¯``W
¯WSV
T[V
^_WûûcV`ûû¯
UWZ`W^W[[^V¯UWZ`W^
X[Z`_WûûU[[^ûTaWû[Z`
¯X[Z`X[Z`_WûûU[[^ûTaWû[Z`¯X[Z`
¯T[V
¯`
_U`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 47/82
S \\WT ^SZYWU ^S\WX^a`
^VW^WV_`_[SYZ ^WS`WSZ^VW^WV_`a_ZY[¯[
Z ``^Ta`WbSaW_X[^`\W S^WS[^
\\W# ^SZYW ^S\WX^a`
\\W ^SZYW ^S\WX^a`
\\W ^SZYW ^S\WX^a`
\\W
^SZYW ^S\WX^a`
[`\Wûû
\\W¯
^SZYW¯
^S\WX^a`¯
¯[
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 48/82
Z[^VW^WV_`_aSY
Z ^WS`WSZZ[^VW^WV_`a_ZYa¯a
Z ``^Ta`WbSaW_X[^`\W S^W
V_UU^UW [^_]aS^W
O \\W
O ^SZYW
O WS^
4 \\W
4 ^SZYW
4 WS^
\\W
^SZYW
WS^
a`\WûV_û
\\W¯
^SZYW¯
^S\WX^a`¯
¯a
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 49/82
WXZ`[Z_`_V`SYZ
^WS`W
VWX
Z
`
VV`¯V`
VVS^a\SZYaSYW¯VV
V`¯V`
VVSZYaSYWa_WV`[¯VV
¯V
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 50/82
_`_Ê S\W`
T[V[`\Wûû\\W¯^SZYW¯^S\WX^a`¯
¯[
a`\WûV_Uû\\W¯^SZYW¯^S\WX^a`¯
¯a
VV`¯V`VVS^a\SZY¯VV
¯V¯T[V
¯`
_`_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 51/82
\WUSS^SU`W^_
\[aZV798!4:3/
:74
û]a[`":49,943,7
WZ,5,308003
³VS_2,8
ZT_\43-70,3$5,.0
S\25078,3/
Y`70,907%,3
`088%,3
^SVW%7,/02,7$3
^WY#089070/%7,/02,7$3
þU[\4579$3
$2-4%399$2-4,20
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 52/82
\WUSS^_Ê S\W
`WSV``W\WUSS^SU`W^_S\W¯``W
¯WSVT[V
\·Y`Y`ZT_\ZT_\WU[WZT_\ZT_\``¸¯\
\SbWX[[cZYUS^V_�SZV¯\
\\^WXW^S^V^[Ua_U¯\
\þTbW`ZS[bS\_`WS¯\\WW^USVW¯\
¯T[V¯`
_\WUSUS^_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 53/82
\WUSS^_Ê S\W#
`WSV``W\WUSS^SU`W^_S\W¯``W
¯WSVT[V
\·Y`Y`ZT_\ZT_\WU[WZT_\ZT_\``¸¯\
\SbWX[[cZYUS^V_�SZV¯\
\\^WXW^S^V^[Ua_U¯\
\þTbW`ZS[bS\_`WS¯\\WW^USVW¯\
¯T[V¯`
_\WUSUS^_`
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 54/82
[UZVZZWWWZ`_Z
[U
WW
WZ`
_
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 55/82
WVbSYZ
V
b
U^WS
`W_
VbSYZûUWZ`W^û_`WûX[Z`_W
U[[^^WVûWS\W¯Vb
\_[ZW__\SZ_`WûU[[^^WVX[Z`cWY`T[Vû[ZS`W_`¯_\SZ¯\
VbSZV_\SZ`
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 56/82
W_\SZSYZ
ZZW
_`
W
W
\_[ZW__\SZ_`WûU[[^^WVX[Z`
cWY`T[Vû[ZS`W_`¯_\SZ¯\
\_[ZW_SZ[`W^_\SZ_`WûX[Z`_WX[Z`cWY`T[Vû¯_\SZ¯\
_\SZ`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 57/82
WU`[ZaT``WSTW_
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 58/82
STW_Z
S
T
W
_
^
W
\^
W
_
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 59/82
STW_#Z
`S
^`
SZV
WZV
`STW¯`STW
`^¯`^
`V¯`V
\W STW_ Ê
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 60/82
\WSTW_ÊS\W
`STWT[^VW^ûûUW_\SUZYûûUW\SVVZYûû`^
`VY_^Uû\\`YXû¯`V`VS^WXûWU`a^W\\`ûWU`a^W¯S¯`V
¯`^
`^`VY_^Uû\\`YXû¯`V`VS^WXûWU`a^W\\`ûWU`a^W¯S¯`V
¯`^`^
`VY_^Uû\YXû¯`V`VS^WXûWU`a^WVW[_\û
WU`a^W W[_¯S¯`V¯`^
¯`STW
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 61/82
`STWT[^VW^ûûUW_\SUZYûûUW\SVVZYûû`^
`VY_^Uû\\`YXû¯`V`VS^WXûWU`a^W\\`ûWU`a^W¯S¯`V
¯`^
`^`VY_^Uû\\`YXû¯`V`VS^WXûWU`a^W\\`ûWU`a^W¯S¯`V
¯`^`^
`VY_^Uû\YXû¯`V`VS^WXûWU`a^WVW[_\û
WU`a^W W[_¯S¯`V¯`^
¯`STW
\WSTW_Ê S\W#
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 62/82
[\W`WSTW_Z
ST
W_
^[c
_
_
\
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 63/82
[\W`WSTWS\W
`STW`WSV
`^`V[aZWSVZY¯`V`V[aZ
WSVZY¯`V¯`^
¯`WSV
`X[[``^`V[aZX[[`W^¯`V`V[aZ
X[[`W^¯`V¯`^
¯`X[[`
`T[V
`^`VW¯`V`VW¯`V¯`^
`^`VW¯`V`VW¯`V¯`^
¯`T[V
¯`STW
^_`U[W_`WWSVW^
WZU[W_`WX[[`W^
S_`U[W_`WT[VVS`S
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 64/82
`STW`WSV
`^`V[aZWSVZY¯`V`V[aZ
WSVZY¯`V¯`^
¯`WSV
`X[[``^`V[aZX[[`W^¯`V`V[aZ
X[[`W^¯`V¯`^
¯`X[[`
`T[V
`^`VW¯`V`VW¯`V¯`^
`^`VW¯`V`VW¯`V¯`^
¯`T[V
¯`STW
[\W`WSTWS\W
`STWXa`
`[aY`WX[[`W^_TWX[^W`WVS`SZ`W
U[VW`_V_\SWVS_`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 65/82
W_`WVSTW_Z STWVS`SUW_`VUSZU[Z`SZZW_`WV
`STW_`STW_c`Z`STW_
`STWT[^VW^ûû
`^
`V[Z`SU`¯`V
`V`STWT[^VW^ûû
`^
`V^_`SW¯`V`VS_`SW¯`V
¯`^¯`STW
¯`V¯`^
¯`STW
ZW_`WV`STW_`
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 66/82
W_V`ST
W_
SZV
UW_
`STWT[^VW^ûûcV`ûûUW_\SUZYûû
`^`VWX`¯`V`VcV`ûûSYZûUWZ`W^ûWZ`W^¯`V
`VY`¯`V
¯`^
¯`STW
`STWcV``
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 67/82
Z UW\SVVZY
Z WXZW_`WW\`_\SUWS^[aZV`WUWU[Z`WZ`_
Z UW_\SUZY
Z WXZW_`WW\`_\SUWTW`cWWZ`WUW_
W\SUZYSZVSVVZY
Z
STW_SbW`c[\[^`SZ`S``^Ta`W_
.0 .0
.0 .0
.0
.0
.0
.0
W \SUZY SZV SVVZY
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 68/82
W\SUZYSZVSVVZYÊ
S\W
`WSV``WSTWW_¯``W¯WSV
T[V`STWUW_\SUZYûûUW\SVVZYûû
TYU[[^û^WVû
`^`VTYU[[^ûW[cû^_`¯`V`VTYU[[^ûW[cûWU[ZV¯`V¯`^
¯`STW
T^¯
`STWUW_\SUZYûûUW\SVVZYûû
TYU[[^ûW[cûT[^VW^ûû`^`V^_`¯`V`VWU[ZV¯`V¯`^
¯`STW
¯T[V
¯`
`STWUW_`
W \SUZY SZV SVVZY Ê
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 69/82
W\SUZYSZVSVVZYÊ
S\W#
`WSV``WSTWW_¯``W¯WSV
T[V`STWUW_\SUZYûûUW\SVVZYûû
TYU[[^û^WVû
`^`VTYU[[^ûW[cû^_`¯`V`VTYU[[^ûW[cûWU[ZV¯`V¯`^
¯`STW
T^¯
`STWUW_\SUZYûûUW\SVVZYûû
TYU[[^ûW[cûT[^VW^ûû`^`V^_`¯`V`VWU[ZV¯`V¯`^
¯`STW
¯T[V
¯`
`STWUW_`
V
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 70/82
Z ^[c_\SZ
Z WXZW_[c
SZ^[c_`W
UW[UUa\W_
Z U[_\SZ
Z WXZW_[c
SZU[aZ_
`WUW[UUa\W_
[aZSZV[c\SZ
Z
STWUW_SbW`c[\[^`SZ`S``^Ta`W_
UWÒ UW#Ò
UW#Ò
U[_\SZ!!U[_\SZ!!
U[_\SZ!#!
UWÒ UW#Ò
UW#Ò
^[c_\SZ!#! ^[c_\SZ!!
^[c_\SZ!!
V
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 71/82
[aZSZV[c\SZÊ S\W
`WSV``W[_\SZSZV[c_\SZ¯``W¯WSV
T[V
T^¯
`STWUW_\SUZYûûUW\SVVZYûû
T[^VW^ûû
`^TYU[[^ûW[cû`VW·�¸¯`V
`VU[_\SZûûW·�¸¯`V¯`^
`^TYU[[^ûû`VW·�¸¯`V
`V^[c_\SZûûW·�¸¯`V
`VW·�¸¯`V¯`^
`^TYU[[^ûû`VW·�¸¯`V`VW·�¸¯`V¯`^
¯`STW
¯T[V
¯`
`STWU[_\SZ^[c_\SZ`
[aZ SZV [c \SZ Ê S\W
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 72/82
`WSV``W[_\SZSZV[c_\SZ¯``W¯WSV
T[V
T^¯
`STWUW_\SUZYûûUW\SVVZYûû
T[^VW^ûû
`^TYU[[^ûW[cû`VW·�¸¯`V
`VU[_\SZûûW·�¸¯`V¯`^
`^TYU[[^ûû`VW·�¸¯`V
`V^[c_\SZûûW·�¸¯`V
`VW·�¸¯`V¯`^
`^TYU[[^ûû`VW·�¸¯`V`VW·�¸¯`V¯`^
¯`STW
¯T[V
¯`
[aZSZV[c\SZÊ S\W
#`STWU[_\SZ^[c_\SZ`
W·�¸W·�¸
W·�¸W·�¸W·�¸
W·�¸W·�¸
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 73/82
WU`[ZaT``W
[^_
Z`W^ZY_W^S`SX^[SWTSYW
Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 74/82
[^_[^
_
S
W
`W
X[^¯X[^
X[^ZSWû[^ûW`[Vû\[_`û
SU`[Zû\S`¯`[¯_[W_U^\`\\û
¯X[^W!SU`[Z!S``^Ta`W`W_cW^W
`WX[^VS`S_[aVTW_WZ`
WW`[V!S``^Ta`W`W_[c`WX[^VS`S_[aVTW_WZ`ÊbS[^^W]aW_`
VZ
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 75/82
[^WV_W
`
X WV_
S^W
_
Z\a``\Wû`W`ûZSWû^_`SWûbSaWû__S`W`XWVû
`W`S^WSZSWû[WZ`_û__Sa`ZW`W`XWV¯`W`S^WS
Z\a``\WûVVWZûZSWûUU[aZ`ûbSaWû__SVVWZ`W`XWVû
` ` Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 76/82
[^Z\a`[Z`^[_^W
S
W
S
UWUT[
Z\a``\WûUWUT[ûZSWûX^a`ûbSaWûS\\Wû
Z\a``\Wû^SV[ûZSWû``WûbSaWû^û
Z\a``\Wû^SV[ûZSWû`[cZûbSaWû[XSûZ\a``\Wû^SV[ûZSWû`[cZûbSaWûS^ZSû
` ` Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 77/82
`W^[^[Z`^[_a
V[
cZ
WZa
_WWU`ZSWûYWZVW^û[\`[ZbSaWûSaWû
_WWU`WVû_WWU`WVûSW¯[\`[Z[\`[ZbSaWûSaWûWSW¯[\`[Z[\`[ZbSaWûSaWû`W^¯[\`[Z
¯_WWU`
Z\a``\Wû_aT`ûZSWû_aT``ZûbSaWû\\[cû
` ` Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 78/82
`W^[^[Z`^[_#W_
W`
T
a``[Z
Ê
Z\a``\Wû^W_W`ûZSWû^W_W``ZûbSaWûWS^`WX[^û
Z\a``\WûSYWû_^Uû_aT`YXû
ZSWû_aT``ZûS`ûaT`û
Z\a``\WûTa``[ZûbSaWû_\WTa``[Zû
` ` Z
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 79/82
`W^[^[Z`^[_S_
_c[^
V
Z\a`
Z\a``\Wû\S__c[^VûZSWû\S__ûbSaWûû
_WWU`ZSWû\^[VaU`_ûa`\Wûa`\Wû[\`[ZbSaWûSaWû
_WWU`WVû_WWU`WVûWT[S^V¯[\`[Z[\`[ZbSaWûSaWû[a_W¯[\`[Z[\`[ZbSaWûSaWû_\WSW^_¯[\`[Z
¯_WWU`
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 80/82
[^_Ê S\W
X[^W`[VûûSU`[ZûS\\Z[c\\û
Z\a`ZSWû_aTWU`û`\WûVVWZûbSaWûS__û¯\WY^WW_WWU`ZSWûVWY^WWû[\`[ZbSaWûûSUW[^[X^`¯[\`[Z[\`[ZbSaWûûSUW[^[XUWZUW¯[\`[Z[\`[ZbSaWûû_WWU`WVû`^aWûS_`W^[X
a_ZW__VZ_`^S`[Z¯[\`[Z¯_WWU`
¯\\
^_`SWZ\a``\Wû`W`ûZSWûX^_`ZSWû¯¯\\
S_`SWZ\a``\Wû`W`ûZSWûS_`ZSWû¯¯\\
`aVWZ`Z\a``\Wû\S__c[^VûZSWû_`aVWZ`Vû¯¯\
X[^`
[^_ S\W #
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 81/82
[^_Ê S\W#
\
WZVW^Z\a`ZSWûYWZVW^û`\Wû^SV[ûbSaWûSWû
UWUWVû`^aWû¯SWZ\a`ZSWûYWZVW^û`\Wû^SV[ûbSaWûWSWû¯
WSW¯\
\SZ\a``\Wû`W`ûZSWûWSûbSaWûû¯
¯\\`W`S^WSZSWû`W^_ûU[_ûû^[c_ûû
^WSV[Zû`^aWû
UUZY`WWZV[^Ta``[Z[aSY^WW`[_aT``_X[^¯`W`S^WS¯\\Z\a``\Wû_aT`ûZSWûTa``[ZûbSaWûWZV[^û¯
¯\¯X[^
X[^`U[Z`ZaS`[Z
[^_ S\W
8/7/2019 7. Web Technologies Basics
http://slidepdf.com/reader/full/7-web-technologies-basics 82/82
\
WZVW^Z\a`ZSWûYWZVW^û`\Wû^SV[ûbSaWûSWû
UWUWVû`^aWû¯SWZ\a`ZSWûYWZVW^û`\Wû^SV[ûbSaWûWSWû¯
WSW¯\
\SZ\a``\Wû`W`ûZSWûWSûbSaWûû¯
¯\\`W`S^WSZSWû`W^_ûU[_ûû^[c_ûû
^WSV[Zû`^aWû
UUZY`WWZV[^Ta``[Z[aSY^WW`[_aT``_X[^¯`W`S^WS¯\\Z\a``\Wû_aT`ûZSWûTa``[ZûbSaWûWZV[^û¯
¯\¯X
X[^`U[Z`ZaS`[Z[^_Ê S\W