ZAAKCEPTOWANE Pierwsza z reguł kształtujących na nowo obraz Internetu brzmiała: „Internet jako platforma”. Jednocześnie był to niegdyś slogan perełki ...

29 downloads 59 Views 50MB Size

3PISTREuCI

=ZS] ^\OÄMS ]U\MYXc

'|ª-J®RylR

¤

lÖpy|oR ª|p¥- ®ÔARa|F"ª|®RylR- -pA¬oy¬Ai |yly RyR |ª¬Ai

¡¡

¤

-lRa}ÔF -®-R|J¥pAol

z

¡

|t|®lRq|yRoªlR¸¬pÖA-®ªqRª|VFa-yl®-Ao- |y¬

°

`

®R ®Ra-ylR®t| RoRa¥t¬F#pt-J |y¬

`

^

|ylRA®®-|²Al-ulF|oRp |ª-ylRªp|q|®R

z

"R-®ªAlÔa¥¤Rp¥yJ®y-oJ´®¬Alpf |y-at}ªy-eVF |7¬¬ Ruy-ªla-A¬oy¬

¤¤^

®R7lRa-ylRª®|plRuFl-ylR Rp }ªy-| ®R7¬ |yly RyR |ª¬Ai

¤^z

U

lRJ| Öy|²ÉoR a|´y-F| Öy|²É

¡°

z

|a-J|i-u|yloyRa||oRp ¥F t¥Ai-oª|lAi¥¸¬ p|ªylp}ª

¡^

°

J²ªlR¸RylRª¬aqÔJ¥ |y¬F ª|q¥Ao-|oRp ¥

`°

+- |®A®lÖ|ª|oRly RR¬F|oRp |ª-ylR |yo-p|7l®yR

`¡^

R® plF®lRlÖÉy-oª-¸ylRo®¬Ai®RA®¬p }¬AiylR|u}ªlql²u¬

`

p||ªlJ®

`U^

=ZS] ^\OÄMS d Z\KaNdSaOQY dNK\dOXSK

A

AZ\YaKNdOXSO 0RZESTAWIENIESWOJEGOMÌZGUNAPROJEKTOWANIESTRONINTERNETOWYCH

+ dK^OW >c Z\L_TO]d ]S° MdOQYÄ XK_Mdc¨ ZYNMdK] QNc >aT WdQ MRMO YNNK¨ -S

Z\dc]¸_Q° ]^K\KT¦M ]S° Lc ^Y MdOQY ]S° XK_Mdc¸OÄ XSO dY]^K¸Y dKZKWS°^KXO >aT WdQ

WcÄVS ]YLSO$ i6OZSOT TO]^ dY]^KaS¨ WSOT]MO XK aKÒXSOT]dO \dOMdc XK Z\dcU¸KN U^\cMR NdSUSMR

daSO\d¦^ XKVOÒc _XSUK¨ S Mdc TKdNK XK ]XYaLYK\NdSO XKQY TO]^ d¸cW ZYWc]¸OWp 4KU dK^OW

WYÒO]d dW_]S¨ ]aT WdQ KLc dKKUMOZ^YaK¸ Z\dOUYXKXSK ÒO >aYTO ÒcMSO _dKVOÒXSYXO

TO]^ YN ZYdXKXSK dK]KN Z\YTOU^YaKXSK ]^\YX SX^O\XO^YacMR) q-p|a|®R®y-A®|y-oR -plÔ¸p- 'lRu¬GA||7lRu¬²ql® R -|®y-ylRWu¬²qRylR|u¬²qRyl¥ | |GA|u|¸R®®|7lÉG7¬pt|ylÉª}ou}®aJ||t¥®RÍ ª- '-¸yRly\|u-AoR +R}tp|Rp |}ªuR¬ |¬A®y¬Ai |J®lÖp|ª-yl-

¤¤ ¤¡ ¤^ ¤ ¤U ¡° ¡

3PISTREuCI

>aY\dOXSO K^\KUMcTXcMR ]^\YX SX^O\XO^YacMR

:S°UXY TO]^ a YU_ ZK^\d¦MOQY gWIAT )NTERNETU JESTWIELKIaALEKIMSTAKNAPRAWDÃJEGOMIESZKAÊCY 8K ÄMSKXSO dKaSO]S¸OÄ a¸KÄXSO ]aT XYaS_^US NcZVYW _UYºMdOXSK U_\]_ B2>76 S -== K Z\dc]dVS

UVSOXMS acNdaKXSKT¦ XK >aT XYac ]¸_ÒLYac ^OVOPYX :S°UXSO Z\KaNK) 8Y ^KUj NY WYWOX^_

KÒ _]¸c]dc]d ZSO\a]d¦ ]UK\Q° XK d¸c _U¸KN ]^\YXc Mdc VYQY U^\O acQV¦NK d_ZO¸XSO ZK]]

4KU WYÒXK ^aY\dc¨ XKZ\KaN° K^\KUMcTXO ]^\YXc SX^O\XO^YaO U^\O TONXYMdOÄXSO

L°N¦ a ZO¸XS dK]ZYUKTK¨ ZY^\dOLc _Òc^UYaXSUa) :YN]^Ka¦ a]dc]^USOQY TO]^ NYL\O

ZVKXYaKXSO :Y^OW W_]S]d ZKWS°^K¨ ÒO ZS]dO]d MYÄ MY ^\KPS NY 3X^O\XO^_% W_]S]d

dXK¨ ]aYSMR YNLSY\Ma K Z\dONO a]dc]^USW s ZKWS°^K¨ Y ^cW ÒO Z\YTOU^_TO]d

]^\YX° Z\dOdXKMdYX¦ NVK TOT _Òc^UYaXSUa K XSO NVK ]KWOQY ]SOLSO

"ª|o-ªlRqp-®-y-WRJ-y RyRlay

¡`

JA®Ra|®-A®¬y-u¬

¡

++|Jy-¬|ª-yl-|oRp ¥

¡z

# -qRylRy-ªla-Aoly-oª¬¸®Ra||®l|u¥

`^

#ulR®A®RylRª®¬ plRa|ªp|y Rp²AlR

`

|p-¸-yR| R®plAR

`U

®plAR|u-a-oÔp|yARy |ª-ÉlÖy-\¥ypAo|y-qy|²Al

`z

lR¥oy¥oJ|7Ra||oRp ¥®t¬u Rp Ru

°

|-ªl-G¸R Rp u|¸y-®¬7p|®R7lRAª®|plRu

|oRp |ª-ylR |yly RyR |ª¬Ai|- RoR y-p|u¥ylp-Aoll#µ)"'

3PISTREuCI

0KdK Z\OZ\YN_UMTS

:KZSO\ Q\¦ -ASZDOu¿SPIERANIASIÃZWYBREDNYMKLIENTEM >KU ^KU dXK]d ^OX ^cZ s dK UKÒNcW

\KdOW QNc ZYUKd_TO]d W_ XKTXYa]d¦ aO\]T° TOQY a¸K]XOQY ZYWc]¸_ YX T_Ò WK UYVOTXc ZYWc]¸

XK acQV¦N ]^\YXcj SXXc ]MROWK^ UYVY\aj SXX¦ MK¸¦ aS^\cX° SX^O\XO^Ya¦ 4KU dK^OW \KNdS¨ ]YLSO

d UKZ\cÄXcWS UVSOX^KWS KVLY ZYNMRac^VSacWS aS^\cXKWS U^\O ^\_NXY TO]^ d\YLS¨ NYL\dO)

DKMdXST YN UK\^US ZKZSO\_ Y¸aUK S aSOVUSOT \ÒYaOT Q_WUS A ^cW \YdNdSKVO ZYUKÒOWc -S TKU

]Z\c^XSO dKL\K¨ ]S° NY Z\KMc dKXSW dKQ\dOLSO]d ]S° a ONc^Y\dO 2>76 >aY\dOXSO WY^ca_

Q\KPSMdXOQY Y\Kd WO^KPY\c aSd_KVXOT S \c]YaKXSO Y¸aUSOW ]dUSMa ]^\YXc ]Z\KaS ÒO ]dcLUY

]^KXSO]d ]S° d\°MdXcW S OVK]^cMdXcW Z\YTOU^KX^OW aS^\cX SX^O\XO^YacMR =SKNKT dK^OW NY ]aYTOQY

LVYU_ \c]_XUYaOQY S dKLSO\KWc ]S° NY Z\OZ\YN_UMTS

"ª|oRlRª®RulÖJ®¬y-|J|ªR®qRARylRV

°

|u¬²qG®-ylu®-7lR®R®lÖ®- ª|®RylRp|J¥

¤

-y-uR -\|-ªl®¥-qy-ª®u-Ayl-u| ¬ª®Rª|Jyl |y¬ly RyR |ªRo

¡

| ¬ª®Rª|JylRR®Ry ¥oR®-ª- |²É |y¬

`

¥®-u}®a}ªWJ|a-J|uR -\|¬ªl®¥-qyRo

'¬u¬²qu| ¬ª®Rª|JylluR -\|Öªl®¥-qyÔJq--p-

U

qRuRy ¬ |y¬|ªlyy¬p® -t |ª-ÉuR -\|Öªl®¥-qyÔ

U

+7¥J¥o®¬7p|}7pÖp|J¥("Jq--p-

UU

-p¸Rp|J

Uz

V

#¸¬o®plA}ªG7¬|®ªlyÔÉ|u¬t¬l®-|®A®ÖJ®lÉ |AiÖ A®-¥7R® ª|®Ryl-p|J¥

z¡

lR|oRp ¥oJq-lR7lR[

z`

# ª|®¬u¬ R-®®plAJq--p-

z

ZAAKC

EPTOW ANE

3PISTREuCI

9\QKXSdKMTK ]^\YXc

i5Y¸Y dSOVYXOT aSOÒc ]U\°MK]d a VOaYjp .AWIGACJASTRONYTODLA#IEBIENIEPEWNYGRUNT A 3X^O\XOMSO ^Y _Òc^UYaXSMc

]¦ aKÒXS 8SO V_LS¦ ^\KMS¨ WX]^aK MdK]_ XK ZY]d_USaKXSO a¸KÄMSaOQY Z\dcMS]U_ Mdc

Z\dONdSO\KXSO ]S° Z\dOd ^\dc ZYdSYWc \YdaSTKXOQY WOX_ YZK\^OQY XK 4K`K=M\SZMSO .VK^OQY

a¸KÄXSO W_]S]d ZYÄaS°MS¨ N_ÒY MdK]_ XK NYL\¦ Y\QKXSdKMT° ]^\YXc s TO]dMdO dKXSW dKLSO\dO]d

]S° dK TOT ^aY\dOXSO S Z\YTOU^YaKXSO A ZYZ\dONXSW \YdNdSKVO _^aY\dcVSÄWc ÄaSO^Xc WY^ca

Z\dOaYNXS S acQV¦N ]^\YXc A ^cW \YdNdSKVO adWYMXS]d Z\YTOU^ NYL\¦ Y\QKXSdKMT¦ ]^\YXc

:Y ]UYºMdOXS_ L°NdSO]d WSK¸ ]^\YX° U^\K ZYaSO _Òc^UYaXSUYaS QNdSO WK ]S° _NK¨ S XSO

ZYdaYVS W_ ]S° dXYa_ dQ_LS¨

>YUSY 7K\U daSONdS¸ >YUcY >YaO\

3XPY\WKMTO XK ^OWK^ acZ\Kac

NY WSOT]MK acL_MR_ LYWLc

|-|ª-ylR®-ª- |²Al |y¬J|oRo¥pt-J¥

°¡

a-yl®-Ao-ly\|u-Aol®y-oJ¥oÔA¬AilÖy- |ylR

°`

a-yl®-Ao- |y¬®-|u|AÔ-Ail Rp ¥¬ly\|u-Aol

Ail Rp ¥-ly\|u-Aolª|-Al¥|| |ª-ylRp-

¤

-t--ªJ-|| |ª-yl¥p-

¡

|| ¥op- ¬ª |¬®a|JylR®lAi|J|7lRÍ ªRu

U

-®ª¬ |}ª|ªlyy¬7¬Ép} plRl|l|ªR

z

}¬|}7| |ª-yl-oR ªt-²Alª¬

¤`

#t}¸p- ¬ªilR-AilÖ |y¬

¤^

l-a-u¬-Ail Rp ¥¬ly\|u-Aol ||| ¥p- ¬ || |ª-yRy--lR®R

¤

l-a-u¬-Ail Rp ¥¬ly\|u-Aol Ô ¬qp|lRu |Jy|²ylp}ªulÖJ®¬ |y-ul

¤U

®Ro²AlR®\-®¬R|J¥pAolJ||J¥pAol

¡¤

¥J|ª-ylR ¥p ¥¬ªl ¬y¬-p-

¡¡

-olRª¥ ª|®¬u¬qlplyJR«i uqV

¡`

V-}´ylRoqlpARRyA®R ¬q-ul

¡^

JR|J¥pAolJ||J¥pAolWRty¬|AR

¡U

7SK]^K

DNT°MSK U\KTYL\KdYaO

0SVWc aSNOY 5\^USO PSVWc aSNOY XKU\°MYXO

Z\dOd 7K\UK UKWO\¦ McP\Ya¦ 7ONSK

8Y^K^US Y TONdOXS_ 7OX_ \O]^K_\KMcTXO

8Y^K^US XK ^OWK^ TONdOXSK

Z\dcLc^UKMR ^OQY U\KT_

=_]RS

4ONdOXSO

?V_LSYXK ZY^\KaK 7 K\UK ^Y ]_]RS

8Y^K^US S a]UKdaU S NY^cMd¦MO

TONdOXSK ]_]RS

7K\U

a 4KZYXSS

,VYQ

8Y^K^US

d ZYN\Òc

4ONdOXSO

7ONSK

9 4KZYXSS

.dSOXXSU

d ZYN\Òc

7SK]^K

8Y^K^US

Y TONdOXS_

DNT°MSK

5_V^_\K

7OX_

\O]^K_\KMcTXO

6KXN]MKZO

2Y^OV :K\U 2c 6KXQ_KQO >YUSY :RY^Y] K^^ a >YUSY 3XPY\WKMTO dNT °MSK S _aKQS

8Y^K^US Y TONdOXS_ XK ^OWK^ ^OQ ^

Y RY^OV_ :OYZVO

ZYN\Òc XK ^OWK =_]RS 2S\Y]RSWK 8Y^K^US d :RY^Y] TONdOXSK S \O]^K_\KMTS 0SVWc aSNOY 5\^USO PSVWc aS @SNOY] NOY

XKU\°MYXO Z\dOd 7K\UK

UKWO\¦ McP\Ya¦ @SNOY -VSZ]

3PISTREuCI

?U¸KN ]^\YXc

:\dO]^\dOQKXSO d¸Y^OT \OQ_¸c /PACASIÃBY¿DOBRYMSUCHACZEMaINOSI¿PRZYSOBIEKALKULATOR9N USVU_

\YdNdSK¸a WaSVSÄWc Y Z\YTOU^YaKXS_ XK]^KaSYXcW XK _Òc^UYaXSUK KVO NYZSO\Y ^_^KT

L°NdSO]d WQ¸ ]Z\KaNdS¨ ]aYTO _WSOT°^XYÄMS ]¸_MRKXSK A ^cW \YdNdSKVO dLSO\dO]d YZSXSO

_Òc^UYaXSUa S dL_N_TO]d ]^\YX° ]ZO¸XSKT¦M¦ SMR ZY^\dOLc A]dc]^UY s YN Z\dOQV¦NK\OU

ZY WSOT]MO XK OU\KXSO s YZSO\K ]S° XK NKXS_ _Òc^UYaXSUYW ^OQY MdOQY XKZ\KaN° MRM¦

-Y aS°MOT ZYdXK]d ]OU\O^c \OQ_¸c ^\TZYNdSK¸_ .YaSO]d ]S° TKU NdS°US USVU_ XKMSÄXS°MSYW

Z\dcMS]Ua UKVU_VK^Y\K VSXSTMO Y\Kd ]SK^MO WYÒO]d dKWSOXS¨ XSOac]d_UKX¦ ]^\YX° SX^O\XO^Ya¦

a Z\KaNdSac ad\ ZS°UXK

|oRp ¥oRlÖ®u¬²qÔ||J7l|A-Ai

`¤

"ª|oRy-oy|ª®R®-J-ylRW¥lA

`^

# -qRylR|J7l|A}ª |y¬¥lA®-|u|AÔR|y

`

|®ª}qG7¬ |R|y¬7¬t¬"ª|lul®Rª|Jylp-ulV

^¤

|®J®lRqA®|²Éªt¬ª-y-|oRp l¥pt-J |y¬

^`

lRoARJ| ÖyRy-Rp-ylR|pR²q-Go-p#µA®Ö²É |y¬ 7ÖJ®lRªlJ|A®y-ª®RaqÔJ-AR¥¸¬ p|ªylp-

^

+7¥J¥op|J("l ®| ¬u-ql®|ª-y¬|JpÔ Ru |®J®lRqA®|²Al°¤`xU

°

¥J®lRq¥7lÔGaJ¬ª®¬ p|oR J|7®R®|a-yl®|ª-yR l}ªy|¥t|¸|yR

`

-p®R|p-|ªlyy-7¬Éu|o-l- p-#¸¬o®t| Ro||Aol

^

Ra¥t- }o|J®l-t¥F¥|®A®RylR®t| Ro||Aol

|y-¥lAl®t| -||Ao-W ¥Jl¥u ®tRa|®¬-Jp¥

-ulÖ -®|R|y-AilpqlRyAlR

|y\la¥-Ao- |y¬¥lA¤°®q- \|uÔq¥Rly

¡

#¸¬oRa¥t q- \|u¬q¥Rly J|y-J-yl- ¬q¥ |ylR¥lA¤°

®-J|J-É®-ª- |²É |y¬¥lA

|J-oylRA|p|J¥

U

3WS°$ +XX ASOU$ " ·¦MdXYÄ¨ d 3X^O\XO^OW$ .=6 Ã\ONXS MdK] a 3X^O\XOMSO Z\dOdXKMdYXc XK \Yd\caU°

^cQYNXSYaY$ QYNdSX ?V_LSYXK Z\dOQV¦NK\UK$ 0S\OPYb =c]^OW YZO\KMcTXc$ ASXNYa] B:
a ]Z\KaKMR ^OMRXSMdXcMR +U^caXSO _NdSOVK ]S° XK PY\KMR

SX^O\XO^YacMR S a ZY\^KVKMR ]ZY¸OMdXYÄMSYacMR
\YLS \aXSOÒ dKU_Zc a 3X^O\XOMSO 4OT VKZ^YZ XSOMY aSOUYac

KVO +XX XSO WYÒO ]YLSO ^O\Kd ZYdaYVS¨ XK XSM SXXOQY ^Y TOT

UYWZ_^O\ Q¸aXc d U^\OQY ¸¦Mdc ]S° d 3X^O\XO^OW

G7¬¥|®ÔJp|ª-É¥pt-J |y¬

'¬p|ÍA®RylRp|J¥ R²All¬ Ru¥y-ªla-A¬oyRa|

U¡

|J-ylR¥pt-J¥ |y¬l®A®Ra}t}ª ¬|a-\lA®y¬Ai ®-|u|AÔp|J¥

U

3PISTREuCI

:\YTOU^YaKXSO a UYVY\dO

5YXSOM d ]dK\YÄMSKWS +OLORTOCICHYBOHATERPROJEKTOWANIASTRONINTERNETOWYCH.YL\K ZKVO^K LK\a

WYÒO Z\dcMS¦QX¦¨ _Òc^UYaXSUa NY aS^\cXc ]^aY\dc¨ WS¸¦ K^WY]PO\° S ]Z\KaS¨ Lc Md°]^Y NY XK]

a\KMKVS 5aO]^SK UYVY\_ a Z\YTOU^YaKXS_ ]^\YX SX^O\XO^YacMR XSO ]Z\YaKNdK ]S° TONXKU ^cVUY NY

acL\KXSK NYL\OT ZKVO^c UYVY\a s \aXSO aKÒXO TO]^ SMR dK]^Y]YaKXSO 7YÒO]d WSO¨ ÄaSO^X¦

ZKVO^° LK\a TOÄVS TONXKU XSO dK]^Y]_TO]d TOT d \YdaKQ¦ _Òc^UYaXSMc WYQ¦ _XSUK¨ >aYTOT aS^\cXc

TKU dK\Kdc :YN UYXSOM XSXSOT]dOQY \YdNdSK¸_ XSO ^cVUY L°NdSO]d aSONdSK¸ TKUS aZ¸ca UYVY\ WK XK

_Òc^UYaXSUK ]^\YXc SX^O\XO^YaOT KVO ^KUÒO L°NdSO]d ZY^\KPS¸ acL\K¨ ÄaSO^XSO acQV¦NKT¦M¦ ZKVO^°

UYVY\a U^\K ZK]_TO NY aS^\cX Z\YTOU^YaKXcMR d WcÄV¦ Y _Òc^UYaXSU_ S TO _d_ZO¸XSK

'|u}¸q|p-qyÔARyÖu¥®¬A®yÔ

z¤

|y-z¥qRW®t| ¬ -yJ-JlRAl7q|a}ª ®--ulu|¸qlª|²Éª¬7|¥oR ylRA||a-ylA®|y-

z`

|q|ªt¬ª-y-Ru|AoR

z^

|t|7-ªA®¬ql|JA®Ra|ª®¬ p|lÖ®-A®Öt|

zz

#¸¬op|t-7-ªJ|ª¬7-yl-p|q|}ªGp }RJ|lR7lR-¥oÔ

¤°¤

-olRªª¬7lR-lÖp|q| "'')

¤°¤

-pA¬oy¬ª®|®RAp|q|}ªu|¸y- ª|®¬É®-|u|AÔ AiRu- ¥ l-J¬p|q|}ª

¤°¡

+-A®¬y-u¬l-Ép|J |y¬ -uqR- R

¤°^

# ª|®RylR| Ra|¥pt-J¥ |y¬®-|u|AÔ-p¥®-

z¡

¤°

®RAlªlRÍ ªRuAlÖ¸p|²AloR VqRpp|²É

¤¤

# ª}®7|a- ®Ô-qR Öp|q|}ª®-|u|AÔAiRu- ¥ A®ª}p|ªRa|

¤`

®-¥-p ¥-qylÉ-p¥®

¤U

|y¬ -uqR- R

3PISTREuCI

.YL\c ]c]^OW XKaSQKMcTXc i>O\Kd a MS¦Q_ ]OU_XN dXKTNÐ

Z\dcMS]U =^\YXK Q¸aXK{jp #ZYMBYBY)NTERNETBEZNAWIGACJI >Y XKaSQKMTK ]Z\KaSK ÒO 3X^O\XO^ TO]^ WONS_W

SXPY\WKMcTXcW Y ^KU YQ\YWXcMR WYÒVSaYÄMSKMR + ^O\Kd RKMdcU$ ]c]^OW XKaSQKMcTXc ^Y MYÄ

aS°MOT XSÒ ^cVUY ]^aY\dOXSO ]dK¸YaY acQV¦NKT¦McMR Z\dcMS]Ua S _ZMRKXSO SMR XK ]^\YXSO >aY\dOXSO

NYL\OQY ]c]^OW_ XKaSQKMcTXOQY dKMdcXK ]S° YN K\MRS^OU^_\c SXPY\WKMTS S UYX^cX_YaKXO TO]^

a MK¸cW Z\YMO]SO Z\YTOU^YaKXSK aS^\cXc 4KU ^Y TONXKU NdSK¸K) 4KU WYÒOWc _dc]UK¨ ZOaXYÄ¨

ÒO _Òc^UYaXSMc aS^\cXc SX^O\XO^YaOT XSQNc ]S° XK XSOT XSO dQ_LS¦) A ^cW \YdNdSKVO Z\dcT\dcWc ]S°

\ÒXcW ]^cVYW XKaSQKMTS K ^KUÒO ^OW_ TKU K\MRS^OU^_\K SXPY\WKMTS aZ¸caK XK YNXYÄXSUS aSNYMdXO

XK ]^\YXSO TKU \aXSOÒ NYaSOWc ]S° NVKMdOQY ]KWO SUYXc XSO dKa]dO ]¦ NYL\cW ZYWc]¸OW

63

63

63

63

63

63

63

|ª¬RuR ª®p|qR|®|A®Ö ¬

¤¤

lRª®¬up|plRuª |yÖJ|7Roy-ªla-AoloR J|7--Ail Rp ¥-ly\|u-Aol

¤¤z

®¬u -py--ªJÖoR y-®ª-

¤¡°

|®ªlÔ®-ylRyWy-ªla-Ao-®|®l|u¬ul®-pt-Jp-ul

¤¡

|®ªlÔ®-ylRy¤Wy-ªla-Ao-l|y|ª-

¤¡U

qRuRy ¬7q|p|ªR |"ª|l®¬o-AlRqR

¤``

|®¬Ao|y|ª-ylRy-ªla-Aol7q|p|ªRo®-|u|AÔt¬ª-yl-

¤`^

p|y¬ylAylR'ÓV|| ¥t-JylRª¬aqÔJ-oÔ

¤`

|J-ª-olp|y¬J| Rp ¥G-ylR|Jª| ylR

¤`z

#-p ¥-qylop|J(" |y¬G7¬¥¸¬ª-t |Jy|²ylp}ª Rp |ª¬Ai

¤^°

"R-®u|¸R®y-J-ÉRqRuRy |u7q|p|ª¬u ¬qV

¤^

t}ªy¬¬ Ruy-ªla-A¬oy¬ylR|ªlylRylÖ®ulRyl-ÉV -qR¬ RuJ¥a|®ÖJy¬o¥¸"

¤^¡

-¸J-|J |y-| ®¬u¥oRªt-y¬J¥a|®ÖJy¬ ¬ Ruy-ªla-A¬oy¬

¤^`

|J-ylR ¬q¥J|y-ªla-Aol®-|u|AÔ-p¥®-

¤^^

?6

.3@

3PISTREuCI

:S]KXSO ^OU]^a XK ZY^\dOLc ]^\YX SX^O\XO^YacMR

!

:\dOLSOQKXSO ad\YUSOW 0ISANIETEKSTÌWNAPOTRZEBYSTRONINTERNETOWYCHNICZYMSIÃNIERÌNI ODPISANIATEKSTÌWWINNYMCELU PRAWDA 8Y MÒ ^KU XKZ\KaN° ZS]KXSO ^OU]^a

Z\dOdXKMdYXcMR XK ]^\YXc SX^O\XO^YaO TO]^ d_ZO¸XSO MdcWÄ SXXcW XSÒ ZS]KXSO ^OU]^a

NY N\_U_ 6_NdSO XSO Mdc^KT¦ ^OU]^_ YZ_LVSUYaKXOQY a 3X^O\XOMSO ^KU ]KWY TKU ^OU]^_

acN\_UYaKXOQY XK ZKZSO\dO DKWSK]^ Mdc^K¨ YN VOaOT NY Z\KaOT ]^\YXc YN ZYMd¦^U_

NY UYºMK Z\dOLSOQKT¦ ^OU]^ ad\YUSOW A]dc]^USO ^OU]^c Z_LVSUYaKXO XK ]^\YXSO

SX^O\XO^YaOT W_]d¦ ZYdaKVK¨ _Òc^UYaXSUYaS XK ]dcLUSO Z\dOLSOQXS°MSO SMR ad\YUSOW

S ¸K^aO Z\dO^\KaSOXSO A Z\dOMSaXcW \KdSO _Òc^UYaXSMc XSO MRM¦M WK\XYaK¨ MdK]_

d\OdcQX_T¦ d >aYTOT ]^\YXc S ZTN¦ QNdSO SXNdSOT A XSXSOT]dcW \YdNdSKVO XK_MdcWc -S° ]d^_MdOU

daS¦dKXcMR d ZS]KXSOW YNZYaSONXSOQY ^OU]^_ YN ZYN]^Ka K ^KUÒO ONcMT¦ QY^YaOQY ^OU]^_

a MOV_ _MdcXSOXSK QY VOUUY]^\KaXcW NVK Mdc^OVXSUK

+\^cU_¸ dO ]^\YXc SX^O\XO^YaOT 'z¡|p¥-¬¬a-«G|oRp -y alR®-pRRyR©-ª -ylR'lA|ylyG|-® |y-¬R®-t|¸¬ql ¥Jl|"-A lA-q ¥JlR¥qRªARq¥¥7qlp-AolRa¥t-©-qlR-yJ |¥yJiR-JGulyl- ¥|ªRoa¬\la¥p|ªRo|-J®|yRoªR-ql-AiRª|q¥Aol-yalRqplRo i|É|A®Ô p|ª| ¥Jl|"-A lA-q ¥JlR¥qRp|yARy |ª-t|lÖy--©-qlR -yJ|¥yJiR-JG¬a-«l-¬RAiAlRql -p¸R|¥7qlp|ª-ÉRa¥t¬Jq-¥yaR|y 2-a|yW\-7¥q-yRoa¬\-y -¬ ª|®|yRo®R®¬a-p-Gp }RoRa¥t¬|- R 7¬t¬y-i-lyu-lqGa®R\la¥p|ªRo®z|p¥|-J®|yRoªR-ql-Ai²RJyl|ªlRA®- oRo-¥ |-ul7¬ql¬a-«|-®R\\RRylRJ¬a--©-qlR-yJ|¥yJiR-J®-A®Öt- aRyR|ª-ÉJ|Ai|J¬Jq-"-A lA-q ¥JlR¥qRG®-®ÔJ\lu¬®| -t|®®R®|y¬|-©R- yR|y-ll-y-q¥uR-i|É-©RyR|y -\ltJ|\lu¬o-p||oRp -y alR lªp} AR| Ru|J®RJtGl-yq¥uRª®RJtJ|ylRoo-p|lyªR |q¥uR¥ª-¸-tG ¸Ra--©-qlR-yJ|¥yJiR-JylR®¬y|lt-ª¬ -A®-oÔA¬AiJ|Ai|J}ª l®-AiÖAlt¬a-p-|-®-¬R-J|p¥lRyl-lÖy-ª¬J-yl¥¥yaR|y2-a|y 'pt-J-©R-yR|y-ª|A®Ô p|ª¬|®ª}o¥yaR|y2-a|y|®| -oRpªR lÔ |yÔi|É-uyR|yy-®¬ª-tlÖ|oARualR\-7¥q-y¬Ail ªlRJ®ltG¸R ||y

# ª}®qR®Ôa-®R Öly RyR |ªÔ

¤^

|y-a-®R ¬"iRl Ry RqqlaRyAR WRA¬\lp-Ao-|oRp ¥

¤

|7qRuRuoR " "

¤

#qR®RylR®-ª- |²Al |y¬®-|u|AÔ|Jª}A|yRol-ulJ¬ ¤¡ p-A-ylR Rp ¥ |J-ylRql J|p|J¥("

¤z ¤Uz

-at}ªpl-ªl-oÔG¸R Rp oR®A®Rt- ªlRo®R7lRAª®|plRu ¤z lR®-o®R|7ÔA®Al|yplG7¬|JpR²qlÉy-at}ªplllyy¬ Rp

¡°°

'-¸y¬oR |®l|uy-at}ªp-G-ylRoRa||®ul-

¡°

3PISTREuCI

.Y]^°ZXYÄ¨

"

8SONY]^°ZXYÄ¨ TO]^ Q\YÐXK +TONIEMOETERAZKORZYSTA¿Z4WOJEJSTRONY 7YÒO]d WSO¨ ZS°UX¦ ]^\YX° dO ÄaSO^XcW

_U¸KNOW S ¸K^acW a _ÒcMS_ ]c]^OWOW XKaSQKMcTXcWj MY XSO YdXKMdK TONXKU ÒO UKÒNc WYÒO

d XSOT UY\dc]^K¨ ,c WYQVS d XSOT UY\dc]^K¨ _Òc^UYaXSMc d _ZYÄVONdOXSOW ad\YU_ L¦NÐ Y]YLc U^\O

XSO ZY^\KPS¦ YN\ÒXS¨ UYVY\_ XSOLSO]USOQY YN dSOVYXOQY ]^\YXK W_]S Lc¨ NY]^°ZXK A Z\dOMSaXcW

\KdSO L°NdSO]d ^\KMS¸ _Òc^UYaXSUa S ^cW ]KWcW ]dUYNdS¸ a¸K]XcW SX^O\O]YW 8SO WK\^a ]S° TONXKU$

NY]^°ZXYÄ¨ ^Y XSM ^\_NXOQY .dS°US YNZYaSONXSOW_ dKZVKXYaKXS_ UYVOTXYÄMS OVOWOX^a

UYN_ _ÒcMS_ K^\cL_^a +6> S dXKMdXSUa 6981./=- K ^KUÒO dK]^KXYaSOXS_ ]S° XKN UaO]^S¦

UYVY\_ XK^cMRWSK]^ ZY]dO\dc]d ]aYTO Q\YXY YNLSY\Ma :\dc YUKdTS Lc¨ WYÒO XKaO^ _NK -S ]S°

dNYLc¨ MO\^cPSUK^ A-+1j + MÒ ^Y TO]^) 9Na\¨ ]^\YX° K aU\^MO ]S° NYaSO]d

:TEJSTRONYBARDZO CI»KOJESTKORZYSTA·BEZ MYSZY.IKTSI»NAWETNIE ZASTANOWINADTYM EMOE TOBY·DLAMNIEPROBLEMb

7YDAJESI» ENIKTNIEPOMYvLA OTYM EB»D»ZTEJSTRONY KORZYSTA·ZAPOMOCCZYTNIKA EKRANUb

¥Jl|k¤k|WylRJ| Öy-J| Öy|²É

¡°U

| Öy|²É|®y-A®-G¸R®R |y¬u|¸Rp|®¬ -Éµ)

¡°z

-p+)" Õ"ª|o- |y-

¡°

y\|u-AoRy- |ylR|ªlyy¬7¬É®|®¥ul-tRV Jq-µ

¡¤

|a}J´lÖ® ¬uWp|u¥ R¬y--ªJÖÔat¥lR

¡¡

|u¥ R®RA®¬ - Rp - ¬7¥ ¥"|7-®p-

¡`

®Rp® -tÉJt¥al Rp - ¬7¥ ¥"ª|l

¡U

ª|oRu|J¬\lp-AoR|-ªlt¬¬ ¥-AoÖ ¬qp| " ")pqlRy }ª¥Jl|k¤k|

¡¤°

| Öy|²ÉylR|a-ylA®-lÖJ|A®¬ ylp}ªRp-y¥

¡¤

qRuRy ¬|ªlyy¬7¬É-p ¬ª|ª-yR

¡¤¡

|y-¥Jl|k¤k|oR R-®++ 7-J®lRo "Õ

¡¤

'l|l ¬

¡¡°

|q|¬ylR|ªlyy¬7¬É )Ó\|uÔp|u¥ylp-Aol

¡¡`

Ûªl- ª7R®lRA®y¬Ai7-ª-AiV

¡¡^

Ûªl- ª®-7¥®|y¬Ai7-ª-AiV

¡¡^

¥Jl|k¤k||A®-ul||7¬®®-7¥®Ryl-ul |®|®y-ª-yl-7-ª

¡¡

ªl-®JplÔ-ªJ®lª¬u|7qRuRu

¡¡U

7-®pl t-Ôy-J-q"ª|lul®¬o-Al}tul

¡¡z

|qRoy|²É |ylR ¬qp|- ¬7¥ ¬ -7lyJR«

¡`°

3PISTREuCI

=¸_MRKT ]aYSMR _Òc^UYaXSUa

+XUSO^c

#

.\YQK NY RK\WYXSTXOQY Z\YTOU^_ $OBRYPROJEKTSPROWADZASIÃDOWSUCHANIASIÃWPOTRZEBYUYTKOWNIKÌW ?Òc^UYaXSMc WYQ¦ -S ZYaSONdSO¨ MY dO ]^\YX¦ TO]^ XSO ^KU MY SW ]S° ZYNYLK TKU

WYÒXK acOVSWSXYaK¨ L¸°Nc TOÄVS TO]^ ^Y UYXSOMdXO S TKU a YQVO ZYZ\KaS¨ ]KW¦ ]^\YX°

3]^XSOTO aSOVO ]ZY]YLa XK ac]¸_MRKXSO SMR YZSXSS 7YÒO]d dKZYdXK¨ ]S° d YZSXS¦ Q\_Zc

_Òc^UYaXSUa dK ZYWYM¦ XK\d°NdS ^KUSMR TKU KXUSO^c V_L ZYTONcXMdcMR Y]L dK ZYWYM¦

^O]^a _Òc^OMdXYÄMS L¦NÐ ^OÒ Z\dOÄVONdS¨ NdSK¸KXSK YNaSONdKT¦McMR XK >aYTOT ]^\YXSO

dK ZYWYM¦ ZYWSK\a \ÒXcMR ZK\KWO^\a S ]^K^c]^cU ,Od adQV°N_ XK acL\KX¦ WO^YN°

UaO]^S¦ UV_MdYa¦ TO]^ i_]¸c]dOXSOp MY _Òc^UYaXSMc WKT¦ NY ZYaSONdOXSK 4OÄVS ^Y d\YLS]d

>aYTK ]^\YXK L°NdSO ]ZO¸XSK¸K ZY^\dOLc >aYSMR YNLSY\Ma K ^cW ]KWcW L°NdSO Y aSOVO VOZ]dK

D+6/>C

A+.C

'¬u-a-oÔ|²ªlÖARyl- |¥yp|ª| ylRªlRqRA®-¥®R |y¬¥A®R ylp}ª

'¬u-a-oÔªlRqRq-y|ª-yl-ª\-®lR ®¬a| |ª-Í

|¸y-oRplR|ª-ÉJ||a|uyRoqlA®7¬ ¥¸¬ p|ªylp}ª

lRuyR-yplR ¬u|aÔ-ªl-É|7qRu¬ ||7|uGp }Rt-7|A®¬ -oÔ

|¸y-oR®R|ª-J®lÉy-ªlRqR}¸y¬Ai ||7}ªy--lR®RGªy RyRAlRG®R® RqR\|yG||7l²AlR

¬ -yl--yplR ¬u|aÔ®| -É´qR ®ly RR |ª-yR

¡^¤

lRAi®Ru}ªlÔ¥¸¬ p|ªylA¬W®-|²RJylA ªRu-yplR la¥\|p¥|ª¬Ai

¡^`

yplR ¬la¥¬\|p¥|ªRylRÔJ-u|ªR

¡^

+-J-oª-yplRAlRªt-²AlªR¬ -yl-

¡°

- RA®y-ªRo--yplR ¬Jq-¥¸¬ p|ªylp}ª |y¬¥lA ¡°

#A®R ylA¬A®Ö |u|aÔª¬Rtyl-É-yplR ¬ ªA®-lRª|qy¬u

1\_Zc PYU_]YaO

|7qRu¬ª¥lA

|®ª-q-oÔ¥A®R ylp|uy-|®ªlo-ylR |u¬t}ªlyy¬Ai¥A®R ylp}ª

'¬u-a-oÔ|²ªlÖARyl- |¥yp|ª|J¥¸| A®-¥®R |y¬¥A®R ylp}ª

-u¬ª¬ylpl[

¡¤

+7lR-oÔly\|u-AoRy-²Al²qR|pR²q|yR Ru- ¬|JylR®¬-Jp|ª¬Ai|}7

+-®ª¬A®-oª¬u-a-oÔª¬y-a|J®Ryl- ¥A®R ylp}ª

J|ªlRJ®ly-¬ -ylR| ª- R

¡¡

|7®RlÖ-ªJ®-oÔ®¬ª¬®p|q|y¬u u|JR- |®R

¬ ¥-Ao-¥7qlA®y-u|¸R|ylR²ulRqlÉ ylRp }¬Ai¥A®R ylp}ª

#¸¬AlR®RaqÔJ-Rp

¡^

--ª7tÔJ y- |ylR¥lA®R® ®RylRlRylRR¥J|pq-¬Fi|©R

¡

'¬u-a-oÔ®- ¥JylRyl-ª¬®p|q|yRa| u|JR- |-

pt-Jylpl -ylRa| R ¥¥¸¬ RA®y|²Al

¡U¡

'¬p|®¬ -op¬ u|JR- |-J||a-yl®-Aol R ¥

¡U`

®¬o-AlRqRl|J®ly-u|aÔ7¬É|7qRuRu

¡z

'¬ylpl R ¥¥¸¬ RA®y|²AlWA®¬qlA|u}ªlÔ¥¸¬ p|ªylA¬

¡z¤

| ¬|7qRuV

¡z¡

¥¸¬ p|ªylp-Aiu}ªlÔ - ¬ ¬pl |y¬

¡z^

-®ÖJ®l-J| - ¬ ¬p |y¬ly RyR |ªRo

¡z

3PISTREuCI

/aYV_MTK Z\YTOU^_

0VK]R

,SLVSY^OUK 4K`K=M\SZ^_

4;_O\c

B2>76 -==

9NÄaSOÒOXSO acQV¦N_ ]^\YXc :BUDOWAEuZATEMKILKAuWIETNYCHSTRONINTERNETOWYCH -dK] YNZYMd¦¨ S ]S°

d\OVKU]YaK¨ :YdY]^KTO ^cVUY ZK^\dO¨ TKU ]¸_ZUS Z\dON]^KaSKT¦MO VSMdL° YNaSONdKT¦McMR ]KWO \Y]X¦

Z\KaNK) 8Y MÒ XSO ^KU ]dcLUY 3X^O\XO^ XSQNc XSO Z\dO]^KTO ]S° \YdaSTK¨ s K >aYTK ]^\YXK W_]S

dK ^cW XKN¦ÒK¨ 7YÒO]d NYNKaK¨ XYaO YZMTO WYNcPSUYaK¨ Z\YTOU^ KVLY XKaO^ d_ZO¸XSO

QY Z\dOL_NYacaK¨ -S¦QVO dWSOXSKT¦MK ]S° ]^\YXK YNdaSO\MSONVK ^OÒ \YdaT >aYSMR _WSOT°^XYÄMS

MY YdXKMdK ÒO >aYTK ]^\YXK dKa]dO ZYdY]^KTO >aYSW XKTVOZ]dcW XK\d°NdSOW :<

"ª|oRJ| ¬AiA®-|ªR| \|ql|V

`°¤

J²ªlR¸-ylR |y¬loRo®-ª- |²Al-ªl-G¸R¥¸¬ p|ªylA¬ AiÖ ylR|ª-A-oÔ

`°`

'|oRp |ª-yl¥ |yAi|J®l|Rª|q¥AoÖGylRRª|q¥AoÖ

`°

|Rª|q¥Aol|oRp ¥ |y¬ª¬p|®¬ -o

`°U

|J-oly R-p ¬ªy|²ÉJ| |y¬®-|u|AÔR\Rp |ªyRa| ª¬²ªlR q-yl-®JoÖÉ®¥¸¬AlRu-©- Al ¥

`¤°

|J-ylR7l7ql| Rpl -AR7|«J| |y¬RJ-y RyRlay

`¤

J¬Ao-qlp¥ |y¬at}ªyRo

`¤¤

|J-ylRJ| |y¬7q|a-W'|JR

`¤

|J-o7q|a-|- Ra|y-¬ RulR'|JRJ| |y¬ RJ-y RyRlay

`¤U

-t--ªJ-|q|a¥

`¡°

+ulRyl-oª¬aqÔJl|}7J®l-t-yl-7q|a-®-|u|AÔu| ¬ª}ª `¡¤

3PISTREuCI

:\YTOU^YaKXSO ]^\YX TKUY LSdXO]

DK^\Y]dMd ]S° Y ]aYTO SX^O\O]c "IZNESWKSICEOPROJEKTOWANIUSTRONINTERNETOWYCH ARTUJECIESOBIE ZEMNIE 9ZKXYaK¸OÄ T_Ò Z\YMO] Z\OZ\YN_UMTS K\MRS^OU^_\° SXPY\WKMTS ]c]^OWc XKaSQKMcTXO

]MROWK^c UYVY\a K XKaO^ NY]^°ZXYÄ¨ -Y TO]dMdO dY]^K¸Y XK >aYTOT ÄMSOÒMO NY dY]^KXSK

WS]^\dOW Z\YTOU^YaKXSK ]^\YX SX^O\XO^YacMR) 8Y MÒ L°NdSO]d W_]SK¸ aSONdSO¨ TKU \KNdS¨

]YLSO dO ]^\YX¦ LSdXO]Ya¦ Z\YTOU^YaKXSK 8SO ]¦ -S NY ^OQY ZY^\dOLXO Z\O]^SÒYaO ]^_NSK

7,+ KVO ZYaSXSOXOÄ aSONdSO¨ MYÄ aS°MOT XSÒ ^cVUY TKUS TO]^ >aT X_WO\ UYX^K LKXUYaOQY

LY SXKMdOT YUKÒO ]S° ÒO ]dcLUY Z\dO]^KX¦ XK XSO aZ¸caK¨ ZSOXS¦NdO :\dcT\dcWc ]S°

L_NYaKXS_ NYL\cMR \OVKMTS d UVSOX^KWS S UaO]^SS Z\Ka NY a¸K]XYÄMS SX^OVOU^_KVXOT

aYTOT Z\KMc

-oy|ª®¬| RyAo-qy¬pqlRy W ||-

`¡

\R -Jq-R -¥-Aol ||-u¥l®-ªlR-É

`¡

¥J¥oRu¬| | ¬ |y¬R -¥-Aol ||-

`¡U

'l -oª²ªlRAlR"' "'

``^

-plu ¬Ru|oRp -y - |yoR R²

``U

RJ-y RyRlayu-y|ªRa|| RyAo-qyRa|pqlRy -

`^¡

| -py--ªJÖpt-J-lÖy-|oRp |ª-ylR |y¬ ly RyR |ªRo

`^

- RA®y-p-qp¥q-Ao-|\R ¬V

`^

'RAo-qy¬uql²AlR|\R |ª¬u®RJ -ªpqlRy |ªl ®A®Ra}t|ªRª¬qlA®Ryl-

`¡

|JA- "lq|7l R-7Wp|qRoyRª¬®ª-ylR

`^

'¬p|®¬ -oqlARyAoÖR- l©R|uu|y

`^

lARyAoRR- l©R|uu|y

`

3PISTREuCI

+

.dSO]S°¨ XKTaKÒXSOT]dcMR \dOMdc

U^\cMR XSO YWaSVSÄWc 7NINIEJSZEJKSICEOMÌWILIuMYNAPRAWDÃSPORO :\YLVOW ZYVOQK XK ^cW ÒO S]^XSOTO

USVUK aKÒXcMR dKQKNXSOº S MSOUKaY]^OU U^\O XSO ZK]YaK¸c TKUYÄ NY ÒKNXOQY d ZYZ\dONXSMR

\YdNdSK¸a ?aKÒKWc TO dK LK\NdY S]^Y^XO S ]¦NdSWc ÒO QNcLcÄWc Z\dcXKTWXSOT Y XSMR XSO a]ZYWXSOVS

acÄaSKNMdcVSLcÄWc -S XSONÐaSONdS¦ Z\dc]¸_Q° .VK^OQY a¸KÄXSO ZYTKaS¸ ]S° ^OX \YdNdSK¸ 8Y NYL\dO

WYÒO ^KU XKZ\KaN° XSO \YdNdSK¸ K LK\NdSOT NYNK^OU 95 95 Z\dcdXKTOWc s ^Y TO]^ NYNK^OU

+VO ^Y ÄaSO^Xc NYNK^OU YZS]_T¦Mc NdSO]S°¨ XKTaKÒXSOT]dcMR \dOMdc Y U^\cMR ZY Z\Y]^_ XSO

WYÒO]d XSO aSONdSO¨ F|oRp ¬ulÖJ®¬y-|J|ªRlªlRq|p¥q ¥|ªR

`¤

¤F -yJ-J¬p|J¥ |yly RyR |ª¬Ai

``

¡F®¬®t|²É

`

`F|oRp |ª-ylRJq-¥®ÔJ®RÍu|7lqy¬Ai

`

^F"ª|®RylR-qlp-Aolly RyR |ª¬Ai

`U

F¬ uª¥pt-J®lR |y¬

`z

F|y - |ª¬ Rp

`U°

UF|-¥oy-®ª¬|Jy|²ylp}ªJ| |yGJ|p }¬AiplR¥oÔ `U

=

zF|y - oR |J -ª|ª¬uRqRuRy Ru ª|®ÔA¬u¥pt-J |y¬

`U¤

°F'lÖARoy-®ÖJ®lJ||oRp |ª-yl-

`U¡

=UY\YaSNd

`U^

ÖpylÖAlR7-Íplly RyR |ªRoy-oRlRyl¤°° |p¥ -t|lÖ¥yp Ru®ª| y¬uJq-y RyR ¥ | RyAo-t¥J| Öyl-yl-ªy RyRAlR 'lRqR|}7J|®t|J|ªyl|p¥G¸Ry RyR oR Rty|ª¬ul-|ª¬Ai-qlp-Aol®¬p-ty-|¥q-y|²Al ®RRpq-u|ª-y¬GAi|É -py--ªJÖ7-Ípl J|lR|ª RJ¬GaJ¬\lu-||aqRª|ª-J®lt- l |ª-®¬®ÔARlu|AR¬Rqluly-Aolt-7®¬Ai Rªlu-lqG-p} p|| Ru -p¸R||aqR- ¥A®R ylp}ª¬yp¥ÔARAiÔAi--p R¬ ¬A®yÔ W-qlp-AoRly RyR |ªR®7|a- ¬uly R\RoRu ª®¬ plAiRª|q¥Aol RAiy|q|alA®y¬Ai ¥¸¬ p|ªylp-lly R-p ¬ªy|²AlÔ|}ªy¬ª-qyÔ Pierwsza z reguł kształtujących na nowo obraz Internetu brzmiała: J-JylÖAlR®¬ª-ql®-Aolt-7®¬AioRJy| Rp ®|7RAyÔª|a-u-Aip|u¥ R|ª¬Ai+7l} „Internet jako platforma”. Jednocześnie był to niegdyś slogan RAiy|q|allª¬p|®¬ -y¬Ai®R®||aqR®| -t perełki Web 1.0, firmy Netscape, która przegrała wyczerpującą rywalizację z Microsoftem. Co ciekawsze, pionierami traktowania Internetu jako platformy były także dwa sztandarowe przykłady firm z nurtu Web 1.0 — DoubleClick i Akamai. Ludzie nieczęsto myślą o reklamach w Internecie jak o „usługach sieciowych”, ale w rzeczywistości reklamy były pierwszymi powszechnie wykorzystywanymi usługami sieciowymi, a przy tym także

*AKKORZYSTA¿ZTEJKSIKI

AZ\YaKNdOXSO .IEMOG» UWIERZY· EUMIEvCILI TOWKSICE OPROJEKTOWANIUSTRON INTERNETOWYCH

Czy ta książk a jest dla Ciebie? Ta książka przez naczona jest dla każdego, kto za nią zapłaci. Poza tym świetnie nadaje się na prezent.

E IEMYNAPALCE PYTANI 7 TYMROZDZIALEODPOW #),)TOWKSICE %i -) a! WIÅCDLACZEGO5 NTERNETOWYCHp OPROJEKTOWANIUSTRONI

*AKKORZYSTA¿ZTEJKSIKI

.VK UYQY Z\dOdXKMdYXK TO]^ ^K U]S¦ÒUK) R²qlu|¸R®|J|ªlRJ®lRÉ ªlRJ®ÔA|y-ª®¬ plR|yl¸®R¬ -yl-V

Czy swobodnie posługujesz się XHTML i CSS, ale nie masz doświadczenia w projektowaniu stron internetowych?

Czy uważasz się za programistę stron internetowych (pracując w tak świetnych środowiskach, jak PHP, Ruby on Rails czy .NET) i chcesz stać się lepszym projektantem witryn?

Czy zmuszony jesteś zrozumieć projektowanie stron internetowych na potrzeby jakiegoś kursu, ze względu na wymagania Twojej branży czy po prostu dlatego, że chcesz na najbliższej imprezie zrobić wrażenie na znajomych, mówiąc o regule złotego podziału i wytycznych WCAG?

V|®y-A®- |G¸R -plÔ¸p-®R®y-A®|y-oR ªt-²ylRJq-lR7lR

5^Y Z\KaNYZYNYLXSO ZYaSXSOX YN¸YÒc¨ ^° U]S¦ÒU°) R²qlu|¸R®|J|ªlRJ®lRÉ ªlRJ®ÔA|y-p }Rp|qªlRp®|yl¸®¬Ai¬ -ÍV

Czy jesteś osobą, która nie ma żadnego doświadczenia w pracy z HTML/XHTML i CSS?

Czy jesteś doświadczonym projektantem stron internetowych lub graﬁki, który szuka kompletnego podręcznika?

Czy jesteś kimś, kto lubi budować witryny internetowe za pomocą narzędzi takich jak Frontpage czy Dreamweaver i woli w ogóle nie zaglądać do kodu?

V -plÔ¸p-ylRoR ®R®y-A®|y-Jq-lR7lR

;5WAGAODDZIAUMARKE TING PRZEZNACZONAJEST DLAKA U TA KSIKA DEGO POSIADACZA KARTY KREDYTOWEJ=

7PROWADZENIE

7OBECTEGO NIE MARTWSIÅ 3IÅGNIJNAJPIERWPOKSIKÅ a(EAD&IRST(4-,WITH#33 8(4-,%DYCJAPOLSKAp AUTORSTWA%LISABETH &REEMAN ORAZ%RICA&REEMANA APÎzNIEJWRÎÁDOTEJ

7PROWADZENIE

ASOWc MY ]YLSO WcÄVS]d ®¬ |ª|a}qRu|¸R7¬É|ª-¸y-plÔ¸p-||oRp |ª-yl¥ªl ¬yly RyR |ª¬Ai A|Ai|J®l® ÔA-tÔa-\lpÔ ®¬ª|a}qRu|aÖlÖA®Ra|p|qªlRpª Ry|}7y-¥A®¬É

ASOWc MY WcÄVS >aT WdQ

4WÎJ M E 4/ ÎZG UWAA JEST WA NE

"ª}ou}®at-pylRy|ª|²AllÔaqR|®¥p¥oRGª¬- ¥oRl|A®Rp¥oRA®Ra|² ylR®ª¬ptRa|+| -t®7¥J|ª-y¬ª Ry|}7lJ®lÖpl Ru¥|u-a-l®R¸¬É |®- Ru"ª}ou}®a|7l®Rª®¬ plul®ª¬pt¬ulG¥ ¬y|ª¬ulG y|u-qy¬ul-ª-ulG®o-plullÖ| ¬p-®|7lª®¬ p|GA|u|¸RG 7¬ylR®R®p-J®-t¬u¥ª ¬uGA|oR oRa|-ªJ®lªÔ-AÔWA®¬ql |Jy| |ª¬ª-yl¥®RA®¬l | y¬AilRpt||A®RlÖ®--ulÖ ¬ª-ylRu ª®¬ plAiy¥Jy¬Ai-ªGaJ¬¸|yRylaJ¬ylR®RoJÔ®R®oRa|\lq ®RA®¬ ª|A®¬ªl ¬|}7ylRl | y¬Ai pÔJu}®aªlRGA|oR ª-¸yR|ªlRJ®u¬G¸RlJ®lR®|7lRy--ARly-aqR ®RJ"|7Ô|o-ªl-lÖ ¬a¬|lÖJ®lRoRª"ª|oRoat|ªlRlª"ª|luAlRqR |®7¥J®-oÔlÖyR¥|y¬'¬7¥Ai-oÔRu|AoR|7¥J®|yR®| -oÔ yR¥|®Rp-´ylpl

hWIETNIE *ESZCZETYLKO NUDNYCH DR»TWYCH NIECIEKAWYCHSTRON

®lÖpl Ru¥"ª}ou}®aªlRV

A UWA J MÎZGNIE WARTO Î W 4 To musi być ważne! Nie zapomnij o tym! / E 4%'IÅTYWAÁ M A P A '¬|7-´|7lRoRJy-pG¸RoR R²ªJ|u¥A®¬ª7l7ql| RAR"| R\-7R®lRA®y-Z

lAlRt-"¥ -oylRu- ¬a¬}ª#A®¬®lÖ®¬a| |ª¥oR®lÖJ|Ra®-uly¥ q7|}7¥oR®|-y|ª-Éo-plR²p|uqlp|ª-yR®-a-JylRylRGA|ªRJt¥a "ª|oRa|®R\-|ªlyy|l®-oÔÉ ¬J®lRÍGu-p¬u-qylRJ®lRlÖÉJyl oR ¬qp|oRJRy|7qRu"ª}ou}®a --lÖª¬²ªl-JA®¬ÉlªlRqpÔ ®¬t¥aÖ --lÖJ|lqy|ª-ÉG7¬ Rª|A®¬ªl ¬|}7ylRl | yR R²AlylR®-²ulRAlt¬l -po¥¸ª¬Rtyl|yRo®R ®Ryl®R ®RylG p }Ô|ªlRqRqRlRoª¬p|®¬ -®G®RAi|ª¥oÔAªylRoy--ªJÖª-¸yR -ª¬"-plRo-p ¬a¬¬q7|o-pylR7R®lRA®RÍ ª||¸-¥q7| -Rp|J¬|y-ulJq-a¬|y -↑↑↓↓←→ ←→lRJ-lÖ || ¥|ªlRJ®lRÉª|oRu¥u}®a|ªlF oG ¬GJ®lÖp¥oÖ7-J®|G -qR7R®ª®aqÖJ¥y- |Go-py¥Jy-ylR7¬t-7¬ -plÔ¸p-lo-pylpl oR R-®u}o|®l|uRu|Aolªp-qllAi R-Gy--ªJÖ AiAÖ®--ulÖ -É R®RA®¬

JESTEuTUTAJ

*AKKORZYSTA¿ZTEJKSIKI

. traktujemy jak ucznia ” st Fir d ea „H rii se ka Czytelni zieć, sisz się czegoś dowied uczyć? Po pierwsze, mu na ś go g cze dłu się We . by , tów bić fak wy różnych Co zatem trzeba zro odzi o wbijanie Ci do gło j ch jne Nie acy . uk ieć ed mn gii po za olo biologii i psych a później tego nie uro ne ia, an zn po i uk co emy, dziedzinie na zczonego na stronie. Wi najnowszych odkryć w j niż tylko tekstu umies ęce wi ś go cze a eb trz do uczenia się po stymuluje Twój mózg. enia się w serii „Head Oto wybrane zasady ucz

First”:

a. Sprawiają ć obrazy niż same słow le łatwiej jest zapamięta wie O ne. ual wiz ypominania sobie oce Pom niejszy (w badaniach prz się staje się o wiele wydaj a eni ucz ces pro one również że , one rawę o 89%). Ułatwiają zywania zanotowano pop eka prz ich z ora k grafiki, do której cji obo rma info słowa wewnątrz lub ny ień. Wystarczy umieścić adn zag lu wie ie ien wią um roz że problem związa roz ), a szansa, że uczący się nie stro ej inn na czy nią się odnoszą (a nie pod ośnie dwukrotnie. wzr , iem ien adn zag ci osiągnęli o 40% lepszy z tym atnich badaniach studen nalizowany styl. W ost rso spe i ny cyj rsa we informacje podawano im Kon cesu uczenia się, kiedy eży jących skuteczność pro dza aw spr tów tes nik miejsce formalnego. Nal wy lu konwersacyjnego w sty i h nic red poś bez ów ziennego. Nie z wykorzystaniem zwrot eba używać języka cod ÑcMSO MYNdSOXXO prowadzić wykłady. Trz nie a , orie hist dać wia większą opo ie. Na kogo zwróciłbyś ażn pow 8Y^K t ^US XK ^OWK^ ÒcMSK

zby go kie yst wsz dowcę? można podchodzić do MYNdSOXXOQY 7K\UK a 4KZYXSS s imprezy czy na wykła cza pod a ysz arz tow o uwagę: na interesująceg przemyśleń. Innymi zmuszany do głębszych Uczący się powinien być ów, w Twojej głowie nic ,K\c S ÒcMSO XYMXO aktywnie ćwiczył neuron słowy: jeśli nie będziesz ngażowany, zaa ny, wa 3XPY\WKMTO Y LK\KMR S ÒcMS_

wo oty zm telnik musi być XYMXcW a >YUSY 5SY^Y

ów się nie będzie działo. Czy iosk wn a problemów, wyciągani a ani S YUYVSMKMR zyw wią roz do ci ciekawy, pełen chę zwania, wy są ne iecz kon odu dzy. Z tego pow i generowania nowej wie działania angażujące myślenia pytania, a także do ce ają ćwiczenia i zmusz oraz różne zmysły. obie półkule mózgowe Każdy z nas ma za sobą e — uwagi czytelnika. ani yw zym utr i — nie Przyciąga się tego nauczyć, co: „Naprawdę chciałbym podsumować następują żna mo re któ e, y niezwykłe, eni aw dcz spr doświa zg zwraca uwagę na drugiej stronie”. Twój mó na nąć zas nie , trudnego, mi ego dno now ale tru dziewane. Opanowanie yciągające wzrok i niespo prz e, wn wiele lepiej, o dzi się ce, ył ują ucz res inte ne. Twój mózg będzie wcale nie musi być nud ia ien adn zag ego czn techni na. jeśli nauka nie będzie nud umiejętność uczenia Obecnie wiemy już, że Wywoływanie emocji. ki emocji iona jest od pewnej daw się w dużej mierze uzależn ma dla nas znaczenie. co to, my rmacjach. Pamięta ce w przekazywanych info tutaj o chwytające za ser czujemy. Nie, nie chodzi ie, Pamiętamy coś, kiedy coś zen koc e takie jak zas o piesku. Chodzi o emocj opowieści o chłopcu i jeg ucie satysfakcji ucz i ?” dzi „ale o co tutaj cho ją ciekawość, rozbawienie, się czegoś, co inni uważa zaniu zagadki, nauczeniu zały przychodzące po rozwią ądr em , czego ten prz ieniu sobie, że wiemy coś le nie wie. za trudne, czy uświadom ał wszystkie rozumy, wca jad poz że ału, który myśli, Robert z sąsiedniego dzi

7PROWADZENIE

7PROWADZENIE

7O^KZYdXKXSO s WcÄVOXSO Y WcÄVOXS_ R²qly--ªJÖAiAR®lÖA®Ra|²y-¥A®¬ÉG-J| Ra|AiAR® |®|7lÉ®¬7AlRolª7-J®lRo |atÖ7l|y¬|}7G®ª}É¥ª-aÖy- |Go-p®ª-A-®¥ª-aÖ|u¬²q| ¬uGo-pu¬²ql® -¥A®lÖ Ra|Go-plÖ¥A®¬® 'lÖp®|²É®y-ylR¥A®Ö®A®-t-ªut|J|²Aly-p¥¬J| ¬A®ÔARuR -|®y-yl-A®¬ R|ll ¥A®Ryl-lÖA®Rplª-y||Jy-G¸R7ÖJ®lRu¬lÖ¥A®¬ÉG-qR®-Jp|¥A®|y|Go-p ||7lÉ

:ASTANAWIAM SI» JAKMOG» ZMUSI·SWÄJMÄZG DOZAPAMI»TANIA TEGOb

+-pt-J-u¬oRJy-pG¸RoR²ql ®¬u-® ÖplÔ¸pÖªJt|yl-AiGy--ªJÖAiAR®y-¥A®¬É lÖ|oRp |ª-É |y¬ly RyR |ªR®¬o-®yRJq-¥¸¬ p|ªylp}ªy-o-ªJ||J|7ylRo ylRAiAR®ÖJ®lÉy-J ¬u®7¬ ªlRqRA®-¥R²qlAiAR®p|®¬ -É® Ra|GA|A®¬ -®ª Ro plÔ¸ARGu¥l®®--ulÖ -É |G|A®¬uA®¬ -®¸R7¬ |®|7lÉGu¥l® |®|®¥ulRÉ ¬ª¬J|7¬Éu-plu¥u® RoplÔ¸plGA®¬ R¸J|ª|qyRoplÔ¸plq¥7|AR¥ ¥A®Ryl-lÖGu¥l®ª®lÔÉ|J|ªlRJ®l-qy|²É®-ª}ou}®a"ª}ou}®a l Rly\|u-AoR ® ¥A®p-|qRa-y--ªlRyl¥G7¬"ª}ou}®a¥®y-ty|ª¬u- Rl-tGp }Ra| lÖ¥A®¬®G®---ªJÖ'-¸y¬lR®7ÖJy¬J|"ª|oRa|®R¸¬Al-"-pl | y¬G o-pª-¸y¬oR ¬a¬'®RAlªy¬u-®lR7ÖJ®lR® -qRª-qA®¬t®Rª|lu u}®alRuGp }¬7ÖJ®lR|7ltGA| ¬qp|| -\lG7¬²ylR®--ulÖ -ty|ª¬Ai ly\|u-Aol

A więc JAK sprawić, by Twój mózg zaczął traktować projektowanie witryn internetowych tak jak głodnego tygrysa? ylRoÔJªlRJ|alF|ª|qy-l¸u¥Jy-|-®®¬7®-l7-J®lRoR\Rp ¬ªy-|ª|qy-J|a-|qRa-y-|ª -®-yl¥'lR® |A®¬ªl²AlRG¸RoR R²ª -ylRy-¥A®¬ÉlÖy-ªR y-o ¥JylRo®¬Ai®RA®¬loR®--ulÖ -ÉGoR²qlAlÔaqR7ÖJ®lR®|7lRª7lo-t J|at|ª¬oRJyRl R-uRly\|u-AoR|ª¬ -A®-oÔARoqlA®7lR|ª }®RÍ"ª}ou}®a|ªlRFlRª¬J-oRullÖG7¬7¬t| |Jq-ylRa|ª-¸yRG-qR|yAlÔaqRlAlÔaqRGlAlÔaqR- ®¬y- Ö-uÔ®RA®GªlÖARªylRoR |y-oRJy-pª-¸y- ®¬7®¬u||7RuoR |7lRylR Ra|GA|®ªlÖp®--p ¬ªy|²Éu}®a¥Wª®A®Ra}qy|²Al}¸yRa| ¬¥-p ¬ªy|²Éu}®a¥ ªR lRª¬ulRyl|yRy-|®RJylRo |ylR -y|ªlÔªt-²ylRRqRuRy Ra||®ªlÔ®-yl-'Rª®¬ plAi ¬Ai®¬-Jp-Ai J|ªlRJ®l|y|G¸Rª|u-a-oÔ|yRp|®¬ yÔJq-y--AÖu}®a¥®¬pt-J|ª|G7-J-yl-|p-®¥oÔG¸R¥ulR®A®-ylRt}ª ª|7Ö7lR|l¬ª-y¬Ai®R®ylR|7-®p}ªª®RAlªlRÍ ªlRJ|¥ulR®A®-yl-lAiªlyy¬uulRoA¥ |y¬Gy-®¬pt-J ª|JllR|7-®p-A®¬®ª¬pt¬u Rp²AlR®u¥®-u}®aJ|}7¬®|®¥ulRyl-Go-plR|ªlÔ®-yl-l ylRoÔ|ulÖJ®¬t|ª-ul l|7-®plRuGA||ª|J¥oR|7¥J®RylRªlÖp®RoqlA®7¬yR¥|y}ª'lÖp®-qlA®7-yR¥|y}ª®| -oR|7¥J®|y-YªlÖp®R ®-yRy- |G¸Ry-®u}®a®|®¥ulRGl¸oR |pªR l-Gy-p }Ôª- |®ª}AlÉ¥ª-aÖlp }Ô7¬Éu|¸Ry-qR¸¬®--ulÖ -É ¬qp|yªR-A¬oy¬|u-a-G|ylRª-¸q¥J®lR®-®ª¬A®-o®ª-A-oÔªlÖp®Ô¥ª-aÖGplRJ¬ª¬J-oRlulÖG¸RÔ¥A®R ylp-ul |®u|ª¬A®Rp¥oRlÖ|JylAiª RJ¬G¸R7ÖJÔy-JÔ¸-ql®-ly\|u-Ao-ull|J|ªlRJyl||J|ªl-J-ql|oRJy-p ylR-u|ªl RGJq-"ª|oRa|u}®a¥ylRu-®y-A®Ryl-G¸Rp|yªR-Ao-|J7¬ª-lÖ|ulÖJ®¬"|7Ô-plÔ¸pÔ+J¥alRo |y¬oR²qlplÔ¸p-l-y-oR ¥Ai¬uG\|u-qy¬u ¬qRuG"ª}ou}®a| ®Ra-oÔ|J|7ylRo-plRJ®RylRy-ª¬pt-J®lR ª-qlRtyRo7lRy¬Ait¥Ai-A®¬|¸y-|7lRª RJ¬|®ª|qlÉy-J®RupÖ 7-®pll ¬qp|yªR-A¬oy¬ |oRJy-p ¬qp||A®Ô RpV

JESTEuTUTAJ

*AKKORZYSTA¿ZTEJKSIKI

9^Y MY d\YLSVSÄWc$ #¸¬ql²u¬|7-®p}ªG|ylRª-¸"ª}ou}®aoR y- -ªl|y¬y-RqRuRy ¬ªl®¥-qyRG-ylRy- Rp oR²ql Ai|J®l|u}®aG|7-®y--ªJÖª- oR ¬qRA| ¬lÔAt}ª p|| Rp l|7-®plª}tJ®l-t-oÔ ®R|7ÔG|-J®-u¬ Rp ª|7-®p-AiG|ylRª-¸u}®aJ®l-t-7-J®lRoª¬J-oylRGplRJ¬ Rp ¥ulR®A®|y¬oR ªRªyÔ ®RqRuRy ¥GJ|p }Ra|lÖ|Jy|lG-ylR®y-oJ¥oRlÖª|JllR A®¬ R¸aJ®lR²ª R²Alat}ªyRo #¸¬ª-u¬|ª }®RÍG®Rp-®¥oÔA Ö-uÔpªR lÖy-}¸yR||7¬l®-|u|AÔ}¸y¬Ai ¬}ª uRJl}ªG|Jy|®ÔAlÖJ|}¸y¬Ai®u¬t}ªªARq¥®ªlÖp®Ryl-®-y¬y- |G¸R R²É®| -ylR ®-p|J|ª-yl-ªªlÖARoyl¸oRJy¬u|7®-®Ru}®a¥ '¬p|®¬ ¥oRu¬®JoÖAl-l|7-®plª®-p-p¥oÔAR||7¬G|ylRª-¸u}®a®ª-A-¥ª-aÖy-y|ª|²Al '¬p|®¬ ¥oRu¬lq¥ -AoRllyyR|®ªlÔ®-yl-®-ªlR-oÔARo-pl²p|u|yRy Ru|Ao|y-qy¬G|ylRª-¸ u}®a®ª-A-¥ª-aÖy-7l|AiRulÖRu|AolR²qlJ-y-ly\|u-Ao--ªl-G¸RA|²A®¥oR®Gt- ªlRol 7ÖJ®lRoÔ®--ulÖ -ÉWy-ªR oR²ql |¥A®¥AlR | ¬qp|®-p|A®RylRG|®7-ªlRylRA®¬AlRp-ª|²É '¬p|®¬ ¥oRu¬R|y-ql®|ª-y¬Gp|yªR-A¬oy¬ ¬qG|ylRª-¸"ª}ou}®a®ª-A-ªlÖp®Ô¥ª-aÖ ª RJ¬GaJ¬ÔJ®lG¸R¥A®R ylA®¬®ª|®u|ªlRGyl¸plRJ¬7lRylRt¥Ai-®o-plRo²R®Ry -Aol"ª}o u}®a®-Ai|ª¥oRlÖ -py-ªR ª RJ¬GaJ¬A®¬ -® 'plÔ¸AR®y-oJ¥oRlÖ|y-JU°ÉªlA®RÍG|ylRª-¸"ª}ou}®aqRlRolÖ¥A®¬lªlÖARo -ulÖ -GplRJ¬A|²|7l®G-ylR ¬qp|| ¬uA®¬ -®¼ªlA®Ryl-Ôª¬u-a-oÔARG-qRJ-lÖoR ª¬p|y-ÉG|ylRª-¸ªt-²ylR -pl|®l|u ¥Jy|²AlR\R¥oRªlÖp®|²É|}7 '¬p|®¬ ¥oRu¬}¸yR ¬qRy-¥plG|ylRª-¸plRJ¬"¬u|¸R®q¥7lÉ|ARJ¥¬|u-ªl-yRp|p| p|p¥Gp |²lyy¬ª|qly-olRª|o®RÉ®®R®RoRRp ¬ª¬G-oR®A®Rp |²AiAR|| ¥®|7-A®¬É ®¬pt-JR®ª®aqÖJ¥y-R\RRyAoRª®-pRlR¥A®Ryl-lÖp-¸J¬p|®¬ -G- ®ÔAy- Ö-uÔ R²É ®RJ -ªl|yÔy-}¸yR||7¬ +-ulR®A®-u¬ R²É®R®y-A®|yÔJq-|7¥}tp¥qu}®a|ª¬AiG|ylRª-¸luªlÖp®-A®Ö²É"ª|oRa| u}®a¥®| -ylR®--ya-¸|ª-y-G ¬uªlÖp®-7ÖJ®lR®-y-G¸Ry-¥A®¬®lÖA®Ra|²l |®--ulÖ -®G - -p¸RJt¥¸Ro|®| -ylR®p¥l|y¬|ylRª-¸-A-®oRJyÔ}tp¥qÔu}®a¥|®y-A®-A®Ö |G ¸RJ¥a-u-®-yÖ|J|A®ÔÉG7ÖJ®lR®u}at¥A®¬ÉlÖª¬J-oylRol®R®Jt¥¸®¬A®- #ulR®A®-u¬ªplÔ¸ARil |lRlÉªlA®Ryl-R®Ry ¥oÔARªlÖARoyl¸oRJRy¥yp ªlJ®Ryl-G|ylRª-¸ u}®a¥A®¬lÖª|}7|atÖ7l|y¬GplRJ¬®u¥®-lÖa|J||ARylÔJ}ª ®¥A-u¬ª¬®ª-yl-W®-ulR®A®-u¬ÉªlA®Ryl-|-®¬ -yl-Gy-p }RylR®-ª®Rl ylRoR| - |J|ªlRJ´G|ylRª-¸"ª}ou}®a¥A®¬lÖl®--ulÖ ¥oRGplRJ¬u¥ly-JA®¬u²|-A|ª-É|u¬²q | ¬uWylRu|¸y-®RAlR¸ª¬®R´7lÉªt-yRa|Al-t-G- ®ÔAoRJ¬ylRy-lyyR||7¬ÉªlA®ÔARy- lt|ªyl|t|¸¬ql²u¬®A®Ra}qy¬Ai --ÍG¸R7¬²GAlÖ¸p|-A¥oÔAGp¥l-tlÖª¬tÔA®ylRy-ªt-²Alª¬Ai ®RA®-AiµR7¬²ylR|²ªlÖA-tª¬ltp¥-yloRJyRa|J|J- p|ªRa|JRyJ¬ ¥y-®R ª|®RylR ¥JyRa| J|®|®¥ulRyl-®¬pt-J¥A®¬}7¬®Ra¬®lRyl-lÖ®R®®Rt-J|ª-y¬¸-a|yRuq¥7®R-JylR q-p|ylA®y¬ Rp 'R®Ry |ª-y¬Aiil |l-AiG®¬pt-J-Ail|7-®p-Aiª¬ Ö¥oÔq¥J®lRG|ylRª-¸Wy|A}¸VW |ylRª-¸"¬-uoR R²A®t|ªlRplRu"ª}ou}®a®ª-A-ªlÖp®Ô¥ª-aÖy-q¥J®lyl¸y-®RJul| ¬

7PROWADZENIE

Jazda próbna %)7;<:B 7z?-3

7PROWADZENIE

+ Y^Y MY WYÒO]d d\YLS¨ Lc ]U¸YXS¨

]aT WdQ NY ZY]¸_]dOº]^aK '¬p|y-ql²u¬ª|oÔA®Ö²É-A¬R® -®-qR¸¬|JlR7lR|yl¸®R ªp-®}ªpl | ¬qp||A®Ô Rp't¥Ai-olÖªª}ou}®al-ªJ´G A|oR ª"ª|lu®¬-Jp¥p¥ RA®yRG-A|ylR}7¥oy|ª¬Ai|®ªlÔ®-Í

7YTNIJTOIPRZYKLEJ NALODÎWCE

Pij wodę. Dużo wody.

Zwolnij. Im więcej zrozumiesz, tym mniej będziesz musiał uczyć się na pamięć. lR|a-ylA®-olÖ ¬qp|J|A®¬ -yl-+- ®¬u-olÖl|u¬²q lRJ¬ªplÔ¸AR®-J-yRoR ¬ -ylRGylR®Rp-p¥o|J-®¥ J||J|ªlRJ®l'¬|7-´|7lRG¸Rp |²y--ªJÖ®-J-oRl |¬ -ylR'lu7-J®lRo|atÖ7l|y¬|}77ÖJ®lR-A|ª-t ! "ª}ou}®aG ¬uªlÖp®-7ÖJ®lR®-y-G¸RlÖA®Ra|²y-¥A®¬® lA|²®--ulÖ -®

Wykonuj ćwiczenia. Rób własne notatki. #ulR²Alql²u¬oR ¥Jq-lR7lRG-qRaJ¬7¬²u¬|J-®¥oR ª¬p|y-qlG®¬|uly-t|7¬ |||®RylRp|a|²G7¬®|7lt ®-lR7lR|upl-ÉªlA®Ryl-ylRu|¸R® ¬qp|- ®RÉ +t-®-|t}ªRp ylRoRuy} ª|J|ª|J}ªy- |G¸R -p ¬ªy|²É\l®¬A®y-ª -pAlR¥A®Ryl-lÖu|¸R|-ªlÉ p¥ RA®y|²É Ra||AR¥

Niech książka ta będzie ostatnią rzeczą, jaką czytasz przed pójściem spać. ®¬y-ouylRo| - ylÔ®RA®Ôª¬u-a-oÔAÔª¬ltp¥®Ö²É |AR¥¥A®Ryl-lÖª®A®Ra}qy|²Al -y\RJ|-ulÖAl Jt¥a| ª-tRo®-Ai|J®lo¥¸||Jt|¸Ryl¥plÔ¸pl"ª}ou}®a | ®R7¥oR |AiÖA®-¥Jq-lR7lRG7¬u}A®R ª|®¬É ly\|u-AoRR²qlªA®-lR Ra|R -¥®Rp-¸R®u¥y|ªR ªl-J|u|²AlG¥ -Al®A®Ö²É Ra|GA®Ra|ªt-²ylRlÖy-¥A®¬tR²

Mów o tym, co czytasz. Na głos. }ªlRylR|7¥J®-lyyÔA®Ö²Éu}®a¥R²ql}7¥oR®A|² ®|®¥ulRÉ-q7|®ªlÖp®¬É®-yÖy-}´ylRo®R-ulÖ -ylR A®Ra|²G|ªlRJ® |y-at|oR®A®RqRlRoF}7¥o |p|u¥² y-at|ª¬ t¥u-A®¬ÉÖJ®lR®lÖª}ªA®-®¬7AlRo¥A®¬tl7¬É u|¸R|Jp¬oR®ly\|u-AoRGp }¬AiylR|Jy| |ª-tR²GplRJ¬ A®¬ -tR²|ylAiªplÔ¸AR

Słuchaj swojego mózgu. +ª-A-o¥ª-aÖy- |GA®¬ylRoR ®Rt-J|ª-y¬R²ql ®-¥ª-¸¬®G¸R®-A®¬y-®|ulo-ÉylRp }Rly\|u-AoR -q7|®-|uly-®GA|ªt-²ylR®RA®¬ -tR²G®}7|7lR ®RªÖlRJ¬®Rp|A®¬®RªlRy¥yp GylR7ÖJ®lR® lÖ®¬7AlRo¥A®¬tG}7¥oÔAª7lÉ|7lRJ|at|ª¬p|qRoyR ly\|u-AoR|¸R®ª Ry|}7®-®p|J®lÉA-tRu¥ |AR|ªly-¥pl Poczuj coś. "ª}ou}®au¥lªlRJ®lRÉG¸R |GA||7l®Gu-®y-A®RylR +--ya-¸¥olÖªA®¬ -yRil |lR'¬u¬²q-oªt-yR |Jl¬J|®JoÖÉilAi| -ylR®ylR²ulR®yRa|J|ªAl¥ oR l -pqR®R|JylR|JA®¥ª-yl-ylA®Ra|

Czytaj części „Nie istnieją głupie pytania”. ®¬ -ooRª®¬ plRlRÔ ||Ao|y-qyRª -ªpl® J|J- p|ª¬ully\|u-Ao-ul"|A®Ö²É|J -ª|ªRo R²Al plÔ¸pl[lR|ulo-olAi

"

"ª}ou}®aJ®l-t-y-oqRlRoGplRJ¬| |A®|y¬oR J¥¸Ô lq|²AlÔt¬y}ªJª|JylRylRp }Ru-ulRoARG®-ylu |A®¥oR®lÖ-ayl|y¬|t-7l-\¥ypAoR|®y-ªA®R

#

Projektuj i buduj strony internetowe. ylRoR ¬qp|oRJy-uR |J-®| -yl-J|²ªl-JA®|y¬u |oRp -y Ruªl ¬yly RyR |ª¬AiW|oRp |ª-ylR l ª|®RylRªl ¬yly RyR |ª¬Ai"|u|¸R|®y-A®-É ª|®RylR¥pt-J}ª |yy-p- AR-lR¥G| |ª-ylR p- ªARq¥®7¥J|ª-yl--Ail Rp ¥¬ly\|u-AolA®¬l-ylR uy} ª-p|J¥ i|J®l| |G¸RylaJ¬ylR -ylR®lÖ ²ªlR y¬u|oRp -y Ruªl ¬yGoR²ql7ÖJ®lR® ¬qp| | ¬uA®¬ -tWu¥l® ||7lÉ-u¬lªlRqRu|¸qlª|²Al -p ¬A®yRa||®ªlo-yl-ª|lAi¥ulRoÖ y|²AlWªp-¸J¬u |®J®l-qR®y-oJ¥oÔlÖÉªlA®Ryl-®RJ -ªl-oÔAR|7qRu J||®ªlÔ®-yl-q¥7¬ -oÔAR|"ª|oR®J-ylRªo-plRo² pªR llGy-Jp }Ôu¥l®lÖ®- -y|ªlÉlR|ulo-olAi ®- RuWJ¥¸-A®Ö²É|AR¥¥A®Ryl-lÖ®-Ai|J®lª RJ¬G plRJ¬-u|J®lRqylR-A¥oR®y-JÉªlA®Ryl-ul |p-¸JRa|ÉªlA®Ryl-J|tÔA®|yRoR |®ªlÔ®-ylRG Jq- Ra|oR²qly-A®¬u²¥ pylR®GylR|7-ªl-olÖ|o®RÉ y-|®ªlÔ®-ylRGoRJy-p®RJ Ru}7¥o-u|-J®lÉ |7lR®|7qRuRu®JRA¬J|ª-ylRª¬p|y-oª®¬ plR ÉªlA®Ryl-G®-ylu®RoJ®lR®J|p|qRoyRoA®Ö²AlplÔ¸pl

JESTEuTUTAJ

*AKKORZYSTA¿ZTEJKSIKI

AKÒXO SXPY\WKMTO lylRo®-plÔ¸p-t¥¸¬J|y-¥plGqRA®ylRoR u- Rl-tRu´}Jt|ª¬uRq|ª||J-ql²u¬oÔ®R ª®¬ plRa|GA|u|at|7¬®-pt}AlÉ|AR¥A®Ryl-lÖ Ra|Gy-JA®¬u-A¥oRu¬ªJ-y¬uulRoA¥ ®¬lRª®RoqRp ¥®Ru¥l®®-A®ÔÉ|J|A®Ô p¥G|ylRª-¸plÔ¸p- -A®¬ylRªyR®-t|¸Ryl- J| ¬A®ÔAR Ra|GA|o¥¸ªlJ®l-tR²lA®Ra|lÖy-¥A®¬tR² Zaczynamy od przedstawienia jednej z najważniejszych kwestii w projektowaniu witryn internetowych — czyli samego procesu projektowania — a później przechodzimy do bardziej szczegółowych zagadnień. |AR|oRp |ª-yl-oR |J -ªÔ ª|®Ryl-²ªlR ylRª¬aqÔJ-oÔARo |y¬ly RyR |ªRo-¸J¬ p|p®¬7ql¸-lÖJ|qR®¬Ai |yly RyR |ª¬AiG-|J|J®R ª|®¬®ª®¬ p||p|qRlF |JuR -\|¬ªl®¥-qyRo|u-Ö |y¬|lR|plRJ¬®|®¥ulR®A-t¬|AR|oRp |ª-yl- ªl ¬yly RyR |ª¬AiG7ÖJ®lR®u}at®-oÔÉlÖ®A®Ra}t-ull®-A®ÔÉ7¥J|ª-É |y¬ Zalecamy pisanie kodu XHTML i CSS zgodnego ze standardami. -t¬p|Jl-y¬®R®lR7lRª -pAlRqRp ¥¬plÔ¸pl7ÖJ®lR®a|Jy¬®R -yJ-J-ul ly RyR |ª¬ul- |Jq-y-|a|uyR®y-A®RylRl®A-tÔ -y|ªA®|²AlÔ|JpR²q-u¬G ¸R®|®¥ulRylRu¬²qRyl-ªp- Ra|l-Ai -yJ-J}ªll-ylRp|J¥®a|JyRa|®ylul(" ° lA l ¤oR oRJyÔ®ARAi¥ -qRy |ª-yRa||oRp -y -ªl ¬yly RyR |ª¬AilR ®y-oJ®lR®ªp|J-Ai -7RqGp }R®| -t¬ª¬p|®¬ -yRJ| ª|®Ryl-¥pt-J¥ |y¬Gly\|u-Aol | ¬q¥ªqRAl|y¬Aiªp|J"G-ª®¬ plR®y-A®ylpl

7ÖJÔ|-ªylR®-upylÖ R Wszystkie kody z niniejszej książki dostępne są na serwerze FTP. 'lÖp®|²É|oRp }ªªplÔ¸ARª¬u-a-|7-yl-p|J}ªJq-|pR²q|yRa||®J®l-t¥"-p y--ªJÖy-oqRlRo7ÖJ®lR|7-Éª®¬ plRqlpl®--®y-|A®Ô p¥G7¬²ul-toR|JÖpÔGplRJ¬ 7ÖJ®lR®-A|ª-ty-Jp|qRoy¬ul|oRp -ul®--ul7ÖJ®lRu¬|lql|ª|ª-J®RylR®ul-y J|p|J¥Gp }¬o¥¸l ylRoRGJq- Ra|ylRp }Rqlpl¥J| Öyl-u¬ªªRol®RJ|-®| Nie objaśniamy w pełni każdego fragmentu kodu. +-pt-J-u¬G¸R®y-®l|®¥ulR®p|J("|-® GJq- Ra|ylRu-Ry¥ª¬o-²yl-É ª®¬ plAioRa|®A®Ra}t}ªu-ªl-u¬y-oª-¸ylRo®RpªR lRG-qlplGp }Ru|¸R®|7-É ®RªR- "GÔJ|7®R¥J|p¥uRy |ª-yR-ulÖ -oGAiARu¬G7¬²ªª¬ylp¥qRp ¥¬plÔ¸pl -t lÖqR®¬u|oRp -y Ruªl ¬yly RyR |ª¬AiG-ylR|®y-tª®¬ plR®-ªlt|²Al("l

7PROWADZENIE

7PROWADZENIE

Pojęcie „szkic” równoznaczne jest z wykorzystywanym czasami terminem „storyboard”. ®plARª|ª-J®lql²u¬o-p|uR |JÖ®¬7plRa|®-l¬ª-yl-|u¬t}ªy-|oRp 7R® -ARyl-uy} ª-A®-¥y-l-ylRp|J¥ ®plAR R®¬|uly-oÔ ||ª-yRªylRp }¬Ai 7-y¸-AiAi|É7¬Rpq-u|ªRoq¥7\lqu|ªRo |¬7|-J¬GA®¬ql|®¬|ª-yRpq- plA®¬ARy¬ \lqu}ª Zakładamy, że korzystasz z nowoczesnych przeglądarek internetowych. i|ÉJ|t|¸¬ql²u¬ª®RqplAi --ÍG7¬p|J®y-®RoplÔ¸pl7¬t®a|Jy¬®Rª®¬ plul ®RaqÔJ-p-ulG|ªlylRyR²®¬-A¬y-J|oRp -ul®plÔ¸pl¥¸¬ª-Éy|ª|A®RyRo ®RaqÔJ-pl -plRoo-p lR\|«G -\-lA®¬ q¥7y|ª®Roi|É |y¬7ÖJÔJ®l-t-t¬ -p¸Rª -®¬Ai®RaqÔJ-p-AiGª¬ylplu|aÔ7¬É}¸yRG|ylRª-¸ªlRqR®ylAi ®A®Ra}qylRy RyR «q|RlªA®R²ylRo®RªRoR®-ªlR-uy} ª|7tÖJ}ª Ćwiczenia NIE są opcjonalne. ¼ªlA®Ryl-llyyR ¬¬-p ¬ªy|²AlylRÔJ|J- p-ulGqRA® -y|ªlÔA®Ö²É|J -ª|ªRo ®-ª- |²AlplÔ¸pllRp }R®ylAi|u-a-oÔª®--ulÖ ¬ª-yl¥GlyyRª®|®¥ulRyl¥G -oR®A®RlyyR|u|aÔl®- ||ª-É |GA®Ra|lÖy-¥A®¬tR²lR|ulo-oÉªlA®RÍ Powtórzenia są celowe i ważne. RJyÔ®ARAiª¬}¸yl-oÔA¬AiplÔ¸pl®RllR-J l oR |G¸RAiARu¬G7¬²y--ªJÖ lÖA®Ra|²y-¥A®¬tiARu¬ R¸G7¬²|p|ÍA®Ryl¥plÔ¸pl-ulÖ -tGA®Ra|lÖy-¥A®¬tR² 'lÖp®|²ÉplÔ¸Rp ¬¥RyA¬pq|RJ¬A®yRa|ylRt¥¸¬ Ru¥G7¬A®¬ Rqylp®--ulÖ ¬ª-ty|ªR ly\|u-AoRl¥ ª-q-tªlRJ®ÖGoRJy-pARqRu RoplÔ¸ploR ¥A®RylRGJq- Ra|®|7-A®¬®G ¸RylRp }R®-a-JylRyl-|o-ªlÔlÖªylRoªlÖARoyl¸-® Nasze przykładowe kody HTML i CSS są tak krótkie, jak to możliwe. 'lRu¬|JA®¬ Rqylp}ªGo-p\¥ ¥oÔARoR ®R7lo-ylRlÖ®R®JªlR²AlRªlR®¬p|J¥ "A®¬ ¬qp|| |G7¬|Jy-qR´É RJª-ªlR®RGp }Ry-qR¸¬®|®¥ulRÉ'lÖp®|²É ®¬pt-J}ªªplÔ¸AR|p-®-y|ªy-ouylRo®¬uu|¸qlª¬up|y Rp²AlRG7¬ -A®Ö²ÉG p }Ôu-®|-y|ª-ÉG7¬t-o-y-l®|®¥ul-t-lR|A®Rp¥oG¸Rª®¬ plR®¬pt-J¬7ÖJÔ |®7¥J|ª-yRA®¬y-ªR RtyR+| -t¬|yRy-l-yRª Ry|}7RAo-qylRy-¥¸¬ Rp |AR¥y-¥A®-yl-lylR®-ª®RÔªRtyl\¥ypAo|y-qyR #ulR²Alql²u¬qlplp|J¬"G G|7-®plGRtyR |y¬ly RyR |ªRªy RyRAlRG 7¬²u}atoRp|l|ª-ÉlªpqRlÉ7R®|²RJyl|J|RJ¬ |- Rp ¥+y-oJ®lR®oR|J-JRRuF \ F\ iRql|yq®¬pq-J¬i\ªJR®l

JESTEuTUTAJ

THEREVIEWTEAM *AKKORZYSTA¿ZTEJKSIKI :ESPÌREDAKCYJNY

DO]Z¸ UY\OU^Y\a WO\c^Y\cMdXcMR 3ARAH#OLLINGS

*OHANNESDE*ONG

#OREY-C'LONE

-ATT $I'ANGI

!SHLEY$OUGHTY

0AULINE-C.AMARA

*ONATHAN -OORE

|Rp |®¬uR¬ |¬A®ylF --i|qqlya-A¥oRª7-y¸¬|oRp |ª-yl- l|a-u|ª-yl- |yly RyR |ª¬Ai|JlRJul¥q- -p ¥-qylR ª|®¬¥¸¬ RA®yR-qlp-AoRly RyR |ªRo-p| ly¸¬ylR||a-u|ª-yl-®-ou¥oÔA¬lÖly R\Ro-ul ¥¸¬ p|ªylp}ªªlal -ql©RGyA#p|ÍA®¬t- ¥Jl- lRª®Ra| |yl-®®-pR¥® ¥plÖpy¬Ai|RAo-qy|²Al |oRp |ª-ylRa-\lpll-A¥oRy-Ju-al Rl¥u®ly¸¬ylRll ||a-u|ª-yl-'ª|qy¬uA®-lRq¥7l7lRa-ÉlÖJ®-É A®-|®-J|uRu®Rª|luy-®RA®|y¬u |i-yyRJR|yaoR Jly|®-¥Ru|a-u|ª-yl- Jq-p|u¥ R}ª ¬¥u-ly\-uRGp }¬|JA®-¥ J|A®-¥q¥7l®-¥®A®-ÉlÖªJ®lplRRo|y¬ ª|®Ryl- ªl ¬yly RyR |ª¬AiRa|| - yluRpR¬uRy Ru oR |y-ª¬p|®¬ ¥oÔA-||aqR-®7¥J|ª-y- ®-|u|AÔq- \|u¬R«\lu¬-AqR|i-yyR ªlRJ®lG ¸Ru-®-ul-ª¬p|®¬ -ÉylylRo®ÔplÔ¸pÖ J|oRo®R|oRp |ª-yl- -  l-yaloR ª}AÔG|oRp -y RulRJ-p |Ru |y¬ly RyR |ªRo"ilR©R-a|yªªª ilR©Ro-a|yA|u lR®p-ª| |ylR

7PROWADZENIE

iqR¬|¥ai ¬oR -®¬u|a-ul Ô |y ly RyR |ª¬Ai®R -y¥-lyR-A¥oRªRo|ylR| |y¥ R | |J|p¬oyÔp- |qlA®pÔG¸|yÔGA}pÔGA®¬ RqylA®pÔ laRRplRu"-p7-J®|p|Ai-|a-u|ª-ylRG¸R|7l |y-ªR ªA®-lRª|qy¬u |R¬Aq|yR|JJ®lRlÖAl¥q- pªlª7-y¸¬ |a-u|ª-yl-ªl ¬yly RyR |ª¬AiG-| - ylRlRJRu ÖJ®ltG®RJRª®¬ plu ª|®ÔA-qlp-AoRly RyR |ªRJq- AiyRlJR|al lAGRql|y||- l|y|-®-¬|qlylA R ªlRq7lAlRqRuu¥®¬plGoR ¸|y- ¬lu-u-tRa|¬yp- -¥qlyRA-u--®R®| - ylR®R²Éq- -A|ª-t- y-J¥ylªR¬ RAplul|oRp -ulRkqR-ylya|ª¬ulG| - yl| ªly ¬ ¥AlR "ª+¥¬Ai¥' RoAiªlqloRouloÔoR ª¬Ai|ª¬ª-ylR¥|A®Ra|®A®Ryl-p-ª}qylR®- yRRu }ªylR¸¥|A®¬u |y- i-y||RoR ªt-²AlAlRqRu\lu¬ |R¥yyRRlay ®-ou¥oÔARolÖ|oRp |ª-ylRul|a-u|ª-ylRuªl ¬y ly RyR |ª¬Aii  F\|R¥yyRJRlayA|u

7PROWADZENIE

:YNdS°UYaKXSK -®Ru¥RJ-p ||ªlF a|uyRGy-oa|Ö ®R|J®lÖp|ª-yl-Jq-y-®Ra|RJ-p |-G R  -A-¥aiqly-i|Éul-ty-at|ªlR |yÖlyy¬AiplÔ¸RpG®-ª®R t¥¸¬ty-u-JÔl¥aR l-ulJ| ¬A®ÔA¬ul Ra|Go-p¥A®¬ylÉ ÖplÔ¸pÖ qR®¬uG}oylRo®¬ul7-J®lRoR\Rp ¬ªy¬uy-®ÖJ®lRuy-y-¥pl "RETT-C,AUGHLIN

'lRqplR|J®lÖp|ª-yl-y-qR¸ÔlÖ -p¸R|¥-®-ou¥oÔARolÖ|®J®l-t-ulG p }Ry-®¬u®J-ylRu7¬t¬o¥¸²ªlR yRG-p }R|y-7¬t-ª -ylRoR®A®R¥qR®¬É WoR R²u¬®- |ylR-u|ªlAlRªJ®lÖA®yl

+R|t|ªlRlqq¬F -yJR|ªlqRly\RqJ|ªlG-l lyA¥qq|¥ail-Ry i-yRGp }®¬ |®A®¬qllÖ | |G7¬}¸yR-Rp ¬|AR¥|J¥pAolplÔ¸pl®R7lRa-t¬7R®|7qRu|ª| l  -y¬ ul iGRJ-p ||ªl|J¥pAol RoplÔ¸pl-t-y-uRªy|²ÉG¸RplRJ¬plÔ¸p- -\lt-J||J¥pAolGª®¬ p|®R7lRat|7-J®|-ªylRl7R®|7qRu}ª ,OU"ARR

'R®AlR-¥lRR ¬AplGp }-ªlR®¬t-ªy-®R¥ulRoÖ y|²Ally-®Ôªl®oÖy- ¬qRG 7¬ª|a}qR|®ª|qlÉy-uy-l-É ÖplÔ¸pÖ

®¬o-Al|t|uG|J®lylRlª}t-A|ªylp|u i-y-F ®RJRª®¬ pluJ®lÖp¥oÖu|oRo¸|ylRRyyGp }-®-t¥a¥oRA|y-ouylRoy- - ¥²ªlÖ Ro®- |qR|ª-ylRqlA®7¬ a|J®lyGo-plRªt|¸¬tRuª-AÖy-J ÔplÔ¸pÔl|JR7-tRuoRoG- -p¸Ru-¥JyRa|y- |o¥Gªo-plu7¬tRu®R® -ªlRA-t¬A®-®lÖp¥oÖu|oRu¥¬y|ªl -u|ªlGp }¬RªyRa|Jyl-aJ®lR²ª|t|ªlRplÔ¸pl®-¬ -tF"- |GA®¬ plRJ¬p|qªlRpp|ÍA®¬®-A|ª-Éy-J ¬uG¸R7¬²u¬u|aqllÖªp|ÍA¥|7-ªlÉlÔ¸p-oR a| |ª-G -uW R-® lJ®lRu¬lÖ7-ªlÉ[®lÖp¥oÖu|oRoA}AR"-¬q|Gp }-WAi|ÉlÖ-A®RoJ| Ra|ylR®¬®y-W¥ª-¸-RªylRG¸R\-oylR oR ®|7-A®¬Éªt-yRlulÖl®JoÖAlRªplÔ¸AR®lÖp¥oÖª}t-A|ªylp|u®"(ª®A®Ra}qy|²Al-p|ªl |y7q¥i|ªllR-y|ªlRi7RaR|ªl®-lAiª-AlRª®A®Ra}qy|²AlplRJ¬®7ql¸-tRulÖJ|p|ÍA-plÔ¸pl ®lÖp¥oÖu|lu ¥JRy |u|Ru¥GR R|ªll RRy|ªlGp }®¬®A®Ra}qylR|Jp|ylRAplÔ¸pl®®-aqÔJ-yl-J|u|oRa| a-7lyR ¥A|-y|l-ªJ®-yl-Go-plJ®lRul-A-G¥A®¬ylql|7lRA|J®lRyy¬¬ ¥-tJ®lÖp¥oÖu|oRu¥A®Rp|q-J|ªRu¥ q-7-J||ªlA-|ªlW|| ¥

®¬o-Al|t|uG|J®lylRlª}t-A|ªylp|uR\\-F ®lÖp¥oÖqqlR®-®y|®RylRJt¥alAiulRlÖA¬GplRJ¬-A|ª-tRuJ|J¥alRoªy|A¬"ª|oRªp-®}ªplJ| ¬A®ÔAR|7t¥al |a-u¥yRlay7¬t¬pq¥A®|ªRª ª|®Ryl¥ RoplÔ¸plW7R®ylAiª®¬ plR|7-®pl||®AlÔa-t¬7¬lÖlpt-J-t¬7¬ ®ª¬-´ylRªlJ|A®y¬AilpRql®lÖp¥oÖu-ulRlqqG -AlRR\\|ªll7- ¥-|y|ªlR R²AlRJq-uylRlyl-AoÔ l|a|uylR'-p|Ai-u®lÖp¥oÖlAi|ªlGl-y|ªll-77|  |ªl¬-y|ªl|-®ª®¬ plulyy¬u®7l¥-J®lRp-y- ª¬J®l-t¥p|u¥ylp-Aol¥ylªR¬ R ¥ -y|ªRa|lAila-y-ql²AlRulu|¸qlª|²É-A¬ªoRJy¬u®y-oqR®¬Ai q-7|- |l}ªly\|u- ¬A®y¬Aiª -ylRlAila-yl|®ª|qlql²AlRy-|®ªlo-ylR¥ulRoÖ y|²AlylR®7ÖJy¬AiJ|y-l-yl- RoplÔ¸pl-®-ª®R7ÖJÖ'-uªJ®lÖA®y¬®-ªp-®-ylRul²AlR¸plGp }-uylRJ||ª-J®lt-J|ARq¥G- -plÔ¸p- ylR|ª -t-7¬7R®'-®Ra|ª-Al-

JESTEuTUTAJ

7PROWADZENIE

1. Tworzenie atrakcyjnych stron internetowych

:S°UXY TO]^ a YU_

ZK^\d¦MOQY 7IEM EONPOWIEDZIA EJESTEvTYLKOZWYK KELNERK MAMO ALEJAUWAAM E JESTEvNAJLEPSZA:AWSZETROSZCZYSZ SI»OPOTRZEBYSWOICHKLIENTÄW #ZEGOMONAWI»CEJCHCIE·

gWIAT )NTERNETU JESTWIELKIaALEKIMSTAKNAPRAWDÃJEGOMIESZKAÊCY 8K ÄMSKXSO dKaSO]S¸OÄ a¸KÄXSO ]aT XYaS_^US NcZVYW _UYºMdOXSK U_\]_ B2>76 S -== K Z\dc]dVS UVSOXMS

acNdaKXSKT¦ XK >aT XYac ]¸_ÒLYac ^OVOPYX :S°UXSO Z\KaNK) 8Y ^KUj NY WYWOX^_ KÒ _]¸c]dc]d

ZSO\a]d¦ ]UK\Q° XK d¸c _U¸KN ]^\YXc Mdc VYQY U^\O acQV¦NK d_ZO¸XSO ZK]] 4KU WYÒXK ^aY\dc¨

XKZ\KaN° K^\KUMcTXO ]^\YXc SX^O\XO^YaO U^\O TONXYMdOÄXSO L°N¦ a ZO¸XS dK]ZYUKTK¨ ZY^\dOLc

_Òc^UYaXSUa) :YN]^Ka¦ a]dc]^USOQY TO]^ NYL\O ZVKXYaKXSO :Y^OW W_]S]d ZKWS°^K¨ ÒO ZS]dO]d

MYÄ MY ^\KPS NY 3X^O\XO^_% W_]S]d dXK¨ ]aYSMR YNLSY\Ma K Z\dONO a]dc]^USW s ZKWS°^K¨ Y ^cW

ÒO Z\YTOU^_TO]d ]^\YX° Z\dOdXKMdYX¦ NVK TOT _Òc^UYaXSUa K XSO NVK ]KWOQY ]SOLSO

TOJESTNOWYROZDZIA

7ITAJWWIELKIMuWIECIE

>aYTK aSOVUK ]dKX]K s
7YKUPIAMSTANOWISKONA MI»DZYNARODOWEJKONFERENCJIBIZNESOWEJ KTÄRAODBYWASI»WPRZYSZYMTYGODNIU.IEZNAMSI» KOMPLETNIENAPROJEKTOWANIUSTRONINTERNETOWYCH ALEWIEM E4YWTYMSIEDZISZ-USISZZATEMSZYBKO ZAPROJEKTOWA·STRON»INTERNETOW KTÄRAZROBI WRAENIENAMOICHROZMÄWCACH-YvLISZ EDASZ RAD»MIPOMÄC

Pewnie, że dasz radę. Od czego, Twoim zdaniem, należy zacząć? CA *ANE0RZEDSIÅBIORFIRMY IEL CIC Aw W Y INOW N 2ED ,ANTERN $ESIG

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

%)7;<:B 7z?-3 9^Y KU^_KVXK aS^\cXK SX^O\XO^YaK PS\Wc
d\d_^YaS OU\KX_ S dQYNXSO dO ]aYT¦ aSONd¦ YZS]d QY AcZS]d MY -S ]S° ZYNYLK

8SO dKZYWXST Y ^cW MY -S ]S° XSO ZYNYLK -dc aSNdS]d TKUSOÄ Z\YLVOWc)

Å JAPOÌSK *ANEKOCHAKULTUR UPIATÅFIRMÅ K NIE $LATEGO WAw NAZWA 3PODOBAAJEJSIÅ

JESTEuTUTAJ

)COSDZISZ

+ONTRAST POMIÅDZY MENU

JAKOwCZYOSIÅ

BY

.AGÎRZESTRONY

EKSCYTUJ CE STUDIO PROJEKTOW Ep

4O ZDJÅC IE NIE JEST SZC ZEGÎLNIE INSPIRUJ CE 3ZARA wWITYNIA Z SZAR GÎR W TL Eb "ARDZO Z EN ALE NIE M ÎWI TO KLIENTO M a4O MOD E DYNAMICZ NE

ZANIMDOJDZIEMY

ALE NIEWIDAÁ

DOMENU ITREwC

STUDIAPROJEKTUJCEGOWITRYNY

*EDNAKOLUMNA)TYLE*AKNASTRONÅ

MNÎSTWO MIEJSCA

I MARNUJE SIÅ

Z UKADEMSTRONY

,OGOJESTFAJNEs

AOBRAZKIEMTA CZYTEKSTEM GÎWNYM ASZARKOLUMN CENTRALNJEST ZBYTMAY

#ZY NASTRON IE GÎWNEJ NIE PO WINNO BYÁ CZEGOw CO ZAINTERESOWA OBY POTENCJALNYCH KLIENTÎW .APRZYKAD AKTUALNOwCI CZ Y PRZYKADOWY PROJEKTb

INTERNETOWENIEZBYTTO CIEKAWEb

2OZDZIA

9^Y MY Wc ]¦NdSWc Y ^OT ]^\YXSO SX^O\XO^YaOT >aYTO YNZYaSONdS WYQ¦ ]S°

XSOMY \ÒXS¨ NVK^OQY XSO WK\^a ]S° TOÄVS XSO a]dc]^UY _NK¸Y -S ]S° dK_aKÒc¨

%)7;<:B 7z?-3 7B?1B)61-

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

9N MdOQY dKMdcXKWc) l ylRoÔARoªl ¬ylRRJ-y RyRlayylRJ-lÖ|ªlRJ®lRÉªlRqR J|7Ra|Wq|a|oR t-JyRG-qR |Ai¬7-ylR®7¬ J|7®R²ªl-JA®¬|R®AlR |oRp ¥GoR²ql ¬qp| -A®Ö²É -y|ªloRa|o-y¬¥yp p||oRJy-p -p ªlRqRRqRuRy }ªª¬u-a-®ul-y¬Go-pu|¸Ru¬®-q-y|ª-ÉGy-JA®¬u y-qR¸¬®-A®ÔÉ-A|ª-ÉJA®Ra|"¬7¬²®-A®Ôt

5HM NOTAK WI»C UHM WIEM ODCZEGOJABYMZACZ*A UHM ZNAM(4-,:ACZBYMWI»COD KODU/DRAZUBYMSI»DOTEGOZABRA 0OTEMPOPRACOWABYMNIECONAD UHM KODEM#33I UHM TOWAvCIWIETYLE -OEBY·

*OE"LOWMYwLI EJEST STRON M NTE KTA OJE PR NYM IET wW JEST INTERNETOWYCH! JAKIE E ANI 4WOJEZD

%)7;<:B 7z?-3 -dc 4YO WK \KMT°) -dc MYÄ TO]dMdO XKVOÒK¸YLc d\YLS¨) 9N MdOQY >c LcÄ dKMd¦¸)

JESTEuTUTAJ

:ACZNIJODPUNKTUPRZEDTWORZENIEMKODU

ARTUJESZSOBIEZE MNIE3KDMAMWIEDZIE· ODCZEGOZACZ·-AMTAKLIST» RZECZY KTÄREMUSZ»ZROBI· E LEPIEJSAMMIPOWIEDZ#OPOWINNAM ZROBI·NAPOCZTKU

„Od czego powinienem zacząć?” i „Co teraz?” to naprawdę dobre pytania. "|G¸Ry-J-qoR|7lR®-J-oR®G®-ylu®R®RJtR² J|| ªlR-yl-RJ¬ |- Rp ¥G |J|7¬®y-pJ|ªlRJ´ y-|7-¬ -yl-oR y- Ö¥oÔA-F+-ª®R ®¬u-olÖ |AR¥|oRp |ª-yl-|AR|oRp |ª-yl-y-J-oR "ª|oRo-A¬ ¥p ¥ÖGJ®lÖplA®Ru¥oR R²ª -ylR p¥l-ÉlÖy-ª|lu®-J-yl¥lylR|JJ-q-ÉlÖ|JylRa| ª}¸y¬AiplR¥yp-Ai7R®¥®¬p-yl-ylA®Ra||®- J|J- p|ª¬u RRu |AR | -py--ªJÖp|qRoy|²ÉJ®l-t-Í|pR²q-oÔA- |®ÔJRp-Aª¬p|y¬ª-y¬AiªJ-y¬u|oRpAlR |y¬ ly RyR |ªRo'¬|7-´|7lRG¸R7¥J¥oR®Jq-p|a|² J|u'ª¬u-®|y¬uJ|u¥ql -¸¬A®RÍpqlRy -®-ªlR- uy} ª||u¬t}ªG-J| Ra|u¥l®¥ª®aqÖJylÉª®¬ plR RqRuRy ¬Gp }R®y-oJ¥oÔlÖªp-¸J¬uJ|u¥W²Al-y¬G |Jt|alGJ-AiGp¥AiylÖG¬l-qylÖGt-®lRypÖV +-J-o|7lR R-®¬ -ylRFJA®Ra|7¬u®-A®Ôt ®¬y-olRª®7¥J|ª-t7¬²²Al-y¬®¬u|¸R®-p¥lt u- Rl-t¬-q7|y-¬|ª-t|oRp }- - Ral-|t-Al lÖ®-Jª- ¬a|JylR+-Jª-ulRlÔARq7|®-Jª-q- -

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

D+-D834 YN XK\c]YaKXSK Z\YTOU^_ ¥J|ª-ylR |y¬ly RyR |ªRooR 7-J®||J|7yRJ|7¥J|ª-yl- J|u¥R²ql®-A®ylR®|J|oRp ¥Gy-p-¸J¬uR -lR7ÖJ®lR® J|pt-JylRªlRJ®l-tGJ|A®Ra|®ulR®-®F\¥yJ-uRy }ªG²Al-y y|²y¬Ail -pJ-qRo'®¬-Jp¥ |y¬ly RyR |ªRo ª¬p|®¬ -®-Ail Rp ¥Öly\|u-Aol-yay\|u- l|y Ail RA ¥RWAil Rp ¥-ly\|u-Aol ||ARG ªp }¬uJ®lRql® R²É |y¬ly RyR |ªRoy-A®Ö²AlG -y- ÖylR¥pt-J-® RA®Ö²AlªilR-AilÖ®a|JylR ®q|alpÔª®-oRuy¬AiRq-AolulÖJ®¬ylul -oA®Ö²AlRop-¸J¬\-auRy ly\|u-Aol |®-ª- |²É Rp G|7-®pl l ¬u|J|7yR®y-oJ¥oÔA-lÖy-|oRJ¬yA®Ro |ylRAil Rp ¥- ly\|u-AoloR ²Al²qR|ªlÔ®-y-®7¥J|ª-ylRu¬ Ru¥y-ªla-A¬oyRa| ªl ¬y¬ ÔJ R¸oR²ql"ª|o--Ail Rp ¥-ly\|u-Aol7ÖJ®lR®t-Gl ylRoR J¥¸R¬®¬p|G¸R¬ Ruy-ªla-A¬oy¬}ªylR¸7ÖJ®lR®t¬R²qlªl ¬y- ly RyR |ª-ylRu-|qlJyRo-Ail Rp ¥¬ly\|u-AolG¥¸¬ p|ªylp|u ª¬J-lÖylR®|a-yl®|ª-y-lu¬qÔA- |®p|qRl-ªlG¸R¥¸¬ p|ªylA¬ }oJÔ®¥p-É|¸ÔJ-y¬Aily\|u-AolaJ®lRlyJ®lRo

0ODZIELTREwÁSTRONYN CZÅwCIPOWIZANEZESALOGICZNE OB W UPORZDKOWANEJHIERA RCHII

Strona główna

Nasza firma #ZÅwÁa+SIKI DRUKOWANEp ZNAJDUJE SIÅ POD CZÅwCI a0RODUKTYp

Produkty

Książki drukowane

OWEJ

0ROJEKT TYPOWEJ WITRYNY INTERNET TOARCHITEKTURAINFORMACJI

7 TYPOWYM DIAGR INFORMACJIOKSZ AMIE ARCHITEKTURY TA ROZGAÅZIONEGOK CIE ODWRÎCONEGO RZA a0RODUKTYpZNAJDU KACZÅwÁ CZÅwCIa3TRONAG JE SIÅPOD ÎWNAp /BRÎÁ KSIKÅ DOGÎRY NOGAMI 4EN DIAGRAM PRZYPOMINA KSZTATEM KRZAK

!RCHITEKTURA DOMU ZACZYNA SIÅ ODPROJEKTU

Kontakt

eBooki

Odnośniki

AC=36 =D+
Sztuka

Rzemiosło

$WIEKATEGORIEKSIEKDRUKOWAN WYMIENIONESPODCZÅwCIa+SIYCH KI DRUKOWANEp

Jaka treść składa się na witrynę internetową Red Lantern Design? W jaki sposób możesz ją uporządkować? Czy będziesz potrzebował więcej materiałów?

JESTEuTUTAJ

!RCHITEKTURAINFORMACJI

%)7;<:B 7z?-3
MRMO WSO¨ XK ]aYTOT ]^\YXSO 9^Y SXPY\WKMTK YN 4KXO WaS¦MK TKUSO Md°ÄMS dKZVKXYaK¸K YXK XK ]^\YXSO

DKZS]d ZYXSÒOT TONXY V_L Na_ac\KdYaO ]U\^c YZS]_T¦MO ^° Md°Ä¨ dKaK\^YÄMS

]^\YXc

INFORMACJE Od: Jane ej strony internetow Temat: Zawartość y ć, w której będziem Przyda nam się częś ące cz ści i nowości doty umieszczać aktualno Design. studia Red Lantern część, trzebna nam będzie Z całą pewnością po czne li pokazać fantasty og m y m ie dz bę ej ór w kt ać. i planujemy pracow rzeczy, nad którym k uda ny kontaktowej. Ja ro st e uj eb trz po a Witryn strony?! klientów bez takiej nam się pozyskać ą stronę łoby poświęcić jedn Myślę, że dobrze by robimy i tak dalej. samej ﬁrmie — co jący muszą widzieć, Na pewno odwiedza towaniem nsultingiem i projek że zajmujemy się co stron internetowych!

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

:Y ZYNdSOVOXS_ ^\OÄMS ]^\YXc
K\MRS^OU^_\c SXPY\WKMTS ?d_ZO¸XST V_US NSKQ\KW_ dK ZYWYM¦ >aYSMR Z\YZYdcMTS dO ]^\YXc YLYU

ARCHITEKTURY 4WÎJDIAGRAM SZE ZACZYNA W INFORMACJI ZA GÎWNEJ SIÅ ODSTRONYÅ ZNAJDUJCEJ SI ERARCHII NASZCZYCIE HI

Strona główna

0AMIÅTAJ EKADYNOWY WIERSZJESTCZÅwCI PODRZÅDNPOZYCJI ZPOZIOMUWYEJ

wCISTRONY *AKIECZÅwCITRE AÁ OW AJD ZN IÅ S G MO IEJSCACH W TYCHDWÎCHM U DIAGRAM

JESTEuTUTAJ

*AKWYGLDA4WOJAARCHITEKTURA

%)7;<:B 7z?-3 7B?1B)61-

:\YMO] ^aY\dOXSK K\MRS^OU^_\c SXPY\WKMTS dKMd¦¸OÄ YN dKZc^KXSK 4KXO TKU¦ ^\OÄ¨

MRMO WSO¨ XK ]aYTOT ]^\YXSO 4KXO NK¸K -S dXK¨ TKUSO s TOT dNKXSOW s ZYaSXXc Lc¨ Md°ÄMS ]^\YXc 9^Y USVUK

WYÒVSacMR TONXY V_L Na_ac\KdYacMR ]U\^a YZS]_T¦McMR UKÒN¦ d Md°ÄMS

dKaK\^YÄMS ]^\YXc

INFORMACJE Od: Jane ej strony internetow Temat: Zawartość y ć, w której będziem Przyda nam się częś ące cz ści i nowości doty umieszczać aktualno Design. studia Red Lantern część, trzebna nam będzie Z całą pewnością po czne li pokazać fantasty og m y m ie dz bę ej ór w kt ać. i planujemy pracow rzeczy, nad którym k uda ny kontaktowej. Ja ro st e uj eb trz po a Witryn strony?! klientów bez takiej nam się pozyskać ą stronę łoby poświęcić jedn Myślę, że dobrze by robimy i tak dalej. samej ﬁrmie — co jący muszą widzieć, Na pewno odwiedza towaniem nsultingiem i projek że zajmujemy się co stron internetowych!

2OZDZIA

!KTUALNOwCIINOWOwCI

0ORTFOLIO

+ONTAKT

.ASZAFIRMA

#ONSULTING 0ROJEKTOWANIE

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

4KU L°NdSO acQV¦NK¸ NSKQ\KW K\MRS^OU^_\c SXPY\WKMTS NVK ^KUSOQY ZYNdSK¸_ ]^\YXc) AMIE ARCHITEKTURY .ANASZYM DIAGR SUGIp a5 INFORMACJICZÅwÁ STRONGÎWN ZNAJDUJE SIÅPOD IDZIELI E2ED BYUYTKOWNICYW JMUJE SIÅZARÎWNO ZA ,ANTERN $ESIGN I PROJEKTOWANIEM AK CONSULTINGIEM J CH WY TO NE ER INT N RO ST

0ORTFOLIO

Strona główna I.ASZAFIRMA

$OSTRONYGÎWNE a.ASZAFIRMAp$ JDODALIwMY CZÅwÁ ZIÅKI TEMUUYTKO ZYSKUJ ORIENTACJÅ WNICY CZYMJEST2ED, I ODRAZUWIEDZ ANTERN$ESIGNI ZAJMUJE SIÅFIRM CZYM A MOGZAPOZNAÁ SIÅ0OTEMUYTKOWNICY Z POZOSTAYMI CZÅwCIAMIWITRYN Y

!KTUALNOwCI

5SUGI

INOWOwCI

7CZÅwCIa5SUGIp DODALIwMYDWIECZÅwCI ZWIADOMOwCIOD *ANE 0ROJEKTOWANIESTRON

#ONSULTING

+ONTAKT

3KRÎCILIwMYa!KTUALNOwC DO SAMYCHa!KTUALNOwC II NOWOwCIp OBASOWAOZNACZAJ Ip PONIEWA WA SAMO ANAMUDASIÅ wCIWIETO NIECO MIEJSCAWMENU ZAOSZCZÅDZIÁ

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ -dc NSKQ\KWc K\MRS^OU^_\c SXPY\WKMTS dKa]dO

acQV¦NKT¦ TKU YNa\MYXO \YdQK¸°dSYXO U\dKUS)

9

$ 8SO MRY¨ ^OX WYNOV TO]^ MRcLK XKTMd°ÄMSOT acUY\dc]^caKXcW

]ZY]YLOW ^aY\dOXSK NSKQ\KWa K\MRS^OU^_\c SXPY\WKMTS =dMdO\dO

WaS¦M NYaYVXc ^cZ NSKQ\KW_ U^\c a ]ZY]L TK]Xc S NYU¸KNXc

YNadY\Ya_TO Md°ÄMS S ZYNMd°ÄMS ^\OÄMS ]^\YXc K ^KUÒO \OVKMTO

RSO\K\MRSMdXO ZYWS°Ndc XSWS L°NdSO NdSK¸K¸ \aXSO NYL\dO

:$ -dc Y]YLc NVK U^\cMR L°N° ^aY\dc¸ ]^\YXc

SX^O\XO^YaO L°N¦ ^KU ]KWY TKU 4KXO aSONdSOVS d TKUSMR

Md°ÄMS L°NdSO ]S° ]U¸KNK¨ SMR aS^\cXK)

9$ 3 ^KU S XSO DNdSaS¸LcÄ ]S° TKUSO NYNK^UYaO SXPY\WKMTO NY^cMd¦MO

ZYNdSK¸_ ]^\YXc S ZYWc]¸a XK TOT Z\YTOU^ WYQ¦ ]S° ZYTKaS¨ NdS°US

]KWOT \YdWYaSO >Y ÒO UVSOX^ XSO aSO TKU XKTMd°ÄMSOT ^c^_¸YaKXO

]¦ ZOaXO Md°ÄMS ]^\YXc XSO YdXKMdK ÒO XSO WK YX ZYT°MSK MY WK

dKaSO\K¨ TOQY ]^\YXK :Y^OW ^Y >aYSW dKNKXSOW L°NdSO VYQSMdXK

S RSO\K\MRSMdXK Y\QKXSdKMTK ^cMR Md°ÄMS

:$ -dc XSO NK¸YLc ]S° ZYWSX¦¨ ^OT Md°ÄMS Z\YMO]_) 8K]d

9$ 8SO 8SO ZYWSTKT K\MRS^OU^_\c SXPY\WKMTS ZYXSOaKÒ ^OX Z\YMO]

ZYdaKVK Md°]^Y _]^KVS¨ OVOWOX^c Z\YTOU^_ U^\O L°N¦ -S ZY^\dOLXO

Z\dc ^aY\dOXS_ _U¸KN_ ]^\YXc :YdK ^cW MRY¨ S]^XSOT¦ ZYNYLSOº]^aK

]^\_U^_\c UKÒNK aS^\cXK SX^O\XO^YaK TO]^ SXXK K XSOU^\O dKaSO\KT¦

MK¸O WX]^aY Md°ÄMS 3W aS°MOT ^\OÄMS dKaSO\K ]^\YXK S SW Q¸°L]dc TO]^

>aT NSKQ\KW K\MRS^OU^_\c SXPY\WKMTS ^cW LK\NdSOT ]UYWZVSUYaKXc

L°NdSO ]c]^OW XKaSQKMcTXc aS^\cXc ,°NdSO -S ZY^\dOLXK XSO ^cVUY

XKaSQKMTK XKTacÒ]dOQY ZYdSYW_ KVO \aXSOÒ N\_QS ZYdSYW XKaSQKMTS

8SO WK\^a ]S° TONXKU a \YdNdSKVO YWaSWc \KNdOXSO ]YLSO

d K\MRS^OU^_\¦ SXPY\WKMTS Y aSOVO LK\NdSOT ]dMdOQ¸YaY

:$ -dc NSKQ\KW K\MRS^OU^_\c SXPY\WKMTS TO]^ MdcWÄ

ZYNYLXcW NY WKZc ]^\YXc) :Y]dMdOQVXO Md°ÄMS acQV¦NKT¦

TKU YNXYÄXSUSj

9

$ .SKQ\KW K\MRS^OU^_\c SXPY\WKMTS ZYUKd_TO \OVKMTO RSO\K\MRSMdXO

ZYWS°Ndc Md°ÄMSKWS S ZYNMd°ÄMSKWS ^\OÄMS ]^\YXc 8SO WK YX

ZYUKdcaK¨ ZYaS¦dKº ZYWS°Ndc Md°ÄMSKWS TONXKU L°NdSO]d d XSOQY

UY\dc]^K¸ Z\dc Z\YTOU^YaKXS_ XKaSQKMTS ]^\YXc A¸KÄMSaSO YN \Kd_ ]S°

^OW_ Z\dcT\dcTWcj

NSKQ\KW K\MRS^OU^_\c SXPY\WKMTS S ^OX Z\dcU¸KNYac USVUK

]^\YX aMdOÄXSOT acQV¦NKT¦ NYÄ¨ ZYNYLXSOj

JESTEuTUTAJ

#ZYMJESTDOBRYSYSTEMNAWIGACYJNY

/CH DAJSPOKÄJrNA POTRZEBYNAWIGACJIWYSTARCZY NAMKILKAPRZYCISKÄWCZCYCH WSZYSTKIESTRONYZNASZEGO DIAGRAMUITYLEb

Czy to wystarczy, by użytkownicy potrafili się odnaleźć na stronie? '|ARlR|oRp |ª-yl- |y¬u¥l®®- -y|ªlÉlÖy-J y-ªla-AoÔJª--®¬lRª®¬-®7ÖJ®lR®u¥l-t|u¬²qRÉ |RqRuRy -Aiy-ªla-A¬oy¬AiW -pGªt-²ylR®¬Alp-Ai l-p-Aiy-ªla-A¬oy¬AiW®¬|p-®ol-A¬y-JA-t|²Al|ª¬u ¥pt-JRu |y¬ ªR l-y-ªla-Aol|o-ªllÖ|y|ªylRGplRJ¬®-A®ylR®l-É p|Jl7¥J|ª-ÉRqRuRy ¬¥pt-J¥ |y¬Gp }RªlÔ¸ÔlÖ ®|¥®-ylRulÖ¥¸¬ p|ªylp}ª|ªl ¬ylRG- -p¸R tÔA®RylRu®R|7Ô|®A®Ra}qy¬Ai|J |ylR®-7lR-olÖ oRJy-p|J-®¥J||7| ¬Wu¥l®®-A®ÔÉ|J|a-yl®-Aol y-ªla-Aoly-oª¬¸®Ra||®l|u¥ Ail Rp ¥-ly\|u-AolylRoR ª-¸y-oRJ¬ylR®¥yp ¥ ªlJ®Ryl-ly\|u-Aol®-ª- ¬Aiy- |ylRWu-}ªylR¸ |a|uyR®y-A®RylRJq-¬ Ru¥y-ªla-A¬oyRa|lRJ¬®- Ru ®¬Ai|J®lJ|7¥J|ª-yl-¬ Ru¥y-ªla-A¬oyRa|ªl ¬y¬G ®¬u-oª}oJl-a-u-Ail Rp ¥¬ly\|u-Aol|JÖpÔ

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

?]^KVOXSO XKaSQKMTS XKTacÒ]dOQY ZYdSYW_ -ªla-Ao-y-oª¬¸®Ra||®l|u¥ |®-®ª¬A®-oy-o7-J®lRoªlJ|A®y¬RqRuRy y-ªla-A¬oy¬Wy-®¬pt-J|J®lRq|y¬y-®-pt-Jpl-Rpy-ªla-A¬oy¬ ®y-oJ¥oÔA¬lÖy-a}®R |y¬A®¬l|y|ªRuRy¥ y-ªla-A¬oyRª||7yRop|q¥uylR-oA®Ö²AlRo y-ªla-Ao-y-oª¬¸®Ra||®l|u¥®-ªlR-|Jy|²ylpl Strona główna I.ASZAFIRMA J|A®Ö²Al |y¬®y-oJ¥oÔA¬AilÖªJl-a-ulR -Ail Rp ¥¬ly\|u-Aol|®l|u|yl¸Ro |y¬ at}ªyRo

0ORTFOLIO

!KTUALNOwCI

5SUGI

0ROJEKTOWANIESTRON

0ONIEWA PRZENIEwLIwMY CZÅ FIRMApDOSTRONYGÎWNEJ wÁ a.ASZA WIT 2ED,ANTERN$ESIGN WNA RYNYSTUDIA SZYMDIAGRAMIE ZATWOwCIZAKREwLISZELE MEN NAJWYSZEGOPOZIOMU*AKJE TYNAWIGACJI DNAKPOWINNO WYGLDAÁNASZEMENU

INOWOwCI

+ONTAKT

#ONSULTING

%)7;<:B 7z?-3 8K\c]_T USVUK ]dUSMa \ÒXcMR dXKXcMR -S ^cZa WOX_ S dKMdXST ]S° dK]^KXKaSK¨ XKN ^cW

U^\c d XSMR L°NdSO ZK]YaK¸ NY aS^\cXc
JESTEuTUTAJ

*AKISTYLNAWIGACJI

%)7;<:B 7z?-3 7B?1B)61-

5^\c Z\YTOU^ XKaSQKMTS XKTacÒ]dOQY ZYdSYW_ L°NdSO XKTVOZSOT ZK]YaK¸

NY aS^\cXc
s a TKUS ]ZY]L WYÒO]d ]S° ^OQY NYaSONdSO¨)

:AKADKIPODOBNEDO TECZKIZDOKUMENTAMIb

0ASEK MENU

.AWIGACJA NAJWYSZEGO POZIOMUZMENU POZIOMYMI

:WYKE ODNOwNIKI TEKSTOWE

0RZYCISKI

.AWIGACJANAJWYSZEGOPOZIOMU

0IONOWY PASEK MENU

2OZDZIA

ZMENUPIONOWYMI

-ENUZ PRZYCISKAMI IZWYKYMIODNOwNIKAMI TEKSTOWYMI

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

?WSO]dMdOXSO a]dc]^USOQY a UYX^OUÄMSO RqRuy-ªla-Aoly-oª¬¸®Ra||®l|u¥oR |p-®-ylR¥¸¬ p|ªylp|uGªp }¬u ulRoA¥ ¥p ¥¬ªl ¬y¬lÖ®y-oJ¥oÔ|ª}Alu¬J|y-ªla-Aol|ªlRqR7-J®lRo ®A®Ra}t|ª|ª|®J®l-qRG-y--®lRu¥l®lÖ®- -y|ªlÉGo-pl ¬quRy¥ ª¬7lR®R®Jq-ªl ¬y¬RJ-y RyRlay®-®-A®ÔÉlÖ®- -y-ªl-Éy-J ¬uG p }¬ ¬uRy¥7ÖJ®lR-|ª-tJ| |y¬laJ®lRy-qR¸¬a|¥ulR²AlÉ

DKU¸KNUS ZYdSYWO

:\dcMS]US ZYdSYWO

SYSTEMACH E STOSOWANE SWMUWWIELU :AKADKIPOZIOM CA AJWYSZEGO POZIO NAWIGACYJNYCHN AOSZCZÅDZAJ MNÎSTWO MIEJS IEW ON P CH NA WITRY

.AWIGACJANAJWY POZIOMUZPOZIOMSZEGO YMI PRZYCISKAMI

7TYMPRZYPADKUPRZYCISKISTAJSIÅ WIDOCZNEPONAJECHANIUMYSZ CO JESTADNYM SUBTELNYM EFEKTEM

7OX_ ZSYXYaO

DKU¸KNUS ZSYXYaO

.AWIGACJA NAJWYSZEGO POZIOMUZMENU PIONOWYM RNIEJSZY "YTO NAJPOPULA CH SA TYP MENUWCZA LI NA GDY LUDZIEZACZY STRON O D NU ME Á WA DODA INTERNETOWYCH

:AKADKIPIONOWE SUCEJAKO SYSTEMNAWIGACYJNY NAJWYSZEGOPOZIOMU UTWORZONEZAPOMOC #33IOBRAZKÎW SPRAWIAJ E STRONA TA PRZYPOMINA NOTATNIK

4REwÁSTRONYNAPISANA JESTPO FRANCUSKU 7DODATKU! BÅDZIESZMÎG POCZYTAÁORADZENIU SOBIEZESTRONAMI WIELOJÅZYCZNYMI

JESTEuTUTAJ

/ÌWEKIPAPIER

:YUKÒ 4KXO Z\Y]^O ]dUSMO -®o¥¸®- Ruu-Ö R²Al |y¬|y-qR¸¬ R-®®|7lÉ - ¬uR -lRJ|7®RoR |p-®-É-yRo-plR²| R ®plAR|oRp |ªRV

:ARAZ ZARAZ$IAGRAMY ARCHITEKTURYINFORMACJI SZKICE WYKONYWANENAPAPIERZEb/COCHODZI ZTYMRYSOWANIEM-YvLAAM ETOJEST KSIKAPOvWI»CONAPROJEKTOWANIUSTRON ).4%2.%4/79#(*AKNARAZIENIEWIDZ» EBYvMYSI»TYMSZCZEGÄLNIE ZAJMOWALIb

Gotowy pomysł tego, jak chcesz rozmieścić na ekranie poszczególne bloki, zaoszczędzi Ci sporo czasu na etapie programowania. ªlRqR®¬7AlRooR y-®plA|ª-É plqp-|oRp }ªy-p- ARl|J-®¥ ®|7-A®¬ÉR-pAoÖ-yRGyl¸ -AlÉ A®-y- ª|®RylRp|J¥plqp¥ |oRp }ªGp||-yRl -p ª¬7lR®R ¬qp|oRJRyV

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

=dUSMO ZYWKQKT¦ ]UYXMOX^\YaK¨ ]S° XK P_XUMTYXKVXYÄMS lRª®R®plAR|ªlyy¬7¬ÉA®-y|k7l-tRly-¬|ª-yRy--lR®R ®lÖpl Ru¥-yR7ÖJ®lRu|at-lÖp¥lÉy-|J -ª|ª¬u¥pt-J®lR |oRp ¥®-ul- y- ¬uGo-plu-7¬Ép|q| t- |y¬Go-p\-oylRª¬aqÔJ- oRoq|a|¥ulR®A®|yRy-Jo-plu²|7-®plRuA®¬V-u|®¥ulR® ®plAR|ªlyy¬|p-®-É-yR|J -ª|ª¬¥pt-J |y¬®®-q-y|ª-yÔ ®R®ylÔ R²AlÔ|®ulR®A®|yÔª}¸y¬Aip|y\la¥-Ao-Ai ®plAR|ªlyy¬ -ªlÉG¸R-yR®-J-|7lR¬ -yl-G -plRo-pF®¬y-a}®R |y¬u- lÖ®y-oJ|ª-ÉJ¥¸-a-\lp-GqRu-7¬Ép|q¥uyGJ®lR|ªlyy|lÖ ®y-qR´ÉuRy¥l ¬u|J|7yR

%)7;<:B 7z?-3 9^Y ZSO\a]dc ]dUSM TKUS ZYUKdKVSÄWc 4KXO 8SO ZYNYLK¸ ]S° TOT ZYXSOaKÒ

acQV¦NK¸ Z\KaSO NYU¸KNXSO ^KU TKU TOT YLOMXK ]^\YXK d Md°ÄMS¦ Q¸aX¦

ZYNdSOVYX¦ XK NaSO UYV_WXc 4EN PROJEKT ZABARDZO ZBLIONY JESTDO AKTUALNEJ WITRYNY *ANEb#ZAS WRACAÁ DOSZKICOWANIA

>O\Kd >aYSW dKNKXSOW L°NdSO acWcÄVOXSO ZYN]^KaYaOQY Z\YTOU^_

U^\c TONXKU ]ZYNYLK ]S° 4KXO 8K\c]_T Z\dcXKTWXSOT ^\dc ]dUSMO XK

a¸K]XOT UK\^MO ZKZSO\_

,/'/

5YJ POZIOMYCH KRESEKWMIEJSCE PRAWDZIWEGOTEKSTU .ATYM ETAPIENIE POTRZEBUJESZZBYT DUEJ SZCZEGÎOWOwCI 7YKORZYSTAJSZKICE DOPRZENIESIENIA SWOICH POMYSÎW NAPAPIER .ADSZCZEGÎAMI POPRACUJESZ PÎzNIEJ

/"2!:%+ .!7)'!#*!

42%i¡ ) !+45!,./i#)

0/24&/,)/

JESTEuTUTAJ

.ASZKICUJSWOJEPOMYSYNANAWIGACJÃSTRONY

%)7;<:B 7z?-3 7B?1B)61-

-dK\XYLSK¸O ]dUSMO ZYWKQKT¦ ]U_ZS¨ ]S° XK _U¸KNdSO ]^\YXc -dK] ZYUKdK¨ USVUK

_U¸KNa ]^\YXc 4KXO -Y TOT ]S° XKTLK\NdSOT ]ZYNYLK)

.!7)'!#*!

,/'/

/"2!:%+

0ROJEKTNR MAMENU SKADAJCE SIÅ ZPOZIOMYCHZAKADEK 0ODLOGOI MENUWDWÎCH KOLUMNACH ZNAJDUJESIÅ MIEJSCENAOBRAZEK ICZÅwÁZAKTUALNOwCIAMI APOPRAWEJSTRONIE s NA MINIATURKI STRON ZAPROJEKTOWANYCH PRZEZ 2ED,ANTERN$ESIGN

42%i¡ ) !+45!,./i#) 0/24&/,)/

,/'/

.!7)'!#*!

/"2!:%+

42%i¡ ) !+45!,./i#) 0/24&/,)/

2OZDZIA

0ROJEKTNR MAZAMIAST ZAKADEKZWYKEMENU TEKSTOWE APORTFOLIO IAKTUALNOwCIZAMIENIONO MIEJSCAMI

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

,/'/ /"2!:%+

0ROJEKTNR OPARTYJEST NATRZECHKOLUMNACH :ACZYNASIÅOD GÎWNEGO OBRAZKAUMIESZCZONEGO WLEWYMGÎRNYM ROGU ILOGOWROGUPRAWYM 0ONIEJZNAJDUJE SIÅMENU ICZÅwCIZAKTUALNOwCIAMI ORAZ PORTFOLIO

42%i¡ ) !+45!,./i#) .!7)'!#*!

0/24&/,)/

,/'/ /"2!:%+

0ROJEKTNR TOPOPROSTU ODWRÎCONA KOLEJNOwÁ ELEMENTÎW ZPROJEKTUNR DLATEGOSTRONAZACZYNA SIÅ OD LEWEJ GDZIEZNAJDUJESIÅ LOGOIGÎRNACZÅwÁMENU ADALEJUMIESZCZONE S KOLEJNE CZÅwCI

42%i¡ ) !+45!,./i#) .!7)'!#*!

0/24&/,)/

.AJBARDZIEJPODOBA MISI»PROJEKTNUMER!LE CZYNIEMÄGBYvPOKAZA·MINIECO WI»CEJSZCZEGÄÄW3TRONAMUSI BY·GOTOWANAKONFERENCJ»

ÃaSO^XSO s _dQYNXSVSÄWc

ZYN]^KaYac _U¸KN ]^\YXc -Y ^O\Kd)

JESTEuTUTAJ

#ODALEJ Ustaliliśmy z Jane podstawowy układ witryny — jaki zatem powinien być nasz kolejny krok? Uruchomienie starego, dobrego edytora tekstu, wyciągnięcie przykładowej treści od Jane i wypracowanie kodu XHTML?

-ypFlR--®lR|®| -oRu¬®¬|t}ªp¥l-lR®R|ÔJ®lAlR |J|J-yl¥J| ¬Ai®plA}ªp|q|¥ luF|A|ulRql7¬²u¬ ||7lÉlRu|¸Ru¬|| ¥®-7-ÉlÖ®-p|J l®R R |ª-É}¸yRp|q|¬®-|u|AÔp-p-J|ª¬Ai-p¥®¬ ¬q}ª

-ypF' Ry|}77ÖJ®lRu¬ulRql®-yÖ®|7-A®¬ÉGo-pª}ta-oÔ ®R|7Ôp|q|¬Go-pRqRuRy ¬ly R\Ro¥|-®¥pt-J¥ |y¬-¥oÔ J|lR7lR||p|q||ª-yl¥Go-py- qRR® ¬¥pt-J¥ |y¬ª¬aqÔJ- ¬ Ruy-ªla-A¬oy¬W|| ¥A®¬ R²É |y¬R®Ry |ª-y-oR ªy-oqR®¬u|¸qlª¬|}7 |RF'|ª"| -®ylRJt¥a-ql -®-qR o-py-oRJRyylRªlRqpl®plA ®¬ylRu|aql²u¬ªA®R²ylRo|p-®-É-yRplqp¥ªRolp|q|¬ ¬A®y¬AiG ®-ul- ®-A®¬y-É|JA®-y|k7l-t¬Ai®plA}ª

-ypF|q|¬|p-®-yRy-®7¬ ªA®Ry¬uR -lR|AR¥|oRp |ª-yl- u|aÔylR| ®R7ylR|®|®¬ÉpqlRy --oqRlRo|p-®-Éu¥A|²GA|J-u¥ |7-®\¥ypAo|y-qy|²Al |y¬W

&RANK

*OE *IM

|RFW®-ylu®-A®ylRu¬-AÖy-Jª¬aqÔJRul||7RuJ®l-t-yl-ªl ¬y¬ |®¥ulRuo¥¸ ®plAR¥u|¸qlªl-oÔy-u7R®7|qRyRª¬t--ylR}¸y¬Ai | RyAo-qy¬Ai|7qRu}ª®|oRp RuG®-ylu®-A®ylRu¬ ª|®¬Ép|J ªl ¬y¬G-|7qRu¬ R -yÔlÖ|ª-¸y¬ul®R®p|J-ul

-ypF|pt-JylR -p"¬qR¸R ¬u-®RuylR7ÖJ®lRu¬|®ÔJ®-É ¬qp| oRJyRa|®plA¥G|R |RFlR

-ypFW luFlR+|7lu¬uy} ª|®plA}ªGª}¸y¬Aip|q|-AiG-| Ruª®¬ plR |p-¸Ru¬-yRG -po-p®|7lql²u¬ |®lRª®¬ul®plA-ulG-ªJ-

-ypFylRoªlÖARo"-py--ªJÖ7ÖJ®lRu¬|®¬|ª¬ª-É|®A®Ra}qyR p-J¬ |y¬G -p7¬®R R |ª-Éplqp-ª-l-y }ª|p-¸Ru¬-yRplqp- y-oqR®¬Ai luF®Rp-o[A|Ai|J®l

-ypF"-plR¬¥ypl®¬|uly-oÔ |¬7|-J¬WªlRAlRGRpªRyAoR ylRªlRqplAi®plA}ªª¬aqÔJ-oÔARo-pp|ulpGª¬p|®¬ ¬ª-yRª®Ru¬²qR \lqu|ª¬uJ|®R R |ª-yl-p-J}ª®RJªtÔA®RylRup-uR+|7lu¬ J|pt-JylR |-u||p-¸Öª-u®--®plqp-® ¥A®Rp¥t- ªl-oÔA¬Ai ª|®RylR J|7¬Ai®plA}ª

2OZDZIA

%)7;<:B 7z?-3

! OTONIEWIELKA SZTUCZ KA Z KTÎREJ WARTOSKORZYSTAÁ PRZYP ROJEKTOWANIU SZKICÎW :RÎB ZRZUT EKR ANUDOWOLNEJ WITRYNYINTERNETOWEJ /TWÎRZSWÎJ ULUBIONY PROGRAM DO EDYCJIGRAFIKI IUSUÌZAWARTOwÁSAME JWITRYNY 5ZYSKASZSZABLON PRZ EGLDARKI W KTÎRYMBÅDZIESZMÎG RYSOWAÁ SZKICE

3ZABLONPRZEGLDARKI

Skoro wiesz już, jaki układ strony podoba się Jane dla witryny Red Lantern Design, czas stworzyć szkic. Weź kartkę papieru oraz ołówek i zabierz się do pracy. Efekt ma być tak szczegółowy, jak to tylko możliwe. Jeśli masz pod ręką kredki, pokoloruj swój szkic.

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

JESTEuTUTAJ

3ZKICEWITRYNY2ED,ANTERN$ESIGN

%)7;<:B 7z?-3 7B?1B)610RZYBLIONY SZKIC PANORAMYMIASTA 0OTRZEBNANAM BÅDZIE ATRAKCYJNAGRAFIKA

/DROBINAKOLORU WSZKICU POMAGA NADAÁSTRONIE OSOBOWOwÁ

.IEMUSIMYNATYM ETAPIEDODAWAÁ NAGÎWKÎWCZY TEKSTU7YSTARCZ LINIEIBLOKI PONIEWA INTERESUJENAS CAOwCIOWYPROJEKT ANIE SZCZEGÎY

/TOMIEJSCE NA NAWIGACJÅ NAJWYSZEGO POZIOMU POD GÎWNGRAFIK ZOSTAWILIwMY ZKOLEIMIEJSCE NA WANEOGOSZENIA CZYAKTUALNOwCI

9^Y QY^Yac ]dUSM aS^\cXc aT WYÒO acQV¦NK¨ SXKMdOT TONXKU

a PSXKVXcW ]dUSM_ ZYaSXSOXOÄ _dc]UK¨ a¸KÄXSO ^KUS ZYdSYW ]dMdOQ¸YaYÄMS

,OGOPRZESUNÅLIwMY ZA CZÅwÁ ZTREwCIST RONY

.ASTRONIE GÎWNEJ UMIEwCIMYPORTFOLIO 0OTENCJALNIKLIENCI BÅD CHCIELIZOBACZYÁ CO POTRAFIMY

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

Pogawędki przy kominku ®llRo®-|®u|ª-F t}ªRpl|a-uJ| ª|®Ryl- |y|u-ªl-oÔ®plAR

Ołówek:

Program do tworzenia stron:

RoG|a-ulRWA®¬u|¸R®ulA|²ª¬o-²ylÉ

-yRA|Ai|J®l | -p|¸RlÖ |u¬qlÉG7|ylRp }®¬\-p ¬A®ylR¥¸¬ª-oÔ Ra||oÖAl-ª|JylRlRyl¥J|}7plp|J¥Gp }¬ylRoR oR®A®Rp|ÍA®|y¬"R-®oRJy-pylR|-y-®-7lR-ylRlÖ ®-p|J

|A}¸G |AiÖullÖ |ª®¬ p||ulR®-t|VlRp }®¬ q¥J®lRy-®¬ª-oÔuylR®plRqR RuG|JA®-aJ¬o-ÔJ®ltRuG ¸R ||oÖAlRª¬p|®¬ ¥oRlÖJ||l¬ª-yl- R |ª¬Ai}7Rp p|J¥V

Kod [podsłuchuje]: Ołówek:

Ro['®¬ p|t¬®-tRu[

®R-®-uG -¬G-qR|a-uu--AoÖ|¸y-7¬ |u¬²qRÉG¸R®¥A-oÔAlÖ|J-®¥y-p|J"G|®A®ÖJ®lu¬ ylRA|A®-¥G-qRy-Jt¥¸®ÔuR Öu|¸R |7¬ÉylR|t-A-qyR 'lJ®l®GoR²qlpqlRy |ªl-q7|"|7lR-uRu¥ylR|J|7-lÖ a| |ª¬|oRp lAiARAlR}o²Éª®¥RtylRlyy¬uplR¥yp¥G |p-¸RlÖG¸R®-lyªR |ª-tR²uy} ª|A®-¥ª ª|®RylRp|J¥ "ly-o-ªJ||J|7ylRo}ªylR¸ G®p }Ra|ylR 7ÖJ®lRAlRp|®¬ -ÉªlRqRt- ªlRooR ª¬®¥AlÉ®plA J|p|®-l®-A®ÔÉ|JA®¬ Rop- pl-lR¥W lR7¬t7¬u Ra| -plRªlRy-ª|qÖylRp¥l-ÉlÖ ®-7-J®|y-JR -q-Ai ®plARÔ®¬7plulRq- ¬A®y¬u ||7Ru|®ª-¸Ryl-}¸y¬Ai|u¬t}ªl| ®¬u-yl- |a}qy¬Ai|oRp }ª|A|®R® Ô -AlÉA®-y- ¥ulRoA-ªl-ylRp-¸JRa|lpRq-ªplqp¥|oRp -AiG oR²qlpqlRy l -pª¬7lR®R ¬qp|oRJRy®ylAi

Program do tworzenia stron: W-q7|y|ªRa|qlp¥--u|J|A®Ô p¥®-7-t7¬ulÖ J|-A¬y-|ª-¸ylR®A®ÖJ®l®J¥¸|A®-¥GoR²ql7ÖJ®lR® u}atp|l|ª-É®--pAR |ª-yR®A®Ra}t¬®plA¥7R®|²RJyl| J|| - RA®yRa||oRp ¥ | -pG7¬Éu|¸Ru-® ¥ |AiÖ-AolG-qRy--ªJÖ|p-¸R® pqlRy |ªl -pl|u-®-y¬G|pR²q|y¬G|q-ul|y¬p-ªÔ®plA

ÔJ®ÖG¸RoR²ql®¬a| |ª¥oRlÖA|²GA|u-u¬|p-®-É | RyAo-qyRu¥pqlRy |ªlGJ|7¬u|u¬tRuu|¸R7¬É ª|®RylRA®Ra|²ylRA|7-J®lRoJ|lR®A®|yRa|l\|u-qyRa| lu| |¥ª-¸-uG¸RplRJ¬®-A®¬y-lÖ|oRp |ª-ylRy|ªRo ªl ¬y¬ly RyR |ªRoGlRª®¬up|plRu|ªlyy¬7¬É ®A®Ra}t|ªRly-¬|ª-yRÖA®ylR®plAR

JESTEuTUTAJ

0ROTOTYPPOPROJEKCIE

3ZKICEWYGLDAJNAPRAWD» FANTASTYCZNIE0ROJEKTIUKADSTRONY ZAPOWIADAJSI»vWIETNIE !LEKONFERENCJAJESTZADWADNIb #ZYMOG»ZOBACZY·WKOÂCUCOv NAEKRANIE

Teraz jest dobry czas na stworzenie prototypu kodu. # ª|®RylR| | ¬¥|- Ra|y-p|J®lRu-RªyR®-qR ¬ |lRª®RGy-ªR oR²ql|oRp y--lR®Rª¬aqÔJ-²ªlR ylRG ® RAiylA®yRa|¥yp ¥ªlJ®Ryl-u|¸RylRJ®l-t-ÉGplRJ¬lÖa| ª¬p|y-®-|u|AÔp|J¥| | ¬J-lu|¸qlª|²É®¬7plRa| |-ªlRyl-ª®¬ plRa|ªp|J®lRG®-ylu®-lyªR ¥oR®®7¬ ªlRqRA®-¥ª7¥J|ª-ylRª¬lR®A®|yRa||J¥p ¥\ly-qyRa| oR²ql-A¥oR®®pqlRy RuG| | ¬ª¬p|y-y¬ªp|J®lRJ-oR lA|²GA|u|¸R®|p-®-ÉlJ®lÖplA®Ru¥G -p-u|o-p ª®¬-Jp¥®plA}ªG¥®¬p-®ly\|u-AoR®ª| yR |®ª-q-oÔARy-ª|ª-J®RylR®ul-yl R-A¬oy¬Ai

=ZYUYTXSO

|u-®y-u¬²qlGu}ªlÔA l R-A¬oyR

R-Ao- |uR |J|q|al- |oRp |ª-yl-Gp }-|®ª-q- R |ª-ÉG-y-ql®|ª-Él¥qR®-É| | ¬J®lRt-ª -pAlR -A¬y-Jylu-p-¸J¬uR -lR®RAi|J®l®p-¸J¬ ®p|p}ªª|ARlR|oRp |ª-yl-WoR ||oRp A¬pqlA®y¬W-¸ªp|ÍA¥¥®¬p-®A|²GA||J|7-lÖ ®-}ªy|"|7lRGo-plpqlRy |ªl

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

Gotowy do podania kod

|7lR®qlpllRª®Ra|| | ¬¥p|J¥®RªR- "F

ftp://ftp.helion.pl/przyklady/hfwdep.zip -y- ÖylRª¬}7¥ooRG7¬-ªJ®lÉGo-pª®¬ p|ª¬aqÔJ-

*/ ern Design ny Red Lant ro st wy do przebu /* Projekt margin: 0; top; ody_bg.g padding: 0; ‘../images/b url( 2 12 a2 #7 : ; background erif ns-s le>R ed Lantern Design a, sa ic ; color: #333 ul, li { h1, h2, p, 0; : in marg 0; g: in dd pa

r:J #3 loÅTA coMI DSTRONY PO ; EJ D ee LA : KA#e -, nd (4 ouD KO gr ck JI "> baD

0OPOB OWIEDNIO DP IO D KO UJ LIK UP ZD Panorama Tokio

E PLIKI NAZWIJ POSZCZEGÎLN IA US M JE SZ ZIE ÅD CB .AKONIE ZESOB POCZYÁ

0OWTÎRZSIÅ

JESTEuTUTAJ

Z dz osta do ień ł je P st . S sz Te rzes ron zyb cze by n e łał y tr ko jed sk ć n tap am eść , ws en ta go oro apr po ją m . w to pr aw wi a wy o d ni ile … jek ę p en m. Ja t je ros ne st ty już ,

*AZDAPRÌBNA

Jazda próbna

®--ªJ®lÉª¬aqÔJy-®Ro |y¬ª®RaqÔJ-AR|®R R |ª-yl¥ |y¬|p-¸oÔ-yRG7¬¥®¬p-Éo-plR²ly\|u-AoR®ª| yRª Rol R-Aol

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

§aSMdOXSO

Oto tekst przysłany przez Jane. Weź stoper i ustaw go na piętnaście sekund. Rozpocznij pomiar i zacznij czytać tekst. Kiedy czas się skończy, napisz na dole, o czym jest ten tekst.

INFORMACJE Od: Jane y internetowej Temat: Zawartość stron

jektowanie. ę na odpowiednie zaproględu na ag uw zą ks wię raz co ktu, bez wz Ludzie zwracają ie dotyczą usługi, czy produ Bez względu na to, czy zystkie interakcje otacza pewien nierozerwalnbie ws so , ść ają rto zd wa rcy y cz bio y edsię potrzeb t. Odnoszący sukcesy prz kty, z nimi związany konteks ać dobrze zaprojektowane usługi bądź produ racają zw row ko ofe ą tyl sz nie. Ludzie nie sprawę, że mu ów, ie zasoby w ich ulepsza i inwestować odpowiedn zaprojektowanie towaru; pragną również obrazmach coraz większą uwagę na , które zaspokajają ich potrzeby na wielu pozio pragną atmosfery i doświadczeń cznym, ideologicznym czy kulturowym. Ludzie , zawsze — estetycznym, pragmatym projektu jest łączenie. Pracując z klientami znego, dre tyc Ją ali . an tów su jek ce słu pro dobrych pro procesu głębokiego, pełnego namy podkreślamy znaczenie y na słuchanie klienta i uczenie się. W trakcie z ora iem h dz rcach docelowyc w którym nacisk kła jemy się również na odbio tykach projektowania koncentruy z myślą o prawdziwych ludziach, a nie statyspomagamy i j jem ce ktu wię oje oś Pr . eg ukają cz kontekście orzyć y, że prawdziwi ludzie sz i demografii. Rozumiem z proces projektowania w taki sposób, by wytw , ste ora pro ukierunkować klienta ma Red Lantern Design projektuje i buduje ytania cz od Fir do i. śc we łat rto są szybkie, prawdziwe wa re któ , we eto ern int y ryn ardów internetowych. użyteczne i atrakcyjne wit z wykorzystaniem stand to o stk zy ws a — e pn i dostę waniu i budowaniu aniu interfejsu (projekto tow jek pro w: się y internetowych), jem ów Specjalizu m standard nie sta rzy ko wy z ów lon interfejsów oraz szab h witryn internetowych (oferta przeznaczona dla S), przebudowie istniejącyc ić swoją stronę czy zbudować ją z użyciem CS prawę osób, które chcą uaktualn oraz CSS (uproszczenie kodu ma na celu po strategii ML iu en HT orz du ko utw cji w za mocy optymali struktury), consultingu (po ch). szybkości strony oraz jej zących kodu HTML i CSS, a także seminaria tyc do h ac projektu, sugesti

JESTEuTUTAJ

:YTEKSTJESTPOPROSTUZY

8SO \_TX_T NYL\OQY Z\YTOU^_ d¸cW ^OU]^OW R®ª®aqÖJ¥y- |GlqR-A¬ylRªt|¸¬t7¬²ª²ªlR y¬|oRp G ª|®RylR®plA}ªl| | ¬}ªGylAylR¥- ¥oR"ª|oRo |y¬GoR²qlylR u-y-ylRo R²Al-q7|oR²ql|}7R®Ry -Aol Ro R²AloR plRpl -pu|¸y--ªlÉG7¬ R²É |y¬7¬t-ly RR¥oÔA- l-ylR Rp }ª®R®y-A®|y¬Aiy- |y¬ly RyR |ªR}¸yllÖ |Jl-yl-lAiy-| ®R7¬uRJl}ªJ¥p|ª-y¬Ai

$AJSPOKÄJrPISANIE TOPISANIE0RZECIENIEMA POWODU BYPISA·JAKIvTEKST NANOWO SZCZEGÄLNIENAPOTRZEBY STRONYINTERNETOWEJb

Zamiast czytać treść strony od lewej do prawej i od początku do końca, tak jak książkę, użytkownicy przebiegają tekst wzrokiem w poszukiwaniu słów kluczowych oraz pojęć — by szybko zrozumieć, czego dotyczy witryna. lRJ¬|tÔA®¬lÖ |®\-p RuG¸R¥¸¬ p|ªylA¬®-®ª¬A®-oylRÖJ®-oÔ ®7¬ J¥¸|A®-¥y-|®A®Ra}qy¬Ai|J |y-AiGªlR®o¥¸G¸Ru¥l® l-Ély-A®Roq¥A®|ªÔpªR lÔoR ¥|ª|®R7lRa-ylRª®|plRu

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

-Y ]Z\KaSK ÒO ^OU]^ WYÒXK ]dcLUY Z\dOLSOM ad\YUSOW) ylRoRplqp- RAiylp¥u|¸qlªl-oÔA¬Ai®¬7plR ®R7lRaylÖAlR Rp ¥ª®|plRu} plR -p-l ¬Gy-at}ªplGª¬¥yp |ª-yRql ¬lo-yR \|u¥t|ª-yl-¥t- ªl-oÔ¥¸¬ p|ªylp|u |y¬ ®RaqÔJ-ylR Rp ¥

7YRÎNIENIA POGRUBIONA CZCIONKA SYGNALIZUJ I KURSYWA WANE POJÅCIA

STY 7YPUNKTOWANELI TOSUPERSZYBKI IA SPOSÎBPODAWAN FAKTÎW

+RÎTKIE WPROWADZENIEPRZEKAZUJE INFORMACJEPOGLDOWEOTEKwCIE 7TENSPOSÎBCZYTELNIKOD POCZTKUWIE W COSIÅPAKUJE

+RÎTKIE AKAPITY ODBIERA SIÅ ATWIEJODWIELKICH BLOKÎWTEKSTU KTÎRENAEKRANIE KOMPUTERAJEST OWIELE TRUDNIEJ PRZECZYTAÁ IZROZUMIEÁ

:ROZUMIAENAGÎWKI INFORMUJUYTKOWNIKA OZAWARTOwCIARTYKUU ORAZJEGOCZÅwCI

JESTEuTUTAJ

:OSTAÊREDAKTOREM §aSMdOXSO

XSOMY N¸_Ò]dO Oto raz jeszcze tekst przysłany przez Jane. Spróbuj go poprawić w taki sposób, by był zgodny z listą punktów znajdującą się obok.

INFORMACJE Od: Jane ej strony internetow Temat: Zawartość

zaprojektowanie. ę na odpowiednie z względu na potrzeby czy ag uw ą sz ęk wi z ra Ludzie zwracają co, czy dotyczą usługi, czy produktu, belnie z nimi związany kontekst. Bez względu na to interakcje otacza pewien nierozerwa, że muszą oferować dobrze wartość, wszystkie y przedsiębiorcy zdają sobie sprawę wiednie zasoby w ich Odnoszący sukcesługi bądź produkty, i inwestować odpoagę na zaprojektowanie zaprojektowane us nie tylko zwracają coraz większą uw ń, które zaspokajają ich ulepszanie. Ludzie ież obrazów, atmosfery i doświadczeznym, ideologicznym towaru; pragną równ ziomach — estetycznym, pragmatyc jest łączenie. w. Jądrem projektu łnego namysłu tó ek oj pr h potrzeby na wielu po yc br do dzie pragną ębokiego, pe czy kulturowym. Lu i, zawsze podkreślamy znaczenie gł chanie klienta i uczenie m słu ta na ch k kładziemy Pracując z klien go, w którym nacis również na odbiorca procesu analityczneesu projektowania koncentrujemy sięawdziwych ludziach, a nie się. W trakcie proc ntekście. Projektujemy z myślą o pr ie szukają czegoś więcej by docelowych oraz koografii. Rozumiemy, że prawdziwi ludz nia w taki sposób, statystykach i dem nkować klienta oraz proces projektowan projektuje i buduje proste, i pomagamy ukieru e wartości. Firma Red Lantern Desigkie, łatwe do odczytania wytworzyć prawdziw e witryny internetowe, które są szyb owych. standardów internet em ni ta ys użyteczne i atrakcyjn rz ko wy z rfejsów zystko to iu i budowaniu inte an i dostępne — a ws ow kt je ro (p jsu terfe ych), przebudowie w: projektowaniu in Specjalizujemy się korzystaniem standardów internetow ób, które chcą przeznaczona dla os tymalizacji kodu rta oraz szablonów z wy fe (o h yc ow et rn op inte S), istniejących witryn ronę czy zbudować ją z użyciem CS ę szybkości strony oraz st aw ą pr oj po sw lu ić ce ln a na ch uaktua i projektu, sugestia proszczenie kodu m HTML oraz CSS (uultingu (pomocy w utworzeniu strategi jej struktury), cons HTML i CSS, a także seminariach). dotyczących kodu

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

.IE MUSISZ STOSOWAÁSIÅDOWSZ YSTK PUNKTÎW sWYSTARCZY EZASTOSU ICH SIÅ DOTYCH KTÎREPASUJDOTRE JESZ wCI 4WOJEJSTRONY

Lista do sprawdz enia +|®¥ul-tRy-at}

ªpl

} plR-p-l ¬ |a¥7lRyl-lp¥ ¬ª- ª¬}¸yl-oÔARy-oª¸ylRo®R t|ª-q¥7®J-yl- l ¬y¥uR|ª-y R q¥7ª¬¥yp |ª-yR ||ª-yR ª|J|ªlRJylAiu lRoA-Ai

JESTEuTUTAJ

$OBRYTEKSTJESTPOPROSTUDOBRY §aSMdOXSO

XSOMY N¸_Ò]dO

Lista do sprawdz enia +|®¥ul-tRy-at}

ªpl

} plR-p-l ¬ |a¥7lRyl-lp¥ ¬ª- ª¬}¸yl-oÔARy-oª¸ylRo®R t|ª-q¥7®J-yl-

INFORMACJE Od: Jane ej strony internetow Temat: Zawartość

l ¬y¥uR|ª-y R q¥7ª¬¥yp |ª-yR ||ª-yR ª|J|ªlRJylAiu lRoA-Ai

zaprojektowanie. ę na odpowiednie z względu na potrzeby ag uw ą sz ęk wi z ra Ludzie zwracają co, czy dotyczą usługi, czy produktu, be walnie z nimi związany Bez względu na to kie interakcje otacza pewien nierozere sprawę, że muszą czy wartość, wszystcy sukcesy przedsiębiorcy zdają sobii inwestować odpowiednie kontekst. Odnoszą projektowane usługi bądź produkty, z większą uwagę na oferować dobrze za anie. Ludzie nie tylko zwracają cora fery i doświadczeń, które w, atmos zasoby w ich ulepsz ną również obrazó estetycznym, pragmatycznym, ag pr ; ru wa to e ni mach — projektu zaprojektowa projektów. Jądrem trzeby na wielu pozio zaspokajają ich po kulturowym. Ludzie pragną dobrych znaczenie głębokiego, ideologicznym czy ując z klientami, zawsze podkreślamy k kładziemy na słuchanie jest łączenie. Prac ocesu analitycznego, w którym nacis ncentrujemy się również pełnego namysłu pr . W trakcie procesu projektowania koy z myślą o prawdziwych klienta i uczenie się lowych oraz kontekście. Projektujem prawdziwi ludzie szukają na odbiorcach doceystykach i demografii. Rozumiemy, żeoces projektowania w taki ludziach, a nie statmagamy ukierunkować klienta oraz pr ntern Design projektuje czegoś więcej i po zyć prawdziwe wartości. Firma Red Lae, które są szybkie, ów sposób, by wytwor yteczne i atrakcyjne witryny internetow rzystaniem standard i buduje proste, uż i dostępne — a wszystko to z wyko łatwe do odczytania i budowaniu internetowych. jsu (projektowaniu rnetowych), rfe te in u ni wa to ek inte w: proj Specjalizujemy się ablonów z wykorzystaniem standardów aczona dla osób, cji zn ze pr sz rta az fe or (o w h yc ow aliza et interfejsó rn te in yciem CSS), optym ących witryn przebudowie istniej ić swoją stronę czy zbudować ją z uż prawę szybkości strony które chcą uaktualn S (uproszczenie kodu ma na celu po , sugestiach iu strategii projektu en rz wo ut w y kodu HTML oraz CS oc consultingu (pom oraz jej struktury), HTML i CSS, a także seminariach). dotyczących kodu

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

Twoja wersja tekstu może wyglądać nieco inaczej, jednak jeśli tylko zastosujesz przedstawione wyżej techniki, sprawiające, że tekst łatwiej będzie szybko przejrzeć, czytelnicy pozostaną Ci wdzięczni. 7ITAMYNANOWEJSTRONIESTUDIA2ED,ANTERN$ESIGN .AGÎWKIWZMACNIAJ ORIENTACJÅUYTKOWNIKA NASTRONIE:WRÎÁ UWAGÅNATO ENIEBÅDZIESZ POTRZEBOWANAGÎWKA UMIESZCZONEGO NA SAMEJGÎRZESTRONY PONIEWAJEGOROLÅ PENIÁBÅDZIELOGO

2ED,ANTERN$ESIGNJESTMAFIRMZAJMUJCSIÅPROJEKTOWANIEMWITRYNINTERNETOWYCHORAZ CONSULTINGIEM3PECJALIZUJEMYSIÅWPROJEKTOWANIUIBUDOWANIUSTRONOPARTYCHNASTANDARDACH INTERNETOWYCH.ASZYMCELEMJESTTWORZENIEPROSTYCHIATRAKCYJNYCHWITRYNINTERNETOWYCH KTÎREPOZWALAJNAATWEODSZUKANIEINFORMACJIIZASPOKAJAJPOTRZEBYUYTKOWNIKÎW *EwLI4WOJAFIRMACHCIAABYZNAMIWSPÎPRACOWAÁ ZACHÅCAMYDOZAPOZNANIASIÅZNASZYM PORTFOLIOISKONTAKTOWANIASIÅZNAMIWCELUOMÎWIENIASZCZEGÎÎWPROJEKTU:PRAWDZIW PRZYJEMNOwCISPRAWIMY E4WOJAOBECNOwÁW)NTERNECIEBÅDZIELEPIEJWIDOCZNA A4WOJA WITRYNAATWIEJSZADOODNALEZIENIAIBARDZIEJATRAKCYJNA :OBACZNASZEPORTFOLIO 3KONTAKTUJSIÅZ2ED,ANTERN$ESIGN

K LIST 4E ODNOwNIKI BÅDKRÎT AKAMI ZN ZE N WA DKO RZ NIEUPO ÅTYMI WYPUNKTOWANIAUSUNI ZA POMOC#33

To spora zmiana. Moja wersja tekstu nie była aż tak, hm, treściwa. Czy Jane nie będzie się gniewać, że wycięliśmy wszystkie tak starannie przez nią ułożone zdania?

Pewnie, może tak być. Ale ta wersja jest krótka, na temat i o wiele bardziej atrakcyjna. }ªl¥¸¬ p|ªylp|uGA®¬u®-ou¥oRlÖ ¥Jl|RJ-y RyRlaylA®Ra|u|aÔ |A®Rplª-É|ª}t-A¬® Ô\luÔ+u|J¬\lp|ª-ql²u¬J¥¸ÔA®Ö²É Rp ¥WJt¥alR t|ª-G®J-yl-Gp }R ®R7-7¬t|®RA®¬ -É ®¬-®¬G¸R7¬A|p|qªlRp®|®¥ulRÉ Wp }-u|at-7¬ ¬qp|®-AlRuylÉ Ry| ¬p|u¥ylp- |®- ¬uªy-oa|®¬u-®lRu|¸Ru¬}o²Éy-p|u|ul®-yRl®¬ª}AlÉ A®Ö²ÉoRo Rp ¥V|A®¬ªl²AlR|J|7y¬Ai|-ªp-AiRJ-pA¬oy¬Ai[

JESTEuTUTAJ

*AZDAPRÌBNA

Jazda próbna |RJ¬Aol Rp ¥GJ®lÖplp }Ro|ªlRqRt- ªlRooR a|®¬7p|®R7lRA ª®|plRuGu¥l® R-®¥-p ¥-qylÉ Rp ªp|J®lR¥ ª|®|y¬u ªA®R²ylRoJq-RJ-y RyRlayG®R R |ª-ÉA-t|²É ª®RaqÔJ-ARlWoR²qlª®¬ p|7ÖJ®lRª|®ÔJp¥W|p-®-É-yR

*ESTEM ZACHWYCONA4AK NAWET TYMKRÄTSZYMTEKSTEM -IAEvRACJ» WYCINAJC WI»KSZOv·MOJEJTWÄRCZOvCI 4WOJEUMIEJ»TNOvCISPRAWI E 2ED,ANTERNNIEDUGOROZKWITNIE .IEMOG»SI»JUDOCZEKA· NOWYCHPROJEKTÄW

2OZDZIA

4WORZENIEATRAKCYJNYCHSTRONINTERNETOWYCH

:\YTOU^YaKXSO ]^\YX SX^O\XO^YacMR YZK\^O

TO]^ XK UYW_XSUKMTS S ?ÑC>59A835+-2 |ÔJ®l®||7¥ªRo-Ai |y¬ ¥Jl--yR - RA®y¬uARqRu p-¸JRoªl ¬y¬ly RyR |ªRooR ®Rp-®-ylR¥¸¬ p|ªylp|uo-plAi² ly\|u-AolR²ql"ª|o-ªl ¬y-ylRp|u¥ylp¥oR Ra|GA|7¬²AiAl-tG "ª|l|J7l|A¬}oJÔy-lyyR |y¬ly RyR |ªRª|®¥plª-yl¥ ly\|u-AolA®¬ R²AlGp }¬Ai"¬ylR7¬tR²ª -ylRluJ-É '®¬ p| |®y-yRoR |Jy-®ªÔ|oRp |ª-yl-®|lRy |ª-yRa| y-¥¸¬ p|ªylp-lRJ¬ ª|®¬®ªl ¬yÖly RyR |ªÔG7¥J¥oR®oÔ Jq-¥¸¬ p|ªylp}ªG-ylRJq--uRa|lR7lR¥J¥oR®®u¬²qÔ|lAi u|Ay¬Ailt-7¬Ai |y-Ai¥l®ª¬p|®¬ -Ép-¸JÔJ| ÖyÔ RAiylpÖG7¬®-AiÖAlÉ¥¸¬ p|ªylp}ªJ||JªlRJ®Ryl- |y¬G¥t- ªlÉ lu®y-qR®lRylR|®¥plª-y¬Aily\|u-AolG-ªlÉG7¬lAi|7¬ y- |ylR7¬t- ¬\-pAo|y¥oÔA¬l7¬ulRql|Ai| ÖJ|y-|ª}AlÉ |ARGp }¬®R²qRJ®ltR²ªylylRo®¬u|®J®l-qRW R|J¥pAo-GA®¬qlª¬p|®¬ -ylR-Ail Rp ¥¬ly\|u-Aol |-®®plA}ªJ|¥ ª|®Ryl-|oRp ¥ |y¬y--lR®RG -p 7¬ªu|uRyAlR|®|A®ÖAl- ª|®Ryl-p|J¥|oRp Ry7¬t u-p¬u-qylRª¬J-oy¬lp|yARy |ª-y¬ -ªla-Ao-|- -y-Jl-a-ulR-Ail Rp ¥¬ly\|u-Aol |A|² ªlÖARoyl¸ ¬qp|tÔA®RylR®R|7Ô|®A®Ra}qy¬Ai|J |y ªl ¬y¬-ªla-Ao-|u-a-¥¸¬ p|ªylp|u|Jy-qR´Ély\|u-AoR #pt-J |y¬ª¬p|®¬ ¥oR"|-® J|®7¥J|ª-yl- ly R\Ro¥ |y¬p }¬®-|oRp |ª-tR²o¥¸y--lR®Ry-R -lR R|J¥pAol

3TARYPROJEKTSTRONYNIEPRZEKAZ YWA WIELEINFORMACJI UYTKOWNIKOMb .OWASTRONAOD POCZTKUPROCESU A PROJEKTOWANIASTAWIAUYTKOWNIK A WCENTRUM7REZULTACIE PRZYCIG JEGOUWAGÅ IOPOWIADAWCIGAJC HISTORIÅO2ED,ANTERN$ESIGN

J|ªlRJyl Rp ®-Rtyl-|oRp A®¬ RqyÔ R²AlÔGA®¬ql ¬uG |A|¥¸¬ p|ªylA¬®¬®qly-y-®Ô |yÖ Wul-t ¬qp|oRJRyARqF¥ ª|®¬É²ªlR ylRª¬aqÔJ-oÔAÔªl ¬yÖ ly RyR |ªÔR®Ry ¥oÔAÔ¥¸¬ p|ªylp|uly\|u-AoR| ¥Jl| RJ-y RyRlay

JESTEuTUTAJ

.IEZBÃDNIKPROJEKTANTAWITRYNINTERNETOWYCH

ROZDZIAŁ 1.

8SOdL°NXSU Z\YTOU^KX^K aS^\cX SX^O\XO^YacMR Niesamowite… 34 strony i udało Ci się już całkowicie przebudować dość nędznie wyglądającą stronę internetową. W kolejnym rozdziale o wiele bardziej szczegółowo zajmiemy się fazą preprodukcji.

-/68/ =:9=>

Kiedy tworzysz strony internetowe, powinieneś stosować się do zasad projektowania zorientowanego na użytkownika — budowania witryn, które skupiają się na zaspokajaniu potrzeb użytkowników.

Proces projektowania pomaga ustrukturyzować projekt, dzięki czemu pozostajesz skupiony na zadaniu i wszystko wykonujesz o wiele wydajniej.

Większość procesów (o ile nie wszystkie) projektowania witryn internetowych składa się z czterech etapów: preprodukcji, budowania układu strony, tworzenia nawigacji oraz pisania tekstów. Architektura informacji to proces, w którym dzielisz treść strony internetowej na części, a następnie układasz je w hierarchię zgodnie z logiką wzajemnych relacji między nimi.

Tworzenie architektury informacji to proces dwustopniowy, składający się z organizowania informacji witryny i budowania diagramu.

Diagram architektury informacji reprezentuje hierarchiczne uporządkowanie części i podczęści informacji strony.

2OZDZIA

Nawigacja najwyższego poziomu zazwyczaj zawiera odnośniki do tych części architektury informacji, które znajdują się o poziom niżej od strony głównej witryny.

Projekt nawigacji najwyższego poziomu uzależniony jest od całościowego projektu oraz układu strony.

Istnieje kilka przydatnych modeli projektowania nawigacji najwyższego poziomu: poziome zakładki czy przyciski, pionowe menu lub zakładki.

Szkice wykorzystuje się do wizualizacji projektu i przetestowania pewnych koncepcji układu strony przed zabraniem się za kod.

Szkice to świetny sposób na wyłapanie potencjalnych problemów projektowych przed straceniem czasu na tworzenie kodu strony.

Pisanie tekstów przeznaczonych na strony internetowe różni się od pisania na potrzeby mediów drukowanych.

Użytkownicy przebiegają strony internetowe wzrokiem, zamiast czytać je od początku do końca.

Treść stron internetowych musi być pisana w taki sposób, by przebieganie ich wzrokiem było możliwe.

2. Faza preprodukcji

:KZSO\ Q\¦ .IESAMOWITE KIEDYUYWASI» OÄWKAZAMIASTEDYTORATEKSTU MONAWSZYSTKOZMAZA·GUMK +TOBYPOMYvLA

-ASZDOu¿SPIERANIASIÃZWYBREDNYMKLIENTEM >KU ^KU dXK]d ^OX ^cZ s dK UKÒNcW

\KdOW QNc ZYUKd_TO]d W_ XKTXYa]d¦ aO\]T° TOQY a¸K]XOQY ZYWc]¸_ YX T_Ò WK UYVOTXc ZYWc]¸

XK acQV¦N ]^\YXcj SXXc ]MROWK^ UYVY\aj SXX¦ MK¸¦ aS^\cX° SX^O\XO^Ya¦ 4KU dK^OW \KNdS¨ ]YLSO

d UKZ\cÄXcWS UVSOX^KWS KVLY ZYNMRac^VSacWS aS^\cXKWS U^\O ^\_NXY TO]^ d\YLS¨ NYL\dO)

DKMdXST YN UK\^US ZKZSO\_ Y¸aUK S aSOVUSOT \ÒYaOT Q_WUS A ^cW \YdNdSKVO ZYUKÒOWc -S TKU

]Z\c^XSO dKL\K¨ ]S° NY Z\KMc dKXSW dKQ\dOLSO]d ]S° a ONc^Y\dO 2>76 >aY\dOXSO WY^ca_

Q\KPSMdXOQY Y\Kd WO^KPY\c aSd_KVXOT S \c]YaKXSO Y¸aUSOW ]dUSMa ]^\YXc ]Z\KaS ÒO ]dcLUY

]^KXSO]d ]S° d\°MdXcW S OVK]^cMdXcW Z\YTOU^KX^OW aS^\cX SX^O\XO^YacMR =SKNKT dK^OW NY ]aYTOQY

LVYU_ \c]_XUYaOQY S dKLSO\KWc ]S° NY Z\OZ\YN_UMTS

TOJESTNOWYROZDZIA

-ARKJEDZIEDO*APONII

>aYTO ZSO\a]dO iWS°NdcXK\YNYaOp dVOMOXSOj -pp|Ai-|J}¸R|¥p|ÍA®Ryl¥y-¥plª®lÔt|pª|qyRa|G7¬ |J}¸|ª-É|-|yll®qRA-plRulJ|²ªl-JA®¬Éª®¬ plRa|GA|u- J|®-|\R|ª-yl- Ryª¬l-ply-}JW|J¥il|-u¥-o}ª"R-® |ª}AltlAiAR¥J|p¥uRy |ª-Éª|oRJ|²ªl-JA®Ryl-"ª|lu®J-ylRu 7ÖJ®lR ª|®RylRJq--p-²ªlR yRoGly ¬a¥oÔARo |y¬ly RyR |ªRo |l¥oÔARooRa||J}¸J|-|yll -APAMETRA4OKIO -ARK

-ENU

*APONIA

2OZDZIA

&AZAPREPRODUKCJI

:DJÅCIA ZPODRÎY AKRÅCONE

&ILMY WIDEON KAMER

/RIGAMI

-pu-uy} ª|u- Rl-t}ªloRJ¬yRGA|ªlRu¬G |¸RAiAl-t7¬ ulRÉª¬oÔ p|ªÔ |yÖly RyR |ªÔ-pu|¸Ru¬-ªlÉG7¬ -py-Rªy|| ®¬u-tA|²GA|u¥lÖ|J-®¥|J|7-G 7R® -ARyl-|a|uyRolq|²AlA®-¥ JA®Ra|®-A®Ôt7¬² ª|®RylR |y¬-p-

JESTEuTUTAJ

-ETAFORYWIZUALNE

:YWcÄV dKXSW dKLSO\dO]d ]S° dK ^aY\dOXSO UYN_

-®-R|J¥pAolt¥¸¬J|¥®¬p-yl-J|7Ra||oRp ¥®RJ®-7-ylRulÖ®-l-ylRp|J¥ ("l |ª-J®-lÖJ||-ªyRa|®-|oRp |ª-yl-ªl ¬y¬ly RyR |ªRo y-p- AR-lR¥' Ry|}7GplRJ¬J|oJ®lR®J|R -¥ ª|®Ryl-p|J¥G7ÖJ®lR®J|pt-JylR ªlRJ®l-tGA|7¥J¥oR®'®¬-Jp¥ªl ¬y¬-p-u|¸Ru¬®RJ -ªlÉª|oR|u¬t¬ y-p- ARG®-ul- ÖJ®-É|a|uyÔlq|²ÉA®-¥y-J|-|ª¬ª-yl¥ Rp ¥l®JoÖÉJ|¥pt-J¥ |y¬Gp }¬u|¸RlÖ®¥RtylRylR|J|7-ÉoRoªt-²AlAlRq|ªl

-®-R|J¥pAol|®ª-q-}ªylR¸¥¸¬ p|ªylp|ªly-®- ªlRJ®RylR Ra|GA|AiARu¬®|7lÉ ª RJ¬GaJ¬oR®A®R®ul-y¬Ôt- ªRJ|ª|ª-J®Ryl-lRu-ylAa|®Ra||J®-lyªR |ª-yl- A-t¬AiJylA®¬ ¬a|Jylª|oRp |ª-ylRG-}´ylRoJ|ªlRJ®Ryl-lÖG¸RpqlRy oR y-®Ô p|yARAoÔ®JRa¥ |ª-y¬

DKMdXST YN WO^KPY\c aSd_KVXOT RJy¬u®J|7¬Ai||7}ª|J|ªlRJylRa|®-|oRp |ª-yl-ªl ¬y¬ly RyR |ªRooR ®- -y|ªlRylRlÖGJ|A®Ra|u-|y-t¥¸¬Éyy¬ult|ª¬Fo-ploR oRou| ¬ª®Rª|JylG Ru- ¬p-lo-pu|¸Ru¬ |®RJ -ªlÉªl®¥-qylRR -\|-ªl®¥-qy-ª¬p|®¬ ¥oR®y-yR RqRuRy ¬a-\lA®yR -plRo-p|7-®plGRqRuRy ¬ly R\Ro¥Glp|y¬Gp|q|¬lA®Al|ypl lª®u-Ayl-u| ¬ª®Rª|Jylªl ¬y¬ly RyR |ªRo +-t}¸u¬G¸Ru-®®7¥J|ª-É |yÖt¥¸ÔAÔJ|®-ulR®A®-yl-|at|®RÍ|-AÖ|at-7¬ |y-ª¬aqÔJ-Éo-p-ªJ®lª- -7qlA-®|at|®Ryl-ulJ®lÖpl®- ||ª-yl¥J|7RouR -\|¬ ªl®¥-qyRoF Á 7ITRYNA a*OBSONTHE7ALLpMABYNIA OSZE OG JC BLIKU PU TRON PROSTS MNA OPRACÅ7YSTARCZY #IJEDNA KOLU I GÎWNAZDODATKOWYMIINFORMACJAM POMOCNICZYMI KTÎRE ZNAJDSIÅ WRAMCEBOCZNEJ

2OZDZIA

3TRONAJESTNIE TYLKOWIRTUALN TABLIC OGOSZEÌb/NA NAPRAWDÅ WYGLDAJAKTABLICAOGOSZEÌ

'OTOWASTRONAWZMACNIA METAFORÅ aTABLICY OGOSZEÌpZAPOMOC TEKS TABLICYKORKOWEJ INAWIGACJIOPART TURY YCH NAKARTECZKACH0OST )T

&AZAPREPRODUKCJI

4K]XK WO^KPY\K aSd_KVXK adWKMXSK WY^ca

Z\dOaYNXS ]^\YXc SX^O\XO^YaOT +-t}¸u¬G¸R ª|®¬®ªl ¬yÖ|tRA®y|²Ally RyR |ªRo®R®y-A®|yÔJq-J®lRAl ªªlRp¥|JlRJul¥J|J®lRlÖAl¥q- +ªl®¥-qyRa|¥yp ¥ªlJ®Ryl-p|®¬ yR 7ÖJ®lR¥¸¬AlR®JRA¬J|ª-y¬Ail|Jª-¸y¬Aip|q|}ª|J -ª|ª¬Aiª|tÔA®Ryl¥ ®p|ulp|ª¬ulRqRuRy -ully R\Ro¥lA®Al|yp-ul"RRqRuRy ¬|oRp ¥ ª®u|AylÔ Ru- ¬pÖªl ¬y¬WoRo®|lRy |ª-ylRy-J®lRAlG®-7-ªÖl -pJ-qRo '¬aqÔJ |y¬|J-®¥|ªlRlGA®Ra||y-J| ¬A®¬ R -\|-ªl®¥-qy-u|¸R7¬ÉA®¬u²-q7|7-J®|¥7 Rqy¬uo-p¥¸¬AlRp|q|}ª 7¥J®ÔA¬Aiª¥¸¬ p|ªylp¥-7 -pA¬oyRp|o-®RylR® Ru- ¬pÔ |y¬G-q7| 7R®|²RJyluo-p®- ||ª-ylRa-\lplªlÔ¸ÔARolÖ®y-®ªÔ |y¬A®¬oRo Ai--p RRuWy-®¬pt-Ja-\lpl - p}ªp|ulA®y¬Aiªªl ¬ylR|oRp ¬ - p}ª|ulA®y¬Ai :DECYDOWANEKOLORY IARKTYCZNY MOTYWGRAFICZNYWZMACNIAJMETAF ORÅ WIZUALNTEJ STRONY

2YSUNKIPINGWINÎW IKOMIKSOWA TYPOGRAFIA ZDECYDOWANIE UKIERUNKOWANE S NA MODSZYCH ODBIORCÎW

-ETAFORYWIZUALNE MOTYWYPRZEWODNIErCO ZARÄNICA-ÄWIEv ZRESZT EPOWINNIvMY PROJEKTOWA·NAPAPIERZE

JESTEuTUTAJ

-OTYWPRZEWODNISTRONYINTERNETOWEJ

7Y^ca Z\dOaYNXS \OZ\OdOX^_TO dKaK\^YÄ¨ ]^\YXc |oÖAlRu| ¬ª®Rª|Jylª²ªlRAlR|oRp |ª-yl-ªl ¬yly RyR |ª¬Ai|Jy|llÖJ|ªlRq¥}¸y¬Ai RqRuRy }ªWA|u|¸R7¬ÉylRA|u¬qÔAR' ¬u®¬-Jp¥u| ¬ª®Rª|Jyl |ARql®-ª- |²Éy-®Ro |y¬| ¬ªRu®Rª|Jylu |y¬ªªª-u-®|yA|uoR ®RJ-¸ªy RyRAlR¥plR¥yp|ª-y- ®RJRª®¬ pluy-plÔ¸plR -\|-ªl®¥-qy-ª¬p|®¬ ¥oRRqRuRy ¬|oRp ¥p|q|¬Ga-\lpÖG ¬|a-\lÖJ|ª®u|AylRyl-u| ¬ª¥®Rª|JylRa|ªl ¬y¬ly RyR |ªRo |plqp-J|J- p|ª¬Ai®¬pt-J}ªJ|7Ra|ª}tl ylRyl-u| ¬ª¥®Rª|JylRa|luR -\|¬ªl®¥-qyRoF

7ITRYNA )CON"UFFETTWORZYI SPRZ EDAJE IKONYSTOSOWANE WPROJEKTOWANIU INTERNETOWYCHITWORZENIUINTERFEJSSTRON )KONYWIDOCZNESNASTRONIEGÎ ÎW ANAZWÅ WITRYNY a"UFETIKONp WNEJ WZMACNIARYSUNEKPUDEKASUC DOPAKOWANIAJEDZENIANAWYNOS EGO

-ETAFORAWIZUALNATEJSTRONYJEST SUBTELNAsJEDNAKJEJPROJEKT WZMACNIAPROSTOTÅIURODÅ OFEROWANYCHIKON ALOGOJESTwWIETN DOSOWNINTERPRETACJ NAZWYSTRONY

ASUCA 3ILVERBACKTOAPLIKACJ NOwCI WITRYN DO TESTOWANIAUYTECZ aSILVERBACKp INTERNETOWYCH0ONIEWA JESTRÎWNIE p CZYLIaSREBRNOGRZBIETY ORYLA NA OKREwLENIEMDOROSEGOG S MOTYWY NE STRONIEWYKORZYSTYWA DUNGLII GORYLA

7PRZECIWIEÌSTWIEDOSTRONY)CON"UFFET METAFORAWIZUALNA3ILVERBACKJESTOWIELE BARDZIEJBEZPOwREDNIA 3TRONATAWYGLDA JAKOTOCZENIEGORYLA ZESCHEMATEM KOLORYSTYCZNYM DUNGLI LIwÁMI UMIESZCZONYMI NAGÎRZEINIEZWYKYMLOGOGORYLA ZNOTATNIKIEM

2OZDZIA

&AZAPREPRODUKCJI

%)7;<:B 7z?-3 :\dcT\dcT ]S° ZYXSÒ]dcW d\d_^YW OU\KX_ AcZS]d WY^cac Z\dOaYNXSO

^cMR ]^\YX S dKdXKMd ^KU YL\c]_T a U]S¦ÒMO OVOWOX^c NKXOQY Z\YTOU^_

acUY\dc]^KXO a WO^KPY\dO aSd_KVXOT :KWS°^KT s WY^ca Z\dOaYNXS

]^\YXc ^Y TOT MOV S dKaK\^YÄ¨ K WO^KPY\c aSd_KVXO ^Y OVOWOX^c Z\YTOU^_

acUY\dc]^KXO a MOV_ adWYMXSOXSK WY^ca_ Z\dOaYNXSOQY

JESTEuTUTAJ

)DENTYFIKACJAMOTYWÌWPRZEWODNICHIMETAFORWIZUALNYCH

%)7;<:B 7z?-3 7B?1B)61>aYTO dKNKXSO ZYVOQK¸Y XK acZS]KXS_ WY^caa Z\dOaYNXSMR ^cMR ]^\YX

S dKdXKMdOXS_ OVOWOX^a NKXOQY Z\YTOU^_ acUY\dc]^KXcMR a WO^KPY\dO

aSd_KVXOT 4KU ]¦NdS]d MY TO]^ WY^caOW Z\dOaYNXSW UKÒNOT d ^cMR ]^\YX)

9^Y MY _NK¸Y XKW ]S° acZS]K¨ 7IDOCZNEWRÎNYCHMIEJSCACH STRONYZNAKIUGRYZIENIA PRZYPOMINAJ#I E STRONATA POwWIÅCONAJEST JEDZENIU a3ERIOUS%ATSpTOWITRYNAINTERNETOWA ORAZBLOGPOwWIÅCONEJEDZENIU,OGO IOZNAKIGRYZIENIAWZAKADKACH NAWIGACYJNYCHWZMACNIAJMOTYW PRZEWODNIJEDZENIANACAEJSTRONIE

+OLORYSINTENSYWNE ISMAKOWITE :IELONY POMARAÌCZOWY CZERWONY BRZOSKWINIOWYTOKOLORY KTÎREACHCESIÅZJEwÁ

a4HE-ORNING.EWSpTOINTERNETOWY MAGAZYNZWIADOMOwCIAMI-OTYW PRZEWODNIAKTUALNOwCIWZMACNIAJUKAD WIELOKOLUMNOWYIPROSTOTAPROJEKTU

7IELOKOLUMNOWYUKADSTRONYPRZYPOMINA GAZETÅ +OLUMNYSNIEJEDNORODNE NIEKTÎRE MAJPOJEDYNCZSZEROKOwÁ INNEPODWÎJN

2OZDZIA

-OTYWGAZETYWZMACNIAJ DUEODSTÅPYIUKADSTRONY OPARTYNASIATCE

&AZAPREPRODUKCJI

,_\dK WdQa s N\YQK NY WO^KPY\c aSd_KVXOT '}Éu¬J| |y¬-p-¥lu¬®- -y|ªlÉlÖy-JoRou| ¬ªRu ®Rª|Jylulª¬u¬²qlÉJ|7ÔuR -\|Öªl®¥-qyÔA|ªlÖARoWu¥lu¬lÖ Ra|J|ªlRJ®lRÉ7R®®A®Ra}qyRa|®- -y-ªl-yl-lÖy-J ¬uGlqRp|q¥uy |ªlyy-ulRÉ |y-A®¬ R¸o-pl¬ Ruy-ªla-A¬oy¬|J|7-lÖ-p|ªl ª|®RylRuR -\|¬ªl®¥-qyRo -py--ªJÖ|qRa-y-7¥®¬u}®a}ª W|²ªlÖARyl¥A®-¥y-ly Ry¬ªyR®- -y|ªlRylRlÖy-Ju- Rl-t-ul pqlRy -GoRa||J7l|A-ulG- -p¸R ¬uGo-plRRqRuRy ¬ªl®¥-qyRAiAlRql7¬ |yl®|7-A®¬Éy- |ylR-ulÖ -o|oRJyRoª-¸yRo®RA®¬WylR|J®¥A-o ¸-Jy¬Ai|u¬t}ªA®¬p|yARAolGo-plR®¬oJÔlJ|at|ª¬|| ¥oR ®-l®}´ylRo7ÖJ®lR®ul-tA®-ª®¬ p|J|lR²AlÉ :APISZ WSZYSTKO COPRZYCHODZI#I DOGOWY.IEOCENIAJ ADNEGO ZPOMYSÎW DOPÎKINIESKOÌCZYSZ

4WOIMKUMPLEM -ARK MOEBYÁ TUJESZJEGOSTRONÅ EK ALE KIEDY PROJ ST4WOIMKLIENTEMb INTERNETOW JE I SZEFEM

,ISTA MOEZAWIER DOTYCZCE PROJEKTUAÁPOMYSY ZAWARTOwCI POSZ STRONY JEJ DZIAÎW ANAWETCZEGÎLNYCH KOLORYSTYKI IGRAFIKI

Mapa Japon ii Jedzenie: su shi, sashim i, ryby, jap ońskie nale Hiroszima śniki Złoty Pawil on Flaga Japon ii Dziennik z podróży Pokaz slajd ów ze zdjęć Marka Strona o je dzeniu Interaktyw na mapa Lekcje nauk i języka Japońskie an ime

AC=36 =D+
JESTEuTUTAJ

/DBURZYMÌZGÌWDOMETAFORYWIZUALNEJ

AcWcÄV WY^ca Z\dOaYNXS S WO^KPY\° aSd_KVX¦ NVK 7K\UK '¬u¬²qRylRu| ¬ª¥®Rª|JylRa|luR -\|¬ªl®¥-qyRou|¸RylR7¬É | RlRJ¬ªlR®o¥¸G®o-plulu- Rl-t-ul7ÖJ®lR®-A|ª-ÉGlu-®®- |7Ôplqp-Rol7¥®¬u}®a}ªGA®-®- -y|ªlÉlÖy-J ¬uGo-py-oqRlRo ®Rp-®-Él®-R®Ry |ª-É R R²Al¥¸¬ p|ªylp|upqlRy -|q|G¥pt-J |y¬G |®ulR®A®RylRRqRuRy }ªWÔ |ª-¸yRA®¬yylplGp }Ry-qR¸¬ª®lÔÉ|J ¥ª-aÖ®¬JRA¬J|ª-yl¥|ª®u|AylRyl¥u| ¬ª¥®Rª|JylRa| |y¬ lRJ¬u| ¬ª®Rª|JyloR o¥¸o-y¬G| |GA|u¥l®®|7lÉF

AcLSO\d ZKVO^c UYVY\a JEJ 5KADSTRONYMUSIBYÁOPARTYNA WIÅCEJ ZAWARTOwCI)MWIÅCEJKOLUMN TYMAMIÅTAJ MIEJSCA MUSISZ CZYMwWYPENIÁ0Y TAKE ERÎWNIEWANESODSTÅPSTÅPNEGO .IE MUSISZ WYPENIAÁKADEGODO PIKSELA TREwCI

7YBIERZ KOLORYDOBRZEPASUJCEDO J EJE AJC ACNI WZM YI TRON CIS TREw MOTYWPRZEWODNI 3KORZYSTAJ ZSERWISÎWTAKICHJAK HTTPKULERADOBECOM A DOZBUDOWANIAPALET ISPRAWDZENI JAK RÎNEKOLORY WYGLDAJRAZEM

: \YTOU^_T _U¸KN ]^\YXc a YZK\MS_

Y TOT dKaK\^YÄ¨

5YCIEGRAFIKI IKONOGRAFIIORAZTE MOEWZMOCNIÁMOTYW PRZEWODN KSTU ISTRONY DZIÅKICZEMUWYGLD STRONYJEST SPÎJNY ZJEJTREwCI

cUY\dc]^KT OVOWOX^c aSd_KVXO NY

A adWYMXSOXSK WY^ca_ Z\dOaYNXSOQY

IEJPRZYDA#I .ATYM ETAPIENAJBARDZ RZYSTAJSWOJ YKO 7 ÎW ÎZG M SIÅBURZA RZENIAELEMENTÎW LISTÅPOMYSÎWDOSTWO AJMOTYW EwL DKR PO PROJEKTU KTÎRE PRZEWODNISTRONY

7O^KPY\K aSd_KVXK

acUY\dc]^_TO OVOWOX^c

aSd_KVXO ]^\YXc UYVY\c

MdMSYXUS SUYXc

NY adWYMXSOXSK TOT

WY^ca_ Z\dOaYNXSOQY

2OZDZIA

&AZAPREPRODUKCJI

%)7;<:B 7z?-3 AcZS]d ZYXSÒOT NaK ZY^OXMTKVXO WY^cac Z\dOaYNXSO NVK aS^\cXc 7K\UK

:ÐXSOT acWcÄV USVUK OVOWOX^a Z\YTOU^_ ]^\YXc ZKWS°^KT s WYQ¦ ^Y

Lc¨ MdMSYXUS UYVY\c VYQY SUYXc P\KQWOX^c SX^O\POT]_ ^KU KLc d¸YÒc¸c

]S° YXO XK MSOUKa¦ WO^KPY\° aSd_KVX¦ aS^\cXc 7K\UK U^\K adWYMXS

TOT WY^ca Z\dOaYNXS 4UTAJ WIDAÁ I OÎWKIEM EPRACAZKARTK PA P KORZYwCINA RZYNIESIE #I OGROMNE PIERU ZAKOD8(4 ETAPIEZABRANIA SIÅ -, ORAZ#3 3

8KTaKÒXSOT]dO WY^cac Z\dOaYNXSO

/VOWOX^c SX^O\POT]_ ]^\YXc

JESTEuTUTAJ

-OTYWYPRZEWODNIEIELEMENTYSTRONY

%)7;<:B 7z?-3 7B?1B)61-

AcZS]d ZYXSÒOT NaK ZY^OXMTKVXO WY^cac Z\dOaYNXSO NVK aS^\cXc 7K\UK

:ÐXSOT acWcÄV USVUK OVOWOX^a Z\YTOU^_ ]^\YXc ZKWS°^KT s WYQ¦ ^Y

Lc¨ MdMSYXUS UYVY\c VYQY SUYXc P\KQWOX^c SX^O\POT]_ ^KU KLc d¸YÒc¸c

]S° YXO XK MSOUKa¦ WO^KPY\° aSd_KVX¦ aS^\cXc 7K\UK U^\K adWYMXS TOT

WY^ca Z\dOaYNXS 9^Y MY _NK¸Y XKW ]S° acZS]K¨j

JMUJ EPOMYSYsNIEPRZE *EwLIBÅDZIESZMIA INN ONEDOSTRONY POwWIÅCONEJ AY SIÅ"YLETYLKOPASOW JAPOÌSKIEJKULTURZE

8KTaKÒXSOT]dO WY^cac Z\dOaYNXSO $ZIENNIKZPODRÎYPO*APONII

0RZEWODNIKPO*APONIIDLATURYSTÎW

0ODKREwLMYPODRÎ KTÎRODBY-ARK ITO JAK NAPRAWDÅWYGLDA*APONIA7ITRYNAMOESTAÁ SIÅwWIETNYMzRÎDEMINFORMACJIDLAINNYCH OSÎBPLANUJCYCHPODRÎ DOTEGO KRAJU

/VOWOX^c SX^O\POT]_ ]^\YXc

.AGÎWEKZDUYMOBRAZKIEM -ARKZROBIMNÎSTWO WYwMIENITYCHZDJÅÁ-USIMY JETUZAPREZENTOWAÁ

*EDNANAWIGACJAGÎWNA 0ROSTOTAMAKLUCZOWE ZNACZENIE A-ARKNIECHCE OPOWIADAÁOWIELUPODRÎACH TYLKOO JEDNEJ

2OZDZIA

-APA*APONII 'EOGRAFIA*APONIIJESTWPROST UNIKALNA7TYMMIEJSCU MOEMYUYÁMNÎSTWO POMOCY WIZUALNYCH

0OJEDYNCZARAMKABOCZNA :NÎWsPROSTOTA.APRAWDÅ NIEMAMYTYLEMATERIAÎW BYWYPENIÁKILKARAMEK BOCZNYCH

&AZAPREPRODUKCJI

/VOWOX^c ]^\YXc ZYaSXXc U]d^K¸^YaK¨ WO^KPY\° aSd_KVX¦ lRJ¬u-®o¥¸u| ¬ª®Rª|Jyl |y¬l®-A®¬y-®lÖ ®- -y-ªl-Éy-J ¬uGA|®y-oJ®lRlÖy- |ylRGu¥l® |®ª-¸¬ÉGaJ®lR -\lÔª®¬ plRu- Rl-t¬pqlRy -#pt-J |y¬7-J®|u|Ay|ªt¬ª-y-uR -\|Öªl®¥-qyÔ lJRA¬J¥oR| ¬uGA|u|¸RG-A|ylRu|¸RG|o-ªlÉlÖ

.AWIGACJA GÎWNA /DNOwNIKIDO GÎWNYCHCZÅwCI STRONY

y-|pR²q|yRo |ylR®¬pt-J|ª|GoR²ql |y-u- ¬qp| oRJyÔp|q¥uyÖG ¥Jy|7ÖJ®lR-ªlÉG7¬ª¬aqÔJ-t-o-p a-®R -A®¬u-a-®¬yJ¬oRJy-pJ|J-u¬plqp-p|q¥uyG |y-u|¸R®-A®ÔÉy-²q-J|ª-ÉªlRq|p|q¥uy|ª¬¥pt-J ¬|ªRa|J®lRyylp-|- Ra|y-l- AR

.AWIGACJA POMOCNICZA

/DNOwNIKIDOTREwCI BÅDCYCH CZÅwCIAMI GÎWNYCHDZIAÎW

2AMKIBOCZNE 7YKORZYSTYWANE DOPREZENTOWANIA ODNOwNIKÎW IINFORMACJI POMOCNICZYCH

/DSTÅPY 7YKORZYSTYWANE DOROZDZIELANIA ELEMENTÎW IPRZYCIGANIAUWAGI DOKLUCZOWYCHCZÅwCI STRONY /ODSTÅPIE CZÅSTOSIÅZAPOMINA -OEONZARÎWNO WSPOMÎCPROJEKT JAK IMUZASZKODZIÁ

4REwÁ 4UTAJ TRAFIA NAJWANIEJSZA TREwÁ STRONYI TO PO TO ODWIEDZAJ WITRYNÅ UYTKOWNICY

3TOPKA

iWIETNE MIEJSCE NA INFORMACJEOPRAWACH AUTORSKICHORAZ ODNOwNIKI/DNIEDAWNA STOPKIWYKORZYSTYWANE SNAPOTRZEBY GRAFIKI DOOZNACZANIA POPRAWNOwCIKODU STRONYCZYJAKO ODNOwNIKIDOSERWISÎW TAKICHJAK4WITTER

JESTEuTUTAJ

%LEMENTYSTRONY

.AWIGACJAJESTNIEZB»DNA DOPORUSZANIASI»UYTKOWNIKÄW POSTRONIE0ROJEKT UMIESZCZENIE IZAWARTOv·TEGOELEMENTUMOENARÄNE SPOSOBYPOKAZYWA·MOTYWPRZEWODNI STRONY

:AWARTOv·STRONYTO NAJWANIEJSZYPUNKT WITRYNY4OTUTAJUMIESZCZASI» MATERIAY KTÄRECHCZOBACZY· ODWIEDZAJCY/BRAZKI WPISNA BLOGUALBOFILMZSERWISU9OU4UBE PUBLIKOWANESWAvNIEWTYM MIEJSCU

.AWIGACJA POMOCNICZAWYvWIETLAZAWARTOv· ZNAJDUJCSI»PODELEMENTEM GÄWNEGOSYSTEMUNAWIGACYJNEGO :AZWYCZAJNIEZB»DNAJESTJEDYNIE WWI»KSZYCHWITRYNACHALBOPRZY BARDZIEJSKOMPLIKOWANEJTREvCI

/DST»PYTOMIEJSCAPOMI»DZYRÄNYMI ELEMENTAMIPROJEKTUSTRONY/DST»PYPOMAGAJ PODZIELI·ZAWARTOv·WITRYNYNABLOKI DAJOKU UYTKOWNIKAODPOCZ·ISKUPIAJJEGOWZROK NATREvCISTRONY

2OZDZIA

&AZAPREPRODUKCJI 3TOPKASTRONYMOE ZAWIERA·COKOLWIEK ODINFORMACJIOPRAWACHAUTORSKICH POPOWTÄRZONEODNOvNIKINAWIGACYJNE 5YTKOWNICYCZ»STOSZUKAJWTYM MIEJSCUODNOvNIKÄWLUBTREvCI KTÄRYCH NIEUMIEJZNALEy·WINNYCH CZ»vCIACHSTRONY

2AMKIBOCZNEMOG PRZECHOWYWA·COKOLWIEK ODLISTODNOvNIKÄWPODODATKOWE INFORMACJE-ONAJERÄWNIE WYKORZYSTA·JAKONAWIGACJ» POMOCNICZLUBARCHIWUM ODNOvNIKÄWDOWPISÄWZBLOGA

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ -dc W_]d° dK]^Y]YaK¨ a]dc]^USO ^O OVOWOX^c XK UKÒNOT ]^\YXSO SX^O\XO^YaOT) 9$ 8SO ^Y ]¦ ^cVUY Z\dcU¸KNc _XSaO\]KVXcMR OVOWOX^a ]^\YX U^\cMR L°NdSO]d WQ¸ _Òc¨ :KWS°^KT

s UKÒNK ]^\YXK SX^O\XO^YaK TO]^ SXXK DacUVO ^Y WK^O\SK¸c UVSOX^K Y\Kd WY^ca Z\dOaYNXS ]^\YXc

YU\OÄVKT¦ U^\O OVOWOX^c Z\YTOU^_ acUY\dc]^K]d a UYºMYacW TOT _U¸KNdSO >KU XKZ\KaN° TOÄVS

]Z\L_TO]d XK UKÒNOT ]^\YXSO dK]^Y]YaK¨ a]dc]^USO ^O OVOWOX^c Y^\dcWK]d Z\YTOU^ U^\c

XSO L°NdSO WSK¸ aS°U]dOQY ]OX]_ s KXS NVK -SOLSO KXS NVK _Òc^UYaXSUa

:$ -dc UKÒNK ]^\YXK W_]S WSO¨ WY^ca Z\dOaYNXS S WO^KPY\° aSd_KVX¦) 9$ 3 ^KU S XSO 8SO UKÒNK ]^\YXK W_]S YZSO\K¨ ]S° XK WO^KPY\KMR QY\cVK Mdc aSOVYUYV_WXYaOQY ]^cV_

QKdO^c U^\O adWYMXS¦ TOT ^\OÄ¨ A aS°U]dYÄMS ]c^_KMTS aS^\cXK L°NdSO TONXKU WSK¸K TKUSÄ WY^ca

Z\dOaYNXS XKaO^ TOÄVS L°NdSO YX ac\KÒKXc TONcXSO Z\dOd TOT ^\OÄ¨ S ]ZY]L ZS]KXSK :KWS°^KT ÒO ^\OÄ¨

TO]^ ^KUÒO OVOWOX^OW Z\YTOU^_ S WYÒXK T¦ acUY\dc]^K¨ ^KU ]KWY TKU YN]^°Zc Mdc \KWUS LYMdXO

:$ + MY TOÄVS XSO WKW XK ZYMd¦^U_ ÒKNXcMR WK^O\SK¸a) +VLY MRM° ZY Z\Y]^_ _^aY\dc¨

LVYQK Mdc MYÄ \aXSO Z\Y]^OQY)

9$ 8KaO^ TOÄVS XK ZYMd¦^U_ XSO WK]d ÒKNXcMR WK^O\SK¸a dNT°¨ K\^cU_¸a PSVWa aSNOY S ^KU

W_]S]d ÄaSKNYWSO ZYNT¦¨ NOMcdT° NY^cMd¦M¦ WY^ca_ Z\dOaYNXSOQY ]^\YXc 4OÄVS ^aY\dc]d LVYQK

Y MdcW WK]d dKWSK\ ZS]K¨) 4OÄVS L°NdSO ^Y >aT NdSOXXSU s ]^KXSO ]S° YX >aYSW WY^caOW

Z\dOaYNXSW 5KÒNK aS^\cXK WK TKUSÄ WY^ca Z\dOaYNXS XKaO^ TOÄVS ZY Z\Y]^_ ^\KU^_TO Y >YLSO

JESTEuTUTAJ

5KOÊCZENIEMETAFORYWIZUALNEJ

§aSMdOXSO

By skończyć metaforę wizualną dla witryny internetowej Marka, musimy przyjrzeć się różnym kombinacjom kolorów i układów strony, które będą pasowały do naszej treści. Spójrz na poniższe próbki układów strony i kolorów, a potem spisz swoje uwagi na temat tego, jak reprezentują one zawartość strony Marka. Pamiętaj, by uwzględnić motywy przewodnie i elementy wizualne zidentyfikowane w poprzednim ćwiczeniu.

IOTÎW /TOKILKAZDJÅÁI PRZEDMARKA ZEZ PR PRZYWIEZIONYCH Z*APONII

5KADJEDNOKOLUMN Z JASNYMI PASTE OWY LOWYMI KOLORAMI

2OZDZIA

&AZAPREPRODUKCJI

5KADTRÎJKOLUMNOWY ZPROSTYM NIEBIESKIM SCHEMATEMKOLORÎW

4RADYCYJNASTRONADWUKOLUMNOWA ZESCHEMATEMKOLORÎWZIEMI

JESTEuTUTAJ

5KOÊCZENIEMETAFORYWIZUALNEJ

§aSMdOXSO

By skończyć metaforę wizualną dla witryny internetowej Marka, musimy przyjrzeć się różnym kombinacjom kolorów i układów strony, które będą pasowały do naszej treści. Spójrz na poniższe próbki układów strony i kolorów, a potem spisz swoje uwagi na temat tego, jak reprezentują one zawartość strony Marka. Pamiętaj, by uwzględnić motywy przewodnie i elementy wizualne zidentyfikowane w poprzednim ćwiczeniu.

4EKOLORYZDAJSIÅNIEPASOWAÁ DOMOTYWUPRZEWODNIEGOSTRONY OPODRÎYPO*APONII*ASNEPASTELE POPROSTUNIEWYGLDAJTUZADOBRZE

#HOÁSTRONYJEDNOKOLUMNOWES PROSTE NIEMA NANICH WYSTARCZAJCO DUOMIEJSCA BYWYRÎNIÁWSZYSTKIE MATERIAYPRZYWIEZIONE PRZEZ-ARKA ZPODRÎY

5KADDWUKOLUMNOWYDABYNAM WYSTARCZAJCODUOMIEJSCA JEDNAK JEGOWZORZECKOLORÎWNIEZABARDZO NAMODPOWIADA

+OLORYZIEMISADNE ALETROCHÅ ZACIEMNEDLATEGOMOTYWU PRZEWODNIEGO*APONIAJESTWYSP WIÅCMOEPOWINNIwMYMIEÁ TUTROCHÅNIEBIESKIEGO

2OZDZIA

&AZAPREPRODUKCJI

$UAMAPA*APONIIPOWINNAwWIETNIE WYGLDAÁWNAGÎWKU+IEDY ODWIEDZAJCYTRAFINASTRONÅ NIEBÅDZIE MIAWTPLIWOwCI COJESTJEJMOTYWEM PRZEWODNIMICZEGOONADOTYCZY

U .IEBIESKIDOBRZEPASUJE DOMOTYW PRZEWODNIEGO0OZOSTAE KOLORYS BARDZIEJ NEUTRALNEIPOZWOLNAMNIU NAKREATYWNOwÁ PRZYROZMIESZCZA ELEMENTÎWWIZUALNYCH

4AKOMBINACJAUKADUSTRONYIKOLORÎW DAJENAMDUOMIEJSCANAWYwWIETLENIE WSZYSTKICHMATERIAÎW-ARKA 7YKORZYSTUJEPROSTPALETÅPODKREwLAJC KOLORNIEBIESKI4ODOSKONAYPOMYS PONIEWA*APONIATOKRAJWYSPIARSKI

4RZYKOLUMNYPOWINNYSIÅSPRAWDZIÁ WWITRYNIE-ARKA.IE TYLKOWYGLDAJ CIEKAWIE ALEPOZWALAJ TAKE ZAPREZENTOWAÁ UYTKOWNIKOMWIELE INFORMACJI

JESTEuTUTAJ

0RÌBKIKODU8(4-,ORAZ#33

DL_N_T ]dcLUY Z\LU° UYN_ B2>76 NVK 7K\UK "|G¸Rp¥l-®lÖy--lR®Rl|t}ªp¥GylR®y-A®¬G¸Ru¥l®A-tp|ªlAlR ®-®¥AlÉp|J(" p||u-u¬o¥¸®Ru¬²q-yR|u¬t¬G®7¥J¥oRu¬ | Ô}7pÖp|J¥(" |y¬-p-®p|JRu J|J-oÔA¬up|q| l\|u- |ª-ylR #¥Ai|u¥q¥7l|y¬RJ¬ | Rp ¥A®¬p|J¥"l¥ ª}®y|ª¬qlpF

$EKLARACJATYPU DOKUMENTU TO8(4-,3TRICT

Mark w Japonii /DNOwNIKDOPLIKU#3 3 SIÅONZNAJDOWAÁ W TYM MUSI

SAMYMFOLDERZE COTEN PLIK

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque quis nisl eget est viverra placerat. ...

Nulla facilisi. Cras ac tellus fringilla tortor iaculis

0RZYKADOWYTEKSTPÎzNIEJ EMJEST ZA E YL ST RÎNE

2OZDZIA

&AZAPREPRODUKCJI

+ ^KUÒO UYN -==j | ®R7y¬y-u7ÖJ®lR}ªylR¸qlpscreen.cssG| ¬-p¥® ¬q}ª t¥¸ÔA¬J|ª¬²ªlR qRyl- |y¬-p-F /* Plik screen.css */ body { margin: 0; background: #112b63; font-family: Georgia, serif; line-height: 1.2em; } h1, p, ul { 7SZYSTKIETEELEMENTY margin: 0; WSPÎDZIEL TESAMEREGUY padding: 10px; } ul { padding: 10px; list-style-type: none; } 5SUNIÅCIEZNAKÎW ul li { WYPUNKTOWANIA ZLISTY margin: 0 0 10px 0; NIEUPORZDKOWANEJ padding: 0; } 2EGUAaMARGINAUTOpWYwRODKOW #wrap { UJE CASTRONÅ WOKNIE PRZEGLDARKI margin: 0 auto; padding: 10px 20px 20px 20px; width: 880px; background: #0b204c; border-top: 10px solid #091a3f; } #header { background: #ead9b8; height: 150px; } #content-left, #content-center { float: left; %LEMENTYDIVKOLUMNORAZ PASKABOCZNEGOWYKORZYSTUJ width: 280px; REGUÅaFLOATLEFTpW CELU margin: 20px 20px 20px 0; UTWORZENIAUKADUTRZECH background: #fff; KOLUMN } #sidebar { float: left; width: 280px; margin: 20px 0 20px 0; background: #ccc; } #footer { clear: both; 0AMIÅTAJ ESTOPKA MA BYÁ background: #ead9b8; WYwWIETLANAPODKOLUMNAMI }

JESTEuTUTAJ

/STATECZNAPRÌBKASTRONYWPRZEGLDARCE

Mark w J

2EZULTAT POCZENIAKODÎW8(4-, I#33Z POPRZEDNICH STRON.ADAL TOTYLKOPODSTAWOWYZARYSSTRONY ALE POZWOLION-ARKOWIZOBACZYÁ DOCZEGOZMIERZAMY

(Mb.IEWIEM CZY PODOBAMISI»TEN POMYSZTRZEMAKOLUMNAMI-IAEM NADZIEJ»NACOvPROSTSZEGO7IESZ rNAGÄWEK STOPKA JEDENPASEKBOCZNY COvWTYMSTYLU#HCIABYMTAKEZOBACZY· WI»CEJSZCZEGÄÄW0OTYMTUTAJ NAPRAWD»NIEWIEM DOCZEGOWOGÄLE ZMIERZASZb

2OZDZIA

&AZAPREPRODUKCJI

Japonii

#OARTUJESZ SOBIEZEMNIE-YvLAAM ECELEMTEJCAEJFAZY PREPRODUKCJIJESTDOSTARCZENIE KLIENTOWICZEGOv COMUSI» ODRAZUSPODOBA

JESTEuTUTAJ

/SZCZÃDZENIESOBIECZASUDZIÃKISZKICOM

.OTAK WYGLDANATO E-ARKOWI NIEZABARDZOPODOBASI»NASZPROJEKT ITRZEBAWYMYvLI·COvINNEGO4ERAZ MUSIMYWYRZUCI·WSZYSTKO COMAMY IZACZ·ODNOWA#OZABEZSENSb

|RF®¬ylRu|¸Ru¬ª¬p|®¬ -É|y|ªylRA®Ö²Alª¬p|y-yRoo¥¸-A¬ luF®¬qlA|G®7¥J|ª-Ép|qRoyÔ |yÖ("®ª¬p|®¬ -ylRuu| ¬ª¥ ®Rª|JylRa|+y|ª¥J|oJ®lRu¬J| Ra|-uRa|¥yp ¥V--p|ªl y-J-qu|¸RlÖylR|J|7-É |GA|ª¬u¬²qlql²u¬

-ypFqR -po-pu}ªltRuVy-J-qu-u¬u| ¬ª®Rª|JylGp }¬ |ªlylRylÖ-ªJ®lÉ|®- ¬uylRÔJ®ÖG¸Ry-®-uR -\|-ªl®¥-qy- y-J-oRlÖ ¬qp|J|²ulRAlG-ªJ-¥lu¬|| ¥|p-®-É-p|ªl plqp-ª-l-y }ª |RFA|®i| |i|Ru|aql7¬²u¬®7¥J|ª-É |y¬ª ¬u|a-ulR l|p-®-É-p|ªl|oRp ¬ª\|u-AlR R²qlu¥lÖ|J|7-oÔG 7ÖJ®lRu¬o¥¸ulRql|J -ªÖa-\lpllª¬aqÔJ¥| - RA®yRo |y¬ luF+-ylup|ÍA®¬u¬|7lÉplqp-|oRp }ª}7y¬Aiªi| |i|lRG }ªylRJ|7®Ru|¸Ru¬oRulRÉJ-ªy|a| |ªRªp|J®lR("l "|®RAlR¸uy} ª|-A¬A|7ÖJ®lRGoR²ql-p|ªl -p¸R|yRlÖylR |J|7-oÔ

&RANK

*IM

*OE

-ypFaJ¬7¬²u¬|| ¥y-¬|ª-qlplqp-|u¬t}ªy-p- AR -lR¥|¸Ru¬y-®plA|ª-Éy-®|u¬ty- |yÖGJ|J-É |AiÖ p|q|}ªG-| Ru®Rt-É |J|-p-ªARq¥¥®¬p-yl-oRa|-pAR -Aol R²ql®plARu¥lÖylR|J|7-oÔGy-¬¥oRu¬p|qRoyR®RAlR¸ |ylR ®-oulR®7¬ ªlRqRA®-¥ luFuV-|ylRª-¸}7pl7ÖJÔy--lR®RG-pu}at7¬ª|ª-J®-É y-ylAi|-ªplGJ®lÖplA®Ru¥7ÖJ®lRu¬qRlRoªlRJ®lRqlG|A|u¥Ai|J®lG plRJ¬A|²u¥ylR|J|ªl-J- |RF'lRAlRG |Ai¬7-ylR®t¬|u¬t|¸Ru¬ªlÖAª¬p|®¬ -Éu| ¬ª ®Rª|Jyl|y|ªylRGoRJy-pJ| -A®¬É-p|ªlJª-A®¬ ®¬}¸yR |oRp ¬y-¬|ª-yRy-p- ARG-ª RJ¬7ÖJ®lRul-t®A®Ra|ª¬7lR-É |J|7-ullÖ Ry|u¬tV luF¬¥yplylRu¥®ÔAi¬7- R¸7¬É®7¬ ®A®Ra}t|ªRG-ªJ- ¥®Ô|| ¥|p-®-É-p|ªlGo-puylRoªlÖARo7ÖJ®lR ª¬aqÔJ-t-a| |ª- |y-

2OZDZIA

&AZAPREPRODUKCJI

?ÒcT ]dUSMa Lc \YdaSX¦¨ ZYWc]¸c

S dKY]dMd°NdS¨ ^\YMR° MdK]_ LOd ^aY\dOXSK UYN_ RJy¬u®y-oª-¸ylRo®¬AiRqRuRy }ª\-®¬R|J¥pAoloR ª|®RylR®plA}ª A®-Ru®ª-y¬Ai |¬7|-J-ulGARy|¬-ulA®¬®oÖ®¬p--yalRqplRa|WA|yAR - ®plARª¬p|®¬ ¬ª-yRÔJ|RtyRoªl®¥-ql®-Aol|oRp ¥-oÔ|yRu|¸qlª|²É ®|7-A®Ryl-ly R-pAolulÖJ®¬p|q|-ulGJ|-|ª-yl-J|lR7lRRqRuRy }ªly R\Ro¥G -ªJ®Ryl-ª¬aqÔJ¥¬ Ru¥y-ªla-A¬oyRa|lJ®l-t-yl-uR -\|¬ªl®¥-qyRoG- -p¸R Ra|GA®¬ R²É |y¬RR®Ry |ª-y-oR ªy-oqR®¬u|¸qlª¬|}7W-ª®¬ p| | 7R®®-7lR-yl-lÖ®- ª|®RylRp|J¥

ANIESIÅ "YÁ MOE ZABR, NATAK 4( 8 OD ZAK PIE WCALE WCZESNYMETA wWIETNYM IM AK T O NIE BY ZAS WRÎCIÁ POMYSEMb#ARTKI K I DOOÎWKA

"-py--ªJÖ®plARÔp|qRoy¬u|®l|uRu7¥®¬u}®a}ª-®o¥¸®-|7Ô7¥®Ö u}®a}ª®¬ ª|®Ryl¥u| ¬ª¥®Rª|JylRa| |y¬V R-®A®-y-ª¬-A|ª-ylR ª Ry|}7uR -\|¬ªl®¥-qyRol|u¬t}ªy-RqRuRy ¬|oRp ¥ |y¬ .IE BÎJ SIÅ PISAÁNASWOICH SZKICACH-OLIWOwÁ KREwLENIANA NICHJESTJEDNZZALETTESTOWANIA PROJEKTUNA PAPIERZE

IÅ

:WYKY PROSTYSZKICMOESTAÁS STRONINTERNETOWPENDETALI

=Z\L_T ^aY\dc¤ ]aYTO ]dUSMO

XK acN\_U_ Z_]^OQY YUXK

Z\dOQV¢NK\US >Y ÀaSO^Xc ]ZY]L

Lc ZYUKdK¤ UVSOX^YaS ]aYTO ZYWc]´c

a YNZYaSONXSW UYX^OUÀMSO JESTEuTUTAJ

.IEPROJEKTUJESZDLASIEBIE

.OTAK ALE PRZECIENAWET GDYBYvMYUYLISZKICÄW -ARKOWI NADALNIEPODOBABYSI»NASZPROJEKT *AKMOEMYUZYSKA·PEWNOv· ESPODOBA MUSI»KOLEJNAWERSJA KTÄR WYMYvLIMY

8SO Z\YTOU^_T NVK ]SOLSO -ulÖ -oGplRJ¬|oRp ¥oR®A|²Jq-pqlRy -G"ª|oR ¥|J|7-yl-lÖylRqlA®ÔWAi|J®l ¥|| ®R7¬pqlRy - #ª®aqÖJylRylR| ®R7pqlRy -®-A®¬y-lÖo¥¸y-R -lR ª|®Ryl-®plA}ª+--ya-¸|ª-ylRpqlRy -oR ylu-pG -ulÖ -®ª|AR|oRp |ª-yl-u|¸R|ª-J®-ÉlÖ J|| p-yl-G||®Ryl-pqlRy -|ª¬RtylRylR-yplR ¬y- Ru- |oRp ¥q¥7®Rt-yl-u¥plqp¥ªA®Ry¬Ai|oRp }ª y-R -lRR|J¥pAol|®ª|qll |ylR ¬qp| ª|®¬É |oRp ¬Gp }R7ÖJÔlÖpqlRy |uy--ªJÖ|J|7-t¬ WpqlRyAlJ|ARylÔ R¸ |G¸R®| -ql®--ya-¸|ª-yl ª|AR|oRp |ª-yl- '|-Al¥|u- Rl-t¬-p-ª¬u¬²qlql²u¬A|²GA||J|7-t| lÖy-uG-qR7¬Éu|¸R|ªlyyl²u¬7¬qly-olRª®-¬ -É -p-GA®Ra||y-u|A®Rp¥oR|Jª|oRo |y¬V

2OZDZIA

&AZAPREPRODUKCJI

#HCIABYMGDZIEv ZOBACZY·MAP»*APONII 'EOGRAFIATEGOKRAJUJEST INTERESUJCA DLATEGOSDZ» EMUSISI»ZNALEy·GDZIEv NASTRONIE 0ODOBAJMISI»PROSTE DWUKOLUMNOWEUKADY STRON TAKIEJAKMA OBECNIEWIELEBLOGÄW

#HC» BYWFINALNYM PROJEKCIEZNALAZOSI» MAKSYMALNIEDUOMOICH MATERIAÄW

0ODOBAMISI» DUALICZBAZDJ»· -YvL» EJEDNOZNICH vWIETNIEWYGLDAOBY JAKONAGÄWEKSTRONY

AC=36 =D+
JESTEuTUTAJ

4WORZENIESZKICU

?^aY\dcWc ^O\Kd ]dUSM NVK 7K\UK +7¥J¥oRu¬ R-®lyyÔªRoÖªl ¬y¬-p-y--lR®R'lRu¬o¥¸ |ªlRqRªlÖARo| ¬uGo-plRÔ|A®Rplª-yl--p-Wq|a|GJªlR p|q¥uy¬lJ¥¸|ulRoA-y-oRa|u- Rl-t¬ ®¬a| ¥o®- Rup- pÖ-lR¥ |GA|u¥l®®|7lÉF

: \dcQY^_T UK\^U° ZKZSO\_

S XK\c]_T XK XSOT ]SK^U° ®¬a| ¥op- pÖ-lR¥\|u- `ª®¥Rty|²Al ª¬ -A®¬l®-|u|AÔ|t}ªp-q¥7®-alÖÉ¥ ª}®y-ylRo l- pÖ|¸R®}ªylR¸¥¸¬Ép- pl®7q|p¥ RAiylA®yRa| A®¬®R®¬ ¥ªp- pÖGp }-u-a| |ªÔl- pÖ|7- l- p-¥t- ªl-|®ulR®A®RylRRqRuRy }ªy-®plA¥ |y¬ ly RyR |ªRo -y|ªl}ªylR¸|J -ªÖ|®ª-q-oÔAÔ y- ª|®RylR|pR²q|yRa|¥pt-J¥ |y¬Gp }Ro RqRuRy ¬-¥oÔJ|lR7lRGÔJ|7®R¥|®ÔJp|ª-yR l®|a-yl®|ª-yRG- ¬u-u¬u -oÔlÖt- ªR ª|ARylRJq-|p-¥¸¬ p|ªylp- 7 ROZDZIALE POWIEMY WIÅCEJ NATEMATSIATEK

-OESZ UYÁWYDRUKUOKNA PRZEGLDARKI BY ZOBACZYÁ JAK STRONABÅDZIEWYGLDAA WODPOWIEDNIMKONTEKwCIE

8K]dUSM_T ]aT Z\YTOU^

- ¬uR -lRu-®®-yÖª¬p-®-ÉlÖo-p| |oRp -y ª}®¥pt-J |y¬Gy-®plA¥o q|a|G|7-®plA®¬A|p|qªlRplyyRa|GA| ®¬Ai|J®llJ|at|ª¬'®¬ plR Rp ¬ ®R |y¬u|¸R®®- ÔlÉqlyl-ul7ÔJ´ -upÔ®Rt|ª-ullRoARy- Rp RqRu¥ ª|®Ryl-®plA¥ylRoR ®|7-A®RylR -ªJ®lªRo®-ª- |²Al |y¬G-oRJ¬ylR ¥®¬p-ylRa| |ªRa|¥pt-J¥ |y¬ 3KUPSIÅNANAJWANIEJSZYCHELEMENTACH ANIESLOGANACHCZYODNOwNIKACHTEKSTOWYCH $AJKLIENTOWIPODSTAWOWYOBRAZJEGO STRONYINTERNETOWEJ

2OZDZIA

NAGŁÓWEK

STOPKA

&AZAPREPRODUKCJI

.YNKT UYVY\c S acUYºMd ]dUSM |J-ylRp|q|}ªJ|®plA¥oR 7-J®|l | yRWp|q|¬J¥¸|®ulRyl-oÔ'¬oulo ®- RupRJpll|p|q|¥oª}o®plA-ªR oR²ql"ª}o¥p|Ai-y¬|JAlRÍ}¸¥ lyJ¬oplRa|ylRoR -p®ª-y¬up|q|Ru7R®lRA®y¬uGª¬7-yR7-ª¬|ªlyy¬ |JJ-ª-ÉuylRoªlÖARo |Go-p®R|7Ôª}ta-oÔGplRJ¬ |y- -\lJ|y RyR ¥ |p|ÍA®Ryl¥p|q||ª-yl-¥®¥Rtylo7-p¥oÔARJR -qRWla| |ªR[-®ª¬oÔ p|ª¬ l\-y - ¬A®y¬®plA[

NAGŁÓWEK NAGŁÓWEK

STOPKA

STOPKA

/TO JAKSZKIC WYGLDAWWYDRUKUOKNA PRZEGLDARKI .ATYMETAPIEPROCESUPOWINIENEw POKAZAÁKLIENTOWISWOJE PRACE$AJMUDWIELUBTRZYOP CJE IPOPROwOMAKSYMALNIE DUILOwÁINFORMACJI ZWROTNYCHW IPOPRAWKAMINASAMYCH RYSUNKAC CZNIE ZNOTATKAMI H

§aSMdOXSO

Narysuj dwa szkice dla Marka. Pamiętaj, muszą one być zgodne z jego oczekiwaniami, a jednocześnie na tyle różne, by dało się pomiędzy nimi dokonać wyboru.

JESTEuTUTAJ

/STATECZNYKSZTATSZKICU 4ENJESTvWIETNY 0ODOBAMISI»PROSTY UKADSTRONY AMAPA*APONII UMIESZCZONAWNAGÄWKU SPRAWDZASI»DOSKONALE.IE MOG»SI»DOCZEKA·GOTOWEGO PROJEKTUSTRONY

3ZKICUMIEwCILIwMYW WYDRUKU OKNAPRZEGLDARKI BY-ARK ZOBACZY JAKGOTOWASTRONA BÅDZIEWYGLDAANA EKRANIE KOMPUTERA

MARK W JA PONII

MARK W JAPONII

/TODRUGIWYKONANYPRZEZ NASSZKIC KTÎRYJEDNAK NIE SPODOBASIÅ-ARKOWI4AK CZYOWAK WYKONANIEDWÎCH SZKICÎWWKOLORZEZAJÅO NAMOKOOGODZINY

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ -dc WYQ° ]aYTO ]dUSMO acUYXK¨ :$ .VKMdOQY XSO WYQ° _WSOÄMS¨

a :RY^Y]RYZSO V_L SXXcW Z\YQ\KWSO

NY ONcMTS Q\KPSUS)

9$ =dUSMO WYÒO]d ^aY\dc¨ a NYaYVXc

]ZY]L 8KTaKÒXSOT]dO TONXKU Lc ^KUSO

Z\LUS Z\YTOU^_ acUYXcaKXO Lc¸c

WKU]cWKVXSO ]dcLUY :RY^Y]RYZ LOd

a¦^ZSOXSK NK -S aS°U]d¦ UYX^\YV° S ZYdSYW

]dMdOQ¸_ TONXKU WYÒO dKT¦¨ -S aS°MOT

MdK]_ :Y]SKNKXSO McP\YacMR aO\]TS

Z\YTOU^a s LOd adQV°N_ XK ^Y Mdc

^aY\dc ]S° TO a Z\YQ\KWSO Mdc ]UKX_TO

]dUSMO acUYXKXO \°MdXSO s ZYdaYVS XK

]dcLUSO Z\dO]¸KXSO ZYWc]¸a NY UVSOX^K

a MOV_ _dc]UKXSK TOQY YZSXSS :Y Z\Y]^_

d\L ^Y a MdcW L°NdSO]d XKTacNKTXSOT]dc

S MY L°NdSO NVK -SOLSO XKTacQYNXSOT]dO

2OZDZIA

^OU]^_ XK ]dUSMKMR)

9$ >OU]^ ^\OÄ¨ ^KU XKZ\KaN° XSO WK

dXKMdOXSK XK O^KZSO ^aY\dOXSK ]dUSM_

1¸aXc XKMS]U ZYaSXSOX Lc¨ ZY¸YÒYXc

XK N_ÒO OVOWOX^c _U¸KN_ ]^\YXc

S OaOX^_KVXSO XK ]MROWK^ UYVY\a >OU]^

ZYTKaS ]S° ZÐXSOT ZY dKZ\YTOU^YaKXS_

]c]^OW_ XKaSQKMcTXOQY S K\MRS^OU^_\c

SXPY\WKMTS 8K \KdSO a]^Ka ZY Z\Y]^_

^OU]^ LOd dXKMdOXSK s MdK]KWS XKdcaKXc

^OU]^OW i6Y\OW 3Z]_Wp s KVLY Q\_LO VSXSO

\OZ\OdOX^_T¦MO ^OU]^

:$ A TKUS ]ZY]L XKTVOZSOT TO]^

NYNK¨ UYVY\)

9

$ 4OÄVS ]dUSMO ^aY\dc]d \°MdXSO XKTVOZSOT

]Z\KaNdKT¦ ]S° U\ONUS =¦ ac\KÐXSOT]dO

S LK\NdSOT ]dMdOQ¸YaO YN WKdKUa

K ^KUÒO XSO Z\dOÄaS^_T¦ XK N\_Q¦ ]^\YX°

UK\^US 4OÄVS aYVS]d UY\dc]^K¨ d :RY^Y]RYZK

acLSO\d MYUYVaSOU MY -S YNZYaSKNK

,Od adQV°N_ XK Y]^K^OMdXc acL\ MOVOW

TO]^ Z\Y]^Y^K S Z\dON]^KaSOXSO acQV¦N_

QY^YaOT ]^\YXc 9 UYVY\dO aS°MOT ZYaSOWc

a \YdNdSKVO NVK^OQY XSO UYXMOX^\_T ]S°

^O\Kd XK ^cW dK LK\NdY :Y Z\Y]^_ d\L ^Y

^KU TKU ZY^\KPS]d XKTVOZSOT S dYLKMd

MY ZYaSO UVSOX^

&AZAPREPRODUKCJI

8SOdL°NXSU Z\YTOU^KX^K aS^\cX SX^O\XO^YacMR

ROZDZIAŁ 2.

Pod ręką masz teraz kilka szkiców i niezły zestaw technik projektowania — tworzenie motywów przewodnich, metafor wizualnych i szkiców. Następne w kolejności: tworzenie wersji cyfrowej po zaakceptowaniu szkicu.

ZAAKCEPTOWA

NE

NII MARK W JAPO

-/68/ =:9=>

W fazie preprodukcji strony internetowej swoje pomysły możesz wypróbować na kartce papieru, unikając w ten sposób potencjalnych błędów w kodzie, które mogłyby Cię kosztować czas, wysiłek i być może także pieniądze.

Przy tworzeniu metafory wizualnej strony bądź subtelny i nie przesadzaj.

Szkice to odręczne rysunki koncepcji projektu, które pomagają zwizualizować projekt jako całość.

Metafora wizualna wykorzystuje elementy wizualne (obrazki, ikony, kolory czy czcionki) do nieświadomego wzmocnienia tematyki strony internetowej.

JESTEuTUTAJ

2OZDZIA

3. Organizacja strony

i5Y¸Y dSOVYXOT aSOÒc

]U\°MK]d a VOaYjp

4ED KOCHANIE TAKNAPRAWD»NIEMASZ POJ»CIA JAKDOTRZE·DO DOMU-ARGIE PRAWDA

3UCHAJ TONIE MOECHYBABY·ZBYT TRUDNE7SZ»DZIESZNAKI AJAWIEMDOKADNIE CZEGO SZUKAMb 4AKMISI»PRZYNAJMNIEJ WYDAJEb

.AWIGACJASTRONYTODLA#IEBIENIEPEWNYGRUNT A 3X^O\XOMSO ^Y _Òc^UYaXSMc ]¦

aKÒXS 8SO V_LS¦ ^\KMS¨ WX]^aK MdK]_ XK ZY]d_USaKXSO a¸KÄMSaOQY Z\dcMS]U_ Mdc Z\dONdSO\KXSO

]S° Z\dOd ^\dc ZYdSYWc \YdaSTKXOQY WOX_ YZK\^OQY XK 4K`K=M\SZMSO .VK^OQY a¸KÄXSO W_]S]d

ZYÄaS°MS¨ N_ÒY MdK]_ XK NYL\¦ Y\QKXSdKMT° ]^\YXc s TO]dMdO dKXSW dKLSO\dO]d ]S° dK TOT

^aY\dOXSO S Z\YTOU^YaKXSO A ZYZ\dONXSW \YdNdSKVO _^aY\dcVSÄWc ÄaSO^Xc WY^ca Z\dOaYNXS

S acQV¦N ]^\YXc A ^cW \YdNdSKVO adWYMXS]d Z\YTOU^ NYL\¦ Y\QKXSdKMT¦ ]^\YXc :Y ]UYºMdOXS_

L°NdSO]d WSK¸ ]^\YX° U^\K ZYaSO _Òc^UYaXSUYaS QNdSO WK ]S° _NK¨ S XSO ZYdaYVS W_ ]S°

dXYa_ dQ_LS¨

TOJESTNOWYROZDZIA

0RZYJRZENIESIÃZAWARTOuCISTRONY

MARK W JAPONII 4ESZKICEWYGLDAJ vWIETNIE$WUKOLUMNOWY PROJEKTSTRONYBARDZOMISI» PODOBA:ACOPOWINNIvMY SI»ZABRA·TERAZ

OBA -ARKOWI NAPRAWDÅ POD RY KTÎ U KIC SZ OTA OST PR SIÅ GO NARYSOWALIwMYDLA NIE W POPRZEDNIM ROZDZIALE

2OZDZIA

/RGANIZACJASTRONY

.YZK]YaKXSO dKaK\^YÄMS ]^\YXc NY TOT _U¸KN_ 'A®-lR|J}¸¬|-|yll-p®a|u-J®ltuy} ª|u- Rl-t}ª|7lt®JoÖAl-G |ª-J®ltJ®lRyylpG®7lR-t}¸yRAlRp-ª| plu-¬G\|qJR¬G-ulÔ plG-y-ªR y-pÖAlt plqp-\lqu}ªªlJR|-oª-¸ylRo®R¬ -ylR R-®7®ulFo-p|ªlyyl²u¬®|a-yl®|ª-É ª®¬ plR Ru- Rl-t¬GJ|-|ª¥oÔAoRJ|y|ªRa||oRp ¥ |y¬

DOPASOWAÁ *AK MOEMY MATERIAYDO E T IE TK YS Y DLA WSZ Y WYKONALIwM PROJEKTU KTÎR -ARKA

JESTEuTUTAJ

/RGANIZACJAINFORMACJIZNAJDUJCYCHSIÃNASTRONIE

9\QKXSdKMTK SXPY\WKMTS dXKTN_T¦McMR ]S° XK ]^\YXSO RqRu |y¬ly RyR |ªRooR R®Ry |ª-ylRly\|u-AolR®ª®aqÖJ¥y- |Go-p²ªlR y¬ylR7¬t7¬ |oRp ªl ¬y¬GoR²qlylR®Ru-ªl-|y-J||J7l|A}ªGylR|JylRlR -plRa|¥pAR¥Go-p |y-G p }Ro-¥ |u-A|²J||ªlRJ®Ryl-Gly-J|J- Rpu}ªl |ª|}7o-y¬l®|®¥ul-t¬ "|Go-pJ|7®R |y-®RJ -ªl-ª|oÔ R²ÉGªJ¥¸RoulR®R®-qR¸¬|J|a-yl®-Aolly\|u-AolR²ql ®-ª- |²É |y¬oR ylRªt-²AlªlR|®q-y|ª-y-Gª®¬ p|u|¸RlÖ´qRp|ÍA®¬ÉG-®JR®|lRy |ª-yl ¥¸¬ p|ªylA¬u|aÔª|qRÉp|®¬ -É®p|yp¥RyA¬oyRoªl ¬y¬-ªlJt|ª-lq|alA®y-|a-yl®-Ao- ly\|u-Aol|ª-J®-lÖJ|}¸ylA¬ulÖJ®¬J|7Ô-®tÔy-ªla-AoÔ |y¬WA®¬ql}¸ylAÔulÖJ®¬ ¬ ¥-AoÔGªp }Ro¥¸¬ p|ªylA¬®¬7p||Jy-oJ¥oÔ |GA|AiAÔG-¬ ¥-AoÔGaJ¬Ô®JR®|lRy |ª-yl

%)7;<:B 7z?-3 DK]^KXaWc ]S° XKN ^cW TKU Y\QKXSdKMTK _WSO]dMdYXcMR XK ]^\YXSO

SX^O\XO^YaOT SXPY\WKMTS WYÒO aZ¸cX¦¨ XK XKaSQKMT° ZY ^OT ]^\YXSO

:\dcT\dcT ]S° ZYXSÒ]dcW OVOWOX^YW ^\OÄMS S _WSOÄ¨ TO ZYN dXKTN_T¦McWS ]S°

ZY Z\KaOT YNZYaSONXSWS UK^OQY\SKWS XKaSQKMTS XKTacÒ]dOQY ZYdSYW_

DNT°MSK

.dSOXXSU

d ZYN\Òc

.dSOXXSU

4ONdOXSO 7SOT]MK NY

dYLKMdOXSK :Y\_]dKXSO

]S°

7OX_

\O]^K_\KMcTXO

2OZDZIA

0SVWc aSNOY

:YMd^aUS

8_WSdWK^c

0RZYJRZYJSIÅTYM CZÅwCIOMZAWARTOwCI STRONYIUMIEwÁJE POD KATEGORIAMI DOKTÎRYCHs4WOIM ZDANIEM sNALE

RY^OVS

/RGANIZACJASTRONY

%)7;<:B 7z?-3 /TO KATEGORIE KTÎRE-ARK ZAPLANOW DLA SWOICH MATERIAÎW#ZYBÅD A ONE DOBRE

:Y\KNc

S ZYN\ÒO

7YTO XY^K^US

A]ZYWXSOXSK

7ONSK

DNT°MSK

0IERWSZY ELEMENT UMIEwCILIwMY ZA #IEBIE :DJÅCIA ZDAJ SIÅPRZYNALEEÁ DO KATEGORII a7SPOMNIENIApb PRAWDA

JESTEuTUTAJ

.IEJEDNOZNACZNYSYSTEMNAWIGACYJNY

%)7;<:B 7z?-3 7B?1B)61-

>aYTO dKNKXSO ZYVOQK¸Y XK ZYaS¦dKXS_ Md°ÄMS dKaK\^YÄMS ]^\YXc

d XKTLK\NdSOT YNZYaSONXS¦ UK^OQY\S¦ XKaSQKMTS XKTacÒ]dOQY ZYdSYW_

9^Y XK]dO \YdaS¦dKXSOj K TKU acQV¦NK >aYTO)

-EDIATOZAZWYCZAJ ZDJÅCIA IFILMY ALEa-ENU RESTAURACYJNEpIa.UMIZMATYp TENIE WYGLDAYBYTUTAJ zLE0OZATYMZTECHNICZNEGO PUNKTU WIDZENIATOTE S ZDJÅCIA

4OWYDAJESIÅ DO MIEJSCEM NAUWABRYM DOTYCZCE JEGO POGI -ARKA NOTATKIOJEDZEN DRÎY 4AKE IU TUTAJNIEzLE PASO POWINNY WAÁ

:Y\KNc

S ZYN\ÒO

7YTO XY^K^US

A]ZYWXSOXSK

7ONSK

:Y\_]dKXSO

]S°

4ONdOXSO

DNT°MSK

7OX_

\O]^K_\KMcTXO

RY^OVS

.dSOXXSU

d ZYN\Òc

:YMd^aUS

0SVWc aSNOY

7SOT]MK NY

dYLKMdOXSK

.dSOXXSU

4ORACZEJTEKSTY KTÎRE MOG WSPOMÎCOSOBYPODRÎUJCE PO*APONII

2OZDZIA

a7SPOMNIENIApTO NIECONIEJEDNOZNACZNA KATEGORIA ALEDOBRE MIEJSCE NAPOCZTÎWKI IZDJÅCIA-ARKA

8_WSdWK^c (MbZDJÅCIA WAwCIWIE MOGY BY TE TRAFIÁPOD a-EDIAp

/RGANIZACJASTRONY

4EKATEGORIESBEZ SENSU$LACZEGOa-ENU RESTAURACYJNEoNIEZNAJDUJ SI»PODa0ORADY IPODRÄEo

Niejednoznaczny system nawigacyjny dezorientuje użytkowników +- -y|ªlRylRlÖy-Jy-®ª-ulat}ªy¬Aip- Ra|ll ¬ Ru¥y-ªla-A¬oyRa|oR ª-¸yRlylR|ªlyy|7¬É JRA¬®oÔ|JRou|ª-yÔª| - yluu|uRyAlRA®¬7R® y-u¬t¥¬qÔARp- Ra|lR-ªlÔG¸R¥¸¬ p|ªylp|u AlÖ¸p|7ÖJ®lR®y-qR´Ély\|u-AoRGp }¬Ai®¥p-oÔG- |y- 7ÖJ®lRª¬aqÔJ-t-y-ylR®|a-yl®|ª-yÔl¥|®ÔJp|ª-yÔ ª®¬-Jp|ª¬|}7®¬o®¬ou¬lÖ7ql¸Rop- Ra|l|u y-oª¬¸®Ra||®l|u¥®-||y|ª-y¬u®R®-p-F

+ATEGORIAa-OJENOTAT KIp NIEMÎWIMI COZNAJDÅ TAKNAPRAWDÅ /CZYMSTENOTATKI NA TEJPODSTRONIE / PODRÎACH /JEDZENIU

:Y\KNc

S ZYN\ÒO

7YTO XY^K^US

SZCZEGÎLNIETYCH 0OMIESZANIE KATEGORII SPRAWIA E SOB NIEPOWIZANYCH ZE STAJE SIÅMYLCA NAWIGACJANASTRONIE RZMINIEzLE NIE IIB GOR ATE AK ZW NA E 4O ICYJZROZUMIEJ OZNACZA E UYTKOWN

A]ZYWXSOXSK

#OUYTKOWNIKSPODZIEWA SIÅ ZNALEzÁ WKATEGORII a7SPOMNIENIAp:DJÅCIA &ILMYWIDEO#ZYNIE POWINNYSIÅONEZNAJDOWAÁ POD KATEGORIa-EDIAp

7ONSK a-EDIApTONIE JESTZA NAZWAKATEGORII ALEJEwLI ZDJÅCIA UMIEwCISZWKATEGORII a7SPOMNIENIAp a-EDIApSTAJ SIÅMYLCE

%)7;<:B 7z?-3 :Ya\¨ NY \YdaS¦dKXSK d ZYZ\dONXSOT ]^\YXc S _^a\d VOZ]dO LK\NdSOT

d\Yd_WSK¸O ^c^_¸c UK^OQY\SS ,c¨ WYÒO L°NdSO]d ^KUÒO W_]SK¸ Z\dOXSOÄ¨

XSOU^\O Md°ÄMS dKaK\^YÄMS ]^\YXc ^KU Lc ZK]YaK¸c YXO NY XYacMR UK^OQY\SS

JESTEuTUTAJ

,EPSZETYTUYKATEGORII

%)7;<:B 7z?-3 7B?1B)61-8;B- :7B?1B)61-

D\Yd_WSK¸O UK^OQY\SO XKaSQKMTS XKTacÒ]dOQY ZYdSYW_ ]¦ UV_MdOW

NY ¸K^aOQY dXKTNcaKXSK SXPY\WKMTS XK ]^\YXSO DYLKMdWc TKU XYaO

UK^OQY\SO ]Z\KaSKT¦ ÒO Y\QKXSdKMTK ]^\YXc TO]^ LK\NdSOT VYQSMdXK

IA "YUNIKNÁ ZAMIESZAN EGORIÅ KAT N JED GO TE YZ ZROBIM

:Y\KNc

S ZYN\ÒO :Y\KNc NVK

ZYN\Ò_T¦McMR

:Y\_]dKXSO

]S°
RY^OVS 7SOT]MK NY

dYLKMdOXSK

CYCHp a0ORADYDLA PODRÎUJ ECO NI GLE CI TO ORIA NIEJEDNOZNACZNAKATEG AÁ OW PAS NA ALEPOWIN ARKA DO CZÅwCIMATERIAÎW-

2OZDZIA

7YTO XY^K^US .dSOXXSU

d ZYN\Òc

4ONdOXSO

a7SPOMNIENIAp TODOwÁ NIEJASNA KATEGORIA:AMIASTTEGOLEPIEJ UYJMY KATEGORIIa0AMITKIp *ESTKONKRETNAIZROZUMIAA

A]ZYWXSOXSK :KWS¦^US

7ONSK

8_WSdWK^c

DNT°MSK

:YMd^aUS

0SVWc aSNOY

7OX_

\O]^K_\KMcTXO

8_WSdWK^c

DNT°MSK

7OX_

\O]^K_\KMcTXO

:YN\Ò

.dSOXXSU

a$ZIENNIKZ PODRÎYp TOOWIELELEPSZY TYTU BIORC POD UWAGÅTYPY MATERIAÎWDOSTÅPNE WTEJKATEGORII

a:DJÅCIApUMIESZCZONO a-EDIAp TODOBRAKATEGORIA TERAZW KATEGORII JEDNAKa.UMIZMATYpIa-ENU a-EDIAp RESTAURACYJNEpPRZYNALE DOKATEGORIIa0AMITKIp

/RGANIZACJASTRONY

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ 5SONc XKdaK UK^OQY\SS TO]^ dK N¸_QK) 9$ 3NOKVXSO Lc¸YLc dXKVOÐ¨ TONXY ]¸YaY YZS]_T¦MO ^\OÄ¨

TKU¦ _Òc^UYaXSU WYÒO dXKVOÐ¨ a YU\OÄVYXOT UK^OQY\SS

8SO]^O^c XSO dKa]dO TO]^ ^Y WYÒVSaO .YL\¦ dK]KN¦ TO]^

Lc XKdac UK^OQY\SS Lc¸c ^KU U\^USO TKU ^Y WYÒVSaO TONXY

NY NaMR ]¸a dY]^K¸c XKZS]KXO XY\WKVXcW T°dcUSOW

LOd ]VKXQ_ S WKU]cWKVXSO NYU¸KNXSO YZS]caK¸c dKaK\^YÄ¨

UK^OQY\SS

:$ :\dOMSOÒ aSOW MY WK YdXKMdK¨ YU\OÄVYXc

YNXYÄXSU Mdc ^Y XSO ac]^K\Mdc)

9$ >KU XKZ\KaN° TO]^ ^Y d_ZO¸XSO LOd dXKMdOXSK 8SO

L_N_TO]d ]^\YXc SX^O\XO^YaOT NVK ]SOLSO s L_N_TO]d T¦

NVK _Òc^UYaXSUa >aYSW XKTaKÒXSOT]dcW MOVOW TO]^

_NY]^°ZXSOXSO SXPY\WKMTS dXKTN_T¦McMR ]S° XK ]^\YXSO

a ^KUS ]ZY]L Lc Lc¸c YXO ¸K^aO NY YNXKVOdSOXSK Z\dOd

_Òc^UYaXSUa 4OÄVS YNaSONdKT¦Mc ]^\YX° XSO ZY^\KPS¦

dXKVOÐ¨ ^OQY ZY MY NY XK] Z\dc]dVS XSO WK dXKMdOXSK

ÒO >c KU_\K^ ZY^\KPS]d

8KQ´aUS ]c]^OW_

XKaSQKMcTXOQY ZYaSXXc

dKa]dO Lc¤ U\^USO

S daS¬d´O K ^KUÎO ZYaSXXc

YNdaSO\MSONVK¤ WYÎVSaSO

XKTZO´XSOT dKaK\^YÀ¤ TKU¢

_Îc^UYaXSU dXKTNdSO

ZY UVSUXS¬MS_ YNXYÀXSUK

:$ =U¦N WYQ° aSONdSO¨ ÒO UK^OQY\SK TO]^

XSOTONXYdXKMdXK)

9$ -dK]KWS dK_aKÒOXSO XSOTONXYdXKMdXYÄMS UK^OQY\SS TO]^

¸K^aO s ac]^K\Mdc dKZc^K¨ ]KWOQY ]SOLSO Mdc _Òc^UYaXSU

]^\YXc d\Yd_WSK¸Lc MY YdXKMdKT¦ ZY]dMdOQVXO UK^OQY\SO

XSO WKT¦M ÒKNXcMR SXPY\WKMTS UYX^OU]^YacMR NY^cMd¦McMR

dKaK\^YÄMS XK]dOT ]^\YXc Mdc TOT ^OWK^cUS -dK]KWS YUKd_TO

]S° ^Y XSO ^KUSO Z\Y]^O S UYXSOMdXO TO]^ Z\dcT\dOXSO ]S°

]^\YXSO d Nc]^KX]_ Y\Kd ZYWcÄVOXSO Y XSOT TKUY Y MK¸YÄMS

4OÄVS XK ]^\YXSO WK]d SXPY\WKMTO U^\O V_ÐXY ZK]_T¦ NY

WY^ca_ Z\dOaYNXSOQY KVLY XSOMY YN XSOQY YNLSOQKT¦

XKdac UK^OQY\SS YNdaSO\MSONV¦ ^Y S XSO L°N¦ XK^cMRWSK]^

d\Yd_WSK¸O NVK _Òc^UYaXSUK .VK^OQY a¸KÄXSO UV_MdYa¦

]Z\Ka¦ TO]^ dK]^KXYaSOXSO ]S° XKN dKaK\^YÄMS¦ ]^\YXc

Z\dON acL\KXSOW UK^OQY\SS

:$ + MY TOÄVS WKW WK^O\SK¸c ZK]_T¦MO NY NaMR

\ÒXcMR UK^OQY\SS)

9$ 8KTZ\KaNYZYNYLXSOT WK^O\SK¸c ^O ZK]_T¦ NY \ÒXcMR

UK^OQY\SS ZYXSOaKÒ XSO Z\dc¸YÒc¸OÄ ]S° dLc^XSY NY NYL\OQY

dNOPSXSYaKXSK UK^OQY\SS 3XPY\WKMTO ZYaSXXc ]S° ZYTKaSK¨

^cVUY a TONXcW WSOT]M_ aS^\cXc AcWcÄV ZS°¨ Mdc ]dOÄ¨

NYL\cMR UK^OQY\SS d U^\cMR UKÒNK L°NdSO XK ^cVO ]S°

\ÒXS¨ YN ZYdY]^K¸cMR ÒO XSO XK¸YÒ¦ ]S° XK ]SOLSO 4OÄVS

XKNKV L°NdSO]d WSK¸ Z\YLVOWc WYÒO]d ]Z\LYaK¨ WO^YNc

]Y\^YaKXSK UK\^

:$ -dcW TO]^ WO^YNK ]Y\^YaKXSK UK\^) 9$ .YL\O Zc^KXSO -dc^KT NKVOTj

JESTEuTUTAJ

!RCHITEKTURAINFORMACJI

7IECIE WCALENIE JESTEMPEWIEN ETANOWA ORGANIZACJAZAWARTOvCISTRONY JESTDOBRA#IGLEWYDAJEMISI» DOv·CHAOTYCZNAb luFylRlÖª¬J-oRG¸Rp- Ra|lRÔª|®ÔJp¥"|ªt-²ylRJ-ty-u -pWA®¬ylR|ªlyyl²u¬lÖ Ra| ®¬u-É |RFa-yl®-Ao-ylRoR y-oqR®-G-qRu¬²qÖG¸R¥¸¬ p|ªylA¬o-p|²|7lR |-J®Ô-®ª¬p- Ra|lly-J-qÔ |AiÖu¬qÔARG-qRl -pqR®R|J |A®Ô p|ª¬Ai||®¬AolG-ylRª¬J-oRullÖG7¬u|¸y-oR7¬t|oR®A®R |-ªlÉ|®- ¬uAiAÖlÖo¥¸®-7-É®-l-ylRp|J¥lR|ªlyyl²u¬ ÖJ®-É ¬qRA®-¥y-JA®¬u² -p ¬ªl-qy¬uo-pp- Ra|¬®-Ao- |y¬||J}¸-Ai

-ypFqR ||J -ª-y-®Ra|¬ Ru¥y-ªla-A¬oyRa|[ |RFA®¬u ¬u}ªl®

-ypF-®¬ Ruy-ªla-A¬oy¬V®¬¬ Ruy-ªla-A¬oy¬ylRoR || ¥®¬|®ÔJp|ª-ylRu|Jy|²ylp}ªl|J |yJ|J|7¬Ai p- Ra|ll luFlRu¬²q-tRu| ¬uylaJ¬ª Ry|}7 &RANK

*OE

*IM

:YÀaS¬¤ ]ZY\Y MdK]_

XK Y\QKXSdKMT¬ ]^\YXc

SX^O\XO^YaOT =c]^OW

XKaSQKMcTXc ZYa]^KTO

XK LKdSO Y\QKXSdKMTS

]^\YXcj K XSU^ XSO V_LS

WcV¢McMR OVOWOX^a

]c]^OW_ XKaSQKMcTXOQY

|RF|J|7®RG-qRA|oR®A®Ru|¸Ru¬®|7lÉ®Ro®Rql²u¬o¥¸-® ª®¬ plRp- Ra|lRWA®¬ R¸¬ Ruy-ªla-A¬oy¬Gp|| -p |y-®¬ª-® Wlo-p|ªlRJ®l-tRuªA®R²ylRoGylRÔJ®ÖG¸R7¬²u¬7¬qlª -ylR A|p|qªlRpoR®A®R|-ªlÉ

-ypF¬²qÖG¸R®-®ql²u¬o¥¸®-J-qRp|G7¬®-¥ª-¸¬ÉGªA®¬uy--ªJÖ qR¸¬|7qRu luF-®y-u¬²qlG¸R|ªlyyl²u¬®-A®ÔÉ|J|A®Ô p¥ |RF-y¬®RAlR¸®y|ª¥p|ÍA®¬u¬J|pt-JylRª Ry-u|}7[

-ypFaJ¬7¬²u¬ -pylR®-A®¬y-ql|J|A®Ô p¥J¬7¬²u¬|JR®ql J| Ra|ª®¥RtylRlyy¬|}7 luF-®¬pt-Jo-p

-ypF+7¥J¥ou¬-Ail Rp ¥Öly\|u-AolG-ylR ¬qp|a¥Öp- Ra|ll |RF|

-ypFAil Rp ¥Öly\|u-Aol- ®AlRG|p-¸Öª-uV

2OZDZIA

/RGANIZACJASTRONY

9\QKXSdKMTK ]^\YXc dK ZYWYM¦

K\MRS^OU^_\c SXPY\WKMTS Ail Rp ¥-ly\|u-Aol ||}7|a-yl®-Aol®-ª- |²Al |y¬ªa¥¬Gp }RÔ ®y-A®ÔARlq|alA®yR®-}ªy|Jq-lR7lRGo-plJq-"ª|lAi¥¸¬ p|ªylp}ª®--ulG u¬²qÔA|¬ RulRy-ªla-A¬oy¬uA®¬p- Ra|l-AiG®-atÖ7l-®lÖ®-7-J®|ª |G o-p |y-u-ª¬aqÔJ-É Ail Rp ¥-ly\|u-Aol |®|7lRylRp|p¥J| ¬t¥l¥ª-¸yR®¬o®RylRlÖ ¬|u ®-ª- |²AlGo-plRu-u¬J|J¬|®¬AolG|-®-ªJ®RylRGA®¬J|lR7lR-¥oÔ ®¬o®¬olÖ\-auRy |ªl-Ail Rp ¥¬ly\|u-AolJq-|J¥ARy -\-7G\lu¬"iRu|q- F 0IERWSZA aWARSTWApARCHITEKTURY $IAGRAM ARCHITEKTURY INFORMACJIZAWSZEMUSI MIEÁTYTU BYwWIEDZIA ZJAKWITRYNPRACUJESZ

=^\YXK Q¸aXK

:\YN_U^c

INFORMACJIREPREZENTUJENAGÎWKI KATEGORII KTÎREMOG SIÅ STAÁ GÎWNYMSYSTEMEMNAWIGACYJNYM

>RO\WYZVK]^ .O]SQX

9]dMd°NXYÄ¨

OXO\QSS

=O\aS]

5YX^KU^

.OUY\c #ZÅwCIZAWARTOwCI STRONYPASUJCE DONAGÎWKA KATEGORIIMOGSTAÁ SIÅCZÅwCISYSTEMU NAWIGACYJNEGO NISZEGOPOZIOMU LUB TE TREwCI DLA TEJPODSTRONY

=dZ\Y]c

/]^O^cUK

0_XUMTYXKVXYÄ¨

JESTEuTUTAJ

3ORTOWANIEKART

+\MRS^OU^_\K SXPY\WKMTS a YZK\MS_ Y ]Y\^YaKXSO UK\^ -pªt-²AlªlRu|¸y-®|a-yl®|ª-Ély\|u-AoR®y-oJ¥oÔARlÖy- |ylR}¸Gl ylRoRªlRqR ||7}ªRJy¬u®y-oqR®¬AioR uR |J-®ª-y-| |ª-ylRup- | |ª-ylRp- | -yllt- ª¬|}7 ª|®Ryl- ¥p ¥¬ly\|u-Aolpt-J-oÔA¬AilÖ y- |yÖly RyR |ªÔR |}ªylR¸²ªlR y¬|}7y-®|7-A®RylRGo-plyylq¥J®lR7¬É u|¸R"ª|l| RyAo-qyl¥¸¬ p|ªylA¬®|a-yl®|ª-ql7¬ly\|u-AoR|Ai|J®ÔAR®"ª|oRo |y¬ | |ª-ylRp- |qRa-y-|J®¥ARyl¥y-AiªlqÖ("A®¬ª|a}qRy RyR ¥ l®- -y|ªlRyl¥lÖy-J|a-yl®-AoÔ®-ª- |²Al |y¬G-ylR ¬qp|¬ RuRuy-ªla-A¬oy¬u

,c dK]^Y]YaK¨ WO^YN° ]Y\^YaKXSK UK\^ L°N¦ -S ZY^\dOLXO$

|p- |ª¬ul--AiuylRoªlÖARox¤Au

|²J|l-yl-lª|qy¬7q- |t¥q¥7p-ª-tRp|Jt|al

'lRJ®-|®-ª- |²Al |y¬

+ADEJKARCIE NADAJKRÎTKI OPISOWYTYTU 0OWINIENON ODZWIERCIEDLAÁ TO CZYMJEST TENFRAGMENT ZAWARTOwCI STRONY

TÅDLA KADEGO 5TWÎRZ NOWKARTOwCI KTÎRY4Y AR AW Z TU FRAGMEN HCECIE MIEÁ LUB4WÎJKLIENTC NASTRONIE

8Y^K^US Y TONdOXS_ ^OWK^

8Y^K^US d ZYN\Òc XK

S TONdOXSK S \O]^K_\KMT

IU O7SORTOWAN 3PISZ WSZYSTKEST ZBYTTRYWIALNE J KARTNICNIE DEJDz DOTEGO CZY ZBÅDNE 0OYSEM ORGANIZACJ Z CZYSTYMUM PÎzNIEJ ZAJMIEMY SIÅ

2Y^OV :K\U 2

cK^^ a >YUSY

3XPY\WKMTO d NT°MSK S _aKQ S

XK ^OWK^ ^OQ Y RY^OV_

0SVWc aSNOY <ÒXO PSVWc d WYTOT UKWO\c

aSNOY

APISZKRÎTKI 0ONIEJ TYTUUN IS TREwCI 0OZWOLI#I OP Y BYÁ JEDNOZDANIOW OBIE CZYM MIAA ONPRZYPOMNIEÁSGDY KIEDYw WRÎCISZ OKREwLONATREwÁ T AR DOSORTOWANIAK

-YLUBIMYKORZYSTAÁ ZÎTYCHFISZEK ALERÎWNIE DOBRZESPRAWDZAJSIÅZWYKE BIAEKARTYZLINIAMI5YJ CZEGOKOLWIEK NACZYM DASIÅPISAÁ

2OZDZIA

/RGANIZACJASTRONY

Cała prawda o sortowaniu kart AcaSKN ^cQYNXSK$

9\QKXSdKMTK ^\OÄMS dK ZYWYM¦ ]Y\^YaKXSK UK\^ R-J l F®lÖp¥oRu¬G¸RoR R² ¥®y-ulG | |ª-ylRp- lR®¬u¬lÖG¸R¥J-t|AllÖ®y-qR´É Jq-y-AiªlqÖA®-¥'lRqRu}ªl®||u|A¬q¥J®l|u ª|a-yl®|ª-yl¥lAily\|u-AolWJq-A®Ra|lJ®lRAl | -pJ|7®R | |ª-ylRp- F|A}¸G®RJRª®¬ plu®¬A®¬yÔ u|oRa|¥pAR¥oR |G¸R|| ¥®u¥®-uq¥J®l J|l-yl-ª®¬ plAi|u¬t}ªW®-}ªy|J|7¬AiG o-pl®t¬Ai®lÖpl Ru¥|ylA®¬uylR®-|uylu¬lylR ®y-oJ®lRu¬lÖª¬ ¥-AolGaJ¬ª| - yluu|uRyAlR ®R7-A|²aJ®lR²ªAlyÔÉ|J¥alRu|¸qlª|²É \l®¬A®yRa|®R¥ª-yl-p- |®ª-q-®ªl®¥-ql®|ª-É }¸yRARy-l¥®R¥t|¸Ryl- R²Al |y¬ R-J l F®¬®R¥ª-ylRp- y--ªJÖu- -plR ®y-A®RylR'¬J-oRlÖ |J|²É ¬ªl-qyR | |ª-ylRp- F+¥RtylRylR"|Ai¬7-y-oARyylRo®- ®-qR - RouR |J¬®Ru¬²qRylR|®t|¸Ryl-®-ª- |²Al |y¬l¬ Ru¥y-ªla-A¬oyRa|®¥RtylR|Jy|ª-ylR ®-ou¥oRªlRqRA®-¥|®- ¬uu|¸R® R¸||lÉ p|a|²®®RªyÔ ®||| |ª-ylRp- l|}ªy-ÉoRa| |®ªlÔ®-ylR®Rª|lu R-J l F-y¬G®¥RtylR| ¬uylR|u¬²q-tRu[ ®¬®-ª®R|l®p|a|²oR®A®R||| |ª-ylRp- | |ª-ylRp- F-oA®Ö²AlRo -p|7lÖ#®¬p-ylR J¥alRo|lylly- Ru- |a-yl®-Aol R²Al |y¬oR 7-J®||u|AyR+-®ª¬A®-o||®RylRp|a|² ||| |ª-ylRp- |ª-J®lJ| ª|®Ryl-¥pt-J¥ ®-ª- |²Al |y¬Go-plRa|-u7¬²ylRª¬u¬²qlt R-J l F®ul¥RR²qlu|¸y-GAiAl-t7¬u ª}AlÉJ|-u¬Aip- | -pªt-²AlªlRq¥J®lRy-ylAi l®Ô|| ¥®¬-Jp|ªR|u¬t¬A®¬oR o-pl² ®-7q|yGp }Ra|y-qR¸¬lÖ ®¬u-É

| |ª-ylRp- F|A}¸GylR|ªlRJ®l-t7¬uAi¬7-G ¸RÔ ||| ¥®¬-Jp|ªR|u¬t¬¥l® }7|ª-Éª¬|7-®lÉ|7lRu|oRp- ¬o-p|A®Ö²Al ®-ª- |²Al |y¬W\-auRy ¬ly\|u-AolGp }Ru-oÔ lÖy-ylRo¥p-®-É®¬pt-J|ª|GplRJ¬p |² ª|®¬ ª|oÔ |yÖ||7l ÔGoRa|p- ¬u|aÔ®-ªlR-É®RA®¬ -plRGo-p-A-Gi|77¬G®JoÖAl-|J®lyyRA®¬ ª-p-AoR- ¬u|aÔ R¸7¬É7-J®lRo®A®Ra}t|ªRG y-®¬pt-JFltp-y|¸y-G®JoÖAl-®Ra|q-yJ¥ A®¬J®l-Jp|ªlR R-J l F- ¬u|aÔ®- Ru7¬É®-}ªy||a}qyRG o-pl7-J®lRo®A®Ra}t|ªR | |ª-ylRp- F"-pG|ylRª-¸ylRp }Ru|aÔ -É lÖ ¬ ¥t-ulp- Ra|llG-lyyRW|®A®Ra}qy¬ul A®Ö²Al-ul®-ª- |²Al |y¬|J -ª|ª¬uARqRuoR ®RylRlRylRª|oRa|ª¬|7-¸Ryl-|®-ª- |²Al |y¬ ®ªt-yRoat|ª¬y-p- ¬ R-J l F| -pG |u-o¥¸Ry - ylR¬ -ylR | ª|oRp- ¬®¬|l¬Ôy--ªJÖylR®7ÖJyR | |ª-ylRp- FlR®-ª®RG-qRJ|7®RoR oRulRÉ Wª®A®Ra}qy|²AlGaJ¬p- oR J¥¸|lRAiAR® ®RAlR¸J||ª-J®lÉJ|¬ ¥-AolGaJ¬}7¥oR®|7lR ®¬|uylRÉGA|ul-tR²y-u¬²qlGl¥oÔA|pR²q|yÔ p- Ö"|A®Ö²ÉuR |J|q|all®RylRlRyl-|u¬t}ª y--lR R-J l F"|²ªlR y--J-'¬aqÔJ-y- |G ¸Ry-®A®-ulo-®lÖp¥oRu¬®-ªl®¬ Ö¥y- | |ª-ylRp- FlRu--ª¬GJ®lÖp¥oÖ ®-®-|®RylR

JESTEuTUTAJ

4WORZENIEKARTDOSORTOWANIA

Czas posortować karty przygotowane na podstawie materiałów Marka. Na każdej z nich wypisz jeden fragment materiałów wraz z (bardzo) krótkim opisem. Staraj się być maksymalnie precyzyjny. Po wypełnieniu karty odłóż ją na bok — powrócimy do tych kart za chwilę. Kontynuuj swoje działania, dopóki nie spiszesz wszystkich potencjalnych części strony Marka. Być może potrzebna Ci będzie większa liczba kart niż udostępniona tutaj — użyj wtedy własnych, dodatkowych kart. TAKESPORZDZI RO OKULTURZE*APONII A -ARK NAUCZYSIÅ SPO LANUJCYCHPODRÎ DO TEGOKRAJU LISTÅPORADDLA OSÎBP

-ARKKUPIKOLEJOWYBILET ABONAMENTOWYI PODRÎOWA POCAEJ*APONII/DWIEDZI 4OKIO (IROSZIMÅ (IKONE +IOTO I*OKOHAMÅ

2OZDZIA

7ANYMELEMENTEM PODRÎY -ARKABYO JEDZENIE 0RZYWIÎZMENURESTAURACYJNE ATAKE SPORZDZIDUO NOTATEK OTYM COJAD

7SZÅDZIE GDZIESIÅ UDA JÅÁ ZD TWO NÎS IM ROB RK -A IKRÅCIFILMYWIDEO

/RGANIZACJASTRONY

ARTOwCISTRONY

4YTUCZÅwCIZAW

DAÁ KRÎTKIEGO .IE ZAPOMNIJ DO DOKADNIE ZIA IED OPISU BYwW DA CZÅwÁ CZEGO DOTYCZY KA NY TRO IS wC RTO WA ZA

8SO LT ]S¬ acUYXK¤ WX]^aK

UK\^ 8K \KdSO ZY Z\Y]^_ ]ZS]d

a]dc]^UY MY Z\dcMRYNdS

-S NY Q´Yac

JESTEuTUTAJ

+ARTYZZAWARTOuCISTRONY

Mark ma mnóstwo materiałów. Oto, co wymyśliliśmy. Czy przyszło Ci do głowy coś jeszcze?

§aSMdOXSO

4O MÎGBYBYÁ BLOGALBO KATEGORII ADNAWYPRAWANIE BÅDZIEPENABEZ MNÎSTWAZDJÅÁ

DNT°MSK U\KTYL\KdYaO DNT°MSK WSK]^ Q\ S SXXcMR

WSOT]M a 4KZYXSS

.dSOXXSU d ZYN\

Òc

8Y^K^US 7K\UK Y

4KZYXSS

acUYXcaKXO a Z YMS¦Q_ a MdK]SO

ZYN\Òc NY WSOT] MK Z\dOdXKMdOXSK

S d ZYa\Y^OW

7OX_ \O]^K_\KMcTXO

0SVWc aSNOY

DLS\ WOX_ \O]^K_\KMcTXcMR

U^\O 7K\U dOL\K¸ a \ÒXcMR

Z\dcLc^UKMR ^OQY U\KT_

5\^USO PSVWc aSNOY XKU\°MYXO

Z\dOd 7K\UK UKWO\¦ McP\Ya¦

ÑcMSO MYNdSOXXO -ARK -ONAPOWIEDZIEÁ E NIÅ APO * WA MO NSU SKO S -ATERIAYO JEDZENIU ANE DLANIEGONIEZWYKLEW

8Y^K^US XK ^OWK^ ÒcMSK

MYNdSOXXOQY 7K\UK a 4KZYXSS

>YUSY 7K\U daSONdS¸ >YUcY >YaO\

S a]^K¸ aMdOÄXSO \KXY Lc _NK¨ ]S°

XK ^K\Q \cLXc

=_]RS ?V_LSYXK ZY^\Ka K 7K\UK ^Y ]_]R S

8Y^K^US S a]UKda US NY^cMd¦MO

TONdOXSK ]_]RS

4OBARDZIEJSZCZEGÎOWAKARTA ALE SUSHIBYOWANCZÅwCI WYPRAWY-ARKA

2OZDZIA

/RGANIZACJASTRONY

0ONIEWAJEDZENIE WYJTKOWO-ARKOWI SMAKOWAO MAMY KILKACZÅwCI POWIZANYCH ZTTEMATYK 0OZWALA NAMTO NAWPROWADZENIE PEWNEGOPODZIAU MATERIAÎW

0ORADYIWSKAZÎWKIDOTYCZCE PODRÎOWANIADO *APONII

8Y^K^US Y TONdOXS_ 8Y^K^US XK ^OWK^ TONdOXSK

S \O]^K_\KMTS U^\O YNaSONdS¸

7K\U

5_V^_\K

:YN\Ò 4KU acQV¦NK ZYN \Ò NY 4KZYXSS

K ^KUÒO ZY\_]dKX SO ]S°

ZY ^cW U\KT_ :YM S¦QS ]KWYVY^c

^KU]aUS S ^KU NKV OT

c U_V^_\¦

<ÒXSMO ZYWS°Nd ¦ TKZYº]U¦ K ZYV]U

,K\c S ÒcMSO XYMXO

8K_UK TKZYº]USOQY

3XPY\WKMTO Y LK\KMR S ÒcMS_

XYMXcW a >YUSY 5SY^Y

S YUYVSMKMR

:\dc]ZSO]dYXc U_\] TKZYº]USOQY

NVK Y]L ZYN\Ò_T¦McMR NY ^OQY

U\KT_

DNT°MSK V_NdS

2S\Y]dSWK 3XPY\WKMTO XK ^OWK^ acZ\Kac

NY WSOT]MK acL_MR_ LYWLc

T¦N\YaOT

DNT°MSK V_NdS S Z\dcTKMS¸ U^\cMR

7K\U ZYdXK¸ a ZYN\Òc

-ARK ODWIEDZI KILKAZ MIAST *APONII.AJPRAWNAJSYNNIEJSZYCH MOGLIBYwMYWYKONAÁKADOPODOBNIEJ ZNAJWANIEJSZYCH MIA RTÅDLAKADEGO ST

4WOJEODPOWIEDZIMOGOCZYWIwCIEBYÁ INNE7POZOSTAEJCZÅwCIROZDZIAU UYJEMYTYCHKART JEDNAK4YMOESZ SKORZYSTAÁZESWOICH

JESTEuTUTAJ

/RGANIZACJAKART

:Y]Y\^_T UK\^c a ]^Y]c dQYNXSO d SMR ZYNYLSOº]^aOW |p|ÍA®Ryl¥ª¬Rtyl-yl-p- 7ÖJ®lR®oRu¥l-t|| |ª-É y-a¥¬- ¬®p-¸JRoa¥¬|ªlyy¬|A®¬ªl²AlR7¬É®R|7Ô |ªlÔ®-yRG--u|}7a¥|ª-yl-|ªlylRyulRÉRy | u-t-ªp-®}ªp-Wa¥¬ R -yÔlÖªR®¥q -AlRA®Ö²Al-ul ªl ¬y¬ly RyR |ªRo-p-

+ULTURA IJÅZYK ZDAJSIÅ DOBRZEDOSIEBIEPASOWAÁ 4EDWIEKARTYZDECYDOWANIE POWINNYTRAFIÁNAJEDEN STOS

5_V^_\K V^_\¦

<ÒXSMO ZYWS°Ndc U_ TKZYº]U¦ K ZYV]U¦

8K_UK TKZYº]USOQY :\dc]ZSO]dYXc U_\] TKZYº]USOQY

NVK Y]L ZYN\Ò_T¦McMR NY ^OQY

U\KT_ 4E KARTY MOG DOBRZE PASOWAÁ DO KATEGORII a/ *APONIIpb

Posortuj karty wykonane na poprzedniej stronie w logiczne grupy. Nie martw się, jeśli jakieś karty Ci zostaną — zajmiemy się nimi później. §aSMdOXSO

2OZDZIA

/RGANIZACJASTRONY

8Kdac ]^Y]a ZYaSXXc Lc¨ U\^USO S YZS]YaO |¥ ª|®Ryl¥a¥A®-y-J-Éluy-®ª¬-®ª¬ Ru¥®Ô7¬Ép} plRl|l|ªRl¬ u|aÔ -ÉlÖ®A®-RuA®Ö²AlÔat}ªyRa|¬ Ru¥y-ªla-A¬oyRa|GJq- Ra|-ulÖ -oG7¬7¬t¬ ®ªlÔ®-yR®u- Rl-t-ulGp }R®-ªlR-oÔ |ylRª-¸ÖJ®ltR²o¥¸||A®-¥y-®RaqÔJ-yl¥u- Rl-t}ª-p-G}7¥oª¬u¬²qlÉ y-at}ªplp- Ra|llGp }R7ÖJÔlyyRlqR®R|J Ra|GA|ª¬u¬²qltR²ªA®R²ylRoª ¬u |®J®l-qRGaJ®lR²y- |ylR°U

§aSMdOXSO

Przyjrzyj się stosom ułożonym w poprzednim ćwiczeniu i wymyśl krótkie, opisowe tytuły dla każdego z nich. Możesz użyć istniejących kart lub wykonać nowe na potrzeby opisu. Nowe nazwy kategorii wypisz poniżej.

D\L dNT¬MSO ZY]Y\^YaKXcMR UK\^

S ]ZY]YL_ SMR Y\QKXSdKMTS .dS¬US ^OW_

L¬NdSO]d WQ´ ZÌXSOT ZYa\MS¤

NY dNT¬MSK K a WS¬NdcMdK]SO Z\dO]^KaS¤

UK\^c a SXXc _U´KN UK^OQY\SS

JESTEuTUTAJ

7YBÌRNAGÌWKÌWKATEGORII

§aSMdOXSO

W tym ćwiczeniu Twoim zadaniem było ułożenie kart w logiczne stosy, a następnie nadanie tym stosom nazw najlepiej reprezentujących określone treści. Oto, co wymyśliliśmy:

DNT°MSK U\KTYL\KdYaO ,UBIMY UYWAÁ INNYCHKOLORÎW DLAKATEGORII.IEMUSISZTEGO ROBIÁ ALEJESTTOPOMOCNE

DNT°MSK WSK]^ Q\ S SXXcMR

WSOT]M a 4KZYXSS

0SVWc aSNOY 5\^USO PSVWc aSNOY XKU\°MYXO

Z\dOd 7K\UK UKWO\¦ McP\Ya¦

7ONSK

DNT°MSK V_NdS DNT°MSK V_NdS S Z\dcTKMS¸ U^\cMR

7K\U ZYdXK¸ a ZYN\Òc

8Y^K^US Y TONdOXS_ 7OX_ \O]^K_\KMcTXO

8Y^K^US XK ^OWK^ TONdOXSK

DLS\ WOX_ \O]^K_\KMcTXcMR S \O]^K_\KMTS U^\O YNaSONdS¸ U^\O 7K\U dOL\K¸ a \ÒXcMR 7K\U Z\dcLc^UKMR ^OQY U\KT_

AJSIÅ 4EELEMENTYWYD TAMI PEWNYMIKANDYDA IAp DOKATEGORII a-EDDZIEWAJ 5YTKOWNICYSPO JÅCIA SIÅTUZNALEzÁ ZD IFILMY WIDEO

7YDAJE SIÅ E MAMYCAKIEM SPOROELEMENTÎWZWIZANYCH ZJEDZENIEM-OGONE UTWORZYÁCAKIEMINTERESUJCY DZIAWITRYNY

0 4ONYdYONXSO

=_]RS ?V_LSYXK ZY^\Ka K 7K\UK ^Y ]_]R S

8Y^K^US S a]UKda US NY^cMd¦MO

TONdOXSK ]_]RS

ÑcMSO MYNdSOXXO 8Y^K^US XK ^OWK^ ÒcMSK

MYNdSOXXOQY 7K\UK a 4KZYXSS

4AKARTAZDAJESIÅNIGDZIENIE PASOWAÁb0OWRÎCIMYDONIEJ NIECOPÎzNIEJ

2OZDZIA

/RGANIZACJASTRONY

>YUSY 7K\U daSONdS¸ >YUcY >YaO\

S a]^K¸ aMdOÄXSO \KXY Lc _NK¨ ]S°

XK ^K\Q \cLXc

2S\Y]dSWK 3XPY\WKMTO XK ^OWK^ acZ\Kac

NY WSOT]MK acL_MR_ LYWLc

T¦N\YaOT

*ÅZYKI KULTURA NIEzLE DOSIEBIEPASUJ #ZYJEDNAKJEST TO WYSTARCZAJCALICZBA MATERIAÎWNACAY DZIA

7SK]^K

5_V^_\K

c U_V^_\¦

<ÒXSMO ZYWS°Nd ¦ TKZYº]U¦ K ZYV]U

:YN\Ò

8K_UK TKZYº]USOQY

4KU acQV¦NK ZYN\Ò NY 4KZYXSS

K ^KUÒO ZY\_]dKXSO ]S°

.dSOXXSU d ZZY ^ YN\ cW

ÒcU\KT_ :YMS¦QS

YVY^c ^ 8Y^K^US 7K\UK]KW

Y 4KZYXSS KU]aUS S ^KU NKVOT acUYXcaKXO a Z YMS¦Q_ a MdK]SO

ZYN\Òc NY WSOT] MK Z\dOdXKMdOXSK

S d ZYa\Y^OW ,VYQ .dSOXXSU

:\dc]ZSO]dYXc U_\] TKZYº]USOQY

NVK Y]L ZYN\Ò_T¦McMR NY ^OQY

U\KT_

9 4KZYXSS

4ECZÅwCIDOBRZEPASUJ DOBLOGACZYDZIENNIKA INTERNETOWEGO

,K\c S ÒcMSO XYMXO 3XPY\WKMTO Y LK\KMR S ÒcMS_

XYMXcW a >YUSY 5SY^Y

S YUYVSMKMR

+OLEJNA NIEPASUJCANIGDZIE KARTAb

JESTEuTUTAJ

.IEPASUJCEKARTY :ARAZ ZARAZ MOMENT :OSTAOMIKILKAKART KTÄRE NIEPASUJDOADNEJ ZGRUP#OMAMZNIMI ZROBI·

Niepasujące do niczego karty zmuszają Cię do zadania sobie prostego pytania: „Czy te materiały są naprawdę niezbędne?”. 'ylRp }¬Ai®¬-Jp-Ai|p-¸RlÖG¸RRªyRp- ¬ylR-¥oÔylaJ®lR |¸R®lÖ®- -y-ªl-ÉGA®¬ylR®|7ltR²A®Ra|²´qRG-qRylR®Rou¥olÖ - ¬ RÔ|®y-pÔ Ra|G¸RA|²®|7ltR²J|7®R[ lR-¥oÔARp- ¬J®lRqÔlÖy-Jª- ¬¬ Ôp- ¬Gp }RylR-|ª-t¬J| ¸-JyRoa¥¬GoRJy-pRR®Ry |ª-y-®R®ylR R²ÉoR y- ¬qRª-¸y-G7¬ ¥ ª|®¬Éy|ªÔa¥Ö®oRJyRoylR-¥oÔARoJ|lyy¬Aia¥p- ¬ Ô R¸ -plRG p }RylR-¥oÔJ||®| -t¬Ai |}ªGoRJy-p|p-®¥oÔlÖ R¸y- ¬qRlyyR |J|®| -t¬Aip- G¸RylRu|¸R®ylAi|ª -É||7y-a¥-|tÔA®RylR ylR-¥oÔARo R²AlW -plRoGp }-y--ªJÖylR-¥oRJ|-Ail Rp ¥¬ ly\|u-Aolªl ¬y¬W®-ª®RoR u¬qÔARJq-¥¸¬ p|ªylp- '¬|7-´|7lRG¸R"ª}oq|p-qy¬pqRlp®ª-®¬ª-ulª¬ -ªlt7¬y-aqR y-®RJ-¸a}Ö | R}ªG|ÔqlA®7Ö¥®Rp®-® R RulA-tÔ}tpÖ JR®|J|-y }ª¥¥oÔA¬7¬ql7¬|a|uylR®JR®|lRy |ª-yl-®Rly R-pAoR ®| -A®-oÔA¬u²ªl- Ru|- RÔy-®RªlJ¬ª-qy|²Al}¸y¬Ai®o-ªlplR l ylRoR¸-JRy|ª}J¥®--Jyl-oÔA¬|\R|ª-ylRJR®|J|-y }ªA®¬ | R}ª q¥7-® R }ªªpqRlRª-®¬ªy¬u"-p-u|oR ª®¬-Jp¥|a-yl®-Aol ly\|u-Aoly- |ylRly RyR |ªRoR²ql®¬-Jp|ªR R²Al|o-ªlÔlÖ ªA®Ö²AlGªp }RoylaJ¬ylR|J®lRª-ql7¬²u¬lÖlAi®y-qR´ÉG7ÖJ®lRu¬ ®JR®|lRy |ª-yllyRa- ¬ªylRªt¬ylR |y-y-®Ô|lylÖ| Ro |ylR |®- Ru|7lu¬®ylR-¥oÔA¬ulp- -ul ylRoÔJª-ª¬o²Al-| lRª®RGu|¸y-®ulRylÉylR-¥oÔAÔ®-ª- |²Éª -pl|}7G7¬ulR²Alt- lÖ|y-ªoRJyRo®a¥-oA®Ö²AlRooRJy-pGylR R ¬G - - Ral-|| ¥ ylR®-J®l-t-yy¬u|®ªlÔ®-ylRuoR |a|J®RylRlÖ®\-p RuGl¸|pR²q|y- R²ÉylR-¥oRJ|y-®Roªl ¬y¬Gl|J®¥ARylRoRo

SUJCYCH O TYCHNIEPA #O SDZISZ S ONE ISTOTNE ZY KARTACH# UJDO WITRYNY #ZYNIEPASS ZBYTNIEJASNE -ARKA #ZY SZCZEGÎOWE !MOE ZBYT

2OZDZIA

ÑcMSO MYNdSOXXO

,K\c S ÒcMSO XYMXO

3XPY\WKMTO Y LK\KMR S ÒcMS_

8Y^K^US XK ^OWK^ ÒcMSK

XYMXcW a >YUSY 5SY^Y

MYNdSOXXOQY 7K\UK a 4KZYXSS S YUYVSMKMR

/RGANIZACJASTRONY (EJ ADLACZEGO WOGÄLESORTUJEMYTEKARTY-YvLAEM EPODSTAWOWYMZAOENIEMPROJEKTOWANIA ZORIENTOWANEGONAUYTKOWNIKAJESTTO ENIE PROJEKTUJEMYSTRONYDLASAMYCHSIEBIE ALE ZMYvLOUYTKOWNIKU

Przyjaciele wspomogą Cię w sortowaniu | ¬AiA®-ª®¬ plRJ®l-t-yl-®ªlÔ®-yR®| |ª-ylRup- u¥l-tR²ª¬p|y¬ª-É-uRJy-p-u|J®lRqyR| |ª-ylR p- |ylRoR oRJ¬yRJ|7R|®ªlÔ®-ylRq-A®Ra|"-p y--ªJÖ®oRJyRa|ª-¸yRa||ª|J¥lR|oRp ¥oR® ªl ¬y¬ly RyR |ªRoJq--uRa|lR7lRW|7l® |®u¬²qÔ |ª|lAi|J7l|A-Ai[oR²qlylR|oRp ¥oR®Jq-lR7lRG | Jq-A®Ra|ul-t7¬²-u| |ª-Ép- ¬ JR-qylR7¬t|7¬ª¬p|y-É Ry-u|AR| |ª-yl-® ¬ul -u¬ulp- -ulW-qR®lyyÔ||7ÔoR| ¥oÔAÔ }7¥o ª¬7-Ép|a|²®Rª|lAi|J7l|A}ªJ|ARq|ª¬AiR²ql®o-plRa|² |ª|J¥ylR| -\l®®y-qR´É -plRo||7¬G||²||u|A p|a|²lyyRa|'y-oa|®¬u-®lR| ®¬u-®J¥aÔ|lylÖ y- Ru- ¥p ¥¬ly\|u-Aol"ª|oRoªl ¬y¬

§aSMdOXSO

Poproś przyjaciela o posortowanie utworzonych wcześniej kart. Przedstaw mu krótko witrynę internetową Marka (uważaj — staraj się nie wpłynąć na przyjaciela tak, by wybrał określoną strukturę informacji), a następnie pozwól ułożyć karty. Czy rozwiązanie Twojego przyjaciela jest takie samo jak Twoje? W których miejscach podjął on inne decyzje? Zapytaj, dlaczego tak było! Ostatecznym celem jest stworzenie dla witryny Marka architektury informacji, która zaspokaja potrzeby nie tylko witryny (i samego Marka), ale również jej użytkowników. Poniżej zapisz przynajmniej trzy uwagi będące efektem sortowania kart przez Twojego przyjaciela.

AcTWST KZK\K^ PY^YQ\KPSMdXc >O\Kd

L¬NdSO]d WSK´ NaK dNT¬MSK \OZ\OdOX^_T¢MO

NaK d_ZO´XSO SXXO ]ZY]YLc \YdWSO]dMdOXSK

WK^O\SK´a 7K\UK JESTEuTUTAJ

0OSORTOWANIEKART

Przyjrzyj się, jak nasz przyjaciel posortował karty dla witryny Marka:

§aSMdOXSO

7OX_ \O]^K_\KMcTXO

3TOSa-EDIApBY TAKISAM

7ONSK

DNT°MSK

V_NdS

8Y^K^US

Y TONdOXS_

DNT°MSK 0SVWc aSNOY U\KTYL\KdYaO

5_V^_\K

9 4KZYXSS 4°dcU

.ASZ PRZYJACIEL ZGODZISIÅ E a+ULTURApI a*ÅZYKp DOBRZEDOSIEBIE PASUJ

.ASZ PRZYJACIELDODA a"ARY IYCIENOCNEp DO STOSU a*EDZENIEp

2S\Y]dSWK >YUSY :YN\Ò 7SOT]MK a0ODRÎpZOSTAA WRZUCONADO JEDNEGO WORKAZ DWOMA MIASTAMI-ATO SENS IMOESPRAWIÁ ETA KATEGORIASTANIE SIÅ LEPSZA

ÑcMSO

MYNdSOXXO

#®¬p-ylRJ¥alRo|lylly- Ru- || |ª-yl-p- oR 7-J®|l | yRlA®Ö | |ª|J¥oR -pÔ|a-yl®-AoÖly\|u-AolG|o-plRo-u|A®Ô p|ª|7¬²ylR|u¬²q-t pÔJoRJy-pªlRJ®lRÉGp }¬|u¬toR qR®¬A®¬ R¸p }¬®-t¥a¥oRy-ªlÖp®Ô ¥ª-aÖ}¸G}¸ylR |7¬ª-R²qllÖAl||®"ª|lAi®¬o-Al}t|| ¥oRp- ¬ l¥®¬p-|J|7yRª¬ylplWu|¸R®®-t|¸¬ÉG¸RoR |y-o-ªJ||J|7ylRo y-oqR®¬|}7|a-yl®-Aolly\|u-Aolªªl ¬ylR "|"¬oR R²oRJy-p|oRp -y Ruªl ¬yly RyR |ª¬Ai®--ulª¬ -A®¬l ¥®¬p-ylRJ¥alRoA®¬ ®RAlRo|lylllª|ª-J®RylRylRªlRqplAiu|J¬\lp-Aol J|"ª|oRa||A®Ô p|ªRa||®ªlÔ®-yl-#RªylolÖG¸RplRJ¬p|ÍA®¬®-AÖG \ly-qy-|a-yl®-Ao-ly\|u-Aol7ÖJ®lRllÖ|J|7-t-"¬l-p[7ÖJ®lRAlR |7lRu¥lRql®ylÔ-J®lÉ®R®Jt¥alA®-

2OZDZIA

=_]RS

,K\c S ÒcMSO

XYMXO

5^\c ]ZY]L ]Y\^YaKXSK TO]^ a¸KÄMSac)

4ONdOXSO

.dSOXXSU

d ZYN\Òc a$ZIENNIKZ PODRÎYp IaYCIECODZIENNEp I POZOSTAYPOZA GRUPAM

/RGANIZACJASTRONY

?¸Ò UK\^c a RSO\K\MRS° ]^\YXc lRJ¬7ÖJ®lR®®-J|ª|q|y¬®ª¬ylp¥|| |ª-yl-p- |-®®-||y|ª-y¬Ai ¬ ¥t}ªG7ÖJ®lR®u¥l-tª|ª-J®lÉylRA| ¥p ¥¬#t}¸p- ¬ -pGo-p7¬7¬t¬ |yRu-Ô |y¬'R´plqp-ª|qy¬Aip- l®-l®y-ylAiy-®ª¬a¥Go-plR ª¬u¬²qltR²|®t}¸oRy- |qRA®¬|Jt|J®R}´ylRo¥t}¸p- ¬RR®Ry ¥oÔAR R²É |y¬|J|J|ªl-J-oÔA¬ullup- -ulJ®l-t}ª

ZWY STOSÎW 4EKARTYTO NA CZYLI TYTUY

5TWÎRZ NOWKARTÅ KTÎRAMOE SUYÁ JAKOTYTUCAOwCI

:BOKUTRZYMAJ DLA UATWIENIASZKICSTRONY #I ÎC POM ON EN 0OWINI SKUPIÁSIÅNAMOTYWIEARKA PRZEWODNIM WITRYNY-

NII MARK W JAPO

4ERAZ POUKADA POPROSTU KA J RT WSTOSIE PONI Y KARTY TYTUOW EJ EJ

§aSMdOXSO

Po kilku iteracjach ułożenia kart, kiedy jeden czy dwoje Twoich przyjaciół zaproponowało swoje rozwiązania, ułóż karty jak diagram architektury informacji i zrób kolejne zdjęcie.

JESTEuTUTAJ

/RGANIZACJAPOSORTOWANYCHKART

§aSMdOXSO

Po rozważeniu rozwiązań przyjaciół i ponownym przemyśleniu swojej pierwszej propozycji posortowania kart, ustaliliśmy poniższy finalny układ:

5SUNÅLIwMYOPISY BY Å WSZYSTKOZMIEwCIOSI NA JEDNEJSTRONIEb

7K\U

a 4KZYXSS

7ONSK

4ONdOXSO

8Y^K^US

d ZYN\Òc

,VYQ

9 4KZYXSS

DNT°MSK

U\KTYL\KdYaO

8Y^K^US

Y TONdOXS_

>YUSY

.dSOXXSU

d ZYN\Òc

5_V^_\K

DNT°MSK

V_NdS

7OX_

\O]^K_\KMcTXO

2S\Y]dSWK

0SVWc aSNOY

=_]RS

:DJÅCIA IFILMYWIDEO ZDECYDOWANIENALE DOKATEGORII a-EDIAp

,K\c S ÒcMSO

XYMXO

$ODALIwMYa"ARY IYCIE NOCNEpDOKATEGORII a*EDZENIEp PONIEWA TA PROPOZYCJAPOWTARZAASIÅ WROZWIZANIACH NASZYCH PRZYJACIÎ

0OTENCJALNYTYTU WITRYNY -ARKA

2OZDZIA

$ZIENNIK ZPODRÎY -ARKAwWIETNIE SPRAWDZISIÅJAKO BLOG

-IASTA POZOSTAYWE WASNEJ KATEGORII JEDNAK ZMIENILIwMYJEJ NAZWÅNA a.OTATKIZPODRÎYp BY LEPIEJREPREZENTOWAAONA WYNIKPOSORTOWANIAKART

4°dcU

7SZYSCY NASI PR ZY UMIEwCILIKULTURÅ JACIELE W JEDNEJKATEGOR IJÅZYK ELEMENTY SKADOWII4O DOBRE Z OGÎLNYMIINFORME CZÅwCI O *APONII4O RÎ ACJAMI WN GDZIE-ARK MOE IEMIEJSCE MATERIAY JEwLIBDODAÁDALSZE ÅDZIEMIA NATOOCHOTÅ

/RGANIZACJASTRONY

.SKQ\KWc K\MRS^OU^_\c SXPY\WKMTS ^Y ZY Z\Y]^_

UK\^c ZY]Y\^YaKXO XK ZKZSO\dO l-a-u-Ail Rp ¥¬ly\|u-Aol®¬|uly-u-Ö |y¬¥ ª|®|yÔ ®R®lR7lRy- |qRl\| |a-\|ª-yÔª| - yluÉªlA®Ryl¥GoRJy-p oR -p¸RA®¬u²ªlÖARol-a-u-Ail Rp ¥¬ly\|u-Aol|p-®¥oR ylR ¬qp||}7|a-yl®-Aol®-ª- |²Al |y¬G-qR}ªylR¸Rq-AoR ilR-AilA®yR|ulÖJ®¬oRoA®Ö²Al-ull|JA®Ö²Al-ul|7-ªl-J|u|²É oR -p-G¸R|ylRª-¸|²ªlÖAltR²o¥¸||A®-¥lª¬p|y-tR²plqp- l R-Aol| |ª-yl-p- GªlÖp®|²É-A¬oR o¥¸®-"|7Ô

7K\U

a 4KZYXSS

4ONdOXSO

7ONSK

DNT°MSK

0SVWc

DNT°MSK

U\KTYL\KdYaO

0SVWc aSNOY

DNT°MSK

V_NdS

8Y^K^US

d ZYN\Òc

>YUSY

+ATEGORIÅa-EDIAp PODZIELILIwMYNA DWIE CZÅwCI PODKTÎRYMI UMIEwCILIwMYODPOWIEDNIE TREwCI

3UPER #ZYLITELINIETO POPROSTUODNOvNIKI ZGADZASI»*AK WMAPIESTRONY

KTURY /TO CZÅwÁ ARCHITE-ARKA NY TRO S CJI MA OR INF YGLDA 7 DUEJMIERZEWWANIA RTO SO PO IK JAKWYN IEJE KILKA KART JEDNAKISTN RÎNIC

2ESZTAMATERIAÎW -ARKAZNAJDZIESIÅ TUTAJb

$IAGRAM ARCHITEKTURY INFORMACJI MOESZSOBI WYOBRAZIÁJAKOOSTATECZE WERSJÅSORTOWANIAKART N +ATEGORIESPODZIELO NE NA PODKATEGORIE ANA GÎWKI UOONEZGODNIEZ ICH STOPNIEMWANOwCI

5SONc L¬NdSO]d ^aY\dc´

Y]^K^OMdXc NSKQ\KW

K\MRS^OU^_\c SXPY\WKMTS

_ZOaXST ]S¬ ÎO XKQ´aUS

_ZY\d¢NUYaKXO ]¢ dQYNXSO

dO ]^YZXSOW aKÎXYÀMS

8KTaKÎXSOT]dO OVOWOX^c

ZYaSXXc ZYTKaS¤ ]S¬ acÎOT

a NSKQ\KWSO JESTEuTUTAJ

$IAGRAMYARCHITEKTURYINFORMACJINIESMAPAMISTRONY

.SKQ\KWc K\MRS^OU^_\c SXPY\WKMTS 83/ ]¦ ^cVUY

]ZS]OW YNXYÄXSUa WS°Ndc ]^\YXKWS 'Jl-a-u-Ai-Ail Rp ¥¬ly\|u-AolylRAi|J®l||Jy|²ylplWy-oª-¸ylRo®RÔRq-AoRilR-AilA®yR |ulÖJ®¬A®Ö²Al-ull|JA®Ö²Al-ul R²Al |y¬J¬7¬²}7|ª-t¥ ª|®¬ÉJl-a-u|p-®¥oÔA¬ |Jy|²ylplulÖJ®¬A®Ö²Al-ul |y¬G| ®¬u-t7¬²7R®¥¸¬ RA®y¬G®¬|uly-oÔA¬-aiR lAi-|G p }¬ylRR®Ry |ª-t7¬¸-Jy¬Aily\|u-Aol|l | y¬AiRq-Ao-AiilR-AilA®y¬Ai|ulÖJ®¬ RqRuRy -ul®-ª- |²Al |y¬ |u¬²q| ¬uG¸R®RAlR¸ªlÖp®|²Éªl ¬yly RyR |ª¬Aiª®ÖJ®lRu-|Jy|²ylpl®RAly-oÔAR p- Ra|lRlA®Ö²Al |y¬ ª|®|y¬y- Ro|J -ªlRJl-a-u7¬t7¬ª¬oÔ p|ª|ylR|¥pt-J-y¬[

1NcLc a K\MRS^OU^_\dO SXPY\WKMTS

MRYNdS¸Y Y YNXYÄXSUSj

7ONSK

4ONdOXSO

8Y^K^US

d ZYN\Òc

,VYQ

0SVWc aSNOY

7OX_

\O]^K_\KMcTXO

>YUSY

.dSOXXSU

d ZYN\Òc

DNT°MSK

V_NdS

=_]RS

2S\Y]dSWK

DNT°MSK

U\KTYL\KdYaO .ACAEJSTRONIE -ARKAZNAJDOWAYBY SIÅODNOwNIKI DOZDJÅÁIFILMÎW WIDEO

7K\U

a 4KZYXSS

3TRONAGÎWNA ZAWIERAABY ODNOwNIKDO KADEJ ZWANIEJSZYCH PODSTRONWITRYNY

2OZDZIA

"LOGMÎGBY ZAWIERAÁ ODNOwNIKI DO NOTATEKZPODRÎY IMEDIÎW

3TRONYPOwWIÅCONEJE DZE ZAWIERAÁ ODNOwNIKI DO NIUMOGYBY MIAST WKTÎRYCH -ARKKONKRETNYCH ODWIEDZI DAN RESTAURACJÅ

-SOUKaY]^US 3]^XSOTO aSOVO Z\YQ\KWa ZYWKQKT¦McMR ]^aY\dc¨ ¸KNXc S Z\YPO]TYXKVXSO

acQV¦NKT¦Mc NSKQ\KW K\MRS^OU^_\c SXPY\WKMTS .VK ]c]^OW_ ASXNYa] NYL\cW

MRY¨ XSOMY UY]d^YaXcW acLY\OW L°NdSO @S]SY A Z\dcZKNU_ ]c]^OW_ 7KM 9=

ÄaSO^XcW \YdaS¦dKXSOW TO]^ 9WXS1\KPPVO

/RGANIZACJASTRONY

.IE ZAPOMNIJ ONADANIU DIAGRAMOWI ARCHITEKTURY INFORMACJITYTUU

5_V^_\K

$ODAJCZÅwCI ZAWARTOwCIZ 4WOJEGO POSORTOWANIAKART sUWZGLÅDNIJJEDNAK SZCZEGÎY.IE OBAWIAJSIÅWSTAWIAÁ DODATKOWYCH PODKATEGORII KTÎRE POPRAWIORGANIZACJÅ WITRYNY -ARKA

Zbuduj diagram architektury informacji w oparciu o Twój rezultat posortowania kart. Pamiętaj, że nie masz pokazywać odnośników między stronami, a relacje hierarchiczne pomiędzy częściami i podczęściami zawartości strony.

9 4KZYXSS

§aSMdOXSO

TWORZENIA #ZASAMIWTRAKCIEMACJIBÅDZIESZ FOR IN RY KTU ITE CH AR IENIÁ SPOSÎB MUSIANIECO ZM 4ODOBRZEb T AR K NIA SORTOWA ORGANIZACJÅ CHODZI TUODOBR NIEWSZELKICH IKA UN IE STRONY AN H POMYSÎW ZMIANPIERWOTNYC

JESTEuTUTAJ

7YKOÊCZENIEARCHITEKTURYINFORMACJI

2OZDZIA

0SVWc aSNOY

0SVWc

DNT°MSK

V_NdS =_]RS 2S\Y]dSWK

4°dcU DNT°MSK

U\KTYL\KdYaO 7OX_

\O]^K_\KMcTXO

a-EDIApTO PIERWSZY KANDYDATKATEGORII DOPODZIAU2OZDZIELENIE FILMÎWI ZDJÅÁSPOWODUJE LEPSZORGANIZACJÅTEGO DZIAU

>YUSY

DNT°MSK 8Y^K^US

Y TONdOXS_ 7SK]^K .dSOXXSU

d ZYN\Òc

7ONSK 4ONdOXSO 8Y^K^US

d ZYN\Òc ,VYQ

7K\U

a 4KZYXSS

$IAGRAMY ARCHITEKTURY INFORMACJIZAWSZE POWINNYMIEÁ TYTUY

5_V^_\K

Twoje zadanie polegało na zbudowaniu diagramu architektury informacji w oparciu o Twój rezultat posortowania kart. Oto, co wymyśliliśmy:

9 4KZYXSS

§aSMdOXSO

:GRUPOWALIwMYPODSTRONY a4OKIOpIa(IROSZIMAp WPODKATEGORIIa-IASTAp ACAOwÁUMIEwCILIwMY WDZIALE a.OTATKI ZPODRÎYp$ZIÅKITEMU -ARKBÅDZIEMÎGDODAÁ WIÅCEJNOTATEKNATEMAT RÎNYCH INNYCHMIEJSC

"LOGPOWINIENBYÁPIERWSZYMODNOwNIKIEM NASTRONIE4OTAMPOJAWISIÅWIÅKSZOwÁ NOWYCH TREwCI DLATEGOBLOGMOENAWET STAÁSIÅCZÅwCISTRONY GÎWNEJ

/RGANIZACJASTRONY

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ -dc MK¸c ^OX XKU¸KN Z\KMc XKZ\KaN° TO]^ XSOdL°NXc

:$ 4OÄVS NSKQ\KWc K\MRS^OU^_\c SXPY\WKMTS XSO ZYUKd_T¦

9$ >KU TO]^ ^Y UYXSOMdXO TOÄVS MRMO]d ^Y d\YLS¨ NYL\dO :\YTOU^

9$ DKdacMdKT XKTVOZ]dcW ]ZY]YLOW XK ZYUKdKXSO YNXYÄXSUa

^cVUY ZY ^Y Lc ]^aY\dc¨ UK^OQY\SO ]c]^OW_ XKaSQKMcTXOQY)

dKaK\^YÄMS ]^\YXc Y\Kd TOT ]c]^OW_ XKaSQKMcTXOQY W_]S Lc¨ NYL\dO

Z\dOWcÄVKXc DKZ\YTOU^YaKXK a ZYÄZSOMR_ K\MRS^OU^_\K SXPY\WKMTS

WYÒO WSO¨ UK^K]^\YPKVXc aZ¸ca XK ZYaYNdOXSO aS^\cXc 8KaO^ TOÄVS

acUYXK]d ]U\MYXO aO\]TO ]Y\^YaKXSK UK\^ S ^aY\dOXSK NSKQ\KWa

K\MRS^OU^_\c SXPY\WKMTS S ^KU acXSU L°NdSO VOZ]dc XSÒ QNcLcÄ ^OQY

a YQVO XSO d\YLS¸

:$ + MY TOÄVS MRM° Z\dOTÄ¨ YN \Kd_ NY K\MRS^OU^_\c

SXPY\WKMTS d ZYWSXS°MSOW ]Y\^YaKXSK UK\^)

9$ 3 ^KU L°NdSO ^Y VOZ]dO YN XSMdOQY KVO ^KU XKZ\KaN° XSO

L°NdSO]d WSK¸ WYÒVSaYÄMS Z\dOT\dOXSK S ]Z\KaNdOXSK dKaK\^YÄMS

]^\YXc =Y\^YaKXSO UK\^ WK ^KU N_ÒO dXKMdOXSO ZYXSOaKÒ ZYdaKVK

XK ZYdLcMSO ]S° WK^O\SK¸a U^\O ]¦ XSOZY^\dOLXO S UKÒO -S WcÄVO¨

Y adKTOWXcMR \OVKMTKMR ZYWS°Ndc ZY]dMdOQVXcWS Md°ÄMSKWS ^\OÄMS

]^\YXc .SKQ\KWc K\MRS^OU^_\c SXPY\WKMTS WYQ¦ a ^cW ZYWM

TONXKU XSO ]¦ a ^cW ^KU NYL\O TKU ]Y\^YaKXSO UK\^

YNXYÄXSUa QNdSO WYÒXK dXKVOÐ¨ ^KU¦ ZYNZYaSONÐ)

NY]^°ZXcMR XK ]^\YXSO TO]^ WKZK ]^\YXc :\YLVOW ZYVOQK XK ^cW

ÒO WKZc ]^\YXc XSO WYÒXK ^KU XKZ\KaN° d\YLS¨ NYZUS ]^\YXK

XSO L°NdSO QY^YaK A PKdSO Z\OZ\YN_UMTS ZYaSXSOXOÄ ]S° ]U_ZS¨

XK Y\QKXSdKMTS dKaK\^YÄMS ]^\YXc K XSO L_NYaKXS_ YNXYÄXSUa

>Y dKNKXSO ZYTKaS ]S° XK O^KZSO ^aY\dOXSK ZYN]^\YX

:$ -dc ^aY\dOXSO UKÒNOT aS^\cXc SX^O\XO^YaOT YZK\^O TO]^

XK ^cW ]KWcW Z\YMO]SO)

9$ >KU XKZ\KaN° a aS°U]dYÄMS Z\dcZKNUa ^KU XSO TO]^ s ]^¦N

a 3X^O\XOMSO S]^XSOTO ^cVO ^\_NXcMR a _ÒcMS_ aS^\cX A aSOV_

Z\dcZKNUKMR K\MRS^OU^_\K SXPY\WKMTS Y\Kd Y\QKXSdKMTK dKaK\^YÄMS

]^\YXc ZYTKaSKT¦ ]S° T_Ò ZY ]^aY\dOXS_ Z\YTOU^_ Z\dOd MY ]^KTO

]S° YXK XSOZ\dcTKdXK K ZY]dMdOQVXO ^\OÄMS ^\_NXY TO]^ YNXKVOÐ¨

:YWSXS°MSO O^KZ_ Z\OZ\YN_UMTS ]ZYaYN_TO P\_]^\KMT° _Òc^UYaXSUa

S Z\dcMdcXS ]S° NY ]^K¸OQY ]ZKNU_ VSMdLc YNaSONdKT¦McMR

:$ 4KUS daS¦dOU WK WY^ca Z\dOaYNXS aS^\cXc S TOT

K\MRS^OU^_\K SXPY\WKMTS)

9$ +\MRS^OU^_\K SXPY\WKMTS TO]^ ÄMSÄVO daS¦dKXK d WY^caOW

Z\dOaYNXSW aS^\cXc 7Y^ca Z\dOaYNXS acXSUK d dKaK\^YÄMS

]^\YXc K Y\QKXSdKMTK ^OT dKaK\^YÄMS WK YQ\YWXO dXKMdOXSO 4OÄVS

K\MRS^OU^_\K SXPY\WKMTS TO]^ d¸K L¦NÐ XKMS]U ZY¸YÒYXc dY]^KTO

XK XSOa¸KÄMSa¦ ^\OÄ¨ XSO ^cVUY NOdY\SOX^_TO]d _Òc^UYaXSUa

KVO S XSO Z\dOUKd_TO]d WY^ca_ Z\dOaYNXSOQY aS^\cXc

JESTEuTUTAJ

0RZEJuCIEDOFAZYPRODUKCJI

:\dOTÄMSO d PKdc Z\OZ\YN_UMTS NY Z\YN_UMTS ª|®RylRJl-a-u¥-Ail Rp ¥¬ly\|u-Aollª¬p|y-ylR| |ª-yl-p- u|at|lÖª¬J-ª-É |a|uy¬uy-pt-JRu-A¬o-py-®ª¬ptR®7¥J|ª-ylR¬ Ru¥y-ªla-A¬oyRa|ªl ¬y¬-p oRJy-p -ylRlÖ"ª|lu\-yRuGª®A®Ra}qy|²AlplRJ¬®|7-A®¬G¸R¥¸¬ p|ªylA¬®t- ª|²AlÔ |¥®-oÔlÖ|oRa| |ylRl7R®|7qRu¥|Jy-oJ¥oÔª®¬ plRu- Rl-t¬ "R-®u-u¬o¥¸J|7®R®|a-yl®|ª-yÔ-Ail Rp ¥Öly\|u-AolG®plAGp }¬|J|7-lÖ-p|ªlG lo-y¬|u¬tGo-pu-ª¬aqÔJ-ÉlJ®l-t-Éªl ¬y-# ª}®u¬o-pl²p|Jl ¬q |y¬[

7K\U

a 4KZYXSS

,VYQ

8Y^K^US

d ZYN\Òc

4ONdOXSO

7ONSK

9 4KZYXSS

.dSOXXSU

d ZYN\Òc

7SK]^K

8Y^K^US

Y TONdOXS_

DNT°MSK

5_V^_\K

>YUcY

7OX_]

DNT°MSK

U\KTYL\KdYaO

=_]RS

DNT°MSK

V_NdS

JAPONII MARK W

2S\Y]RSWK

0SVWc

0SVWc aSNOY

2OZDZIA

4°dcU

/RGANIZACJASTRONY

,_NYaKXSO ]^\_U^_\c aS^\cXc 7K\UK 4ENFOLDERBÅDZIEZAWIERA WSZYSTKIEOBRAZKI NIEZBÅDNEDODZIAANIA UKADUSTRONY

/markwjaponii

4ENFOLDER BÅDZIEZAWIERA WSZYSTKIEPLIKI DLAWITRYNY -ARKA

/images

0ODODNOwNIKAMIDOPLIKÎW*AVA3CRIPTU ZNAJDUJESIÅ NIEWIELKIFRAGMENTKODU AKTYWUJCYKOD BIBLIOTEKI&ACEBOX POKLIKNIÅCIUODNOwNIKA ZODPOWIEDNIMATRYBUTEMaRELp

ROLÅ IWYKORZYSTUJE +OD &ACEBOX PRZEJMUJEWTEDY KONTDOWYGENEROWANIA DOCZONEPLIKIORAZ ARKUSZ#33 NASTRONIEPODANEGOEFEKTU

2OZDZIA

%WOLUCJAPROJEKTU

§aSMdOXSO

Wykorzystując poniższy kod jako przykład, dodaj efekt z biblioteki Facebox do pozostałych odnośników do projektów z portfolio. Pamiętaj o odnośnikach łączących miniatury obrazków z ich pełnymi wersjami i nie zapomnij podać w odnośnikach poprawnego atrybutu rel.

$ODAJDOZDJÅÁPROJEKTÎWZPORTFOLIO ODNOwNIKIKIERUJCEDOWIÅKSZYCH WERSJITYCHSAMYCHPLIKÎW7IÅKSZE OBRAZKI BÅDWYwWIETLANE WWYSKAKUJCEJ RAMCE

!TRYBUTaRELpOPISUJEZW ODNOwNIKAZ BIECS IZEK TRON 4UTAJ WYKORZYSTANYZ OST DO POINFORMOWANIAKO A DU W *AVA3CRIPCIEBIBLIOTE E ODNOwNIK ZOSTAKLIKNKI &ACEBOX IÅTY

-SOUKaY]^US +^\cL_^ \OV acUY\dc]^caKXc TO]^ NY YZS]KXSK daS¦dU_ ZYWS°Ndc NaYWK dK]YLKWS

A Z\dcZKNU_ LSLVSY^OUS 0KMOLYb daS¦dOU ^OX ^Y OPOU^ \KWUS
]OWKX^cMdXK TONXKU SXXO dK]YLc XK Z\dcU¸KN 4K`K=M\SZ^ WYQ¦ acUY\dc]^caK¨ ^OX

K^\cL_^ Lc ^\KU^YaK¨ ^KUSO YNXYÄXSUS SXKMdOT XSÒ XY\WKVXO YNXYÄXSUS XK ]^\YXSO

JESTEuTUTAJ

7YPRÌBOWANIEEFEKTURAMKI

Sprawdźmy, jakich poprawek wymaga nasz kod portfolio, by efekt ramki zadziałał:

§aSMdOXSO

ONANIETYLKOOBRAZKI 7TAKICHRAMKACHPOKAZYWAÁM LAÁRÎWNIEZAWARTOwÁ WIET WYw NA IMO :APOMOCRAMK -, TEKSTOWLUBCAEDOKUMENTY(4

"YEFEKTZADZIAA KADYODNOwNIK MUSIZAWIERAÁATRYBUTRELpFACEBOXp "EZTEGOFRAGMENTUKOD W*AVA3CRIPCIE NIEWIEDZIABY EMAZOSTAÁWYKONANY

Jazda próbna ®R R ¥oJ®l-t-ylR |y¬|J-oª®¬ plR|7-®pllqlplJ|ªt-yRo ¥p ¥¬p- -q|a}ªl®-t-J¥o |yÖª®RaqÔJ-AR-plÖ|y-R®Ry ¥oR }7¥oªlyyRo®RaqÔJ-AR®¬J®l-t- -p-u|

2OZDZIA

%WOLUCJAPROJEKTU

8SO S]^XSOT¦

Q¸_ZSO Zc^KXSK

:$ A]ZYWXSOVSÄMSO ÒO 4K`K=M\SZ^

WYÒO XSO Lc¨ a ZO¸XS dQYNXc

d XSOU^\cWS Z\dOQV¦NK\UKWS -Y ]S°

]^KXSO TOÄVS Z\dOQV¦NK\UK _Òc^UYaXSUK

XSO YL]¸_Q_TO 4K`K=M\SZ^_)

9$
Z\dOQV¦NK\US YL]¸_Q_T¦ 4K`K=M\SZ^ 4OÄVS

Z\dOQV¦NK\UK XSO L°NdSO YL]¸_QSaK¨

4K`K=M\SZ^_ ^Y ZYXSOaKÒ NYNK¸OÄ YNXYÄXSU

NY aS°U]dOT aO\]TS YL\KdUK dKWSK]^

acÄaSO^VS¨ QY a Ä\YNU_ S]^XSOT¦MOT ]^\YXc

WYÒO ]Z\LYaK¨ acÄaSO^VS¨ YL\KdOU

a XYacW YUXSO ?Òc^UYaXSMc L°N¦ a^ONc

W_]SOVS _Òc¨ Z\dcMS]U_ A]^OMd Z\dOQV¦NK\US

Lc a\MS¨ NY ]^\YXc KVO WKT¦ ]dKX]°

a YQVO dYLKMdc¨ aS°U]dc YL\KdOU

:$ 4OÄVS dK^OW WYQ° a \KWMO

acÄaSO^VS¨ ^KUÒO ^OU]^ Mdc

_Òc^UYaXSMc WYQ¦ QY XSO dYLKMdc¨

USONc SMR Z\dOQV¦NK\UK XSO YL]¸_Q_TO

4K`K=M\SZ^_)

9$ ,°NdSO ^KU ]KWY TKU a Z\dcZKNU_

YL\KdUK :\dOQV¦NK\US \ÒXSO \KNd¦ ]YLSO

d 4K`K=M\SZ^OW K ZYXSOaKÒ XSQNc XSO aSO]d

TKUS ZYdSYW YL]¸_QS ^OQY T°dcUK L°N¦ WSK¸c

Z\dOQV¦NK\US >aYSMR _Òc^UYaXSUa TO]^

^Y UYVOTXc ZYaN Lc UY\dc]^K¨

d 4K`K=M\SZ^_ Y]dMd°NXSO 4OÄVS WK]d dKWSK\

QY dK]^Y]YaK¨ _ZOaXST ]S° ÒO acÄaSO^VKXK

a ^OX ]ZY]L dKaK\^YÄ¨ XSO TO]^ UV_MdYaK

NVK d\Yd_WSOXSK ]^\YXc S TOT ^\OÄMS Z\dOd

_Òc^UYaXSUa

:$ 2Wj -dc dK^OW 0VK]R XSO Lc¸Lc

VOZ]d¦ YZMT¦ TOÄVS MRYNdS Y NYNKXSO

SX^O\KU^caXYÄMS)

9$ >Y dKVOÒc YN ^OQY MY MRMO]d Y]S¦QX¦¨

1NcLcÄ MRMSK¸ acÄaSO^VS¨ LYQK^¦

KXSWYaKX¦ ]OUMT° W_V^SWONSKVX¦ 0VK]R

Lc¸Lc NYL\cW acLY\OW TONXKU a ^cW

Z\dcZKNU_ MRMOWc ^cVUY ZYUKdK¨ aS°U]d¦

aO\]T° YL\KdUK 0VK]R WK YMdcaSÄMSO

]aYTO a¸K]XO YQ\KXSMdOXSK Z\dOQV¦NK\US

ZY^\dOL_T¦ ]ZOMTKVXcMR a^cMdOU XSO

a]dc]^USO ^\OÄMS ]¦ a NY]^°ZXO

NVK^OQY TOÄVS WK]d ]^\YX° U^\K LKd_TO XK

^\OÄMS VOZSOT TO]^ ^\dcWK¨ ]S° 2>76 S -==

a dKU\O]SO Z\OdOX^KMTS dKaK\^YÄMS Y\Kd NYNK¨

^cVUY ^_ S aNdSO XSOMY SX^O\KU^caXYÄMS

dK ZYWYM¦ 4K`K=M\SZ^_ Mdc 0VK]RK

4ERAMKIWYGLDAJvWIETNIE ALEbNIEJESTEMPEWNA CZYSPRAWI EUYTKOWNICYB»DREGULARNIEWRACALIDO NASZEJWITRYNY7IEM ENASZEPROJEKTYS vWIETNE ALEJAKOvWTPI» EBYODWIEDZAJCY NACISKALICIGLEPRZYCISK& EBYTYLKOSPRAWDZI· CZYNIEDODALIvMYNOWEGOZRZUTUb *AKIEvPOMYSY

AC=36 =D+
JESTEuTUTAJ

.OWEINFORMACJEPOCHODZZBLOGÌW

(Mb4EN *AVA3CRIPTWYGLDANIEyLE ALETOJEDNORAZOWYEFEKT !MOEBLOGMÄGBYZACH»CI· UYTKOWNIKÄWDOWRACANIA DONASZEJWITRYNY

Wprowadź do strony nowe treści za pomocą bloga. q|al -t¬lÖ| Ö¸y¬uly-®ÖJ®l-ult¥¸ÔA¬ulJ| Jª¥plR¥yp|ªRop|u¥ylp-Aol®¥¸¬ p|ªylp-ul"¬¥7qlp¥oR® ªl¬G-"ª|l¥¸¬ p|ªylA¬u|aÔp|uRy |ª-É®-}ªy|ªl¬G o-plp|uRy -®Rlyy¬Ai|}7 q|a | |¥yp|ª|t- ª¬|}7y- -t¬J|t¬ªy|ª¬Ai R²Al J| |y¬WA||®y-A®-G¸R |y-®-ª®R7ÖJ®lRª¬aqÔJ-t-²ªlR¸| lJ-|JªlRJ®-oÔA¬u|ª}JG7¬y-ylÔª}AlÉ q|alJ-oÔ -p¸R"ª|oRo |ylRAi--p R |y-ylRu¥lo¥¸7¬É -p--y|ylu|ª-G7|J®lÖplªl|uu|¸R®ª¬-¸-Éª|oR®J-ylR lp|u¥ylp|ª-ÉlÖ®lyy¬ul

Uwaga!

Jeśli masz zamiar zacząć pisać bloga, musisz mieć pewność, że będziesz miał czas na regularne dodawanie wpisów.

Nie ma nic gorszego od odwiedzenia strony tylko po to, by zobaczyć, że blog nie został uaktualniony od pół roku. Jedynym sposobem na przyciągnięcie czytelników jest regularne dodawanie nowych i interesujących wpisów.

2OZDZIA

%WOLUCJAPROJEKTU

.YNKXSO NY ]^\YXc LVYQK s AY\N:\O]] -yR®a-J®-lÖ® ¬u|u¬tRu#ª-¸-G¸R²ªlR ylR7¬7¬t|G aJ¬7¬y|ª-ªRo- |y¬RJ-y RyRlay®-ªlR-t- 7q|a-' Ry|}7-A|ªylA¬\lu¬u|aql7¬l-Éy|ªR - ¬p¥t¬||oRp |ª-yl¥ |yGJ|J-ª-É-p ¥-qy|²Al| ¥Jl¥ l|| ¥qRlRop|u¥ylp|ª-ÉlÖ®¥¸¬ p|ªylp-ul -yR®¬o®-t-lÖylRA|J| Öy¬uu|¸qlª|²Al|ulAiAR p|®¬ -É®q- \|u¬'|JRi Fª|JR|a q-A®Ra| ylRoRplqp-|ª|J}ªF

-/68/ =:9=>

WordPress jest platformą na licencji open source, co oznacza, że tysiące (a nawet dziesiątki tysięcy) programistów z całego świata łączy swoje wysiłki, by z każdą wersją system ten był coraz lepszy.

Do działania WordPress potrzebuje jedynie PHP i MySQL (nie martw się, jeśli te nazwy brzmią groźnie, wszystko omówimy za chwilę).

WordPress ma niewiarygodnie prosty (i legendarny) pięciominutowy proces instalacyjny.

WordPress ma prosty system szablonów, który jednym kliknięciem pozwala zmienić wygląd bloga. Co ważniejsze, tworzenie własnych szablonów (zwanych w nomenklaturze WordPressa „motywami”) jest naprawdę proste. Są one pisane za pomocą CSS, dlatego jeśli masz już stronę internetową i chcesz, by Twój blog oparty na platformie WordPress wyglądał tak samo, wystarczy dostosować istniejący kod CSS.

Co jednak najlepsze — WordPress jest darmowy!

RICKp KTÎRY 4ODOMYwLNYMOTYWONAZWIE a+UB ORD0RESS 7 FORM PLAT ZZ WRA JEST ANY DOSTARCZ TAKI SPOSÎB AKTÎRY ZOSTAZAPROJEKTOWANYW STANIEZWIELU ORZY OMK WNIK YTKO BYUMOLIWIAÁU OPCJISPECJALNYCHTEGOSYSTEMU

JESTEuTUTAJ

)NSTALACJABLOGA7ORD0RESS

.YNKT LVYQK YZK\^OQY XK ]c]^OWSO AY\N:\O]]

NY ]^\YXc
http://pl.wordpress.org

\ONVKX^O\X

0OBIERZ PLIKIPLATFORMY7ORD0RESS ORG RESS ORDP PLW TP YHT ZESTRON IUMIEwÁICHKOPIÅWKATALOGU GN GÎWNYMSTRONY 2ED ,ANTERN $ESI

LVYQ :MIEÌNAZWÅFOLDERU aWORDPRESSp NAaBLOGp BYwMÎGUZYSKAÁDOSTÅ P DOBLOGAPODADRESEMBLOG

-SOUKaY]^US +Lc AY\N:\O]] WQ¸ NdSK¸K¨ ZYZ\KaXSO ZY^\dOL_TO ]O\aO\K d dKSX]^KVYaKXcW :2: S 7c=;6 \OVKMcTX¦ LKd¦

NKXcMR XK VSMOXMTS YZOX ]Y_\MO 4OÄVS XSO WK]d NY]^°Z_ NY ]O\aO\K Mdc SXXOT PY\Wc RY]^SXQ_ aS°U]dYÄ¨ PS\W

YPO\_T¦McMR RY]^SXQ a ZO¸XS YL]¸_Q_TO ZVK^PY\W° AY\N:\O]] dKZYdXKT ]S° d ZYXSÒ]d¦ ]^\YX¦ Lc NYaSONdSO¨

]S° TKU WYÒXK _\_MRYWS¨ ^° ZVK^PY\W° VYUKVXSO XK a¸K]XcW UYWZ_^O\dO dK ZYWYM¦ B+7:: s dLSY\_

Z\YQ\KWa U^\O NKNd¦ -S ]O\aO\ NdSK¸KT¦Mc XK UYWZ_^O\dO VYUKVXcW

http://www.apachefriends.org/en/xampp.html

2OZDZIA

%WOLUCJAPROJEKTU

§aSMdOXSO

Zainstaluj platformę WordPress i uruchom bloga Red Lantern Design. "ÅDZIESZMUSIAZMIENIÁNAZWÅPLIKU WP CONFIG SAMPLEPHPNANASTÅPUJC

Zmodyfikuj plik wp-config.php, tak by parametry odpowiadały tym z Twojej instalacji: // ** Ustawienia MySQL ** // define('DB_NAME', 'nazwatwojejbazydanych'); // Nazwa bazy danych define('DB_USER', 'nazwauzytkownika'); // Twoja nazwa użytkownika MySQL define('DB_PASSWORD', 'tutajtwojehaslo'); // …i Twoje hasło define('DB_HOST', 'localhost'); // Na 99% zmiana tej wartości nie będzie potrzebna.

define('DB_CHARSET/, /utf8'); define('DB_COLLATE', '');

2

4ECZTERYPARAMETRYBAZY DANYCHS POTRZEBNE BY7ORD0RESSMÎGUTWORZYÁTA BELEBAZYDANYCH PRZECHOWUJCEDANEBLOGA

Postępując zgodnie z instrukcjami instalatora, zainstaluj bloga na komputerze lokalnym bądź serwerze. Pamiętaj, chcemy mieć dostęp do bloga pod adresem /blog.

0OSTÅPUJZGODNIE ZINSTRUKCJAMIINSTALATORA PLATFORMY7ORD0RESS BY URUCHOMIÁBLOGA 2ED ,ANTERN $ESIGN

JESTEuTUTAJ

"LOGMÌWIOSOBIEWSZYSTKO

Cała prawda o Blogu AcaSKN ^cQYNXSK$

:YdXKTOWc ,VYQK Head First:'l -u¬Gq|a¥WAlR®¬u¬lÖG¸RJ|y-

Blog:"RAiy|q|al-7ÖJÔA-|J -ªÔ7q|a}ªu|¸R7¬É

ª-JtR²-|A®Ô Rpu¥®Ö®-¬ -ÉGpÔJª®lÖt|lÖ"ª|oR lulÖWq|a®ul |o-pylR®J|ª¬J´ªlÖpª¬J-ª-y¬ ®R®®ªlR®ÖGp }R®o-Jt|A|²ylR -ªyRa|V

7-J®|p|uqlp|ª-y-q|al |J¬y-ulA®yR-qlp-AoR ly RyR |ªR®RAi|ª¥oÔARly\|u-AoRªl¬Gp|uRy -®R llyyRª7-®lRJ-y¬Aiy-RªR®Rlª¬p|®¬ ¥oÔARoÖ®¬pl | |ylRRªR- -plRo-pJ||7lR-yl-J-y¬Ai ®7-®¬lª¬²ªlR q-yl-lAiy- |ylRq¥RuoRJy-poR |G¸R®Rª®aqÖJ¥y-|¥q-y|²É7q|a}ª|ª -t|ªlRqR |®ªlÔ®-ÍJq-|}7|y-o}¸ylRo®¬u|®l|ulR¥ulRoÖ y|²Al RAiylA®y¬Ai

Blog:--ªJÖ -pu-ª¬aqÔJ-ÉA-t¬ª¬ªl-J| A}¸G}7¥oÖ|J|ªlRJ®lRÉ-®ª-7q|aoR p} Ru |JªR7q|aGp }¬®p|qRloR p|u7ly-AoÔt}ªªR7 y RyR lq|aJ®lRyylp'A®--AiGaJ¬|o-ªlt¬ lÖlRª®R7q|alG7¬t¬|yR|| ¥J®lRyylp-ul ®-l¥oÔA¬ulGA|}¸yR||7¬|7lt¬ªy RyRAlR ®RJ -ªl-t¬AlRp-ªR |y¬|JªlRJ®|yR®R®-¥ |-G ²ulR®yR®JoÖAl-llyyR -plRW ÔJy-®ª-ªR7q|a J®lRyylply RyR |ª¬G-}´ylRoªp}AlRF7q|a

Head First:®R-®-uG7¬Éu|¸Ru|oRlRª®R¬ -ylR u|at|7¬Ély-A®Ro\|u¥t|ª-yR"-pA®¬|ª-pG®R®RJtR² Jt¥aÔJ|aÖ|J -u ¬AiA®-}ªJ|ulRoA-GaJ®lRoR R² J®ll-oG-ªJ-

Blog:+Rªy|²AlÔ[q|al -t¬lÖy--ªJÖ| Ö¸y¬u y-®ÖJ®lRuJ|p|u¥ylp-Aolªy RyRAlR[®l²ª®ÖJ®lR ªlJ®l®7q|alW|J |y¬ª- y¬Ai|}7|ªlRqplR p||-AoR-¸J¬|ª-J®lJ®l²7q|a-[

Head First:--ªJÖ¸ ¬q¥q¥J®lu-ª|oR7q|al Blog:"-pGu}ªlu¬|ulql|y-AiGulql|y-AiGulql|y-AiV y|ªlR®G-u|®¥ulR®

Head First:|J|7®RG |7®ulylR´qRWA®¬u|¸R® ||ªlRJ®lRÉy-u |AiÖ| ¬Ai|®ªlÔ®-yl-Ai

Blog:|A}¸G7q|alaRyR-qylRJ®lRqÔlÖy-JªlR p- Ra|lRWi| |ª-yRy-RªR®Rlly -q|ª-yR ¬ Ru¬ i| |ª-yRÔ ª|®|yRG-Julyl |ª-yRl¥ ®¬u¬ª-yR ®R®o-pl²Rªl®-®ª¬A®-o-Julyl -Ao-®R |y¬ ¥¸¬ p|ªylp-|J7¬ª-lÖ®R®o-pl²ly R\Roly RyR |ª¬ |ylRª-¸Rªl®y-oJ¥oRlÖy-RªR®R®RªyÖ ®y¬uG ¥¸¬ p|ªylpylRu¥l-u®-ou|ª-ÉlÖly -q-AoÔA®¬ p|y\la¥-AoÔRªR- ylRoÔJ-u|ªRRªl¬i| ¥oÔAR 7q|al -plRo-pq|aaRG- -p¸RRªl¬|Jt- yR o-p|©-7qR"¬R

Head First:|J|7®RG|®¥ulRuo¥¸G|A|Ai|J®l® ¬ul i| |ª-y¬ulV-7q|ally -q|ª-yR

Blog:q|ally -q|ª-yR ||| ¥||a-u|ª-ylRG

Head First: -pGlylRA}¸ |®-|J|ªlRJ´

p }Ru|¸R®®-ly -q|ª-Éy-ªt-y¬uRªR®R'''G 7¬¥¥Ai|ulÉy-ylu7q|a-¬ª-oÔ|yR7-J®lRo p|uqlp|ª-yR|J|®ªlÔ®-Íi| |ª-y¬Ai Wª®A®Ra}qy|²AlJq-|}7Gp }RylRu-oÔJ| Ö¥ J|ªt-yRa|RªR-q¥7J|²ªl-JA®Ryl-ª®-®ÔJ®-yl¥ ylu|7-ªl-J|u|²ÉoR -p-G¸Rl ylRoR|| ¬ Ru}ª7q|a}ªly -q|ª-y¬AiAi|É7¬'|JRG p }Ru-p¬u-qylR¥t- ªl-oÔly -q-AoÖ

Blog:"|J|²Ép|uqlp|ª-yR

Head First:-y¬GylRªlRJ®l-tRuG¸Ru|¸y-lÖ ¬qR

Head First:²ªlRÉy-®- RuWªp|ÍA¥| | ¥oR R²G

J|ªlRJ®lRÉ|7q|a-AiWJ®lÖp¥oRu¬G¸R|²ªlÖAltR²y-u ª}oA®-[

Head First:-y¬--ªJÖ|||}77q|a¥oRV p||®- Ru ¬qR|}7u-ª|oR7q|alG®-ly -q|ª-ylRlAi u¥l7¬É¥R| R

Blog:|A}¸Vl -pGlylR

-ªJ-

2OZDZIA

%WOLUCJAPROJEKTU

Jazda próbna +|7-A®Go-pª¬aqÔJ-"ª}o7q|a|®-p|ÍA®Ryl¥ly -q-Aolq- \|u¬'|JR 4AKIECOwZOBACZYSZPODADRESEMBLOG

(EJWANIAKU NIE CHC»#IPSU·ZABAWY ALE TENBLOGNIEWYGLDA JAKSTRONA2ED,ANTERN $ESIGNb

7ORD0RESSINSTALUJERÎWNIEPIERWSZY WPIS DZIÅKICZEMUCOw ODRAZU WYwWIETLASIÅNASTRONIEGÎWNEJ BLOGA-OESZUSUNÁTENWPIS KIEDY ZACZNIESZPROWADZIÁBLOGA

2AMKABOCZNA POKAZUJEODNOwNIKI DOSTRON ARCHIWUM IKATEGORIIWBLOGU

JESTEuTUTAJ

-OTYWYPLATFORMY7ORD0RESS

DWSOXSKT acQV¦N S ]ZY]L NdSK¸KXSK LVYQK dK ZYWYM¦ WY^caa | ¬ª¬®R®y-A®|yRJq-q- \|u¬'|JR|®ª-q-oÔ ®ulRylÉ|oRp |y¬J®lÖpl¥J| ÖylRyl¥|oRp }ªGp }R u|¸R®ª¬p|®¬ -É| ¬ª¬ |®7l}qlp}ª®y-oJ¥oÔA¬Ai lÖªp- -q|a¥®RAi|ª¥oÔA¬up|JG"G-p¥®R ¬q}ªla-\lpÖJq-y|ªRa||oRp ¥|ªa-yl¥u| ¬ª¥ u|¸R®a|-p ¬ª|ª-Éª-yRq¥-Julyl - |-7q|a-

3TRONAZMOTYWAMI DLAPLATFORMY7ORD0RESS

LVYQ 4OJEST GÎWNY FOLDERBLOGA PRZECHOWUJCY WSZYSTKIEPLIKI IFOLDERYPLATFORMY 7ORD0RESS

5MIEwÁWSZYSTKIE MOTYWYWKATALOGU THEMES

aZMYX^OX^

^ROWO]

-SOUKaY]^US 7YÒO]d L_NYaK¨ ]aYTO a¸K]XO WY^cac NVK ZVK^PY\Wc AY\N:\O]]

U^\O VOZSOT L°N¦ ZK]YaK¨ NY \O]d^c >aYTOT ]^\YXc ,c NYaSONdSO¨

]S° aS°MOT Y ^aY\dOXS_ WY^caa YNaSONÐ ^° ]^\YX°$ R^^Z$MYNObaY\NZ\O]]Y\Q>ROWOI.O`OVYZWOX^

2OZDZIA

0OWGRANIUMOTYWUMOESZGO AKTYWOWAÁWPANELUADMINISTRATORA WMENUa7YGLDp

%WOLUCJAPROJEKTU

5AKTUALNIENIEPROJEKTU IKILKA ZMIANWGRAFICEIKODZIE#33

7OW TOWYGLDAvWIETNIE -YvL» ENASIUYTKOWNICYB»D NAPRAWD»ZADOWOLENIZTEGO CO ZROBILIvMY.IEMOG»SI»JUDOCZEKA· ICHKOMENTARZYNABLOGU

%FEKTWYSKAKUJCEJ RAMKIWPROWADZONY ZAPOMOCBIBLIOTEKI &ACEBOX

.OWOZAINSTALOWANY BLOGOPARTYNA PLATFORMIE7ORD0RESS

JESTEuTUTAJ

.ARZÃDZIADO4WOJEGONIEZBÃDNIKA

ROZDZIAŁ 10.

8SOdL°NXSU Z\YTOU^KX^K aS^\cX SX^O\XO^YacMR Masz za sobą rozdział 10. i właśnie dodałeś sporo nowości do swojej strony internetowej.

-/68/ =:9=>

2OZDZIA

Twoja strona internetowa to Twoje najlepsze narzędzie PR.

Twoja strona zawsze musi reprezentować Twoje najlepsze i najbardziej aktualne dokonania — to bardzo istotne.

Odświeżona zawartość strony wysyła pozytywny komunikat do odbiorców i sprawia, że będą oni często do Ciebie wracać.

Strona internetowa powinna ewoluować (stopniowo się zmieniać), zamiast za każdym razem zmieniać się radykalnie.

JQuery to biblioteka zawierająca gotowe funkcje oraz kontrolki języka JavaScript, które wystarczy umieścić w katalogu na własnym serwerze, a później wywołać w kodzie.

Lightbox to efekt stosowany na stronach internetowych, wyświetlający obrazki czy kod HTML w ramce pływającej na środku układu strony.

,VYQ NKTO -S WYÒVSaYÄ¨ YNÄaSOÒKXSK

S _KU^_KVXSKXSK ]^\YXc K ^KUÒO

]^KXYaS Z\Y]^¦ ZVK^PY\W°

UYW_XSUKMTS d _Òc^UYaXSUKWS ]^\YXc

=c]^OWc RY]^YaKXO ]¦ ^aY\dYXO

KNWSXS]^\YaKXO S _^\dcWcaKXO

Z\dOd TKUSÄ ]O\aS] dKdacMdKT

KNWSXS]^\KMTK dO ]^\YXc _Òc^UYaXSUK

YNLcaK ]S° Z\dOd TKUSÄ SX^O\POT]

SX^O\XO^Yac

,VYQS SX]^KVYaKXO ^Y \Od_V^K^

SX]^KVKMTS YZ\YQ\KWYaKXSK XK

a¸K]XcW ]O\aO\dO AAA s

acWKQKT¦ ZY]SKNKXSK LKdc NKXcMR

^KUSOT TKU 7c=;6 S YL]¸_QS T°dcUK

]U\cZ^YaOQY ZY ]^\YXSO ]O\aO\K

XK Z\dcU¸KN :2:

11. Projektowanie stron jako biznes

DK^\Y]dMd ]S° Y ]aYTO SX^O\O]c /DKIEDYMÄJPROJEKT ZOSTAUKRADZIONYPRZEZ KONKURENCYJNFIRM» NIESTA· MNIENAWETNAPAR»SPODNI

"IZNESWKSICEOPROJEKTOWANIUSTRONINTERNETOWYCH ARTUJECIESOBIEZEMNIE 9ZKXYaK¸OÄ T_Ò Z\YMO] Z\OZ\YN_UMTS K\MRS^OU^_\° SXPY\WKMTS ]c]^OWc XKaSQKMcTXO ]MROWK^c UYVY\a

K XKaO^ NY]^°ZXYÄ¨ -Y TO]dMdO dY]^K¸Y XK >aYTOT ÄMSOÒMO NY dY]^KXSK WS]^\dOW Z\YTOU^YaKXSK ]^\YX

SX^O\XO^YacMR) 8Y MÒ L°NdSO]d W_]SK¸ aSONdSO¨ TKU \KNdS¨ ]YLSO dO ]^\YX¦ LSdXO]Ya¦ Z\YTOU^YaKXSK

8SO ]¦ -S NY ^OQY ZY^\dOLXO Z\O]^SÒYaO ]^_NSK 7,+ KVO ZYaSXSOXOÄ aSONdSO¨ MYÄ aS°MOT XSÒ ^cVUY TKUS

TO]^ >aT X_WO\ UYX^K LKXUYaOQY LY SXKMdOT YUKÒO ]S° ÒO ]dcLUY Z\dO]^KX¦ XK XSO aZ¸caK¨ ZSOXS¦NdO

:\dcT\dcWc ]S° L_NYaKXS_ NYL\cMR \OVKMTS d UVSOX^KWS S UaO]^SS Z\Ka NY a¸K]XYÄMS SX^OVOU^_KVXOT

aYTOT Z\KMc

TOJESTNOWYROZDZIA

&OO"AR

8KTXYa]dc ZY^OXMTKVXc UVSOX^ s i0YY ,K\p -yR®R ¥Jl-RJ-y RyRlayªt-²ylR®t--t-p|y -p ®J¥¸¬u | RyAo-qy¬upqlRy RuW ||-G|¥q-yÔR -¥-AoÔGp }- ylRu-oR®A®Rª|oRo |y¬ªy RyRAlR|ª®¬ plAi®qRARyl-AiG p }R| ®¬u-tR²®RJ-y RyRlayG R-®-yRAiARG7¬²®-oÔtlÖ y|ª¬upqlRy Ruq-y¥oRlylR´qR®-t-AlÉG- -p¸R®Rp-®-ÉA®Ö²É ¥J®l-t}ªª\lulRGoR²ql¥J-llÖ®J|7¬Ép|y -p y-®7¥J|ª-ylR |y¬R -¥-Aol ||-

.IECIERPI»ROBI· SPECYFIKACJI ALESDZ» EMAMYTENKONTRAKT WKIESZENIb:DOBDyDLA NASTEGOKLIENTA

2OZDZIA

BY TRON MÎG JEKTANT S OBOK KLIENTA RO P I K A * OBOJÅTNIE PRZEJwÁ a&OO "ARp IE W Z A O N

2ESTAURACJA a&OO"AR 3TEAKHOUSE AND3ALOONp

0ROJEKTOWANIESTRONJAKOBIZNES

9PO\^K NVK \O]^K_\KMTS i0YY ,K\p W_]S dKaSO\K¨$

|J -ª|ª¬p|J"oRJyRo®|J |yªl ¬y¬|p-®¥oÔA¬ ¥pt-J |y¬GoRoª¬aqÔJl|}7J®l-t-yl-

AiRu- p|q|}ªJq- |y¬®|pR²qRylRuGo-plR7-ª¬7ÖJÔul-t¬ |®A®Ra}qyRRqRuRy ¬|oRp ¥GªlJ|A®y¬ªp|J®lR"

lqp-|u¬t}ªy- ¬qlq|a|Gp }R7ÖJÔ-|ª-t¬J|y|ªRo |y¬ly RyR |ªRoR -¥-Aol ||- 3ZKICWYKONANY PRZEZWAwCICIELA

/TOKILKAKOLORÎW WYBRANYCHNAPODSTAWIE WYGLDUBUDYNKU IWYSTROJURESTAURACJI

7AwCICIELRESTAURACJI a&OO"ARp

Witaj w Foo Bar Oferta specjalna

AC>«Í ?7C=³ Przygotowanie oferty to sporo pracy przed otrzymaniem jakiejkolwiek zapłaty. W tym przypadku właściciel restauracji chce dostać prostą propozycję strony, zanim zdecyduje się na zlecenie projektu i jego wykonania Tobie oraz studiu Red Lantern Design. Jak sądzisz, dlaczego Jane zazwyczaj nie przygotowuje ofert ze specyfikacją?

JESTEuTUTAJ

3ZYBKIKODDLARESTAURACJI`&OO"ARn

,_N_TOWc Z\Y^Y^cZ ]^\YXc \O]^K_\KMTS i0YY ,K\p ®¬"ª|lAi¥ulRoÖ y|²Al-Ai®¬a| |ª-ylR| | ¬¥ |y¬ |ªlyy|7¬Ét- ªl®yÔ®¬o®¬ou¬lÖp|J|ªl("¥|®A®|yRo ªRol |y¬R -¥-Aol ||-F Foo Bar

Witaj w Foo Bar. Codziennie serwujemy zimne piwo.

Zapraszamy na steki

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis a felis. Sed ac mauris eget eros vestibulum luctus.

Watrall E. - Head First Web Design. Edycja polska

p { 1.4em;
font-size: m; 4e 1. t: gh
Strona główna

Usługi
list-style
Portfolio } { d te si
a: , a:link ;
gr Kontakt
back ted {
si vi a: k, }a:lin IBÅDZIE TRZ;EBNY# PO33 0A

Mark w Japonii

Witaj w Foo Bar. Codziennie serwujemy zimne piwo.

Zapraszamy na steki

Oferta specjalna

Watrall E. - Head First Web Design. Edycja polska

p { 1.4em; font-size: m; 4e 1. t: gh Strona główna Usługi list-style Portfolio } { d te si a: , a:link ; gr Kontakt back ted { si vi a: k, }a:lin IBÅDZIE TRZ;EBNY# PO33 0A

Mark w Japonii

Witaj w Foo Bar. Codziennie serwujemy zimne piwo.

Zapraszamy na steki

Oferta specjalna

p { 1.4em;
font-size: m; 4e 1. t: gh
Strona główna

Usługi
list-style
Portfolio } { d te si
a: , a:link ;
gr Kontakt
back ted {
si vi a: k, }a:lin IBÅDZIE TRZ;EBNY# PO33 0A