ÿþC S S i A j a x . S t r o n y W W W
z g o d n e z e s t a n d a r d a m i
s i e c i o w y m i W 3 C
A u t o r : C h r i s t o p h e r S c h m i t t , K i m b e r l y B l e s s i n g ,
R o b C h e r n y , M e r y l K . E v a n s , K e v i n L a w v e r ,
M a r k T r a m m e
T ³ u m a c z e n i e : R o b e r t G ó r c z y ñ s k i
I S B N : 9 7 8 - 8 3 - 2 4 6 - 1 7 5 5 - 5
T y t u ³ o r y g i n a ³ u : A d a p t i n g t o W e b S t a n d a r d s :
C S S a n d A j a x f o r B i g S i t e s ( V o i c e s T h a t M a t t e r )
F o r m a t : 1 6 8 x 2 3 7 , s t r o n : 3 1 2
T w ó r z s e r w i s y i n t e r n e t o w e z g o d n e z s t a n d a r d a m i !
" J a k p r o j e k t o w a æ s e r w i s y W W W z g o d n e z s t a n d a r d a m i ?
" J a k z a p r o j e k t o w a æ i n t e r f e j s u ¿ y t k o w n i k a ?
" J a k z w i ê k s z y æ w y d a j n o Sæ s t r o n y W W W ?
W s p ó ³ c z e s n e s t r o n y i n t e r n e t o w e r ó ¿ n i ¹ s i ê , a p r z y n a j m n i e j p o w i n n y , o d t y c h s p r z e d
k i l k u l a t . J e ¿ e l i r ó ¿ n i c n i e w i d a æ o d s t r o n y g r a f i c z n e j , t o z p e w n o Sc i ¹ m o ¿ n a j e z n a l e xæ
w k o d z i e s t r o n y . N o w o c z e s n e w i t r y n y W W W c h a r a k t e r y z u j ¹ s i ê z g o d n o Sc i ¹
z e s t a n d a r d a m i , w y k o r z y s t a n i e m k a s k a d o w y c h a r k u s z y s t y l ó w o r a z u d o g o d n i e n i a m i
d l a o s ó b n i e p e ³ n o s p r a w n y c h . A d z i ê k i z a s t o s o w a n i u t e c h n o l o g i i A J A X w s p ó ³ c z e s n e
w i t r y n y k u s z ¹ i n t e r a k t y w n o Sc i ¹ i d y n a m i z m e m .
A u t o r z y n i n i e j s z e j k s i ¹ ¿ k i w p r o w a d z a j ¹ C z y t e l n i k a w t a j n i k i p r o j e k t o w a n i a s e r w i s ó w
z g o d n y c h z z a s a d a m i u s t a l o n y m i p r z e z o r g a n i z a c j ê W 3 C . D z i ê k i t e j k s i ¹ ¿ c e p o z n a s z
r o d z a j e i z a s t o s o w a n i e s t a n d a r d ó w s i e c i o w y c h . D o w i e s z s i ê , w j a k i s p o s ó b w y b r a æ
j ê z y k z n a c z n i k ó w , o r a z p o z n a s z z a l e t y i w a d y j ê z y k ó w H T M L i X H T M L . N a u c z y s z s i ê
k o r z y s t a æ z k a s k a d o w y c h a r k u s z y s t y l ó w , a n a s t ê p n i e o d k r y j e s z s p o s ó b w y k o r z y s t a n i a
t e c h n o l o g i i A J A X w c e l u t w o r z e n i a i n t e r a k t y w n y c h s t r o n W W W . C o n a j w a ¿ n i e j s z e ,
d o s t o s u j e s z s w o j ¹ s t r o n ê d o w s p ó ³ c z e s n y c h s t a n d a r d ó w , d z i ê k i c z e m u z y s k a
n a d o s t ê p n o Sc i i i n t e r a k t y w n o Sc i , p r z y c i ¹ g a j ¹ c r z e s z e u ¿ y t k o w n i k ó w !
" Z a l e t y s t a n d a r d ó w s i e c i o w y c h
" P r z y g o t o w a n i e i n t e r f e j s u u ¿ y t k o w n i k a
" W a d y i z a l e t y j ê z y k ó w H T M L o r a z X H T M L
" W p ³ y w d e k l a r a c j i D O C T Y P E n a z a c h o w a n i e p r z e g l ¹ d a r k i
" K o r z y Sc i p ³ y n ¹ c e z z a s t o s o w a n i a k a s k a d o w y c h a r k u s z y s t y l ó w
W y d a w n i c t w o H e l i o n
" S p o s o b y d o ³ ¹ c z a n i a a r k u s z y s t y l ó w d o s t r o n y
u l . K o Sc i u s z k i 1 c
" Z a s a d y w y k o r z y s t a n i a t e c h n o l o g i i A J A X
4 4 - 1 0 0 G l i w i c e
" W s p ó ³ p r a c a j ê z y k a J a v a S c r i p t z C S S
t e l . 0 3 2 2 3 0 9 8 6 3
" S y s t e m y z a r z ¹ d z a n i a t r e Sc i ¹
e - m a i l : h e l i o n @ h e l i o n . p l
" P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h
" S p o s o b y n a z w i ê k s z e n i e w y d a j n o Sc i w i t r y n i n t e r n e t o w y c h
D o s t o s u j s i ê d o s t a n d a r d ó w z w i ê k s z d o s t ê p n o Sæ
i p o p u l a r n o Sæ s w o j e j s t r o n y i n t e r n e t o w e j !
S p i s t r e [c i
P o d z i k o w a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
O a u t o r a c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
C z [ I T w o r z e n i e w i t r y n i n t e r n e t o w y c h b a z u j c y c h
n a s t a n d a r d a c h s i e c i o w y c h 1 3
W P R O W A D Z E N I E 1 5
C z y m s s t a n d a r d y s i e c i o w e ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6
P o d s t a w o w e z a l e t y s t a n d a r d ó w s i e c i o w y c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
I n t e r n e t o w e i n t e r f e j s y u |y t k o w n i k a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
P l a n o w a n i e i n t e r f e j s u u |y t k o w n i k a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8
W s p ó Bc z e s n e p l a n o w a n i e w i t r y n y i n t e r n e t o w e j . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0
N o w e p o d e j [c i e : p l a n y a r c h i t e k t u r y U I . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2
R O Z D Z I A A 1 . T W O R Z E N I E I N T E R F E J S U 2 5
O d c z e g o r o z p o c z ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7
S t r u k t u r a d o k u m e n t u : w y b ó r j z y k a z n a c z n i k ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7
H T M L k o n t r a X H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 8
P r z e Bc z a n i e d e k l a r a c j i D O C T Y P E
i j e j w p By w n a t r y b p r a c y p r z e g l d a r k i i n t e r n e t o w e j . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 4
W e r y f i k o w a c z y n i e w e r y f i k o w a p o p r a w n o [c i k o d u ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4
T r e [ i s t r u k t u r a : o d p r o j e k t u d o w y k o n a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 7
R O Z D Z I A A 2 . W P R O W A D Z E N I E D O K A S K A D O W Y C H A R K U S Z Y S T Y L Ó W 5 9
I l e p l i k ó w C S S n a l e |y u t w o r z y ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 0
P l i k C S S i s t r a t e g i e j e g o d o Bc z a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2
M i k r o f o r m a t y w s Bu |b i e k o n w e n c j i i c z y t e l n y c h n a z w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 8
M i k r o f o r m a t y i P O S H . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 9
Z b y t w i e l e k l a s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2
C l a s s i t i s k l a s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2
U z d r o w i e n i e c l a s s i t i s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 4
S t r u k t u r a t r e [c i p l i k u C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 8
M e d i a a l t e r n a t y w n e w C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 1
P r e z e n t a c j a z a p e w n i a j c a s w o b o d d z i a Ba n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 5
R O Z D Z I A A 3 . I N T E G R A C J A Z W A R S T W O B S AU G I Z D A R Z E C 8 7
N o w o c z e s n e m e t o d y t e c h n o l o g i i A j a x . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8
N o w o c z e s n e , p r o g r e s y w n e i d y s k r e t n e s k r y p t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 0
W y m a g a n i a J a v a S c r i p t : p l i k o r a z s p i s f u n k c j i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 2
B Bd n y s k r y p t , o j , b Bd n y ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 3
D y s k r e t n e u s p r a w n i e n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 8
W y s k a k u j c e o k n a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 0
E l e m e n t y d y n a m i c z n e i i n n e r H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 4
4 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
W s p ó Bp r a c a k o d u J a v a S c r i p t
z a r k u s z a m i s t y l ó w C S S i w a r s t w p r e z e n t a c y j n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 7
O g r o m n e w i t r y n y i n t e r n e t o w e i o b s Bu g a w i e l u z d a r z e D o n l o a d . . . . . . . . . . . . . . . 1 0 9
W Ba s n e s k r y p t y k o n t r a g o t o w e s t r u k t u r y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 1
P r z y k Ba d k o d u s t r u k t u r y j Q u e r y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 3
S t r u k t u r y z n a c z n i e u Ba t w i a j u |y w a n i e t e c h n o l o g i i A j a x . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 7
K i l k a s Bó w o d n o [n i e s t r u k t u r . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 9
R O Z D Z I A A 4 . P R O G R A M O W A N I E A P L I K A C J I S I E C I O W Y C H 1 2 1
A p l i k a c j e s i e c i o w e o b c i |o n e j a r z m e m p r z e s z Bo [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2
J a k o [ o p r o g r a m o w a n i a i a n a l i z a j e g o e l e m e n t ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2
W s k a z ó w k i , r e g u By o r a z s t a n d a r d y s i e c i o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 5
R e g u By p r o g r a m o w a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 5
L e p s z e f o r m u l a r z e t w o r z o n e
z a p o m o c n o w o c z e s n e g o k o d u z n a c z n i k ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 6
S t r u k t u r y d z i a Ba j c e p o s t r o n i e s e r w e r a o r a z n a r z d z i a s z a b l o n ó w . . . . . . . . . 1 3 0
P l a t f o r m a M i c r o s o f t A S P . N E T . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 4
D a n e w y j [c i o w e A S P . N E T . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 7
K o n t r o l k i H T M L A S P . N E T , k o n t r o l k i W e b C o n t r o l i i n n e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4 4
Z a r z d z a n i e t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4 9
P o d s t a w y s y s t e m u z a r z d z a n i a t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 0
S y s t e m z a r z d z a n i a t r e [c i i c z y s t a t r e [ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 0
D a n e w y j [c i o w e s y s t e m u z a r z d z a n i a t r e [c i i m o d u By . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 1
S z a b l o n y s y s t e m u z a r z d z a n i a t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 2
T r y b W Y S I W Y G d l a a u t o r ó w t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 6
F i r m y t r z e c i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 8
W j a k i s p o s ó b p o d e j [ d o a p l i k a c j i s i e c i o w y c h ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 9
R O Z D Z I A A 5 . K R G S T A N D A R D Ó W 1 6 1
O r g a n i z a c y j n a o p i e s z a Bo [ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 2
W p r o w a d z e n i e k r g u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 4
M e n e d |e r s t a n d a r d ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 4
T w o r z e n i e i d o k u m e n t o w a n i e s t a n d a r d ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 5
S z k o l e n i a i k o m u n i k a c j a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 8
P r o c e s p r z e g l d u j a k o [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 0
W p r a w i e n i e c a Bo [c i w r u c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 2
U t r z y m y w a n i e i m p e t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 2
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 3
C z [ I I S t u d i u m p r z y p a d k u 1 7 5
P R A K T Y K A N I E O Z N A C Z A D O S K O N A AO ZC I 1 7 7
K o m u n i k a c j a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 8
Z d o l n o [ d o a d a p t a c j i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 8
W y t r w a Bo [ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 9
P r ó b y i c i e r p i e n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 9
S p i s t r e [c i 5
R O Z D Z I A A 6 . E V E R Y T H I N G T O R I . C O M 1 8 1
K u l i s y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 2
Z a g Bb i e n i e s i w [w i a t T o r i A m o s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 4
R o z p o c z c i e w Ba [c i w e g o p r o c e s u t w o r z e n i a p r o j e k t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 4
Z b u d o w a n i e s z k i e l e t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 5
B u d o w a n i e w i t r y n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 9 2
K u l i s y a r k u s z y s t y l ó w C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 9 6
U r u c h o m i e n i e w i t r y n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0 5
S p o t k a n i e z p r o j e k t a n t e m P h i l i p e m F i e r l i n g e r e m . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0 6
U t w ó r k o Dc o w y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1 0
R O Z D Z I A A 7 . A O L . C O M 2 1 3
U t w o r z e n i e z e s p o Bu s k a z a n e g o n a s u k c e s i u n i k a n i e p o r a |e k . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1 5
C o p o s z Bo zl e ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1 5
P r o j e k t o w a n i e z u w z g l d n i e n i e m w y d a j n o [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 3 7
O s z a c o w a n i e w y d a j n o [c i
p r z e d u t w o r z e n i e m c h o b y j e d n e g o w i e r s z a k o d u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 3 8
O b a w y z w i z a n e z w y d a j n o [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4 2
W y w i a d : D a v i d A r t z . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4 7
P o w t a r z a l n e k r o k i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4 9
P r o j e k t i a r c h i t e k t u r a s y s t e m u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 0
S y s t e m w z a j e m n e j p o m o c y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 0
W y k o n y w a n i e p r o c e d u r p o [r e d n i c z c y c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 1
R o z w a |a n i a d o t y c z c e o r g a n i z a c j i p r a c y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 2
M a g i a i n t e r f e j s u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 4
H a r m o n i z a c j a k o d u z n a c z n i k ó w z d e k l a r a c j D O C T Y P E . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 4
N a j l e p s z e r o z w i z a n i a w z a k r e s i e C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5 8
A r k u s z e s t y l ó w C S S u Ba t w i a j c e d o s t p n o [ t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 6 1
W y d a j n o [ w r z e c z y w i s t y m p r o d u k c i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 6 7
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 6 9
P o s Bo w i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7 1
D o d a t e k A D o c e l o w e p r z e g l d a r k i i n t e r n e t o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7 3
D o d a t e k B D o s t p n o [ t r e [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7 9
D o d a t e k C W s k a z ó w k i d o t y c z c e w y d a j n o [c i w i t r y n y i n t e r n e t o w e j . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 8 1
D o d a t e k D P r z e w o d n i k p o s e l e k t o r a c h C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 9 1
S k o r o w i d z . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 9 5
4
P r o g r a m o w a n i e
a p l i k a c j i s i e c i o w y c h
P r o f e s j o n a l n e z e s p o y p r o g r a m i s t ó w b u d u j c e w i t r y n y i n t e r n e t o w e n i e o g r a n i c z a j
s i d o t w o r z e n i a t r e c i s t a t y c z n y c h , a l e o f e r u j t a k e a p l i k a c j e d y n a m i c z n e i w i t r y n y
w y k o r z y s t u j c e s y s t e m y z a r z d z a n i a t r e c i ( C M S ) . W t a k i m p r z y p a d k u u y w a n y
j e s t k o d w a r s t w y i n t e r f e j s u u y t k o w n i k a ( U I ) , p o d z i e l o n y d a l e j n a k o d j z y k a
z n a c z n i k ó w , a r k u s z e s t y l ó w C S S o r a z s k r y p t y J a v a S c r i p t . Z n a c z e n i e U I p o w o d u j e ,
e g o t o w a w i t r y n a i n t e r n e t o w a j e s t w i k s z a , a p o n a d t o w y d u a j s i o k r e s y c z a s u
m i d z y z n a c z c y m i m o d e r n i z a c j a m i w i t r y n y . P o w s t a j e w i c p y t a n i e , d l a c z e g o n i e
p o k u s i s i o o g r a n i c z e n i e z a l e n o c i o d p r o g r a m i s t ó w t w o r z c y c h k o d w e w n t r z n y
b d e k s p e r t ó w z z a k r e s u s y s t e m ó w C M S , s k o r o p r o g r a m i c i U I m o g l i b y s a m o
d z i e l n i e z a r z d z a z m i a n a m i p r z e p r o w a d z a n y m i w U I ?
J e e l i d o d a d o t e g o w y z w a n i a w y n i k a j c e z k o n i e c z n o c i i n t e g r a c j i z e l e m e n t a m i
o p r a c o w a n y m i p r z e z f i r m y t r z e c i e o r a z s t a r s z y m i i n o w s z y m i e l e m e n t a m i s i e c i o w y m i
o r g a n i z a c j i , t o w y r a n i e w i d a n i e s k o c z o n e p o k a d y k o r z y c i p y n c y c h z e s t o s o w a n i a
s t a n d a r d ó w s i e c i o w y c h . W r z e c z y w i s t o c i w s z y s t k o , c o j e s t t w o r z o n e w r a m a c h
k o d u i n t e r f e j s u u y t k o w n i k a k o c o w e g o , p o w i n n o z o s t a z a i m p l e m e n t o w a n e
z u y c i e m t e c h n i k z g o d n y c h z e s t a n d a r d a m i s i e c i o w y m i .
1 2 2 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
A p l i k a c j e s i e c i o w e
o b c i |o n e j a r z m e m p r z e s z Bo [c i
W i e l u p r o g r a m i s t ó w a p l i k a c j i s i e c i o w y c h n a u c z y Bo s i j z y k a H T M L w l a t a c h d z i e w i -
d z i e s i t y c h u b i e g Be g o s t u l e c i a i o d t a m t e g o o k r e s u n i e u a k t u a l n i l i s t o s o w a n y c h t e c h n i k
p r o g r a m o w a n i a w c e l u w d r o |e n i a n o w y c h t e c h n o l o g i i . P r z e d s t a w i e n i e n o w y c h
p o z i o m ó w s e p a r a c j i i [c i s Be g o u |y w a n i a s t a n d a r d ó w l u b s p e c y f i k a c j i a p l i k a c j i p r o g r a m i -
[c i e , k t ó r y k s z t a Bc i B s i w o k r e s i e p o w s z e c h n e g o s t o s o w a n i a z u p y z n a c z n i k ó w ,
m o |e b y n a p r a w d c i e k a w y m d o [w i a d c z e n i e m . N o w o c z e s n e p o d e j [c i e b a z u j c e n a
s t a n d a r d a c h s i e c i o w y c h j e s t z n a c z n i e c z y s t s z e , e f e k t y w n i e j s z e i l o g i c z n i e j s z e . Z w y k l e
z m i e r z a r ó w n i e | d o p o s t a w i e n i a p r o g r a m i s t y s i e c i o w e g o p r z e d s y t u a c j a l b o t o d z i a Ba ,
a l b o n i e d z i a Ba c z s t o w s k r z e s z a j c w n i m z a i n t e r e s o w a n i e p r o g r a m o w a n i e m
i n t e r f e j s u .
Z d e f i n i c j i w i t r y n y i n t e r n e t o w e o p i e r a j c e s i n a s t a n d a r d a c h s i e c i o w y c h d |
d o [c i s Be g o p r z e s t r z e g a n i a s t a n d a r d ó w , z a w s z e g d y t y l k o j e s t t o m o |l i w e . K i e d y
o p r o g r a m o w a n i e s i e c i o w e u m i e s z c z a l u b n a w e t t w o r z y k o d w a r s t w y U I , n a l e |y
o c z e k i w a t a k i e g o s a m e g o p o z i o m u d y s c y p l i n y . W d Bu |s z e j p e r s p e k t y w i e c z a s u
t a k i e p o d e j [c i e p r z y n i e s i e k o r z y [c i w i t r y n i e o r a z a p l i k a c j i p o p r z e z o g r a n i c z e n i e r y z y k a ,
k t ó r e n i e u c h r o n n i e p o j a w i a s i w r a z z k o l e j n y m i m o d y f i k a c j a m i . P o d e j [c i e w y k o r z y -
s t u j c e s t a n d a r d y s i e c i o w e z w i k s z a p o z i o m z g o d n o [c i i d o s t p n o [c i t r e [c i w i t r y n y
o r a z r e d u k u j e p o z i o m u |y w a n y c h z a s o b ó w i w y s i Bk u , k t ó r y t r z e b a w Bo |y w z m i a n
i n t e r f e j s u u |y t k o w n i k a a p l i k a c j i l u b s t a t y c z n y c h f r a g m e n t ó w w i t r y n y .
P r o b l e m p o l e g a j e d n a k n a t y m , |e w c i | i s t n i e j e o g r o m n a i l o [ a r c h a i c z n e g o , n i e s p ó j -
n e g o l u b p o p r o s t u p r z e s t a r z a Be g o k o d u , k t ó r y z o s t a B z a i m p l e m e n t o w a n y w o p r o -
g r a m o w a n i u s i e c i o w y m . P r o g r a m i [c i m u s z b a r d z o d o k Ba d n i e p r z y j r z e s i z a r ó w n o
w Ba s n y m , j a k i k o m e r c y j n y m i m p l e m e n t a c j o m o p r o g r a m o w a n i a w c e l u o k r e [l e n i a j a k
i k i e d y o p r o g r a m o w a n i e w i t r y n y m o |e z y s k a n a z a s t o s o w a n i u s t a n d a r d ó w s i e c i o w y c h .
J a k o [ o p r o g r a m o w a n i a i a n a l i z a j e g o e l e m e n t ó w
W c e l u w Ba [c i w e g o o k r e [l e n i a n a t u r y s y t u a c j i , a b s o l u t n i e k a |d y e l e m e n t o p r o g r a m o w a n i a
s i e c i o w e g o w p r o j e k c i e p o w i n i e n z o s t a p o d d a n y e w i d e n c j i , o d p o w i e d n i o s k a t a l o g o -
w a n y i o k r e [l o n y p o d w z g l d e m z g o d n o [c i ( b d z j e j b r a k u ) z e s t a n d a r d a m i s i e c i o w y m i .
P r o b l e m y z w i z a n e z t w o r z e n i e m a p l i k a c j i s i e c i o w e j
Z p e r s p e k t y w y s t a n d a r d ó w s i e c i o w y c h , p r o b l e m y z w y k l e p o j a w i a j s i t a m , g d z i e
p r o g r a m i [c i a p l i k a c j i m u s z u t w o r z y w a r s t w U I w o b s z a r a c h z w i z a n y c h z o b s Bu g ,
p r z e p r o j e k t o w y w a n i e m , d e l i k a t n y m i z m i a n a m i w p r o j e k c i e o r a z o c z y w i [c i e w k w e s t i a c h
d o t y c z c y c h d o s t p n o [c i t r e [c i i m o |l i w o [c i p r z e g l d a r e k i n t e r n e t o w y c h .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 2 3
Z a z w y c z a j p r o g r a m i s t a s i e c i o w y a l b o w r z u c a k o d d o s z a b l o n ó w p r z y g o t o w a n y c h p r z e z
z e s p ó B p r o j e k t a n t ó w , a l b o p r ó b u j e d o p a s o w a w y g l d i d z i a Ba n i e d o p r z e d s t a w i o n e g o
w s t a t y c z n e j r e p r e z e n t a c j i a p l i k a c j i . I s t n i e j r ó w n i e | p a k i e t y o p r o g r a m o w a n i a , k t ó r e
g e n e r u j k o d U I , p o z w a l a j c n a r ó |n e p o z i o m y d o s t o s o w a n i a g o d o w Ba s n y c h p o t r z e b .
P o n a d t o , p o n i e w a | p r o g r a m i [c i s i e c i o w i t w o r z r ó w n i e | w Ba s n y k o d i n t e r f e j s u , s k u t k u j e
t o o t r z y m a n i e m r ó |n e g o s t o p n i a z g o d n o [c i z e s t a n d a r d a m i c z a s a m i c a Bk i e m
[w i e t n e g o i w y s t a r c z a j c e g o , a w i n n y c h p r z y p a d k a c h w r c z p r z e c i w n i e .
O c z y w i [c i e j e s t t o d o [ z Bo |o n y p r o b l e m o w i e l u a s p e k t a c h , a l e k l u c z o w y j e s t f a k t ,
|e s t r u k t u r y a p l i k a c j i , m a t e r i a By e d u k a c y j n e , w y g e n e r o w a n y k o d o r a z n a r z d z i a p o -
w a |n i e c i e r p i w w y n i k u b r a k u d e m o n s t r a c j i n a j l e p s z y c h p r a k t y k i r o z w i z a D. W i e l u
p r o g r a m i s t ó w p o s Bu g u j e s i r ó |n y m i f o r m a m i z i n t e g r o w a n e g o [r o d o w i s k a p r o g r a -
m o w a n i a ( a n g . I n t e g r a t e d D e v e l o p m e n t E n v i r o n m e n t I D E ) , b i b l i o t e k a m i k o d u l u b
k o p i u j e k o d , k t ó r y m o |e , a l e n i e m u s i o p i e r a s i n a n a j l e p s z y c h r o z w i z a n i a c h .
W w y n i k u t a k i e j s y t u a c j i k o d w e w n t r z n y j e s t t w o r z o n y z u |y c i e m n i e w Ba [c i w y c h
z n a c z n i k ó w w y m i e s z a n y c h w r a z z w a r s t w p r e z e n t a c y j n , w p r o j e k t a c h s t o s u j e s i
u k Ba d y b a z u j c e n a t a b e l a c h , a p o n a d t o d o d a t k o w e i z u p e Bn i e z b d n e z n a c z n i k i .
I n t e r f e j s y c z s t o z a w i e r a j s k r y p t y b Bd n i e n a p i s a n e l u b u t w o r z o n e p o d k t e m
o k r e [l o n e j p r z e g l d a r k i i n t e r n e t o w e j , l u b s k r y p t y i n n y c h i n t e r f e j s ó w w o g ó l e n i e s
b r a n e p o d u w a g . W t a k i m p r z y p a d k u z m i a n a p r o j e k t u s t a j e s i p r a w d z i w y m
p r o b l e m e m a w c a l e n i e m u s i n i m b y .
W a r s t w a U I j e s t a l b o u t w o r z o n a w w y n i k u p r a c y c z Bo w i e k a , a l b o m o |e b y w y g e n e -
r o w a n a p o p r z e z o p r o g r a m o w a n i e ( p r z y m i n i m a l n y m p o z i o m i e w y s i Bk u ) i [l e p o z a a k -
c e p t o w a n a p r z e z u |y t k o w n i k a .
P o w s t a j e p y t a n i e : j a k d u |o w y s i Bk u t r z e b a w Bo |y w j e j o p r a c o w a n i e ? P o n i e w a |
w s p ó Bc z e [n i i n |y n i e r o w i e a p l i k a c j i , p l a t f o r m y s e r w e r o w e i n a r z d z i a z w y k l e d o m y [l n i e
n i e t w o r z k o d u i n t e r f e j s u z g o d n e g o z e s t a n d a r d a m i s i e c i o w y m i , t o z a d a n i e z a p e w -
n i e n i a o d p o w i e d n i e j j a k o [c i s p a d Bo n a z e s p ó B. O s i g n i c i e z g o d n o [c i z e s t a n d a r d a m i
s i e c i o w y m i i n t e r f e j s u a p l i k a c j i i s y s t e m u z a r z d z a n i a t r e [c i w y m a g a w Bo |e n i a d u |e g o
w y s i Bk u . U s t a n o w i e n i e z b i o r u n a j l e p s z y c h p r a k t y k d o t y c z c y c h k o d u U I w o p r o g r a -
m o w a n i u d z i a Ba j c y m p o s t r o n i e s e r w e r a m o |e b y p u n k t e m z w r o t n y m , o d k t ó r e g o
r o z p o c z n i e s i u s p r a w n i a n i e o p r o g r a m o w a n i a .
T r z e b a z d a w a s o b i e s p r a w z i s t n i e n i a p r a w d z i w e g o k o m p r o m i s u m i d z y r o z w i -
z a n i e m , k t ó r e p o z w o l i n a u n i k n i c i e p r o b l e m ó w w p r z y s z Bo [c i , a p o p r o s t u n a c i -
s k i e m n a j a k n a j s z y b s z e w y d a n i e p r o d u k t u . Z p e r s p e k t y w y d Bu |s z e g o o k r e s u c z a s u
d |e n i e d o u z y s k a n i a U I z g o d n e g o z e s t a n d a r d a m i s i e c i o w y m i p o w o d u j e o g r a n i c z e n i e
r y z y k a z w i z a n e g o z b r a k i e m s p ó j n o [c i w a r s t w l o g i k i a p l i k a c j i , p r e z e n t a c j i i U I . J e d n a k |e
i m p l e m e n t a c j a s t a n d a r d ó w m o |e c z a s a m i z a b r a d u |o c z a s u .
1 2 4 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
K r y t e r i a w a r t o [c i o w a n i a
W p r z y p a d k u o c e n y k a |d e g o d o k u m e n t u a p l i k a c j i n a l e |y w z i p o d u w a g k i l k a
c z y n n i k ó w :
S k d p o c h o d z i d a n a w a r s t w a U I ?
J a k a j e s t s t r u k t u r a k o d u i n t e r f e j s u ?
C z y k o d t o p o p r a w n y H T M L l u b X H T M L ?
C z y w d o k u m e n c i e z n a j d u j e s i d e k l a r a c j a D O C T Y P E , a d o k u m e n t j e s t g e n e r o -
w a n y w t r y b i e s t a n d a r d ó w c z y d z i w a c t w ?
W j a k i s p o s ó b z o s t a By z d e f i n i o w a n e a s p e k t y p r e z e n t a c y j n e ?
C z y p r o g r a m i [c i a p l i k a c j i z r o z u m i e l i k o d U I ?
C z y p r o g r a m i [c i U I z r o z u m i e l i k o d w e w n t r z n y ?
I l u c z Bo n k ó w z e s p o Bu z r o z u m i a Bo s p o s ó b i n t e g r a c j i U I o r a z k o d u w e w n t r z n e g o ?
W j a k i s p o s ó b j e s t g e n e r o w a n y k o d z n a c z n i k ó w ?
C z y o p r o g r a m o w a n i e o d w o Bu j e s i d o j a k i e g o k o l w i e k b i e |c e g o k o d u p r e z e n -
t a c y j n e g o , t a k i e g o j a k p l i k i a r k u s z y s t y l ó w C S S ? J e |e l i t a k , t o d o j a k i c h p l i k ó w ?
C z y t e p l i k i z m i e n i a j s i w p r o j e k c i e ?
J a k b l i s k o k o d i n t e r f e j s u j e s t p o w i z a n y z w e w n t r z n l o g i k b i z n e s o w
( o i l e w o g ó l e j e s t p o w i z a n y ) ?
C z y i s t n i e j e j a k i k o l w i e k s p o s ó b a b s t r a k c j i k o d u U I o d k o d u a p l i k a c j i ?
J e [l i a p l i k a c j a g e n e r u j e k o d i n t e r f e j s u , c z y i s t n i e j e j a k i k o l w i e k s p o s ó b k o n t r o l i
t e g o p r o c e s u ?
J e |e l i u |y t k o w n i k m a m o |l i w o [ g e n e r o w a n i a t r e [c i l u b k o d u , t o c z y i s t n i e j e
j a k i k o l w i e k s p o s ó b z a b l o k o w a n i a t e g o , c o u |y t k o w n i k m o |e z r o b i ?
J a k d u |y w y s i Be k t r z e b a b d z i e w Bo |y w m o d y f i k a c j e w a r s t w y U I ?
J a k d u |e j e s t r y z y k o z w i z a n e z m o d y f i k a c j w a r s t w y U I a p l i k a c j i ?
J a k i e s p o t e n c j a l n e k o r z y [c i i w a d y w y n i k a j c e z z a n i e c h a n i a p r z e p r o j e k t o w a n i a
a p l i k a c j i ?
J a k i e s o g r a n i c z e n i a z w i z a n e z t y m , |e o p r o g r a m o w a n i e f i r m t r z e c i c h m o |e
w y m a g a d o s t o s o w a n i a d o w Ba s n y c h p o t r z e b ?
S z c z e r z e m ó w i c , t o j e s t o g r o m n a i l o [ i n f o r m a c j i , k t ó r e t r z e b a z e b r a , p r z e a n a l i z o w a ,
a n a s t p n i e r o z w a |y .
C z y a p l i k a c j a m o |e z o s t a u a k t u a l n i o n a ?
N a k o n i e c t r z e b a w s p o m n i e , |e w p r z y p a d k u c z [c i o p r o g r a m o w a n i a b y m o |e
n i e w i e l e b d z i e m o |n a z d z i a Ba . T a k a s y t u a c j a m o |e w y n i k a z f a k t u , |e p o p r o s t u n i e
b d z i e m o |l i w o [c i u a k t u a l n i e n i a k o d u i n t e r f e j s u d o p o s t a c i z g o d n e j z e s t a n d a r d a m i
s i e c i o w y m i . P o w o d e m m o g b y a l b o k w e s t i e z w i z a n e z a r c h i t e k t u r a p l i k a c j i ,
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 2 5
a l b o n i e a k c e p t o w a n y m p o z i o m e m r y z y k a z w i z a n e g o z u a k t u a l n i e n i e m . W t a k i c h
p r z y p a d k a c h w y s i Bk i s t a j s i w i c z e n i e m w z a k r e s i e k o m p r o m i s ó w . A l b o p o t r z e b y
s t a n s i p o w o d e m u t w o r z e n i a d Bu g o t e r m i n o w e g o p l a n e m n a s t a w i o n e g o n a
r o z w i z a n i e p r o b l e m ó w , a l b o z a r ó w n o u |y t k o w n i c y , j a k i b i z n e s b d c i e r p i e l i z
p o w o d u b o l e s n e g o p r o c e s u u a k t u a l n i e n i a .
M i d z y k r ó t k o t e r m i n o w y m w y s i Bk i e m i r y z y k i e m o r a z d Bu g o t e r m i n o w y m w y s i Bk i e m
i r y z y k i e m w y s t p u j w y r a zn e k o m p r o m i s y . N i e k t ó r e r o z w i z a n i a c z [c i o w e z a k Ba d a j
a l b o i m p l e m e n t a c j c z [c i s t y l ó w ( n a w e t w y o d r b n i o n y c h z o k r e [l o n y c h p l i k ó w C S S ) ,
a l b o p o w i e r z c h o w n e p o n o w n e o p r a c o w a n i e w y g l d u i d z i a Ba n i a d a n e j a p l i k a c j i .
J e d n a k z p e r s p e k t y w y d Bu g i e g o o k r e s u c z a s u o r g a n i z a c j a b d z i e z t e g o p o w o d u
c i e r p i a Ba , p o n i e w a | c o r a z t r u d n i e j s z e s t a n i e s i w p r o w a d z a n i e z m i a n w a p l i k a c j i .
T e z m i a n y s t a n s i p r z y p a d k a m i s z c z e g ó l n y m i i z a k a |d y m r a z e m b d w y m a g a By
s z c z e g ó l n e g o p o d e j [c i a . P u n k t k r y t y c z n y b d z i e i n n y d l a k a |d e j o r g a n i z a c j i .
W s k a z ó w k i ,
r e g u By o r a z s t a n d a r d y s i e c i o w e
A p l i k a c j e s i e c i o w e o p r a c o w a n e p r z e z o r g a n i z a c j m o g o s i g a k o r z y [c i w y n i k a j c e
z e s t o s o w a n i a s t a n d a r d ó w s i e c i o w y c h , w y t y c z n y c h p r o g r a m o w a n i a , p u n k t ó w w z a j e m -
n e g o o d d z i a By w a n i a o r a z w s k a z ó w e k d o t y c z c y c h s p o s o b u p i s a n i a o r a z s t y l u k o d u U I .
R e g u By p r o g r a m o w a n i a
I s t n i e j s t a n d a r d y d o t y c z c e j a k o [c i i s p ó j n o [c i p r o g r a m o w a n i a , p o d o b n e d o c z s t o
s t o s o w a n y c h p r z e z p r o g r a m i s t ó w w k o d z i e w e w n t r z n y m a p l i k a c j i . J e d n a k w c h w i l i
o b e c n e j z o s t a By r o z s z e r z o n e n a k o d i n t e r f e j s ó w , c o m o |e b y z u p e Bn n o w o [c i .
K a |d y k o d U I p o w i n i e n s p e Bn i a p o d s t a w o w e , n a j l e p s z e p r a k t y k i d o t y c z c e
s t a n d a r d ó w s i e c i o w y c h , c z y l i m i d z y i n n y m i s t o s o w a s t y l P O S H , a r k u s z e s t y l ó w
C S S o r a z d y s k r e t n y k o d J a v a S c r i p t ( j a k t o o p i s a n o w r o z d z i a Ba c h o d p o w i e d n i o
1 . , 2 . i 3 . ) .
K l u c z o w e z n a c z e n i e m a t w o r z e n i e k o d u n i e z a l e |n e g o o d r o d z a j u p r z e g l d a r e k
i n t e r n e t o w y c h , z a p e w n i a j c e g o d o s t p n o [ o r a z u m o |l i w i a j c e g o ( w r a z i e
p o t r z e b y ) e l e g a n c k d e g r a d a c j f u n k c j i .
P r o g r a m y w a r s t w y U I p o w i n n y o d w o By w a s i d o k l a s C S S i a t r y b u t ó w I D p o p r z e z
w y c i g n i c i e i c h z g Bb i l o g i k i a p l i k a c j i d o i n n y c h , Ba t w o d o s t p n y c h m i e j s c k o d u .
W t e n s p o s ó b p r z e p r o w a d z a n i e m o d y f i k a c j i i n f o r m a c j i p r e z e n t a c y j n y c h n i e s i e
z e s o b m i n i m a l n e r y z y k o d l a a p l i k a c j i . W y m i e n i o n e k l a s y C S S i a t r y b u t y I D m o g
b y p o w i e r z c h o w n y m i w Ba [c i w o [c i a m i k l a s o b i e k t u , p r z e c h o w y w a n e w p l i k a c h
k o n f i g u r a c y j n y c h l u b z m i e n n y c h o z a s i g u a p l i k a c j i , c o u m o |l i w i a i c h Ba t w
z m i a n w p r z y s z Bo [c i .
1 2 6 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
N a l e |y z a w s z e l k c e n u n i k a s t o s o w a n i a o s a d z o n y c h w k o d z i e s t y l ó w b d z
i n n y c h e l e m e n t ó w p r e z e n t a c y j n y c h .
W k w e s t i i a p l i k a c j i J a v a S c r i p t w a r t o w s p ó Bp r a c o w a z p r o g r a m i s t a m i i n t e r f e j s u ,
t a k a b y m a k s y m a l n i e w s p ó Bd z i e l i s k r y p t y i u n i k a z w i z a n y c h z n i m i k o n f l i k t ó w .
O p r a c o w a n a j p r o s t s z y z m o |l i w y c h i s e m a n t y c z n y k o d z n a c z n i k ó w a p l i k a c j i .
U t w o r z y p r o s t e , s t a n d a r d o w e r e g u By C S S f o r m u l a r z y , t a k a b y p o d o d a n i u n o w y c h
f o r m u l a r z y z o s t a By w n i c h z a s t o s o w a n e s t y l e C S S b e z p o t r z e b y w Bo |e n i a w i k s z e g o
w y s i Bk u .
D z i k i s t o s o w a n i u p o w y |s z y c h w s k a z ó w e k o r a z t w o r z e n i u c z y s t e g o , r o z d z i e l o n e g o
k o d u z g o d n e g o z e s t a n d a r d a m i s i e c i o w y m i , p r o g r a m i s t a z a g w a r a n t u j e , |e a p l i k a c j a
i o p r o g r a m o w a n i e o z n a c z e n i u k r y t y c z n y m d l a b i z n e s u n i e b d z i e w y m a g a Bo d u |y c h
b d z r y z y k o w n y c h m o d y f i k a c j i p o d c z a s k o l e j n e g o p r z e p r o j e k t o w a n i a .
N i e s t e t y , w y m i e n i o n e p o w y |e j w s k a z ó w k i c z s t o o d b i e g a j o d t e g o , c o z n a j d u j e s i
w p a k i e t a c h o p r o g r a m o w a n i a , n a r z d z i a c h o r a z k o d z i e g e n e r o w a n y m p r z e z I D E
l u b e d y t o r y t y p u W Y S I W Y G . T e n a r z d z i a z w y k l e p o z w a l a j p r o g r a m i s t o m j e d y n i e
n a u s u n i c i e z k o d u u s t a w i e D p r e z e n t a c y j n y c h , u m i e s z c z e n i e w a r s t w y p r e z e n t a c y j n e j
w k l a s a c h C S S , i t p . A n a l i z a a l t e r n a t y w n y c h u s t a w i e D l u b e k s p e r y m e n t y z f u n k c j a m i
n a r z d z i a p o z w a l a j c e n a o s i g n i c i e p o |d a n y c h w y n i k ó w m o g w y m a g a w i k s z e j
i l o [c i c z a s u i w y s i Bk u . J e d n a k b a r d z o c z s t o w y s t a r c z y p o w z i p r o s t e k r o k i p o z w a l a j c e
n a o d d z i e l e n i e l o g i k i a p l i k a c j i o d k o d u w e w n t r z n e g o .
L e p s z e f o r m u l a r z e t w o r z o n e
z a p o m o c n o w o c z e s n e g o k o d u z n a c z n i k ó w
W i k s z o [ a p l i k a c j i s i e c i o w y c h z a w i e r a w s o b i e p e w n e r o d z a j e f o r m u l a r z y . A b y z a p e w n i
t y m f o r m u l a r z o m e l e g a n c k i u k Ba d , p r o g r a m i [c i n a j c z [c i e j u |y w a j t a b e l H T M L .
C h o c i a | s t o s o w a n i e t e j t e c h n i k i w Ba [c i w i e n i e j e s t b Bd n e , t o t r z e b a p r z y p o m n i e ,
|e t a b e l e z o s t a By o p r a c o w a n e z m y [l o u m i e s z c z a n i u w n i c h d a n y c h t a b e l a r y c z n y c h .
P o n i e w a | f o r m u l a r z n i e z a w i e r a t e g o r o d z a j u d a n y c h , t o n i e m a n a j m n i e j s z e g o p o w o d u
d o s t o s o w a n i a t a b e l i . P o n a d t o t a b e l e c z s t o z a w i e r a j a t r y b u t y p r e z e n t a c y j n e , t a k i e
j a k b g c o l o r , a l i g n i w i d t h , o r a z n i e o f e r u j t a k i c h k o r z y [c i w k w e s t i i d o s t p n o [c i
t r e [c i , j a k i e m o |n a u z y s k a s t o s u j c p o d e j [c i e z g o d n e z e s t a n d a r d a m i s i e c i o w y m i .
F o r m u l a r z e b a r d z o c z s t o u |y w a j t a k |e k o d u p o s t r o n i e s e r w e r a , k t ó r e g o z a d a n i e m
j e s t u m i e s z c z e n i e p e w n y c h w a r t o [c i w f o r m u l a r z u ( w i c e j n a t e n t e m a t z o s t a n i e
p r z e d s t a w i o n e w d a l s z e j c z [c i r o z d z i a Bu ) .
P r z y k Ba d o w o : p o n i |e j p r z e d s t a w i o n o k o d w y [w i e t l a j c y p r o s t y f o r m u l a r z , k t ó r y
z o s t a B u m i e s z c z o n y w t a b e l i ( z o b a c z r y s u n e k 4 . 1 ) :
< p > P r o s z w y p e n i p o n i s z y f o r m u l a r z : < / p >
< p > < b > I n f o r m a c j e o u y t k o w n i k u < / b > < / p >
< f o r m a c t i o n = " s u b m i t . p h p " m e t h o d = " p o s t " >
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 2 7
R Y S U N E K 4 . 1 .
F o r m u l a r z e s n a j c z [c i e j
u m i e s z c z a n e w t a b e l a c h
H T M L i u |y w a j z n a c z n i k ó w
p r e z e n t a c y j n y c h
< t a b l e w i d t h = " 3 0 0 " b o r d e r = " 0 " >
< t r >
< t d b g c o l o r = " # c c c c c c " w i d t h = " 3 0 % " a l i g n = " r i g h t " > I m i : < / t d >
< t d > < i n p u t t y p e = " t e x t " n a m e = " t x t F N a m e " s i z e = " 3 0 " / > < / t d >
< / t r >
< t r >
< t d b g c o l o r = " # c c c c c c " a l i g n = " r i g h t " > N a z w i s k o : < / t d >
< t d > < i n p u t t y p e = " t e x t " n a m e = " t x t L N a m e " s i z e = " 3 0 " / > < / t d >
< / t r >
< t r >
< t d b g c o l o r = " # c c c c c c " a l i g n = " r i g h t " > T y t u : < / t d >
< t d > < i n p u t t y p e = " t e x t " n a m e = " t x t T i t l e " s i z e = " 3 0 " / > < / t d >
< / t r >
< t r >
< t d c o l s p a n = " 2 " > < i n p u t t y p e = " s u b m i t " v a l u e = " W y l i j " / > < / t d >
< / t r >
< / t a b l e >
< / f o r m >
D l a p o r ó w n a n i a , p o n i |e j z n a j d u j e s i n o w a w e r s j a k o d u p o w o d u j c e g o w y [w i e t l e n i e
t e g o s a m e g o f o r m u l a r z a ( z o b a c z r y s u n e k 4 . 2 ) :
< p > P r o s z w y p e n i p o n i s z y f o r m u l a r z : < / p >
< f o r m a c t i o n = " s u b m i t . p h p " m e t h o d = " p o s t " >
< d i v i d = " f o r m B l o c k " >
< f i e l d s e t >
< l e g e n d > I n f o r m a c j e o u y t k o w n i k u < / l e g e n d >
< p >
< l a b e l f o r = " t x t F N a m e " > I m i : < / l a b e l >
< i n p u t t y p e = " t e x t " i d = " t x t F N a m e " t a b i n d e x = " 1 " / >
< / p >
< p >
1 2 8 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
R Y S U N E K 4 . 2 .
S t o s o w a n i e n o w o c z e s n e g o
k o d u z n a c z n i k ó w
p o w o d u j e , |e t w o r z e n i e
p r o s t y c h f o r m u l a r z y
j e s t z d u m i e w a j c o Ba t w e
< l a b e l f o r = " t x t L N a m e " > N a z w i s k o : < / l a b e l >
< i n p u t t y p e = " t e x t " i d = " t x t L N a m e " t a b i n d e x = " 2 " / >
< / p >
< p >
< l a b e l f o r = " t x t F N a m e " > T y t u : < / l a b e l >
< i n p u t t y p e = " t e x t " i d = " t x t T i t l e " t a b i n d e x = " 3 " / >
< / p >
< p > < i n p u t t y p e = " s u b m i t " v a l u e = " W y l i j " t a b i n d e x = " 4 " / > < / p >
< / f i e l d s e t >
< / d i v >
< / f o r m >
P r z e d s t a w i o n y p o w y |e j k o d f o r m u l a r z a m o |e z o s t a p o Bc z o n y z p o n i |s z y m a r k u s z e m
s t y l ó w C S S , k t ó r y p o w i n i e n b y s t o s o w a n y w z g l d e m k a |d e g o f o r m u l a r z a n a w i t r y n i e ,
c o z a p e w n i i m s p ó j n y w y g l d . W p r a w d z i e t a k i e r o z w i z a n i e w y m a g a u |y c i a d o d a t k o w e g o
k o d u , a l e z a s t o s o w a n i e s p ó j n e g o s p o s o b u t w o r z e n i a f o r m u l a r z y i n a d a w a n i a i m s t y l u
b d z i e o g r o m n z a l e t d l a a p l i k a c j i .
h 1 {
m a r g i n : 0 ;
f o n t - w e i g h t : n o r m a l ;
f o n t - s i z e : 1 5 p x ;
}
# f o r m B l o c k {
w i d t h : 3 0 0 p x ;
}
# f o r m B l o c k p {
m a r g i n : 0 0 3 p x ;
}
p {
w i d t h : 1 0 0 % ;
}
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 2 9
l a b e l {
b a c k g r o u n d - c o l o r : # c c c ;
d i s p l a y : b l o c k ;
f l o a t : l e f t ;
w i d t h : 2 8 % ;
t e x t - a l i g n : r i g h t ;
m a r g i n - r i g h t : 2 p x ;
p a d d i n g : 2 p x 0 ;
}
i n p u t {
f l o a t : l e f t ;
w i d t h : 6 5 % ;
m a r g i n - b o t t o m : 4 p x ;
m a r g i n - t o p : 1 p x ;
p a d d i n g : 1 p x ;
}
i n p u t [ t y p e = s u b m i t ] {
w i d t h : 1 0 % ;
}
f i e l d s e t {
b o r d e r : n o n e ;
p a d d i n g : 0 ;
m a r g i n : 0 ;
}
l e g e n d {
f o n t - w e i g h t : b o l d ;
m a r g i n - b o t t o m : 1 2 p x ;
}
A n a l i z a n o w e g o k o d u X H T M L n a p i s a n e g o z u w z g l d n i e n i e m s t a n d a r d ó w s i e c i o w y c h
p o k a z u j e z a s a d n i c z e u s p r a w n i e n i a w s t o s u n k u d o f o r m u l a r z y u t w o r z o n y c h b e z
z a s t o s o w a n i a p o d e j [c i a s e m a n t y c z n e g o :
W k o d z i e n i e m a j u | n i e p o t r z e b n e j t a b e l i H T M L s Bu |c e j d o n a d a n i a w y g l d u
f o r m u l a r z o w i .
F o r m u l a r z z a w i e r a e l e m e n t y < l a b e l > , k t ó r e p r z y p i s u j e t y k i e t y f a k t y c z n y m k o n -
t r o l k o m f o r m u l a r z a d o s k o n a Be r o z w i z a n i e z p u n k t u w i d z e n i a d o s t p n o [c i ,
f u n k c j a o p r a c o w a n a z m y [l o u |y t k o w n i k u i o b s Bu g i w a n a p r z e z w i k s z o [
p r z e g l d a r e k i n t e r n e t o w y c h .
Z a s t o s o w a n y z o s t a B a t r y b u t t a b i n d e x u Ba t w i a j c y u s t a l e n i e k o l e j n o [c i p r z e c h o d z e -
n i a m i d z y p o l a m i o r a z z w i k s z a j c y d o s t p n o [ s t r o n y z a p o m o c k l a w i a t u r y .
F o r m u l a r z z o s t a B z g r u p o w a n y w z n a c z n i k u < f i e l d s e t > o r a z o z n a c z o n y e t y k i e t
z a p o m o c z n a c z n i k a < l e g e n d > , k t ó r y g r u p u j e i o p i s u j e f o r m u l a r z w c e l u z w i k -
s z e n i a j e g o d o s t p n o [c i .
1 3 0 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
P o n i e w a | k o d f o r m u l a r z a j e s t c z y s t s z y i c z y t e l n i e j s z y , t o p o d o Bc z e n i u d o a p l i k a c j i
p r o g r a m i [c i z a j m u j c y s i j e j o b s Bu g u j b d m o g l i Ba t w i e j o d c z y t y w a i m o d y -
f i k o w a t e n f o r m u l a r z .
S t r u k t u r y d z i a Ba j c e p o s t r o n i e s e r w e r a
o r a z n a r z d z i a s z a b l o n ó w
J e |e l i c h o d z i o t e c h n o l o g i e s k r y p t o w e w I n t e r n e c i e , t o d o s t p n y c h j e s t i c h k i l k a , m i d z y
i n n y m i P H P ( P H P : H y p e r t e x t P r e p r o c e s s o r ) , k l a s y c z n e A S P ( a n g . A c t i v e S e r v e r P a g e s ) ,
C o l d F u s i o n ( o p r a c o w a n a p r z e z f i r m M a c r o m e d i a , k t ó r a k i l k a l a t t e m u z o s t a Ba p r z e j t a
p r z e z A d o b e ) . W y m i e n i o n e p l a t f o r m y j z y k o w e s Bu |c e d o w y k o n y w a n i a z a d a D
p o s t r o n i e s e r w e r a p o s i a d a j m o d e l e , k t ó r e u m i e s z c z a j w t y c h s a m y c h p l i k a c h k o d
i n t e r f e j s u o r a z k o d w e w n t r z n y a p l i k a c j i . W j e d n y m w i e r s z u k o d u p r o g r a m i [c i n a t y k a j
s i n a k o d w e w n t r z n y u m i e s z c z o n y w e w n t r z z d e f i n i o w a n y c h o g r a n i c z n i k ó w
( n a p r z y k Ba d t a k i c h j a k < % . . . % > ) , a n a s t p n i e z n a j d u j s i s t a n d a r d o w e z n a c z n i k i H T M L .
P o n a d t o k o d d z i a Ba j c y p o s t r o n i e s e r w e r a b d z i e u |y w a B p o l e c e D p r i n t w c e l u w y -
g e n e r o w a n i a k o d u H T M L , c z s t o w y m i e s z a n e g o w r a z z d a n y m i p r e z e n t a c y j n y m i .
D o s t p n y c h j e s t k i l k a p l a t f o r m o r a z t e c h n i k p r o g r a m o w a n i a n a p r z y k Ba d C o l d F u s i o n
F u s e b o x ( h t t p : / / f u s e b o x . o r g ) o r a z s y s t e m s z a b l o n ó w P H P S m a r t y ( h t t p : / / s m a r t y . p h p . n e t )
k t ó r e z a p e w n i a j m o d u l a r y z a c j w a r s t w o r a z p r ó b u j r o z d z i e l i l o g i k b i z n e s o w
o d k o d u i n t e r f e j s u . W t y m c e l u t w o r z p l i k i s z a b l o n ó w z a w i e r a j c e k o d i n t e r f e j s u ,
p o d c z a s g d y k o d w e w n t r z n y z o s t a j e u m i e s z c z o n y w o d d z i e l n y c h p l i k a c h . W r z e c z y w i -
s t o [c i o s i g n i t e w y n i k i s z r e g u By b a r d z o z r ó |n i c o w a n e , p o n i e w a | k o d d z i a Ba j c y
p o s t r o n i e s e r w e r a n a d a l m u s i w y p r o d u k o w a i n t e r f e j s u |y t k o w n i k a .
P y t a n i e , k t ó r e m o |n a z a d a p o d k o n i e c o m a w i a n i a t e g o t e m a t u , b r z m i : j a k a j e s t j a k o [
k o d u z n a c z n i k ó w t w o r z c e g o U I n a w e t p o j e g o o d d z i e l e n i u o d l o g i k i b i z n e s o w e j ?
W s z e l k i e d o s t p n e n a [w i e c i e w a r s t w y o p r o g r a m o w a n i a a p l i k a c j i n i e z d a d z s i n a n i c ,
j e |e l i p o d s t a w o w y k o d H T M L b d z i e Ba m a B o p r a c o w a n e n a j l e p s z e r o z w i z a n i a l u b
z o s t a n i e u m i e s z c z o n y w p l i k a c h , k t ó r y c h p r o g r a m i [c i t w o r z c y U I n i e b d m o g l i
k o n t r o l o w a l u b p r z e z k t ó r e n i e b d m o g l i p r z e b r n .
P r o s t e k r o k i p r o w a d z c e
d o t w o r z e n i a l e p s z y c h s k r y p t ó w d z i a Ba j c y c h p o s t r o n i e s e r w e r a
W p r z y p a d k u w s z y s t k i c h p l a t f o r m l u b s y s t e m ó w w y k o r z y s t u j c y c h s z a b l o n y m o |n a
p o w z i p r o s t e k r o k i , k t ó r e m o g o g r a n i c z y p o t e n c j a l n e s z k o d y , n a w e t w p r z y p a d k u
p o d s t a w o w e g o P H P l u b p o d o b n y c h [r o d o w i s k a c h . W n a j b a r d z i e j p o d s t a w o w y m
s e n s i e w s z e l k i e d a n e w y j [c i o w e a p l i k a c j i l u b g e n e r o w a n y k o d U I b d p r z e d m i o t e m
s t o s o w a n i a t y c h s a m y c h r e g u B, k t ó r e o d n o s z s i d o k o d u U I n i e u |y w a j c e g o b a z y
d a n y c h . J e d y n a r ó |n i c a p o l e g a n a t y m , |e t e g o r o d z a j u k o d j e s t p o p r o s t u g e n e r o w a n y ,
a n i e t w o r z o n y r c z n i e p r z e z p r o g r a m i s t ó w .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 3 1
W a r t o z w r ó c i u w a g , |e w y z w a n i a z w i z a n e z u z y s k a n i e m c z y s t e g o r o z d z i a Bu l o g i k i
b i z n e s o w e j p o s t r o n i e s e r w e r a o d w a r s t w y p r e z e n t a c y j n e j n i e s j e d y n i e d o m e n j z y k a
P H P . W i k s z o [ j z y k ó w p r o g r a m o w a n i a d z i a Ba j c y c h p o s t r o n i e s e r w e r a w y k o r z y s t u j e
d o b r e p r a k t y k i p r o g r a m o w a n i a i d y s c y p l i n . C e c h c h a r a k t e r y s t y c z n , s z c z e g ó l n i e
w p r z y p a d k u P H P , k l a s y c z n e g o A S P i C o l d F u s i o n , j e s t b a r d z o c z s t o o s a d z a n i e l o g i k i
a p l i k a c j i w t y c h s a m y c h p l i k a c h , k t ó r e z a w i e r a j k o d i n t e r f e j s u , n a p r z y k Ba d :
< ? p h p
/ / W y w i e t l e n i e w y n i k ó w .
e c h o " < t a b l e b o r d e r = \ " 1 \ " w i d t h = \ " 4 0 0 \ " > " ;
w h i l e ( $ r o w = m y s q l _ f e t c h _ a s s o c ( $ r e s u l t ) ) {
e c h o " < t r v a l i g n = \ " t o p \ " > " ;
e c h o " < t d b g c o l o r = \ " # f f f f c c \ " > < b > $ r o w [ ' u s e r n a m e ' ] < / b > < / t d > " ;
e c h o " < t d > $ r o w [ ' f i r s t n a m e ' ] < / t d > " ;
e c h o " < t d > $ r o w [ ' l a s t n a m e ' ] < / t d > " ;
e c h o " < t d > < f o n t c o l o r = \ " g r e y \ " > $ r o w [ ' n o t e s ' ] < / f o n t > < / t d > " ;
e c h o " < / t r > " ;
}
e c h o " < / t a b l e > " ;
? >
P r z e d s t a w i o n y p o w y |e j k o d w y k o n u j e w P H P p r o s t e z a d a n i e k o l e j n o p r z e c h o d z i
p r z e z w i e r s z e z b i o r u w y n i k o w e g o z w r ó c o n e g o p r z e z b a z d a n y c h . W i k s z o [ j z y k ó w
s k r y p t o w y c h , w c e l u w y [w i e t l e n i a d a n y c h w y j [c i o w y c h p o b r a n y c h z b a z y d a n y c h s t o s u j e
p o d o b n e t e c h n i k i d o p r z e d s t a w i o n e j p o w y |e j , o p i e r a j c s i n a s t r u k t u r z e p t l i . O c z y w i [c i e ,
p r z e d s t a w i o n y p r z y k Ba d j e s t m a By i b a r d z o p r o s t y , a l e m o |e o n b y u m i e s z c z o n y
g Bb o k o w e w n t r z i n n e j s t r u k t u r y p t l i b d z s k o m p l i k o w a n e j s t r u k t u r y p t l i .
Z a p r e z e n t o w a n y p o w y |e j k o d ( o r a z i n n e , p o d o b n e k o d y d z i a Ba j c e p o s t r o n i e s e r w e r a )
m a k i l k a w a d :
E l e m e n t y p r e z e n t a c y j n e z o s t a By o s a d z o n e w k o d z i e p t l i .
Z m i a n a p r o j e k t u w i z u a l n e g o b d z i e w y m a g a Ba z m i a n w a p l i k a c j i . W t y m c e l u
t r z e b a b d z i e s k o r z y s t a z u s Bu g p r o g r a m i s t y , z a m i a s t p o p r o s t u w p r o w a d z i
z m i a n y w z e w n t r z n y m ( z p u n k t u w i d z e n i a a p l i k a c j i ) p l i k u a r k u s z y s t y l ó w C S S .
Z a k a |d y m r a z e m , g d y z a j d z i e p o t r z e b a z m i a n y w y g l d u t a b e l i , p r o g r a m i s t a b d z i e
m u s i a B o d s z u k a k o d p r e z e n t a c y j n y i p r z e p r o w a d z i m o d y f i k a c j e b e z p o [r e d n i o
w k o d z i e l o g i k i a p l i k a c j i .
W a t r y b u t a c h p r e z e n t a c y j n y c h z a s t o s o w a n o z n a k i s t e r u j c e , p o n i e w a | a t r y b u t y
w j z y k u H T M L u |y w a j z n a k ó w c u d z y s Bo w ó w . T e n k r o k p o w o d u j e , |e k o d s t a j e
s i m n i e j c z y t e l n y i t r u d n i e j s z y w z a r z d z a n i u .
W k a |d e j t a b e l i z n a j d u j c e j s i n a w i t r y n i e t r z e b a b d z i e r c z n i e w p r o w a d z i
d a n e p r e z e n t a c y j n e .
1 3 2 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
M i m o |e p o w y |s z y k o d j e s t p r o s t y , t o d e m o n s t r u j e p o m i e s z a n i e k o d u w e w n t r z n e g o
z w a r s t w p r e z e n t a c y j n . Aa t w o s o b i e w y o b r a z i , j a k m ó g Bb y w y g l d a k o d w r a z
z z a g n i e |d |o n y m i t a b e l a m i s Bu |c y m i d o u t w o r z e n i a k r a w d z i i m e n u o r a z s t o s u j c y
i n n e a t r y b u t y p r e z e n t a c y j n e d l a k a |d e j z k o l u m n & K o d s t a Bb y s i z u p e Bn i e n i e c z y t e l n y .
E l e g a n c k a l t e r n a t y w j e s t n a s t p u j c y k o d :
< s t y l e t y p e = " t e x t / c s s " >
# r e s u l t s {
b o r d e r : 1 p x s o l i d # 0 0 0 ;
w i d t h : 4 0 0 p x ;
}
# r e s u l t s t d {
b o r d e r : 1 p x i n s e t # 0 0 0 ;
v e r t i c a l - a l i g n : t o p ;
}
t d . u s e r n a m e {
b a c k g r o u n d - c o l o r : # f f c ;
}
t d . n o t e s {
c o l o r : g r a y ;
}
< / s t y l e >
< ? p h p
e c h o " < t a b l e i d = \ " r e s u l t s \ " > " ;
w h i l e ( $ r o w = m y s q l _ f e t c h _ a s s o c ( $ r e s u l t ) ) {
e c h o " < t r > " ;
e c h o " < t d c l a s s = \ " u s e r n a m e \ " > $ r o w [ ' u s e r n a m e ' ] < / t d > " ;
e c h o " < t d > $ r o w [ ' f i r s t n a m e ' ] < / t d > " ;
e c h o " < t d > $ r o w [ ' l a s t n a m e ' ] < / t d > " ;
e c h o " < t d c l a s s = \ " n o t e s \ " > $ r o w [ ' n o t e s ' ] < / t d > " ;
e c h o " < / t r > " ;
}
e c h o " < / t a b l e > " ;
? >
W c e l u z a c h o w a n i a z w i z Bo [c i , n a p o w y |s z y m f r a g m e n c i e k o d u p r z e d s t a w i o n o t y l k o
b l o k < s t y l e > z a w i e r a j c y d e f i n i c j a r k u s z y s t y l ó w C S S . M o |n a j e d n a k d o s t r z e c , |e w c e l u
z m i a n y w y g l d u t a b e l i , c z c i o n e k l u b s p o s o b u w y r ó w n a n i a t r e [c i w k o m ó r c e t a b e l i n i e
z a c h o d z i p o t r z e b a m o d y f i k a c j i |a d n e g o w i e r s z a k o d u P H P . P r z y k Ba d j e s t d o [ s z c z t k o w y ,
a l e n a l e |y p a m i t a o j e d n y m i m b a r d z i e j s k o m p l i k o w a n a l o g i k a b i z n e s o w a , t y m
w i k s z e k o r z y [c i p By n z w y r z u c e n i a i n f o r m a c j i p r e z e n t a c y j n y c h z l o g i k i b i z n e s o w e j .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 3 3
U W A G A
W p r z e d s t a w i o n e j p o w y |e j t a b e l i i d e a l n y m r o z w i z a n i e m b y Bo b y r ó w n i e | u |y c i e w i e r s z a
< t h > w c e l u u t w o r z e n i a n a g Bó w k ó w o p i s u j c y c h k o l u m n y . W t e n s p o s ó b m o |n a z w i k -
s z y z a r ó w n o p o z i o m d o s t p n o [c i t r e [c i s t r o n y , j a k i s e m a n t y c z n o [ k o d u . J e |e l i p r o j e k t
g r a f i c z n y n i e z a k Ba d a w y [w i e t l a n i a n a g Bó w k ó w t a b e l i t o z a w s z e m o |n a j e u k r y z a p o m o c
a r k u s z a s t y l ó w C S S . P o z o s t a n o n e j e d n a k d o s t p n e d l a u r z d z e D w s p o m a g a j c y c h .
P r o b l e m
Z a l e t s t o s o w a n i a t e c h n o l o g i i , t a k i c h j a k P H P l u b n a w e t k l a s y c z n e A S P , j e s t f a k t ,
|e p r o g r a m i s t a s i e c i o w y z a c h o w u j e p e Bn k o n t r o l n a d s p o s o b e m g e n e r o w a n i a k o d u U I
z a l e t a , k t ó r e j n i e n a l e |y l e k c e w a |y . K o s z t y z w i z a n e z u t r z y m a n i e m i o b s Bu g
i n t e r f e j s u u |y t k o w n i k a a p l i k a c j i m o g s t a s i p r o b l e m e m w z e s p o l e , g d y z a c h o d z i
p r a w d o p o d o b i e Ds t w o , |e k o d U I n i e z o s t a B n a p i s a n y p r z e z p r o g r a m i s t ó w t e g o z e s p o Bu .
W t a k i c h p r z y p a d k a c h b a r d z o w a |n a j e s t p r z e d e w s z y s t k i m k o m u n i k a c j a o r a z p o n o w n a
o c e n a . O c z y w i [c i e , s t o p r z e c i e | p r o c e d u r y b i z n e s o w e , a n i e t e c h n i k i p r o g r a m o w a n i a ,
a l e b a r d z o c z s t o t e p o d s t a w o w e p r o c e s y p o p r o s t u n i e z a c h o d z .
P r o b l e m p o l e g a n a t y m , |e w e w s p ó Bc z e s n y m [w i e c i e c o r a z w i c e j n o w y c h p r o d u k -
t ó w i t e c h n o l o g i i z y s k u j e s z e r o k a k c e p t a c j , a w i c p r o c e s o c e n y o r a z p r o g r a m o w a n i a
U I s t a B s i z n a c z n i e t r u d n i e j s z y n i | w c z e [n i e j . W p r z y p a d k u z Bo |o n y c h a p l i k a c j i b i z n e s o -
w y c h j z y k i s k r y p t o w e n a p r z y k Ba d t e o m ó w i o n e d o t d w k s i |c e w y p a d By
z o b i e g u , p o n i e w a | s a m a p l a t f o r m a n i e n a r z u c a a r c h i t e k t u r y w a r s t w o m a p l i k a c j i .
C i |a r e m s p o c z y w a j c y m n a p r o g r a m i s t a c h j e s t s t o s o w a n i e s t r u k t u r a l n y c h w z o r c ó w
p r o j e k t o w y c h , k t ó r e w y m a g a j u |y w a n i a d o b r y c h p r a k t y k w z a k r e s i e p r o g r a m o w a n i a .
S t a r s z e n a r z d z i a , t a k i e j a k P H P i C o l d F u s i o n , b y By c z s t o z n a c z n i e b a r d z i e j d o s t p n e
d l a p r o g r a m i s t ó w l u b p r o j e k t a n t ó w U I n i | n i e k t ó r e n o w s z e t e c h n o l o g i e .
Z a s a d n i c z y p r o b l e m p o z o s t a B, a w p r z y p a d k u w i k s z o [c i n o w y c h [r o d o w i s k p r o g r a m o -
w a n i a d z i a Ba j c y c h p o s t r o n i e s e r w e r a s t a B s i n a w e t j e s z c z e p o w a |n i e j s z y . P r o b l e m
d o t y c z y z w Ba s z c z a s y t u a c j i , g d y o s a d z o n y s k r y p t d z i a Ba j c y p o s t r o n i e s e r w e r a ,
n a p r z y k Ba d P H P l u b k l a s y c z n e A S P ( o b e c n i e A S P . N E T ) s t o s u j c y p o d e j [c i e w a r s t w o w e ,
p r ó b u j e o d d z i e l i l o g i k b i z n e s o w o d k o d u w e w n t r z n e g o . P r o b l e m m o |e r ó w n i e |
w y s t p i , g d y j z y k X S L T j e s t u |y w a n y d o g e n e r o w a n i a k o d u X H T M L l u b H T M L z X M L .
J a k i j e s t w i c t e n z a s a d n i c z y p r o b l e m ? K i e d y i n |y n i e r o w i e o p r o g r a m o w a n i a b u d o w a l i
c o r a z d o j r z a l s z e i d z i a Ba j c e n a w a r s t w a c h [r o d o w i s k a i n t e r f e j s ó w , t a k i e j a k J a v a ,
A S P . N E T l u b X M L / X S L T , t o p r o g r a m i [c i i n t e r f e j s ó w n i e p o z n a l i e l e m e n t ó w o d p o -
w i e d z i a l n y c h z a i n t e r f e j s w t y c h |e [r o d o w i s k a c h p r o g r a m i s t y c z n y c h i n a j c z [c i e j
n i g d y n i e p o z n a j .
1 3 4 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
Z w y k l e e l e m e n t y o d p o w i e d z i a l n e z a i n t e r f e j s w t y c h p l a t f o r m a c h o p r o g r a m o w a n i a
g e n e r u j d a n e w y j [c i o w e , w p o s t a c i t a k i e g o s a m e g o , p r z e s t a r z a Be g o i n i e s p e Bn i a j c e g o
s t a n d a r d ó w k o d i n t e r f e j s u , k t ó r y j u | w c z e [n i e j b y B s t o s o w a n y . P r a w d z i w y m w y z w a n i e m
j e s t w i c i m p l e m e n t a c j a s t a n d a r d ó w s i e c i o w y c h w i n t e r f e j s i e t e g o r o d z a j u a p l i k a c j i .
O s t r z e |e n i e p r z e d k o d e m g e n e r o w a n y m p o s t r o n i e s e r w e r a
C z [ n o w o c z e s n y c h [r o d o w i s k a p l i k a c j i p o s i a d a f u n k c j e z a p r o j e k t o w a n e w c e l u
p o m o c y p o d c z a s u s u w a n i a z b d n e g o g e n e r o w a n i a k o d u H T M L l u b i n n e g o k o d u
U I z a p l i k a c j i . K o n c e p c j a p o l e g a n a t y m , a b y k o d H T M L ( l u b X H T M L ) m ó g B z o s t a w Ba t w y
s p o s ó b w y i z o l o w a n y , a n a s t p n i e d y n a m i c z n i e w y g e n e r o w a n y z a p o m o c p o l e c e D
p r z e k a z a n y c h d o j z y k a p r o g r a m o w a n i a p a k i e t u n a r z d z i o w e g o . Z a z w y c z a j s t o s o w a n e
s w Ba [c i w o [c i p r z y p i s y w a n e z b i o r o m d a n y c h z w r a c a n y c h p r z e z z a p y t a n i a d o b a z y
d a n y c h l u b i n n e p o d o b n e s t r u k t u r y k o n t r o l u j c e d y n a m i c z n e t w o r z e n i e d a n y c h
w y j [c i o w y c h .
P r o b l e m z w i z a n y z t e g o r o d z a j u p o d e j [c i e m t o f a k t , |e z a r ó w n o p r o j e k t , j a k i o s t a -
t e c z n i e g e n e r o w a n y k o d o p i e r a j s i w d u |y m s t o p n i u n a d e c y z j a c h p r o g r a m i s t ó w
t w o r z c y c h o p r o g r a m o w a n i e u |y w a n e d o a b s t r a h o w a n i a i g e n e r o w a n i a k o d u . D l a t e g o
t e | s u k c e s j e s t u z a l e |n i o n y r ó w n i e | o d w y s i Bk ó w p r o g r a m i s t y m a j c y c h n a c e l u
p o z n a n i e f u n k c j i U I d o s t p n y c h w u |y w a n y m o p r o g r a m o w a n i u . R ó |n e p l a t f o r m y
o f e r u j z r ó |n i c o w a n e p o z i o m y j a k o [c i . P r o g r a m i [c i m u s z w i c p o z n a k o d zr ó d Bo w y
i f a k t y c z n i e o b s e r w o w a s t r u k t u r k o d u z n a c z n i k ó w p o j e g o w y g e n e r o w a n i u , z a m i a s t
p o p r o s t u p r z y g l d a m u s i , g d y | k o d z n a c z n i k ó w j e s t g e n e r o w a n y d y n a m i c z n i e .
W w i k s z o [c i p r z y p a d k ó w n i c n i e j e s t w s t a n i e z a s t p i c z y n n i k a l u d z k i e g o . P r z e j r z e n i e
r z e c z y w i s t y c h d z i a Ba n i a c h r e a l i z o w a n y c h p r z e z k o d i z o r i e n t o w a n i e s i w n i c h w y m a g a
w y k o n a n i a k i l k u d o d a t k o w y c h k r o k ó w . C z a s a m i t r z e b a b d z i e w p r o w a d z i k i l k a
p o p r a w e k , a i n n y m r a z e m n i e b d z i e t o k o n i e c z n e . S k o r o C z y t e l n i k d o t a r B a | d o t e g o
m i e j s c a k s i |k i , t o p o w i n n o b y d l a n i e g o o c z y w i s t e , |e u t w o r z e n i e i n t e r f e j s u z g o d -
n e g o z e s t a n d a r d a m i s i e c i o w y m i m o |e p r z y n i e [ w y m i e r n e k o r z y [c i .
P l a t f o r m a M i c r o s o f t A S P . N E T
J e d n z p l a t f o r m , k t ó r a z o s t a Ba s z e r o k o z a s t o s o w a n a z w Ba s z c z a w d u |y c h o r g a n i z a c j a c h ,
j e s t d o [ k r y t y c z n i e p r z y j t a t e c h n o l o g i a f i r m y M i c r o s o f t o n a z w i e A S P . N E T ( n a s t p c a
k l a s y c z n e g o A S P ) . K l a s y p o d s t a w o w e . N E T , o b i e k t y o r a z A P I m a j o g r o m n e m o |l i w o [c i .
T e c h n o l o g i a A S P . N E T w y m u s z a p o p r z e z s t o s o w a n y m o d e l u |y w a n i e w a r s t w k o d u ,
k t ó r e o d d z i e l a j d o p e w n e g o s t o p n i a l o g i k p r o g r a m u o r a z b a z d a n y c h o d p l i k ó w
i n t e r f e j s u u |y t k o w n i k a p o s i a d a j c y c h r o z s z e r z e n i e . a s p x . W y m i e n i o n e p l i k i z a w i e r a j
k o d H T M L o r a z w Ba s n e z n a c z n i k i A S P . N E T , d o k t ó r y c h p o w r ó c i m y w d a l s z e j c z [c i
r o z d z i a Bu . T e o r e t y c z n i e p r o g r a m i [c i U I u c z s i w y m i e n i o n y c h z n a c z n i k ó w w c e l u
u z y s k a n i a k o n t r o l i n a d i n t e r f e j s e m i u t w o r z e n i a p u n k t ó w z a c z e p i e n i a d l a p r o g r a m i s t ó w
k o d u w e w n t r z n e g o . T o j e s t f a k t y c z n i e m o |l i w e , a l e w r z e c z y w i s t o [c i r z a d k o o s i g a n e .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 3 5
Z e s p ó B p r o g r a m i s t ó w m ó g Bb y p o d j n i e [m i a B d e c y z j d o t y c z c e d u k a c j i z e s p o Bu
p r o g r a m i s t ó w U I , a n a s t p n i e w s p ó Bp r a c o w a z n i m i p o d c z a s n a u k i , n a t o m i a s t z e s p ó B
U I m ó g Bb y w y k a z a m o t y w a c j d o n a u k i . T a k i e r z e c z y s i z d a r z a j .
Z a z w y c z a j , a p l i k a c j e s i e c i o w e A S P . N E T s t w o r z o n e w [r o d o w i s k u I D E o n a z w i e
M i c r o s o f t V i s u a l S t u d i o . N E T . W y m i e n i o n e [r o d o w i s k o I D E o f e r u j e o k n o d z i a Ba j c e
w t r y b i e W Y S I W Y G u z u p e Bn i a j c e w i d o k k o d u zr ó d Bo w e g o o r a z p o z w a l a j c e p r o g r a m i -
s t o m n a s z y b k i e p r z e c i g a n i e o b i e k t ó w n a s t r o n , u s t a w i a n i e w Ba [c i w o [c i , t a k |e t y c h
d o t y c z c y c h a t r y b u t ó w p r e z e n t a c y j n y c h b e z k o n i e c z n o [c i n a p i s a n i a a n i j e d n e g o
w i e r s z a k o d u . T e u s t a w i e n i a g e n e r u j k o d H T M L .
T O N I E T A K , {E C Z E P I A M Y S I P L A T F O R M Y A S P . N E T
W r z e c z y w i s t o [c i j e s t w r c z n a o d w r ó t . O m ó w i o n e w d a l s z e j c z [c i r o z d z i a Bu p r z y k Ba d y
z a p r e z e n t u j p o t |n e m o |l i w o [c i i w s z e c h s t r o n n o [ A S P . N E T o r a z p o d o b n y c h
p l a t f o r m w r k a c h o s o b y , k t ó r a d o s k o n a l e w i e , w j a k i s p o s ó b p o s Bu g i w a s i o p r o -
g r a m o w a n i e m w c e l u u z y s k a n i a k o d u z g o d n e g o z e s t a n d a r d a m i s i e c i o w y m i . D o -
s t p n y c h j e s t w i e l e p o d o b n y c h p l a t f o r m , a w i k s z o [ z n i c h p o z w a l a n a m o d y f i k a c j
s p o s o b u g e n e r o w a n i a d a n y c h w y j [c i o w y c h . W y m a g a t o j e d n a k w Bo |e n i a w y s i Bk u
w c e l u o d s z u k a n i a i p o z n a n i a f u n k c j i , k t ó r e p o m a g a j w w y g e n e r o w a n i u w y s o k i e j
j a k o [c i k o d u i n t e r f e j s u .
M i d z y p o s z c z e g ó l n y m i p l a t f o r m a m i k o n c e p c j e s n i e m a l t a k i e s a m e . K o n i e c z n e
j e s t w Bo |e n i e p e w n e g o w y s i Bk u i p o [w i c e n i e c z a s u n a z r o z u m i e n i e , j a k i e d a n e z o s t a n
w y g e n e r o w a n e , z a m i a s t z w y k Be g o s t w i e r d z e n i a t o z g r u b s z a w y g l d a d o b r z e . W t e n
s p o s ó b z y s k u j w s z y s c y u |y t k o w n i c y w i t r y n y , f i r m a i c a Ba r e s z t a . P o d c z a s p r a c y
n a d a p l i k a c j p r o g r a m i [c i b y w a j c a Bk i e m m o c n o s p i c i i c z s t o n i e p r z e j m u j s i
o s t a t n i m i k r o k a m i . O c z y w i [c i e , i s t n i e j w y j t k i , a l e t a s e k c j a n i e j e s t p r z e z n a c z o n a
d l a t a k i c h i n d y w i d u a l n o [c i .
Z p u n k t u w i d z e n i a s t a n d a r d ó w s i e c i o w y c h i s t n i e j e k i l k a k w e s t i i , n a k t ó r e t r z e b a z w r ó c i
u w a g , u |y w a j c V i s u a l S t u d i o . N E T , z w Ba s z c z a w w e r s j i w c z e [n i e j s z e j n i | 2 0 0 5 , o r a z
k o d u A S P . N E T g e n e r o w a n e g o p r z e z s e r w e r :
W i k s z o [ p r z y k Ba d ó w i m a t e r i a Bó w e d u k a c y j n y c h A S P . N E T z a w i e r a n i e p r a w i -
d Bo w y k o d .
V i s u a l S t u d i o . N E T 2 0 0 3 o r a z w c z e [n i e j s z e w e r s j e m a j a z B s Ba w z p o w o d u p r z e -
p i s y w a n i a i z m i a n y f o r m a t o w a n i a k o d u H T M L s t r o n y ( k i e d y p r o g r a m i s t a p r z e j d z i e
d o t r y b u g r a f i c z n e g o ) , n a w e t j e [l i z o s t a Ba u t w o r z o n a i s t a r a n n i e d o p r a c o w a n a
w i n n e j a p l i k a c j i b d z z w y k By m e d y t o r z e t e k s t o w y m p r z e z p r o g r a m i s t U I .
F o r m u l a r z e i k o n t r o l k i d a n y c h m o g b y z n a c z n i k a m i A S P . N E T , k t ó r e b a r d z o c z -
s t o m a j o s a d z o n e w n i c h a t r y b u t y p r e z e n t a c y j n e . W y g e n e r o w a n y k o d zr ó d Bo w y
n a j c z [c i e j n i e j e s t z g o d n y z X H T M L l u b H T M L , c h o w w e r s j i 2 0 0 5 z a n o t o w a n o
1 3 6 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
n a t y m p o l u o g r o m n p o p r a w . J e |e l i p r o g r a m i s t a n i e w Bo |y d o d a t k o w e g o w y s i Bk u
w n a d z ó r g e n e r o w a n y c h d a n y c h w y j [c i o w y c h , t o w y m i e n i o n e a t r y b u t y z n a c z n i k ó w
b d m i a By o s a d z o n o l b r z y m i i l o [ d a n y c h p r e z e n t a c y j n y c h .
W w e r s j a c h 2 0 0 3 i w c z e [n i e j s z y c h , k i e d y p r o g r a m i s t a u |y w a B w b u d o w a n y c h
n a r z d z i d o t w o r z e n i a s t r o n y , t a k u t w o r z o n a s t r o n a H T M L b y Ba w y [w i e t l a n a
w t r y b i e d z i w a c t w , p o n i e w a | d e k l a r a c j a D O C T Y P E d o Bc z o n a d o d o k u m e n t u
n i e z a w i e r a Ba U R I .
A S P . N E T z a w i e r a f u n k c j i n t e l i g e n t n e g o g e n e r o w a n i a , k t ó r a o z n a c z a , |e s e r w e r
p o d e j m u j e d e c y z j e d o t y c z c e r o d z a j u w y s y Ba n e j d o p r z e g l d a r k i i n t e r n e t o w e j
w a r s t w y k o d u U I n a p o d s t a w i e u s t a w i e D d o k o n a n y c h p o s t r o n i e s e r w e r a . S e r w e r
z g a d u j e p o z i o m o b s Bu g i d a n e j t e c h n o l o g i i p r z e z p r z e g l d a r k i n t e r n e t o w .
K o d A S P . N E T d z i a Ba j c y p o s t r o n i e s e r w e r a u |y w a d u |y c h i l o [c i a t r y b u t ó w I D
w k o n t r o l k a c h o s a d z o n y c h n a s t r o n i e . N a j c z [c i e j , w z a l e |n o [c i o d k o n t e k s t u ,
w y m i e n i o n e a t r y b u t y I D m a j d y n a m i c z n i e z m i e n i a n e n a z w y n a p o d s t a w i e i c h
p o Bo |e n i a w d o k u m e n c i e . D l a t e g o t e | p r o g r a m i [c i C S S i J a v a S c r i p t m a j z n a c z n i e
u t r u d n i o n e z a d a n i e w k w e s t i i o d w o By w a n i a s i d o o b i e k t ó w s t r o n y p o p r z e z i c h
w a r t o [c i I D . I n i e m a t u t a j z n a c z e n i a , |e t a k i s p o s ó b o d w o By w a n i a j e s t o t w a r t y ,
r o z p o z n a w a n y w s z d z i e i z g o d n y z e s t a n d a r d a m i s i e c i o w y m i . W n i e k t ó r y c h
p r z y p a d k a c h z a s t o s o w a n i e k l a s y C S S m o |e b y o d p o w i e d n i m r o z w i z a n i e m .
M o |n a r ó w n i e | s p r ó b o w a z a s t o s o w a w y m a g a n y a t r y b u t I D e l e m e n t o w i n a d -
r z d n e m u , a o d w o Ba s i d o |d a n e g o o b i e k t u p o p r z e z k o n t e k s t . I d e a l n y m w y j [c i e m
j e s t , g d y p r o j e k t a n c i i n t e r f e j s u i p r o g r a m i [c i k o d u w e w n t r z n e g o w s p ó Bp r a c u j
z e s o b p o d c z a s u s t a w i a n i a a t r y b u t ó w I D d l a i n t e r f e j s u u |y t k o w n i k a . W ó w c z a s
b d z i e t o n a j l e p s z y s p o s ó b w y k o r z y s t a n i a m o |l i w o [c i k o d u z a r ó w n o i n t e r f e j s u
j a k i w e w n t r z n e g o a l e t a k i e r o z w i z a n i e n i e j e s t d o s t p n e w k a |d y m p r z y p a d k u .
W a r t o z w r ó c i u w a g n a j e d e n i n t e r e s u j c y f a k t . M i a n o w i c i e , w y m i e n i o n e p r o b l e m y
m o |n a p o k o n a w k Ba d a j c d o d a t k o w y w y s i Be k o r a z p o [w i c a j c w i c e j c z a s u i u w a -
g i a s p e k t o m k o d u i n t e r f e j s u u |y t k o w n i k a .
W S K A Z Ó W K A
J e d n y m z e s p o s o b ó w p o r a d z e n i a s o b i e z f u n k c j i n t e l i g e n t n e g o g e n e r o w a n i a j e s t
u s t a w i e n i e o p c j i k o n f i g u r a c y j n e j C l i e n t T a r g e t w a r t o [c i U p l e v e l . W t e n s p o s ó b A S P . N E T
p r z e s t a n i e z a k Ba d a , |e j e d y n a p r z e g l d a r k a o f e r u j c a z a a w a n s o w a n e f u n k c j e t o M i c r o s o f t
I n t e r n e t E x p l o r e r , i z a c z n i e w y s y Ba z a a w a n s o w a n y k o d d o w s z y s t k i c h . J e d n a k t a k i e r o z w i -
z a n i e p o w o d u j e p o w s t a n i e p r o b l e m ó w z n i e k t ó r y m i f u n k c j a m i , z w Ba s z c z a d o t y c z c y m i A S P . N E T
1 . 1 i J a v a S c r i p t . B d o n e o b s Bu g i w a n e j e d y n i e p r z e z p r z e g l d a r k I E , p o n i e w a | M i c r o s o f t
w p e w n y c h m i e j s c a c h z a s t o s o w a B k o d o b s Bu g i w a n y t y l k o i w y Bc z n i e p r z e z t p r z e g l d a r k .
N a l e |y z a c h o w a s z c z e g ó l n o s t r o |n o [ i d o k Ba d n i e p r z e t e s t o w a a p l i k a c j A S P . N E T j e s z c z e
p r z e d j e j w d r o |e n i e m . C o w i c e j , w y m i e n i o n e f u n k c j e z o s t a By w p e w n y m s t o p n i u z m i e n i o n e
w A S P . N E T 2 . 0 k o l e j n y p o w ó d d o w y k o n y w a n i a w c z e s n y c h i c z s t y c h t e s t ó w .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 3 7
D U {E U S P R A W N I E N I A W A S P . N E T 2 . 0
Z a r ó w n o w A S P . N E T 2 . 0 j a k i V i s u a l S t u d i o . N E T 2 0 0 5 f i r m a M i c r o s o f t p o d j Ba d u |e w y s i Bk i ,
a b y g e n e r o w a n y k o d b y B w j e s z c z e w i k s z y m s t o p n i u z g o d n y z e s t a n d a r d a m i s i e c i o -
w y m i i z a p e w n i a B w i k s z d o s t p n o [. I n n e w p r o w a d z o n e u s p r a w n i e n i e p o l e g a
n a t y m , |e n o w a w e r s j a [r o d o w i s k a I D E p o p r z e j [c i u d o t r y b u g r a f i c z n e g o p r z e p i s u j e
( m o d y f i k u j e ) z n a c z n i e m n i e j s z i l o [ k o d u .
K o d k o n t r o l e k i f o r m u l a r z y g e n e r o w a n y a u t o m a t y c z n i e p r z e z p l a t f o r m y V i s u a l S t u d i o . N E T
i A S P . N E T j e s t p r a k t y c z n i e z g o d n y z j z y k i e m X H T M L w w e r s j i T r a n s i t i o n a l , c o j e s t
p o c h o d n [c i s Be j n a t u r y s p e c y f i k a c j i . J e d n a k p r o g r a m i s t a n a d a l m u s i w Bo |y d o d a t k o w y
w y s i Be k , a b y u n i k n g e n e r o w a n i a o s a d z o n y c h a t r y b u t ó w p r e z e n t a c y j n y c h i z w i k s z y
p o z i o m d o s t p n o [c i k o d u . W p e w n y c h s y t u a c j a c h l e p i e j u |y i n n y c h k o n t r o l e k , k t ó r e
p o z w a l a j n a w i k s z e l a s t y c z n o [ w z a k r e s i e g e n e r o w a n e g o k o d u . W y m i e n i o n e
o p c j e z o s t a By z n a c z n i e u s p r a w n i o n e w A S P . N E T 2 . 0 .
D a n e w y j [c i o w e A S P . N E T
P o d o b n i e j a k w p r z y p a d k u i n n y c h j z y k ó w , t a k |e A S P . N E T u m o |l i w i a w y [w i e t l a n i e
d a n y c h w y j [c i o w y c h p o c h o d z c y c h z b a z y d a n y c h . J e d n a k j e d y n y m s p o s o b e m
z a i m p l e m e n t o w a n y m p r z e z M i c r o s o f t j e s t w y k o r z y s t a n i e z n a c z n i k ó w d z i a Ba j c y c h
p o s t r o n i e s e r w e r a . W s z y s t k i e w y m i e n i o n e z n a c z n i k i m a j a t r y b u t y p r e z e n t a c y j n e ,
k t ó r e w d o m y [l e m i a By p o m o c p r o g r a m i [c i e w n a d z o r o w a n i u p r e z e n t a c y j n y c h
a s p e k t ó w k o d u X H T M L d a n y c h w y j [c i o w y c h . P o n i |e j p r z e d s t a w i o n o t y p o w y p r z y k Ba d
k o n t r o l e k A S P . N E T u |y w a j c y c h f u n k c j i o n a z w i e D a t a G r i d d o u t w o r z e n i a d a n y c h
w y j [c i o w y c h w p o s t a c i t a b e l i z a w i e r a j c e j e l e m e n t y p o c h o d z c e z b a z y d a n y c h .
K o d z o s t a B o s a d z o n y w p l i k u . a s p x o t o c z o n y m p o z o s t a B c z [c i d o k u m e n t u ( X ) H T M L
( z o b a c z r y s u n e k 4 . 3 ) .
< a s p : D a t a G r i d I D = " c a t a l o g " r u n a t = " s e r v e r " A u t o G e n e r a t e C o l u m n s = " f a l s e "
C e l l P a d d i n g = " 2 " W i d t h = " 6 0 0 " B o r d e r C o l o r = " b l a c k " >
< I t e m S t y l e F o n t - N a m e s = " A r i a l " F o n t - S i z e = " 1 2 p x "
F o r e C o l o r = " # 8 0 0 0 0 0 " V e r t i c a l A l i g n = " t o p " / >
< A l t e r n a t i n g I t e m S t y l e F o n t - N a m e s = " A r i a l " F o n t - S i z e = " 1 2 p x "
F o r e C o l o r = " # 4 0 0 0 0 0 " B a c k C o l o r = " # c c c c c c " / >
< H e a d e r S t y l e F o n t - B o l d = " t r u e " F o n t - N a m e s = " A r i a l " F o n t - S i z e = " 1 5 p x "
F o r e C o l o r = " w h i t e " B a c k C o l o r = " b l a c k " V e r t i c a l A l i g n = " t o p " / >
< C o l u m n s >
< a s p : B o u n d C o l u m n D a t a F i e l d = " N a m e " H e a d e r T e x t = " N a z w a " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " a b b r " H e a d e r T e x t = " N a z w a s k r ó c o n a " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " t y p e o f " H e a d e r T e x t = " R o d z a j " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " n o t e s " H e a d e r T e x t = " O p i s " / >
< / C o l u m n s >
< / a s p : D a t a G r i d >
1 3 8 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
R Y S U N E K 4 . 3 .
K o n t r o l k a D a t a G r i d
w A S P . N E T w y [w i e t l a j c a
d a n e
P o w y |s z y k o d p o w o d u j e z d e f i n i o w a n i e t a b e l i d a n y c h w y j [c i o w y c h o r a z n a p r z e m i e n n y c h
k o l o r ó w j e j w i e r s z y . A t r y b u t y o p i s u j c e w y g l d i s p o s ó b d z i a Ba n i a t a b e l i s p o p r o s t u
n i e k t ó r y m i z d o s t p n y c h o p c j i . W r z e c z y w i s t o [c i i l o [ t y c h o p c j i j e s t o g r o m n a . D a n e
zr ó d Bo w e t a b e l i s p o b i e r a n e p o p r z e z i n n w a r s t w k o d u . W y n i k a t o z s e p a r a c j i d a n y c h
o d w a r s t w y p r e z e n t a c y j n e j , k t ó r a j e s t d o s k o n a By m r o z w i z a n i e m c h o w p r z y p a d k u
A S P . N E T t y l k o t e o r i . P o n i |e j p r z e d s t a w i o n o k o d w y g e n e r o w a n y p r z e z p o w y |s z y
f r a g m e n t k o d u :
< t a b l e c e l l s p a c i n g = " 0 " c e l l p a d d i n g = " 2 " r u l e s = " a l l " b o r d e r = " 1 "
i d = " c a t a l o g " s t y l e = " b o r d e r - c o l o r : B l a c k ; w i d t h : 6 0 0 p x ; b o r d e r - c o l l a p s e :
c o l l a p s e ; " >
< t r v a l i g n = " t o p " s t y l e = " c o l o r : W h i t e ; b a c k g r o u n d - c o l o r : B l a c k ;
f o n t - f a m i l y : A r i a l ; f o n t - s i z e : 1 5 p x ; f o n t - w e i g h t : b o l d ; " >
< t d > N a z w a < / t d > < t d > N a z w a
s k r ó c o n a < / t d > < t d > R o d z a j < / t d > < t d > O p i s < / t d >
< / t r >
< t r v a l i g n = " t o p " s t y l e = " c o l o r : M a r o o n ; f o n t - f a m i l y : A r i a l ;
f o n t - s i z e : 1 2 p x ; " >
< t d > H y p e r T e x t M a r k u p L a n g u a g e < / t d > < t d > H T M L < / t d > < t d > K o d
z n a c z n i k ó w < / t d >
< t d > U y w a n y d o t w o r z e n i a d o k u m e n t ó w . C h a r a k t e r y z u j e s i l u n
s k a d n i . < / t d >
< / t r >
< t r v a l i g n = " t o p " s t y l e = " c o l o r : # 4 0 0 0 0 0 ; b a c k g r o u n d c o l o r : #
C C C C C C ; f o n t - f a m i l y : A r i a l ; f o n t - s i z e : 1 2 p x ; " >
< t d > e X t e n s i b l e H y p e r T e x t M a r k u p L a n g u a g e < / t d > < t d > X H T M L < / t d >
< t d > K o d z n a c z n i k ó w < / t d > < t d > T o H T M L w r a z z e s k a d n i X M L , a t a k e
c i s y m i r e g u a m i s t o s o w a n y m i w X M L . < / t d >
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 3 9
< / t r >
< t r v a l i g n = " t o p " s t y l e = " c o l o r : M a r o o n ; f o n t - f a m i l y : A r i a l ;
f o n t - s i z e : 1 2 p x ; " >
< t d > K a s k a d o w e a r k u s z e s t y l ó w < / t d > < t d > C S S < / t d > < t d > W a r s t w a
p r e z e n t a c y j n a < / t d >
< t d > W a r s t w a p r e z e n t a c y j n a w i t r y n y . A r k u s z e s t y l ó w s o d d z i e l n y m i
d o k u m e n t a m i i z a w i e r a j i n f o r m a c j e d e f i n i u j c e w y g l d
i d z i a a n i e w i t r y n y i n t e r n e t o w e j . < / t d >
< / t r >
< t r v a l i g n = " t o p " s t y l e = " c o l o r : # 4 0 0 0 0 0 ; b a c k g r o u n d c o l o r : #
C C C C C C ; f o n t - f a m i l y : A r i a l ; f o n t - s i z e : 1 2 p x ; " >
< t d > J a v a S c r i p t < / t d > < t d > J S < / t d > < t d > O b s u g a z d a r z e , i n t e r a k c j a ,
z d a r z e n i a < / t d >
< t d > C z a s a m i n a z y w a n a w a r s t w o b s u g i z d a r z e , n a d z o r u j e
i n t e r a k c j z u y t k o w n i k i e m , z d a r z e n i a o r a z s p o s ó b z a c h o w a n i a
s t r o n i n t e r n e t o w y c h . < / t d >
< / t r >
< / t a b l e >
P r z e d s t a w i o n a t a b e l a j e s t d o [ p r o s t a , z a w i e r a n a p r z e m i e n n e k o l o r y w i e r s z y , u s t a -
w i e n i a r o d z i n y c z c i o n e k o r a z e l e g a n c k o s t o s u j e a r k u s z e s t y l ó w C S S z a m i a s t z n a c z n i k ó w
< f o n t > . J e d n a k p o w y |s z y f r a g m e n t k o d u p o k a z u j e p r z y k Ba d r o d z a j u k o d u , k t ó r y j e s t
p o w s z e c h n i e u |y w a n y d o d e m o n s t r a c j i k o n t r o l k i D a t a G r i d . A r k u s z e s t y l ó w C S S s
o s a d z o n e w k o d z i e i w i e l o k r o t n i e p o w t a r z a n e , c o w y n i k a z e s t o s o w a n i a p r z e z A S P . N E T
a t r y b u t ó w t a k i c h j a k F o r e C o l o r , B a c k C o l o r i i n n y c h . P o n a d t o p i e r w s z y w i e r s z t a b e l i ,
k t ó r y z z a Bo |e n i a m a b y n a g Bó w k i e m , t o p o p r o s t u e l e m e n t < t d > w r a z z p o g r u b i o n
c z c i o n k .
Z a p r e z e n t o w a n y k o d t o p o w ó d d o w s t y d u , p o n i e w a | w r z e c z y w i s t o [c i A S P . N E T p o s i a d a
f u n k c j e p o z w a l a j c e n a p r z y p i s y w a n i e k l a s C S S d l a w i k s z o [c i w a r t o [c i . P o n a d t o
w A S P . N E T 2 . 0 j e s t o b s Bu g i w a n y z n a c z n i k < t h > s Bu |c y d o g e n e r o w a n i a n a g Bó w k a
w t a b e l i . A t r y b u t C s s C l a s s w y s t p u j e w w i k s z o [c i z n a c z n i k ó w , a t a k |e i s t n i e j i n n e ,
k t ó r e p o z w a l a j n a p r z y p i s y w a n i e k l a s z n a c z n i k o m w w i e l u s y t u a c j a c h . W a r t o z w r ó c i
u w a g n a u |y c i e w p o n i |s z y m k o d z i e a t r y b u t u U s e A c c e s s i b l e H e a d e r k o n t r o l k i
D a t a G r i d . yl e s i s t a Bo , |e p r o g r a m i [c i m u s z s t o s o w a w e w n t r z k o d u w Ba s n e s p o s o b y
n a z w i k s z e n i e p o z i o m u j e g o d o s t p n o [c i , a l e t a k a j e s t n a t u r a b e s t i i i n a s z c z [c i e
o d p o w i e d n i e f u n k c j e s d o s t p n e w A S P . N E T 2 . 0 .
W z a p r e z e n t o w a n y m p o n i |e j f r a g m e n c i e k o d u d o k o n a n o d r o b n y c h m o d y f i k a c j i k o d u
A S P . N E T , k t ó r e p o z w o l i By n a z w i k s z e n i e j a k o [c i g e n e r o w a n y c h d a n y c h w y j [c i o w y c h :
< a s p : D a t a G r i d I D = " c a t a l o g " r u n a t = " s e r v e r " A u t o G e n e r a t e C o l u m n s = " f a l s e "
C s s C l a s s = " g r i d - c l a s s " U s e A c c e s s i b l e H e a d e r = " t r u e " >
< I t e m S t y l e C s s C l a s s = " i t e m " / >
< A l t e r n a t i n g I t e m S t y l e C s s C l a s s = " i t e m - a l t " / >
1 4 0 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
< H e a d e r S t y l e C s s C l a s s = " i t e m - h e a d e r " / >
< C o l u m n s >
< a s p : B o u n d C o l u m n D a t a F i e l d = " N a m e " H e a d e r T e x t = " N a z w a " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " a b b r " H e a d e r T e x t = " N a z w a s k r ó c o n a " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " t y p e o f " H e a d e r T e x t = " R o d z a j " / >
< a s p : B o u n d C o l u m n D a t a F i e l d = " n o t e s " H e a d e r T e x t = " O p i s " / >
< / C o l u m n s >
< / a s p : D a t a G r i d >
D o p o w y |s z e g o f r a g m e n t u k o d u m o |n a d o Bc z y a r k u s z s t y l ó w C S S , n a p r z y k Ba d t a k i :
. g r i d - c l a s s {
b o r d e r : 1 p x s o l i d b l a c k ;
w i d t h : 6 0 0 p x ;
b o r d e r - c o l l a p s e : c o l l a p s e ;
}
. g r i d - c l a s s t d {
v e r t i c a l - a l i g n : t o p ;
p a d d i n g : 2 p x ;
b o r d e r : 1 p x s o l i d b l a c k ;
}
. i t e m {
f o n t : 1 2 p x a r i a l , s a n s - s e r i f ;
c o l o r : # 8 0 0 ;
}
t h {
f o n t : b o l d 1 5 p x a r i a l , s a n s - s e r i f ;
b a c k g r o u n d - c o l o r : b l a c k ;
c o l o r : w h i t e ;
v e r t i c a l - a l i g n : t o p ;
t e x t - a l i g n : l e f t ;
p a d d i n g : 2 p x ;
}
. i t e m - a l t {
f o n t : n o r m a l 1 2 p x a r i a l , s a n s - s e r i f ;
b a c k g r o u n d - c o l o r : # c c c ;
}
W t a k i m p r z y p a d k u w y g e n e r o w a n a t a b e l a H T M L b d z i e s a m a j a k p o p r z e d n i a ( z o b a c z
r y s u n e k 4 . 4 ) . J e d n a k u |y t y d o j e j u t w o r z e n i a k o d j e s t l e p s z y i b a r d z i e j z g o d n y z e
s t a n d a r d a m i s i e c i o w y m i . D a n e w y j [c i o w e X H T M L z o s t a By p r z e d s t a w i o n e p o n i |e j :
< t a b l e c l a s s = " g r i d - c l a s s " c e l l s p a c i n g = " 0 " r u l e s = " a l l " b o r d e r = " 1 "
i d = " c a t a l o g " s t y l e = " b o r d e r - c o l l a p s e : c o l l a p s e ; " >
< t r c l a s s = " i t e m - h e a d e r " >
< t h s c o p e = " c o l " > N a z w a < / t h > < t h s c o p e = " c o l " > N a z w a s k r ó c o n a < / t h >
< t h s c o p e = " c o l " > R o d z a j < / t h > < t h s c o p e = " c o l " > O p i s < / t h >
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 4 1
R Y S U N E K 4 . 4 .
T a s a m a k o n t r o l k a
D a t a G r i d w A S P . N E T ,
a l e p o z a s t o s o w a n i u
u s p r a w n i e D z w i k s z a j c y c h
j e j z g o d n o [ z e s t a n d a r d a m i
s i e c i o w y m i
< / t r >
< t r c l a s s = " i t e m " >
< t d > H y p e r T e x t M a r k u p L a n g u a g e < / t d > < t d > H T M L < / t d > < t d >
K o d z n a c z n i k ó w < / t d >
< t d > U y w a n y d o t w o r z e n i a d o k u m e n t ó w . C h a r a k t e r y z u j e s i l u n
s k a d n i . < / t d >
< / t r >
< t r c l a s s = " i t e m - a l t " >
< t d > e X t e n s i b l e H y p e r T e x t M a r k u p L a n g u a g e < / t d > < t d > X H T M L < / t d >
< t d > K o d z n a c z n i k ó w < / t d > < t d > T o H T M L w r a z z e s k a d n i X M L , a t a k e
c i s y m i r e g u a m i s t o s o w a n y m i w X M L . < / t d >
< / t r >
< t r c l a s s = " i t e m " >
< t d > K a s k a d o w e a r k u s z e s t y l ó w < / t d > < t d > C S S < / t d > < t d > W a r s t w a
p r e z e n t a c y j n a < / t d >
< t d > W a r s t w a p r e z e n t a c y j n a w i t r y n y . A r k u s z e s t y l ó w s o d d z i e l n y m i
d o k u m e n t a m i i z a w i e r a j i n f o r m a c j e d e f i n i u j c e w y g l d
i d z i a a n i e w i t r y n y i n t e r n e t o w e j . < / t d >
< / t r >
< t r c l a s s = " i t e m - a l t " >
< t d > J a v a S c r i p t < / t d > < t d > J S < / t d > < t d > O b s u g a z d a r z e , i n t e r a k c j a ,
z d a r z e n i a < / t d >
< t d > C z a s a m i n a z y w a n a w a r s t w o b s u g i z d a r z e , n a d z o r u j e
i n t e r a k c j z u y t k o w n i k i e m , z d a r z e n i a o r a z s p o s ó b z a c h o w a n i a
s t r o n i n t e r n e t o w y c h . < / t d >
< / t r >
< / t a b l e >
1 4 2 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
W a r t o z w r ó c i u w a g , |e n o w y k o d z a w i e r a z n a c z n i k < t h > ( k o m p l e t n y w r a z z a t r y b u t e m
s c o p e ) k l a s y C S S d l a w i k s z o [c i e l e m e n t ó w , Bc z n i e z o b s Bu g n a p r z e m i e n n e g o k o l o r u
w i e r s z y , o r a z n i e m a ( w w i k s z o [c i ) o s a d z o n y c h a t r y b u t ó w p r e z e n t a c y j n y c h . M i m o
|e p o w y |s z y k o d n a p e w n o n i e j e s t d o s k o n a By , t o j e d n a k s t a n o w i d u |e u s p r a w n i e n i e ,
a p o p r a w i e n i e d a n y c h w y j [c i o w y c h w y m a g a Bo d r o b n y c h k o r e k t t e c h n i c z n y c h . T e n
r o d z a j m o d y f i k a c j i w y m a g a p r a c y z e s t r o n y p r o g r a m i s t ó w i n t e r f e j s u , k t ó r z y b d
z n a l i t e c h n i k i p r a c y z k o d e m w e w n t r z n y m . A l b o p r o g r a m i s t ó w k o d u w e w n t r z n e g o ,
k t ó r z y w i e d z , j a k p r o g r a m o w a i n t e r f e j s .
Z n a c z n i k i A S P . N E T g e n e r u j c e d a n e w y j [c i o w e n a p o d s t a w i e d a n y c h p o c h o d z c y c h
z b a z y d a n y c h p o s i a d a j z n a c z n i e w i c e j o p c j i . W n i e k t ó r y c h s y t u a c j a c h z a s t o s o w a n i e
i n n e g o z n a c z n i k a m o |e b y z n a c z n i e l e p s z y m r o z w i z a n i e m , p o n i e w a | z a p e w n i o n
w i k s z y p o z i o m k o n t r o l i n a d g e n e r o w a n y m k o d e m U I . P r z y k Ba d o w o : k o n t r o l k a R e p e a t e r
s t a n o w i d o s k o n a By w y b ó r p o d c z a s t w o r z e n i a p r o s t y c h d a n y c h w y j [c i o w y c h , g d y |
d e f i n i u j e o n a p t l d a n y c h w y j [c i o w y c h i u |y w a m a By c h s z a b l o n ó w k o d u , w k t ó r y c h
p r o g r a m i s t a m o |e o k r e [l i t o , c o p o w i n n o b y w y [w i e t l o n e :
< a s p : R e p e a t e r i d = " c a t a l o g " r u n a t = " s e r v e r " >
< H e a d e r T e m p l a t e >
< t a b l e c l a s s = " g r i d - c l a s s " >
< t r >
< t h > N a z w a < / t h >
< t h > N a z w a s k r ó c o n a < / t h >
< t h > R o d z a j < / t h >
< t h > O p i s < / t h >
< / t r >
< / H e a d e r T e m p l a t e >
< I t e m T e m p l a t e >
< t r c l a s s = " i t e m " >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " n a m e " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " a b b r " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " t y p e o f " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " n o t e s " ) % > < / t d >
< / t r >
< / I t e m T e m p l a t e >
< A l t e r n a t i n g I t e m T e m p l a t e >
< t r c l a s s = " i t e m - a l t " >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " n a m e " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " a b b r " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " t y p e o f " ) % > < / t d >
< t d > < % # C o n t a i n e r . D a t a I t e m ( " n o t e s " ) % > < / t d >
< / t r >
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 4 3
< / A l t e r n a t i n g I t e m T e m p l a t e >
< F o o t e r T e m p l a t e >
< / t a b l e >
< / F o o t e r T e m p l a t e >
< / a s p : R e p e a t e r >
P r z e d s t a w i o n y p o w y |e j k o d g e n e r u j e t a b e l H T M L , k t ó r a j e s t p o Bc z o n a z p r z e d s t a -
w i o n y m w c z e [n i e j a r k u s z e m s t y l ó w C S S . P o w s t a By k o d j e s t c z y s t y i p o z b a w i o n y w s z e l k i c h
n i e p o t r z e b n y c h a t r y b u t ó w p r e z e n t a c y j n y c h . C h o c i a | k o n t r o l k a R e p e a t e r w y m a g a
u |y c i a n i e c o w i k s z e j i l o [c i k o d u , t o j e d n a k d a j e p r o g r a m i [c i e w i k s z k o n t r o l
n a d s p o s o b e m g e n e r o w a n i a d a n y c h w y j [c i o w y c h ( z o b a c z r y s u n e k 4 . 5 ) :
< t a b l e c l a s s = " g r i d - c l a s s " >
< t r >
< t h > N a z w a < / t h >
< t h > N a z w a s k r ó c o n a < / t h >
< t h > R o d z a j < / t h >
< t h > O p i s < / t h >
< / t r >
< t r c l a s s = " i t e m " >
< t d > H y p e r T e x t M a r k u p L a n g u a g e < / t d >
< t d > H T M L < / t d >
< t d > K o d z n a c z n i k ó w < / t d >
< t d > U y w a n y d o t w o r z e n i a d o k u m e n t ó w . C h a r a k t e r y z u j e s i l u n
s k a d n i . < / t d >
< / t r >
< t r c l a s s = " i t e m - a l t " >
< t d > e X t e n s i b l e H y p e r T e x t M a r k u p L a n g u a g e < / t d >
< t d > X H T M L < / t d >
< t d > K o d z n a c z n i k ó w < / t d >
< t d > T o H T M L w r a z z e s k a d n i X M L , a t a k e c i s y m i r e g u a m i
s t o s o w a n y m i w X M L . < / t d >
< / t r >
< t r c l a s s = " i t e m " >
< t d > K a s k a d o w e a r k u s z e s t y l ó w < / t d >
< t d > C S S < / t d >
< t d > W a r s t w a p r e z e n t a c y j n a < / t d >
< t d > W a r s t w a p r e z e n t a c y j n a w i t r y n y . A r k u s z e s t y l ó w s o d d z i e l n y m i
d o k u m e n t a m i i z a w i e r a j i n f o r m a c j e d e f i n i u j c e w y g l d
i d z i a a n i e w i t r y n y i n t e r n e t o w e j . < / t d >
< / t r >
< t r c l a s s = " i t e m - a l t " >
< t d > J a v a S c r i p t < / t d >
< t d > J S < / t d >
< t d > O b s u g a z d a r z e , i n t e r a k c j a , z d a r z e n i a < / t d >
1 4 4 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
R Y S U N E K 4 . 5 .
U |y c i e k o n t r o l k i
R e p e a t e r A S P . N E T w c e l u
w y g e n e r o w a n i a t e j s a m e j
t a b e l i , a l e z c z y s t s z y m
k o d e m , p r z y z a c h o w a n i u
t a k i e g o s a m e g o w y g l d u
< t d > C z a s a m i n a z y w a n a w a r s t w o b s u g i z d a r z e , n a d z o r u j e i n t e r a k c j
z u y t k o w n i k i e m , z d a r z e n i a o r a z s p o s ó b z a c h o w a n i a s t r o n
i n t e r n e t o w y c h . < / t d >
< / t r >
< / t a b l e >
T o j e s t p r z y k Ba d c z y s t e g o k o d u H T M L w y g e n e r o w a n e g o p r z e z l o g i k A S P . N E T d z i a Ba j c
p o s t r o n i e s e r w e r a . C z y t e l n i k p r z e k o n a B s i w i c , |e r o z s d n e u |y w a n i e f u n k c j i a p l i k a c j i
m o |e z a p e w n i s p o r y p o z i o m k o n t r o l i n a d s p o s o b e m g e n e r o w a n i a d a n y c h w y j [c i o w y c h .
P r z y g l d a j c s i k o d o w i b a z u j c e m u n a z n a c z n i k a c h s t a j e s i o c z y w i s t e , |e f i r m a
M i c r o s o f t p r z e n i o s Ba l o g i k a p l i k a c j i d o i n n y c h p l i k ó w , a u |y w a n i e p l i k ó w i n t e r f e j s u
. a s p x z k o d e m z n a c z n i k ó w n i e j e s t z B k o n c e p c j . N i e k t ó r e z e s p o By t w o r z c e i n t e r f e j s y
b d m o g By o p e r o w a i m o d y f i k o w a k o d z n a j d u j c y s i w p l i k a c h . a s p x b e z
k o n i e c z n o [c i p o z n a w a n i a t a j n i k ó w j z y k ó w C # l u b V i s u a l B a s i c . N E T .
K o n t r o l k i H T M L A S P . N E T , k o n t r o l k i W e b C o n t r o l i i n n e
I s t n i e j t a k |e i n n e o b s z a r y , n a k t ó r y c h p l a t f o r m a A S P . N E T p o w s z e c h n i e g e n e r u j e k o d
d l a p r o g r a m i s t ó w . Z a m i a s t u |y w a p r o s t y c h z n a c z n i k ó w H T M L , p l a t f o r m a A S P . N E T
z a w i e r a f u n k c j e p o z w a l a j c e n a w y g e n e r o w a n i e z n a c z n i k ó w H T M L . P o n a d t o z a p e w n i a
r ó w n i e | d o s t p d o d o k u m e n t u p o s t r o n i e s e r w e r a n a s p o s ó b p o d o b n y d o s t o s o w a n e g o
w m o d e l u D O M , c h o z u |y c i e m w Ba s n e j s k Ba d n i . W a r t o p r z e a n a l i z o w a p r z e d s t a w i o n y
p o n i |e j k o d o r a z r y s u n e k 4 . 6 :
< s c r i p t r u n a t = " s e r v e r " >
v o i d C l i c k e r ( O b j e c t s e n d e r , E v e n t A r g s e )
{
R e s p o n s e . R e d i r e c t ( " h t t p : / / w w w . c h e r n y . c o m " ) ;
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 4 5
R Y S U N E K 4 . 6 .
R ó |n e k o n t r o l k i s e r w e r o w e
p l a t f o r m y A S P . N E T m a j
m o |l i w o [ d y n a m i c z n e g o
g e n e r o w a n i a d a n y c h
w y j [c i o w y c h
}
v o i d P a g e _ L o a d ( )
{
i f ( ! I s P o s t B a c k )
{
/ / K o n t r o l k i W e b C o n t r o l .
m y L i n k . T e x t = " P r o W e b B o o k D o t C o m " ;
m y L i n k . N a v i g a t e U r l = " h t t p : / / w w w . p r o w e b b o o k . c o m " ;
m y L i n k . C s s C l a s s = " w e b C o n t r o l " ;
/ / K o n t r o l k i t w o r z c e c z e H T M L .
m y O t h e r L i n k . I n n e r T e x t = " N a v i g a t i o n A r t s " ;
m y O t h e r L i n k . H R e f = " h t t p : / / w w w . n a v i g a t i o n a r t s . c o m " ;
m y O t h e r L i n k . A t t r i b u t e s . A d d ( " c l a s s " , " h t m l C o n t r o l " ) ;
/ / K o n t r o l k a t w o r z c a e t y k i e t .
m y L a b e l . T e x t = " H e j , s p ó j r z ! T e n e l e m e n t j e s t b e z z n a c z e n i a ! " ;
/ / K o n t r o l k a t w o r z c a d o s o w n y t e k s t .
m y L i t e r a l . T e x t = " ( N i e p r a w i d o w e c z e ! ) " ;
/ / K o n t r o l k a t w o r z c a p i e r w s z y a k a p i t H T M L .
m y P a r a . I n n e r H t m l = " c z e P r o W e b B o o k " +
" < s t r o n g > r z d z i ! < / s t r o n g > " ;
/ / K o n t r o l k a t w o r z c a d r u g i a k a p i t H T M L .
m y P a r a 2 . V i s i b l e = f a l s e ;
}
1 4 6 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
}
< / s c r i p t >
< f o r m i d = " f o r m 1 " r u n a t = " s e r v e r " >
< u l >
< l i > < a s p : H y p e r L i n k r u n a t = " s e r v e r " i d = " m y L i n k " / > < / l i >
< l i > < a r u n a t = " s e r v e r " i d = " m y O t h e r L i n k " / > < / l i >
< l i > < a s p : L i n k B u t t o n T e x t = " K l i k n i j c z e "
O n C l i c k = " C l i c k e r " r u n a t = " s e r v e r " / > < / l i >
< / u l >
< p > < a s p : L a b e l i d = " m y L a b e l " r u n a t = " s e r v e r " / > < / p >
< p i d = " m y P a r a " r u n a t = " s e r v e r " / >
< p i d = " m y P a r a 2 " r u n a t = " s e r v e r " > T e n e l e m e n t b d z i e u k r y t y . < / p >
< / f o r m >
P o w y |s z y k o d z a w i e r a w i e l e e l e m e n t ó w , n a k t ó r e w a r t o z w r ó c i u w a g , p r e z e n t u j -
c y c h r ó |n e p u n k t y w i d z e n i a :
C a Bo [ k o d u A S P . N E T m u s i b y u m i e s z c z o n a w r a m a c h e l e m e n t u < f o r m > w r a z
z a t r y b u t e m r u n a t = " s e r v e r " , c o u m o |l i w i u |y c i e k o n t r o l k i < a s p : L i n k B u t t o n / > .
O i l e b d z i e t a k a m o |l i w o [, t o n a l e |y u n i k a s t o s o w a n i a w y m i e n i o n e j k o n t r o l k i .
W y j a [n i e n i e z o s t a n i e p r z e d s t a w i o n e w k r ó t c e p o d c z a s o m a w i a n i a w y n i k o w e g o
k o d u X H T M L .
W a r t o z w r ó c i u w a g , |e w n i e u p o r z d k o w a n e j l i [c i e f o r m u l a r z a p i e r w s z y m
z n a c z n i k i e m s e r w e r o w y m A S P . N E T j e s t k o n t r o l k a < a s p : H y p e r L i n k / > . T o k o n t r o l k a
s e r w e r o w a W e b C o n t r o l , k t ó r a g e n e r u j e Bc z e H T M L o r a z z a p e w n i a p r o g r a m o w y
d o s t p d o w s z y s t k i c h a t r y b u t ó w i t e k s t u z n a c z n i k a , j a k t o z a p r e z e n t o w a n o w b l o k u
< s c r i p t > z n a j d u j c y m s i n a d o d w o Ba n i e m d o m y L i n k .
W a r t o t a k |e z a u w a |y , |e d r u g i e Bc z e n i e p o s i a d a a t r y b u t u h r e f i r ó w n i e | j e s t
p r o g r a m o w o k o n t r o l o w a n e z p o z i o m u z n a j d u j c e g o s i w c z e [n i e j b l o k u < s c r i p t > .
T a k o n t r o l k a H T M L d z i a Ba p o s t r o n i e s e r w e r a ( w s k a z u j e t o a t r y b u t r u n a t = " s e r v e r " ) ,
k t ó r y z a p e w n i a p r o g r a m o w y d o s t p d o a t r y b u t ó w e l e m e n t u . W t e n s p o s ó b
p r o g r a m i s t a m a w i k s z k o n t r o l n a d d a n y m i w y j [c i o w y m i , a l e m n i e j s z n a d
f u n k c j a m i s e r w e r o w y m i .
D o d a n i e a t r y b u t u I D d o k o d u r u n a t = " s e r v e r " p o w o d u j e , p o d o b n i e j a k w p r z y p a d k u
d o w o l n e g o z n a c z n i k a H T M L , u z y s k a n i e d o s t p u d o j e g o z n a c z n i k ó w . T a k i e r o z w i z a n i e
d a j e o l b r z y m i e m o |l i w o [c i , p o n i e w a | p r o g r a m i s t a m o |e k o n t r o l o w a w y [w i e t l a n i e ,
t r e [ o r a z a t r y b u t y z a p o m o c j e d y n i e k i l k u w i e r s z y k o d u u m i e s z c z o n e g o w w a r s t w i e
p r o g r a m o w e j a p l i k a c j i .
O b i e k o n t r o l k i t w o r z e n i a Bc z y w i r t u a l n i e w y k o n u j t e s a m e z a d a n i a , n a t o m i a s t k o n t r o l k i
W e b C o n t r o l d o s t a r c z a j d o d a t k o w y c h f u n k c j i w s t o s u n k u d o z w y k By c h k o n t r o l e k H T M L .
P o n a d t o k o n t r o l k i r o d z a j u W e b C o n t r o l s w m n i e j s z y m s t o p n i u p r z e w i d y w a l n e
i z a w i e r a j a t r y b u t y p r e z e n t a c y j n e , k t ó r e p r o g r a m i [c i c z s t o w y k o r z y s t u j w c e l u
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 4 7
s z y b k i e g o w p r o w a d z e n i a d r o b n y c h z m i a n . P o d c z a s u |y w a n i a k o n t r o l e k W e b C o n t r o l ,
p r o g r a m i [c i p o w i n n i o g r a n i c z y s i d o s t o s o w a n i a a t r y b u t ó w C s s C l a s s i u n i k a
u |y w a n i a a t r y b u t ó w p r e z e n t a c y j n y c h . A b y o s i g n w i k s z y p o z i o m p r z e w i d y w a l n o [c i
w y g e n e r o w a n y c h d a n y c h w y j [c i o w y c h , w a r t o s t o s o w a k o n t r o l k i H T M L , n a t o m i a s t
k o n t r o l k i W e b C o n t r o l t y l k o w o k r e [l o n y c h p r z y p a d k a c h , g d y j e s t t o n i e z b d n e .
W a r t o s z c z e g ó l n i e d o k Ba d n i e p r z y j r z e s i k o Dc ó w c e d o k u m e n t u :
< p > < a s p : L a b e l i d = " m y L a b e l " r u n a t = " s e r v e r " / > < / p >
< p i d = " m y P a r a " r u n a t = " s e r v e r " / >
< p i d = " m y P a r a 2 " r u n a t = " s e r v e r " > T e n e l e m e n t b d z i e u k r y t y . < / p >
W s z y s t k i e k o n t r o l k i s w y k o n y w a n e p o s t r o n i e s e r w e r a .
B l o k < s c r i p t > j e s t k o d e m d z i a Ba j c y m p o s t r o n i e s e r w e r a , k t ó r y n i e j e s t w y s y Ba n y
d o p r z e g l d a r k i i n t e r n e t o w e j u |y t k o w n i k a i n a j c z [c i e j z n a j d u j e s i w o d d z i e l n y m
p l i k u . Z a d a n i e m t e g o k o d u j e s t p r o g r a m o w e w y g e n e r o w a n i e p r z e d s t a w i o n e g o p o n i |e j
k o d u X H T M L ( o p r ó c z i n n e g o k o d u . N E T , k t ó r y w t e j c h w i l i n i e m a z n a c z e n i a p o d c z a s
t y c h r o z w a |a D) :
< s c r i p t t y p e = " t e x t / j a v a s c r i p t " >
< ! - -
v a r t h e F o r m = d o c u m e n t . f o r m s [ ' f o r m 1 ' ] ;
i f ( ! t h e F o r m ) {
t h e F o r m = d o c u m e n t . f o r m 1 ;
}
f u n c t i o n _ _ d o P o s t B a c k ( e v e n t T a r g e t , e v e n t A r g u m e n t ) {
i f ( ! t h e F o r m . o n s u b m i t | | ( t h e F o r m . o n s u b m i t ( ) ! = f a l s e ) ) {
t h e F o r m . _ _ E V E N T T A R G E T . v a l u e = e v e n t T a r g e t ;
t h e F o r m . _ _ E V E N T A R G U M E N T . v a l u e = e v e n t A r g u m e n t ;
t h e F o r m . s u b m i t ( ) ;
}
}
/ / - - >
< / s c r i p t >
< u l >
< l i > < a i d = " m y L i n k " c l a s s = " w e b C o n t r o l " h r e f = " h t t p : / / w w w . p r o w e b b o o k .
c o m " > P r o W e b B o o k D o t C o m < / a > < / l i >
< l i > < a h r e f = " h t t p : / / w w w . n a v i g a t i o n a r t s . c o m " i d = " m y O t h e r L i n k "
c l a s s = " h t m l C o n t r o l " > N a v i g a t i o n A r t s < / a > < / l i >
< l i > < a h r e f = " j a v a s c r i p t : _ _ d o P o s t B a c k ( c t l 0 0 , ) " > K l i k n i j
c z e < / a > < / l i >
< / u l >
< p > < s p a n i d = " m y L a b e l " > H e j s p ó j r z ! T e n e l e m e n t j e s t b e z z n a c z e n i a !
< / s p a n > < / p >
< p i d = " m y P a r a " > c z e P r o W e b B o o k < s t r o n g > r z d z i ! < / s t r o n g > < / p >
1 4 8 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
L E K T U R A O B O W I Z K O W A P O D C Z A S S T O S O W A N I A
S T A N D A R D Ó W S I E C I O W Y C H W A S P . N E T
P o d c z a s t w o r z e n i a k o d u A S P . N E T b a r d z o Ba t w o z b l i |y s i d o p o z i o m u p r o f e s j o n a l n y c h
s t a n d a r d ó w s i e c i o w y c h . T o j e s t p o p r o s t u w i c z e n i e w p o d e j m o w a n i u u z a s a d n i o n y c h
i r o z s d n y c h d e c y z j i d o t y c z c y c h s t y l u p r o g r a m o w a n i a .
N a w i t r y n i e M S D N ( a n g . M i c r o s o f t D e v e l o p e r s N e t w o r k ) f i r m a M i c r o s o f t z a m i e [c i Ba a r t y k u B,
k t ó r e g o c e l e m j e s t p o m o c p r o g r a m i s t o m w u |y w a n i u s t a n d a r d ó w s i e c i o w y c h o r a z
f u n k c j i z w i z a n y c h z d o s t p n o [c i p o d c z a s p r a c y w p l a t f o r m i e A S P . N E T . T e n a r t y k u B
p o w i n i e n s t a s i l e k t u r o b o w i z k o w d l a w s z y s t k i c h p r o g r a m i s t ó w A S P . N E T . N i e s t e t y ,
j e s t o n g Bb o k o z a s z y t y n a w i t r y n i e , a o m a w i a n e t e c h n i k i n i e z o s t a By p r z e d s t a w i o n e
w w i k s z o [c i p r z y k Ba d ó w A S P . N E T u m i e s z c z o n y c h w I n t e r n e c i e . W y m i e n i o n y a r t y k u B
z n a j d u j e s i n a s t r o n i e :
h t t p : / / m s d n 2 . m i c r o s o f t . c o m / e n - u s / l i b r a r y / a a 4 7 9 0 4 3 . a s p x
W r e s z c i e , f i r m a M i c r o s o f t w y p u [c i Ba n a r y n e k k o d t y p u o p e n s o u r c e o p r a c o w a n y n a
b a z i e m o |l i w o [c i r o z b u d o w y A S P . N E T , k t ó r y p o z w a l a p r o g r a m i s t o m n a z m i a n d a n y c h
w y j [c i o w y c h X H T M L z p o z i o m u w i e l u z n a c z n i k ó w A S P . N E T w b u d o w a n y c h w p l a t f o r m
A S P . N E T . W y m i e n i o n y k o d n o s i n a z w A S P . N E T 2 . 0 C S S F r i e n d l y C o n t r o l A d a p t e r s
i j e s t d o s t p n y n a s t r o n i e :
h t t p : / / w w w . a s p . n e t / c s s a d a p t e r s /
P r z y o d r o b i n i e d o d a t k o w e g o w y s i Bk u , w y g e n e r o w a n y p r z e z A S P . N E T k o d d z i a Ba j c y
p o s t r o n i e s e r w e r a m o |e b a r d z o z b l i |y s i d o p o p r a w n e g o ( z g o d n e g o z e s t a n d a r d a m i )
k o d u z a p e w n i a j c e d u |y p o z i o m d o s t p n o [c i .
D o d a t k o w e s p o s t r z e |e n i a d o t y c z c e w y g e n e r o w a n y c h d a n y c h w y j [c i o w y c h s n a -
s t p u j c e :
W a r t o z w r ó c i u w a g , |e w A S P . N E T i s t n i e j e k i l k a s p o s o b ó w w y g e n e r o w a n i a
p r o s t e g o Bc z a . P i e r w s z e d w a z o s t a By p r z e d s t a w i o n e w c z e [n i e j o p i e r a j s i
o k o n t r o l k i s e r w e r o w e i H T M L . K o l e j n y t o w y k o r z y s t a n i e j e s z c z e i n n e j k o n t r o l k i
o n a z w i e < a s p : L i n k B u t t o n / > .
K o d g e n e r u j c y t r z e c i e Bc z e w y r a zn i e p o k a z u j e , d l a c z e g o w w i k s z o [c i p r z y p a d k ó w
n a j l e p s z y m r o z w i z a n i e m j e s t u n i k n i c i e s t o s o w a n i a k o n t r o l k i < a s p : L i n k B u t t o n / > .
T a k o n t r o l k a t w o r z y a t r y b u t h r e f z a p o m o c Bc z a J a v a S c r i p t , c o Ba m i e w s z y s t k i e
z a s a d y o p i s a n e w n i n i e j s z e j k s i |c e .
Z a s t o s o w a n a w p i e r w s z y m a k a p i c i e k o n t r o l k a < a s p : L a b e l / > z u p e Bn i e b e z p o w o d u
g e n e r u j e z n a c z n i k < s p a n > . K o n t r o l k a L a b e l j e s t u z n a w a n a z a p o |y t e c z n , p o n i e w a |
p r o g r a m i s t a m o |e p r z y p i s a j e j p e w n e a s p e k t y p r e z e n t a c y j n e . Z a m i a s t n i e j m o |l i w e
j e s t j e d n a k u |y c i e k o n t r o l k i < a s p : L i t e r a l / > , k t ó r a p o p r o s t u g e n e r u j e u r o c z y k o -
m u n i k a t : ( N i e p r a w i d Bo w e Bc z e ) . B a r d z o c z s t o m o |n a s p o t k a s i z e s t w i e r d z e n i e m ,
|e u |y w a n i e t e j k o n t r o l k i m a j e d n d u | w a d , k t ó r j e s t b r a k a s p e k t ó w p r e z e n t a -
c y j n y c h . T o j e s t j e d n a k p o w ó d , d l a k t ó r e g o j e j u |y w a n i e j e s t d o s k o n a By m p o m y s Be m .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 4 9
Z a p o m o c a t r y b u t u I D ( t u t a j o w a r t o [c i m y P a r a ) p r o g r a m i s t a m o |e r ó w n i e |
k o n t r o l o w a t e k s t z n a c z n i k ó w k o n t r o l e k H T M L a k a p i t u , j a k t o z a d e m o n s t r o w a n o
n a p o w y |s z y m f r a g m e n c i e k o d u .
W a r t o z w r ó c i u w a g , |e p r o g r a m i s t a m o |e t a k |e w y [w i e t l a l u b u k r y w a k o n t r o l k i
H T M L . O s t a t n i a k a p i t w k o d z i e d z i a Ba j c y m p o s t r o n i e s e r w e r a z o s t a B u s t a w i o n y
j a k o v i s i b l e = f a l s e , a w i c n i e z o s t a B w y s Ba n y d o p r z e g l d a r k i i n t e r n e t o w e j
u |y t k o w n i k a .
K o n t r o l k i H T M L o f e r u j k o d o w i A S P . N E T d u |e m o |l i w o [c i , a l e z r ó |n y c h p o w o d ó w
s a m o u c z k i d o t y c z c e A S P . N E T p o m n i e j s z a j i c h w y k o r z y s t a n i e . J e d n a k z p e r s p e k t y w y
s t a n d a r d ó w s i e c i o w y c h s t o n a r z d z i a o p o t |n y c h m o |l i w o [c i a c h i c z s t o b a r d z i e j
p o |d a n e n i | k o n t r o l k i s e r w e r o w e W e b C o n t r o l .
W s p ó Bp r a c a p o s t r o n i e s e r w e r a z p r o j e k t a n t a m i U I
P o d c z a s o p r a c o w y w a n i a a p l i k a c j i d z i a Ba j c y c h p o s t r o n i e s e r w e r a , p r o g r a m i [c i o r a z
p r o j e k t a n c i p o w i n n i w s p ó Bp r a c o w a z e s o b t a k b l i s k o , n a i l e j e s t t o m o |l i w e , w c e l u
z a g w a r a n t o w a n i a , |e k o d z n a c z n i k ó w U I b d z i e s t o s o w a B n a j l e p s z e r o z w i z a n i a
z g o d n e z e s t a n d a r d a m i s i e c i o w y m i . B a r d z o c z s t o o z n a c z a t o k o n i e c z n o [ w y b o r u
w Ba [c i w e g o n a r z d z i a p o s t r o n i e s e r w e r a . U t r z y m y w a n i e U I z d a l a o d a p l i k a c j i o r a z
u |y w a n i e k l a s p o w o d u j e , |e k o d m a c z y s t s z p o s t a . W t e n s p o s ó b k o d z w i z a n y
z p r o j e k t e m w i z u a l n y m p o z o s t a j e w r k a c h z e s p o Bu U I o r a z o g r a n i c z a s i r y z y k o ,
o r a z p o t e n c j a l n p o t r z e b a n g a |o w a n i a p r o g r a m i s t y w c e l u w p r o w a d z e n i a z m i a n
w i n t e r f e j s i e u |y t k o w n i k a . K i e d y a p l i k a c j a s t a j e s i b a r d z o s k o m p l i k o w a n a l u b b a z u j e
n a p o d s t a w i e s t a r e g o k o d u , k o n i e c z n e m o g s t a s i k o m p r o m i s y . J e d n a k o s t a t e c z n e
c e l e , s t a n d a r d y s i e c i o w e i w s k a z ó w k i p o w i n n y z a k Ba d a o s i g n i c i e s p ó j n o [c i
i u t r z y m y w a n i e j e j w d Bu g i m o k r e s i e c z a s u .
Z a r z d z a n i e t r e [c i
K i e d y w i t r y n a i n t e r n e t o w a m u s i z o s t a u a k t u a l n i o n a p r z e z u |y t k o w n i k a p o z b a w i o n e g o
w i e d z y t e c h n i c z n e j , g d y r o z r a s t a i s t a j e s i w i k s z a l u b z a w i e r a t r e [, k t ó r a m u s i b y
p o n o w n i e u |y t a , s k a t a l o g o w a n a , w s p ó Bd z i e l o n a i z a p e w n i a j c a m o |l i w o [ j e j p r z e -
s z u k i w a n i a , t o n a j c z [c i e j s t o s o w a n y m r o z w i z a n i e m j e s t o p r o g r a m o w a n i e d o z a r z d z a -
n i a t r e [c i . W y m i e n i o n e o p r o g r a m o w a n i e z a r z d z a n i a t r e [c i j e s t j e d n z p o w s z e c h n i e
d o s t p n y c h a p l i k a c j i s i e c i o w y c h , n a k t ó r n a t k n i e s i k a |d y z e s p ó B p r o g r a m i s t ó w
s i e c i o w y c h . W y n i k a t o z f a k t u , |e n a j c z s t s z y m |d a n i e m z e s t r o n y u |y t k o w n i k ó w
b i z n e s o w y c h j e s t c o r a z w i k s z a m o |l i w o [ k o n t r o l o w a n i a w i t r y n y .
N i e s t e t y , a p l i k a c j e s Bu |c e d o z a r z d z a n i a t r e [c i b a r d z o c z s t o g e n e r u j w Ba s n y j z y k
z n a c z n i k ó w l u b w y m a g a j w Bo |e n i a d u |y c h n a k Ba d ó w p r a c y i w y s i Bk u , a b y w e j [
d o [w i a t a s t a n d a r d ó w s i e c i o w y c h . N a s z c z [c i e n a j c z [c i e j n i e j e s t t o a | t a k i e t r u d n e ,
j a k s i p o c z t k o w o w y d a j e , p r z y n a j m n i e j w p r z y p a d k u p o r z d n y c h a p l i k a c j i z a r z d z a n i a
1 5 0 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
t r e [c i . S z c z e r z e m ó w i c , n a j t r u d n i e j s z y m e t a p e m j e s t c z s t o o k r e [l e n i e , g d z i e n a l e |y
s z u k a o d p o w i e d n i c h f r a g m e n t ó w k o d u , k t ó r e f a k t y c z n i e o d p o w i a d a j z a g e n e r o -
w a n i e d a n y c h w y j [c i o w y c h .
D o s t p n e s n i e z l i c z o n e s y s t e m y z a r z d z a n i a t r e [c i ( C M S ) o z r ó |n i c o w a n y m s t o p n i u
e l a s t y c z n o [c i i z g o d n o [c i z e s t a n d a r d a m i s i e c i o w y m i . Z p u n k t u w i d z e n i a s t a n d a r d ó w
s i e c i o w y c h , e l a s t y c z n o [ z a l e |y o d n i u a n s ó w z w i z a n y c h z m o |l i w o [c i a m i o p r o g r a m o -
w a n i a , j a k r ó w n i e | i m p l e m e n t a c j , z a k t ó r o d p o w i a d a j u | z e s p ó B p r o g r a m i s t ó w .
P o d s t a w y s y s t e m u z a r z d z a n i a t r e [c i
L e p s z e r o z w i z a n i a z z a k r e s u s y s t e m ó w C M S p o z w a l a j z e s p o Bo w i n a w y g e n e r o w a -
n i e k o d u U I w u s t a l o n y p r z e z n i e g o s p o s ó b c z y l i w p r o s t p r z e c i w n i e d o r o z w i z a D,
w k t ó r y c h t o n a r z d z i e d e c y d u j e o p o s t a c i k o d u . I s t n i e j e k i l k a s p o s o b ó w , n a k t ó r e
s t a n d a r d y s i e c i o w e m o g w s p ó Bp r a c o w a z r o z w i z a n i a m i z d z i e d z i n y s y s t e m ó w z a -
r z d z a n i a t r e [c i :
A b s t r a h o w a n i e w a r s t w y p r e z e n t a c y j n e j t r e [c i o d m i e j s c a p r z e c h o w y w a n i a t e j t r e [c i .
U |y c i e m n i e j s z e j l i c z b y s z a b l o n ó w C M S , a l e e f e k t y w n i e j s z e w y k o r z y s t a n i e a r k u s z y
s t y l ó w C S S .
P o n o w n e u |y w a n i e t r e [c i p o n i e w a | k o d z n a c z n i k ó w n i e b d z i e p o w i z a n y
z w a r s t w p r e z e n t a c y j n .
U p r o s z c z e n i e z a d a D a u t o r ó w t w o r z c y c h t r e [ p o n i e w a | b d m u s i e l i o b s Bu g i w a
m n i e j s z i l o [ a s p e k t ó w p r e z e n t a c y j n y c h .
Z n a c z n e z w i k s z e n i e m o |l i w o [c i p r z e p r o j e k t o w a n i a w i t r y n y p r z y j e d n o c z e s n y m
z m n i e j s z e n i u w y s i Bk u z e s t r o n y z e s p o Bu o b s Bu g u j c e g o s y s t e m C M S .
S y s t e m z a r z d z a n i a t r e [c i i c z y s t a t r e [
P r o s t y p r o c e s p r z e c h o w y w a n i a t r e [c i w c e n t r a l n y m r e p o z y t o r i u m w r a z z c z y s t y m
k o d e m z n a c z n i k ó w j e s t s a m w s o b i e d o b r y m s p o s o b e m n a p o n o w n e u |y w a n i e t r e [c i ,
p o n i e w a | k o d z n a c z n i k ó w b d z i e p r o s t y . P o n a d t o n a r ó |n y c h f r a g m e n t a c h s t r o n ,
w z a l e |n o [c i o d k o n t e k s t u , b d z i e m o |n a s t o s o w a s t y l e z a p o m o c a r k u s z y s t y l ó w
C S S . O p r ó c z t e g o , p o n i |e j w y m i e n i o n o n i e k t ó r e z n a j l e p s z y c h p r a k t y k o r a z r o z w i z a D
s t o s o w a n y c h w p r o f e s j o n a l n y c h s y s t e m a c h z a r z d z a n i a t r e [c i i p r o j e k t o w a n i a
z u |y c i e m a r k u s z y s t y l ó w C S S :
P r o j e k t o w a n i e z u |y c i e m a r k u s z y s t y l ó w C S S n a p o d s t a w i e k o n t e k s t u . P r z y k Ba d o w o ,
o p i s a r t y k u Bu m o |e b y w y g e n e r o w a n y j a k o n a g Bó w e k < h 1 > s t o s u j c y n a s t r o n i e
a r t y k u Bu d u | c z c i o n k w k o l o r z e b r u n a t n y m , a l e j e d n o c z e [n i e m a B c z c i o n k
w k o l o r z e c z a r n y m n a s t r o n i e a r c h i w u m . A r k u s z e s t y l ó w C S S p o z w a l a j n a k o n t r o l
t e g o r o d z a j u r ó |n i c .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 5 1
T r e [ p o w i n n a b y p r z e c h o w y w a n a w n a j p r o s t s z e j z m o |l i w y c h p o s t a c i . N a l e |y
s t o s o w a m i n i m a l n , w y s t a r c z a j c l i c z b k l a s C S S o r a z m i n i m a l n ( l u b z e r o w )
l i c z b a t r y b u t ó w p r e z e n t a c y j n y c h e l e m e n t ó w .
W a r t o s t o s o w a s e m a n t y c z n y k o d z n a c z n i k ó w , o z n a c z a j c t r e [ w p e Bn i z r o z u -
m i a By m , c z y t e l n y m i p r z e n o [n y m f o r m a t e m , k t ó r e g o m o |n a p o n o w n i e u |y w a
i n a d a w a m u s t y l . N a l e |y s o b i e p r z y p o m n i e , |e d o [w i a d c z e n i p r o g r a m i [c i C S S
m o g z a s t o s o w a r ó |n e s t y l e n a p o d s t a w i e k o n t e k s t u w s z a b l o n i e w i t r y n y
z a p o m o c a t r y b u t u I D l u b k l a s y .
A u t o r z y t r e [c i p o w i n n i s t o s o w a j e d y n i e p o d s t a w o w e z n a c z n i k i H T M L s t r u k t u r y
s t r o n y . I d e a l n y m r o z w i z a n i e m b d z i e , g d y a u t o r z y n a u c z s i k i l k u k l a s C S S .
P o w i n n i r ó w n i e | w i e d z i e , |e n a g Bó w e k p i e r w s z e g o s t o p n i a w o b s z a r z e t r e [c i
t o < h 1 > . P o n a d t o p o w i n n i t e | w i e d z i e , |e u t w o r z e n i e z w y k Be j l i s t y w y p u n k t o w a n e j
s k u t k u j e w y [w i e t l a n i e m m a By c h i k o n w y p u n k t o w a n i a . M u s z t e | w i e d z i e ,
|e n a p r z y k Ba d n a g Bó w e k w o b s z a r z e t r e [c i p o p r a w e j s t r o n i e b d z i e w y [w i e t l a n y
w k o l o r z e g r a n a t o w y m . W a r s t w p r e z e n t a c y j n m o |n a n a Bo |y z a p o m o c a r k u s z y
s t y l ó w C S S i n i e t r z e b a b d z i e j e j p r z e c h o w y w a w r e p o z y t o r i u m t r e [c i s y s t e m u
C M S . O g ó l n i e r z e c z b i o r c , a u t o r z y t r e [c i m o g s k o n c e n t r o w a s i n a t r e [c i , a n i e j e j
w i z u a l n y c h a s p e k t a c h .
K o n t e k s t n a d a n e j s t r o n i e j e s t u |y t e c z n y m n a r z d z i e m , a l e k o n t e k s t n a w i t r y n i e
m o |e b y r ó w n i e w a |n y . W c h w i l i o b e c n e j c z s t o s t o s o w a n y m r o z w i z a n i e m j e s t
p o d z i a B w i t r y n y n a k i l k a s e k c j i , k t ó r e s t o s u j o d m i e n n e s c h e m a t y k o l o r ó w w y Bc z o n e
z p o d s t a w o w e j m a r k i . P r z e c h o w y w a n a w b a z i e d a n y c h t r e [ s a m a w s o b i e n i e
j e s t w s t a n i e t e g o o d r ó |n i , a l e p o w i n n a b y p r z e n o [n a m i d z y s e k c j a m i w i t r y n y .
S t y l e C S S m o |n a d e f i n i o w a w s t o s u n k u d o z n a c z n i k a < b o d y > l u b z b i o r u a t r y b u t ó w
I D s e k c j i w i t r y n y , a w i c w t e n s p o s ó b s t o s o w a r ó |n e s c h e m a t y k o l o r ó w n a w s z y s t k i c h
s e m a n t y c z n y c h z n a c z n i k a c h d l a d a n e g o f r a g m e n t u w i t r y n y .
D a n e w y j [c i o w e s y s t e m u z a r z d z a n i a t r e [c i i m o d u By
N a r z d z i a z a r z d z a n i a t r e [c i m o g s t a n o w i w y z w a n i e , g d y t r z e b a b d z i e o k r e [l i ,
w j a k i s p o s ó b k o n t r o l o w a d a n e w y j [c i o w e o r a z o t r z y m a k o d z g o d n y z e s t a n d a r d a m i
s i e c i o w y m i . B a r d z o c z s t o n a j t r u d n i e j s z c z [c i j e s t o k r e [l e n i e p u n k t u r o z p o c z c i a
p r a c y o r a z s p o s o b u k o n t r o l o w a n i a d a n y c h w y j [c i o w y c h . Z a z w y c z a j s y s t e m C M S g e n e r u j e
s t r o n s f o r m a t o w a n z a p o m o c k o d u p o c h o d z c e g o z k i l k u r ó |n y c h o b s z a r ó w :
W b u d o w a n e m o d u By g e n e r u j c e d a n e w y j [c i o w e n a p o d s t a w i e w Ba s n y c h f u n k c j i
l u b f u n k c j i d o s t p n y c h w s y s t e m i e C M S .
S z a b l o n y s t r o n u |y w a n e d o w y [w i e t l a n i a r ó |n e g o r o d z a j u s t r o n .
B a z u j c e n a p r z e g l d a r c e i n t e r n e t o w e j e d y t o r y p o d o b n e d o p r o c e s o r ó w t e k s t u
( u |y w a n e p r z e z a u t o r ó w t r e [c i ) .
1 5 2 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
W k w e s t i i w y g e n e r o w a n i a p o p r a w n e g o k o d u z g o d n e g o z e s t a n d a r d a m i s i e c i o w y m i ,
n a j w i k s z y m i w y z w a n i a m i z w i z a n y m i z a p l i k a c j C M S s n a j c z [c i e j j e j w b u d o w a n e
f u n k c j e , n a d k t ó r y m i z e s p ó B p r o g r a m i s t ó w m a m a B k o n t r o l l u b w o g ó l e j e j n i e m a .
N a t e f u n k c j e n a l e |y s z c z e g ó l n i e u w a |a . J e d n a k n i e k t ó r z y m o g u w a |a j e z a d o s k o n a Be
f u n k c j e n a r z d z i a , g d y | r z e k o m o p o j e g o i n s t a l a c j i w i t r y n a i n t e r n e t o w a b d z i e g o t o w a
o d r k i .
R y z y k o w n e e l e m e n t y o b e j m u j m i d z y i n n y m i :
M o d u By a d m i n i s t r a c y j n e o s a d z o n e n a s t r o n a c h d o s t p n y c h p u b l i c z n i e .
K o d s Bu |c y d o [l e d z e n i a r u c h u o r a z w b u d o w a n e s k r y p t y .
M o d u By r e k l a m o w e .
W s z y s t k i e e l e m e n t y g e n e r u j c e m e n u .
K o n t r o l k i s p e c j a l n e , k t ó r e m o g g e n e r o w a l i s t y t r e [c i ( n a p r z y k Ba d n o w o [c i
b d z a r c h i w u m p r o d u k t ó w ) .
W y n i k i w y s z u k i w a n i a
W S K A Z Ó W K A
W s z y s t k o o k r e [l a n e m i a n e m d o s t p n e o d r k i z n a t u r y j e s t p o d e j r z a n e , o i l e n a r z d z i e
n i e z o s t a Bo w c z e [n i e j p r z y s t o s o w a n e d o s p e Bn i a n i a n o w o c z e s n y c h s t a n d a r d ó w .
N a r z d z i a o p o t |n y c h m o |l i w o [c i a c h p o z w a l a j z e s p o Bo w i p r o g r a m i s t ó w n a d o s t p
d o k o d u o d p o w i e d z i a l n e g o z a g e n e r o w a n i e d a n y c h w y j [c i o w y c h l u b w s t a w i a n i e
w Ba s n y c h m o d u Bó w , k t ó r e m o g z a s t p i b d z r o z s z e r z y w b u d o w a n e f u n k c j e .
W i d e a l n e j s y t u a c j i n a r z d z i e b d z i e z a w i e r a Bo w b u d o w a n e s z a b l o n y l u b f r a g m e n t y
k o d u , k t ó r e m o |n a u a k t u a l n i . S z c z e g ó l n i e n a l e |y u w a |a n a n a r z d z i a p o z w a l a j c e
n a d o s t o s o w a n i e w y g l d u i s p o s o b u d z i a Ba n i a z a p o m o c c z e g o [ n a w z ó r p a n e l u
s t e r o w a n i a , o i l e f a k t y c z n i e t o n a r z d z i e n i e u d o s t p n i k o d u , k t ó r y b d z i e m o |n a
p r z e j r z e i z m o d y f i k o w a .
S z a b l o n y s y s t e m u z a r z d z a n i a t r e [c i
W i k s z o [ n a r z d z i C M S w i |e s t r o n y z s z a b l o n a m i , z k t ó r y c h k a |d y j e s t u k Ba d e m
g r a f i c z n y m m o |l i w y m d o p o n o w n e g o u |y c i a . A u t o r z y p o p r o s t u w y b i e r a j w Ba [c i w y
s z a b l o n d l a d a n e g o r o d z a j u l u b s e k c j i s t r o n y . I m w i k s z a l i c z b a s z a b l o n ó w , t y m w i c e j
e l e m e n t ó w a u t o r m u s i [l e d z i a o b s Bu g a w i t r y n y s t a j e s i c o r a z b a r d z i e j t r u d n i e j s z a .
R o z s d n e u |y c i e a r k u s z y s t y l ó w C S S i s t a n d a r d ó w s i e c i o w y c h m o |e w r z e c z y w i s t o [c i
d o p r o w a d z i d o z m n i e j s z e n i a l i c z b y s z a b l o n ó w .
S z a b l o n y z a z w y c z a j o p i e r a j s i n a s i a t c e s t r o n y , c o z w y k l e o z n a c z a s t o s o w a n i e r ó |n e g o
k o d u z n a c z n i k ó w . W [w i e c i e s t a n d a r d ó w s i e c i o w y c h o r a z a r k u s z y s t y l ó w C S S n i e k o -
n i e c z n i e m u s i t a k b y .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 5 3
P r z y k Ba d o w o , w a r t o p r z e a n a l i z o w a p r z e d s t a w i o n y p o n i |e j u k Ba d s t r o n y u |y w a j c e j
t r z e c h k o l u m n ( z o b a c z r y s u n e k 4 . 7 ) :
< ! D O C T Y P E h t m l P U B L I C " - / / W 3 C / / D T D X H T M L 1 . 0 S t r i c t / / E N "
" h t t p : / / w w w . w 3 . o r g / T R / x h t m l 1 / D T D / x h t m l 1 - s t r i c t . d t d " >
< h t m l x m l n s = " h t t p : / / w w w . w 3 . o r g / 1 9 9 9 / x h t m l " x m l : l a n g = " e n " l a n g = " e n " >
< h e a d >
< t i t l e > P i e r w s z y s z a b l o n < / t i t l e >
< l i n k r e l = " s t y l e s h e e t " t y p e = " t e x t / c s s " h r e f = " s t y l e . c s s " / >
< / h e a d >
< b o d y c l a s s = " t y p e A " >
< d i v i d = " w r a p p e r " >
< u l i d = " n a v " >
< l i > < a h r e f = " . . . " > N a w i g a c j a 1 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 2 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 3 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 4 < / a > < / l i >
< / u l >
< d i v i d = " c o n t e n t " >
< h 1 > O b s z a r t r e c i < / h 1 >
< p > L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u e r a d i p i s c i n g
e l i t . N a m s i t a m e t n u l l a . U t u t u r n a a c l e c t u s . < / p >
< p > U t u t u r n a a c l e c t u s t i n c i d u n t s o l l i c i t u d i n . S e d r u t r u m
i n t e r d u m l o r e m . I n t e g e r a l i q u a m p e l l e n t e s q u e
n e q u e . < / p >
< p > C u r a b i t u r a n e q u e a l i b e r o g r a v i d a d i g n i s s i m . S e d
e g e t t e l l u s . < / p >
< / d i v >
< d i v i d = " r e l a t e d " >
< h 2 > c z a d o i n n y c h s t r o n < / h 2 >
< p > c z a d o i n n y c h s t r o n i t r e c i < / p >
< u l >
< l i > < a h r e f = " " > S e k c j a 1 < / a > < / l i >
< l i > < a h r e f = " " > S e k c j a 1 < / a > < / l i >
< / u l >
< / d i v >
< / d i v >
< / b o d y >
< / h t m l >
P r z e d s t a w i o n y n a p o w y |s z y m f r a g m e n c i e k o d u d o k u m e n t m a t r z y e l e m e n t y < d i v >
o n a s t p u j c y c h w a r t o [c i a c h a t r y b u t ó w I D : n a v , c o n t e n t i r e l a t e d ( c z y l i z p u n k t u
w i d z e n i a s e l e k t o r ó w C S S b d t o # n a v , # c o n t e n t i # r e l a t e d ) . W y m i e n i o n y m e l e m e n t o m
m o |n a b a r d z o Ba t w o n a d a s t y l z a p o m o c a r k u s z y s t y l ó w C S S . T r e [ z n a j d u j c a s i
1 5 4 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
R Y S U N E K 4 . 7 .
S z a b l o n s y s t e m u C M S
t w o r z c y u k Ba d , k t ó r y
o p i e r a s i n a t r z e c h
k o l u m n a c h
w e l e m e n t a c h < d i v > o n a z w a c h # c o n t e n t i # r e l a t e d m o |e b y t w o r z o n a p r z e z
a u t o r ó w t r e [c i . N a p o w y |s z y m f r a g m e n c i e k o d u s o n e p r z e d s t a w i a n e p r z e z s e k c j e
o d p o w i e d n i o L o r e m i p s u m o r a z Ac z a d o i n n y c h s t r o n . C o w i c e j , Bc z a z n a j d u j c e
s i w t r z e c i e j k o l u m n i e m o g b y n a w e t g e n e r o w a n e d y n a m i c z n i e p o s t r o n i e s e r w e r a
n a p o d s t a w i e p o k r e w i e Ds t w a z d a n t r e [c i . D l a t e g o t e | m o g z d a r z y s i s y t u a c j e ,
g d y t r z e c i a k o l u m n a n i e b d z i e p o t r z e b n a .
W a r t o z w r ó c i u w a g n a k l a s e l e m e n t u < b o d y > . A u t o r t r e [c i m o |e w y k o r z y s t a j
w c e l u z a z n a c z e n i a s z a b l o n u i u m i e s z c z e n i a w k o l e j c e o d p o w i e d n i e j l i c z b y k o l u m n .
L o g i k a p r o g r a m u m o |e z k o l e i u |y w a k l a s y e l e m e n t u < b o d y > d o k u m e n t u , a b y u t w o r z y
s t r u k t u r s t r o n y s k Ba d a j c e j s i n a p r z y k Ba d z n a w i g a c j i i p o j e d y n c z e j k o l u m n y z t r e [c i
( z o b a c z r y s u n e k 4 . 8 ) . W t a k i m p r z y p a d k u w n a r z d z i u C M S n i e t r z e b a b d z i e t w o r z y
w i k s z e j l i c z b y s z a b l o n ó w , a a u t o r z y t r e [c i n i e b d m u s i e l i w y b i e r a r ó |n y c h s z a b l o n ó w .
R Y S U N E K 4 . 8 .
P o w p r o w a d z e n i u
d r o b n y c h z m i a n w a r k u s z u
s t y l ó w C S S , t e n s a m s z a b l o n
t w o r z y s t r o n w y [w i e t l a j c
t y l k o d w i e k o l u m n y
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 5 5
< ! D O C T Y P E h t m l P U B L I C " - / / W 3 C / / D T D X H T M L 1 . 0 S t r i c t / / E N "
" h t t p : / / w w w . w 3 . o r g / T R / x h t m l 1 / D T D / x h t m l 1 - s t r i c t . d t d " >
< h t m l x m l n s = " h t t p : / / w w w . w 3 . o r g / 1 9 9 9 / x h t m l " x m l : l a n g = " e n " l a n g = " e n " >
< h e a d >
< t i t l e > D r u g i s z a b l o n < / t i t l e >
< l i n k r e l = " s t y l e s h e e t " t y p e = " t e x t / c s s " h r e f = " s t y l e . c s s " / >
< / h e a d >
< b o d y c l a s s = " t y p e B " >
< d i v i d = " w r a p p e r " >
< u l i d = " n a v " >
< l i > < a h r e f = " . . . " > N a w i g a c j a 1 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 2 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 3 < / a > < / l i >
< l i > < a h r e f = " . . . " > N a w i g a c j a 4 < / a > < / l i >
< / u l >
< d i v i d = " c o n t e n t " >
< h 1 > O b s z a r t r e c i < / h 1 >
< p > L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u e r a d i p i s c i n g
e l i t . N a m s i t a m e t n u l l a . U t u t u r n a a c l e c t u s . < / p >
< p > U t u t u r n a a c l e c t u s t i n c i d u n t s o l l i c i t u d i n . S e d r u t r u m
i n t e r d u m l o r e m . I n t e g e r a l i q u a m p e l l e n t e s q u e
n e q u e . < / p >
< p > C u r a b i t u r a n e q u e a l i b e r o g r a v i d a d i g n i s s i m . S e d
e g e t t e l l u s . < / p >
< / d i v >
< d i v i d = " r e l a t e d " >
< / d i v >
< / d i v >
< / b o d y >
< / h t m l >
E l e m e n t < d i v > z a t r y b u t e m I D o w a r t o [c i # r e l a t e d z o s t a B z w i n i t y , a w i c n i e g e n e r u j e
d a n y c h w y j [c i o w y c h . N a p o z i o m i e s y s t e m u C M S z m i a n a k l a s y e l e m e n t y < b o d y > n a t y p e B
p o w o d u j e z m i a n u k Ba d u s t r o n y , a l e b e z k o n i e c z n o [c i m o d y f i k a c j i k o d u z n a c z n i k ó w .
O z n a c z a t o , |e w s y s t e m i e m o |n a z r e z y g n o w a z j e d n e g o d o d a t k o w e g o s z a b l o n u ,
k t ó r y w p r z e c i w n y m r a z i e b y Bb y p o t r z e b n y . W t e n s p o s ó b z a c h o w a n a z o s t a j e r ó w n i e |
s e p a r a c j a m i d z y k o d e m z n a c z n i k ó w i w a r s t w p r e z e n t a c y j n . A r k u s z s t y l ó w C S S
p o w y |s z e j s t r o n y j e s t n a s t p u j c y :
b o d y { f o n t : n o r m a l . 9 e m G e o r g i a ; }
b o d y . t y p e B # r e l a t e d { d i s p l a y : n o n e ; }
b o d y . t y p e B # c o n t e n t { w i d t h : 6 0 0 p x ; }
# n a v { l i s t - s t y l e - t y p e : n o n e ; w i d t h : 1 0 0 p x ; f l o a t : l e f t ;
m a r g i n : 3 0 p x 0 0 5 p x ; p a d d i n g : 0 ; }
1 5 6 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
# c o n t e n t { w i d t h : 4 0 0 p x ; f l o a t : l e f t ; m a r g i n - l e f t : 1 0 p x ;
b o r d e r : 1 p x s o l i d r e d ; p a d d i n g : 3 p x ; }
# r e l a t e d { w i d t h : 1 5 0 p x ; f l o a t : l e f t ;
b o r d e r : 1 p x s o l i d r e d ; m a r g i n - l e f t : 1 0 p x ;
p a d d i n g : 3 p x ; }
N a r z d z i a s Bu |c e d o z a r z d z a n i a t r e [c i s p o p r o s t u i n n e g o r o d z a j u m e c h a n i z m e m
o p r o g r a m o w a n i a o b s Bu g u j c y m w i t r y n i n t e r n e t o w . W r z e c z y w i s t o [c i s p o w s z e c h n i e
s t o s o w a n e n a w i t r y n a c h d u |y c h o r g a n i z a c j i , a w i k s z o [ z n i c h t o w p e Bn i w y p o s a |o n e
p l a t f o r m y p r o g r a m i s t y c z n e , k t ó r e m o |n a z m u s i d o w y g e n e r o w a n i a d a n y c h w y j [c i o w y c h
z g o d n y c h z e s t a n d a r d a m i s i e c i o w y m i . W t e n s p o s ó b w i t r y n a b d z i e w w i k s z y m
s t o p n i u d o s t p n a . N i e z a l e |n i e o d t e g o , c z y n a r z d z i e p o w o d u j e w y g e n e r o w a n i e
c z y s t y c h d a n y c h w y j [c i o w y c h , c z y s o n e p r z e k s z t a Bc a n e z f o r m a t u X M L z a p o m o c
j z y k a X S L T ( a n g . e X t e n s i b l e S t y l e s h e e t L a n g u a g e T r a n s f o r m a t i o n s ) , d a n e w y j [c i o w e
p o w i n n y b y c z y s t e i p r z e m y [l a n e . W a r t o p o d k r e [l i , |e e f e k t y w n e s t o s o w a n i e s t a n d a r d ó w
s i e c i o w y c h m o |e p r o w a d z i r ó w n i e | d o r e d u k c j i l i c z b y u |y w a n y c h s z a b l o n ó w C M S
o r a z z n a c z n i e u Ba t w i p r a c a u t o r o m t r e [c i .
T r y b W Y S I W Y G d l a a u t o r ó w t r e [c i
P o d c z a s p r a c y w [r o d o w i s k a c h z a j m u j c y c h s i t r e [c i a m i p u b l i k o w a n y m i w I n t e r n e c i e ,
w i k s z o [ a u t o r ó w t r e [c i n i e p o s i a d a j c y c h u m i e j t n o [c i t e c h n i c z n y c h k o r z y s t a z p e w n e j
f o r m y i n t e r f e j s u W Y S I W Y G p o d c z a s t w o r z e n i a d a n e j t r e [c i . T e g o r o d z a j u n a r z d z i a
m i e s z c z s i w s z e r o k i m z a k r e s i e o p r o g r a m o w a n i a , n a p r z y k Ba d e d y t o r , t a k i j a k A d o b e
C o n t r i b u t e , s Bu |c y d o p r o s t e j o b s Bu g i w i t r y n y . N i e s o n e t y p o w y m i p l a t f o r m a m i
p r o g r a m i s t y c z n y m i , t a k i m i j a k A d o b e D r e a m w e a v e r l u b M i c r o s o f t E x p r e s s i o n W e b ,
i p o s i a d a j z n a c z n i e u b o |s z y z e s t a w f u n k c j i . P o d o b n i e j a k w p r z y p a d k u k a |d e g o
i n n e g o r o d z a j u o p r o g r a m o w a n i a , w y m i e n i o n e n a r z d z i a m a j o p c j e k o n f i g u r a c y j n e
p o z w a l a j c e n a o s i g n i c i e r ó |n e g o p o z i o m u z g o d n o [c i z e s t a n d a r d a m i s i e c i o w y m i .
O g ó l n a z a s a d a j e s t t a k a , |e n a j l e p s z a k o n f i g u r a c j a e d y t o r a d l a a u t o r a t r e [c i j e s t w t e d y , g d y
w i k s z o [ o p c j i f o r m a t o w a n i a z o s t a j e w y Bc z o n a . W y n i k a t o z f a k t u , |e f u n k c j e f o r m a t o w a -
n i a z w y k l e p o l e g a j n a k o d z i e , k t ó r e g o z e s p ó B p r o g r a m i s t ó w n i e b d z i e w s t a n i e k o n t r o -
l o w a . E f e k t y w n a o b s Bu g a a r k u s z y s t y l ó w C S S p r z e z t e n a r z d z i a j e s t w i c k l u c z o w a .
E d y c j a z a p o m o c p r z e g l d a r k i i n t e r n e t o w e j
E d y t o r y b a z u j c e n a p r z e g l d a r c e i n t e r n e t o w e j s d o s t p n e j u | o d p e w n e g o o k r e s u
c z a s u . F i r m a M i c r o s o f t w p r o w a d z i Ba k o m p o n e n t e d y c y j n y n a b a z i e t e c h n o l o g i i A c t i v e - X
j u | w p r z e g l d a r c e I n t e r n e t E x p l o r e r 4 . O d t e g o c z a s u d o d a n o o b s Bu g j z y k a J a v a -
S c r i p t , a e d y t o r y z w y k l e b a z u j n a s k r y p t a c h , j z y k u J a v a , t e c h n o l o g i a c h F l a s h l u b
A c t i v e - X . C o r a z c z [c i e j d o o b s Bu g i e d y c j i w p r z e g l d a r c e i n t e r n e t o w e j s d o s t p n e
k o m p o n e n t y w y k o r z y s t u j c e s k r y p t y i d z i a Ba j o n e w w i k s z o [c i n o w o c z e s n y c h
p r z e g l d a r e k i n t e r n e t o w y c h , t a k i c h j a k S a f a r i i O p e r a . Z e w z g l d u n a z a c h o w a n i e
z g o d n o [c i w a r t o w y b r a j e d e n z t e g o r o d z a j u k o m p o n e n t ó w .
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 5 7
N i e s t e t y , s t a n d a r d o w o e d y t o r y b a z u j c e n a p r z e g l d a r c e i n t e r n e t o w e j n i e s w y s t a r c z a j c o
s o l i d n e . P r z e g l d a r k a M i c r o s o f t I n t e r n e t E x p l o r e r g e n e r u j e z n a c z n i k i < f o n t > , p o d c z a s
g d y M o z i l l a g e n e r u j e o s a d z o n e s t y l e . E d y t o r y m o g w y g e n e r o w a t o , c o p o t r a f i
w y g e n e r o w a p r z e g l d a r k a i n t e r n e t o w a , a l e f u n k c j e e d y t o r ó w m u s z w o l b r z y m i m
s t o p n i u z o s t a z b u d o w a n e n a b a z i e k i l k i s z t u c z e k d o s t p n y c h w m o d e l u D O M
p r z e g l d a r k i . Z t e g o p o w o d u n i e z m i e r n i e t r u d n o j e s t n a m a s o w s k a l o p r a c o w a
w Ba s n y e d y t o r , a l e k a |d e g o d n i a i c h j a k o [ u l e g a p o p r a w i e . C z y t e l n i k n a p e w n o
z n a j d z i e n o w o c z e s n y e d y t o r , k t ó r y b d z i e g e n e r o w a B p o p r a w n y k o d i o b s Bu g i w a B
a r k u s z e s t y l ó w C S S .
K o n f i g u r a c j a e d y t o r a
P r o g r a m i [c i s i e c i o w i p o w i n n i p o w z i o d p o w i e d n i e k r o k i , a b y e d y t o r y b a z u j c e n a
p r z e g l d a r c e i n t e r n e t o w e j n i e z n i w e c z y By i c h c i |k i e j p r a c y w Bo |o n e j w d e f i n i o w a n i e
s t y l ó w i p r o g r a m o w a n i e w i t r y n i n t e r n e t o w e j z g o d n i e z e s t a n d a r d a m i s i e c i o w y m i .
K r o k i k o n i e c z n e d o p o d j c i a m o g o b e j m o w a m i d z y i n n y m i i n t e g r a c j n o w e g o
u |y t k o w n i k a l u b n a w e t n o w e g o o p r o g r a m o w a n i a .
P o d u w a g n a l e |y w z i n a s t p u j c e k r o k i :
P r z e j r z e n i e k o d u d a n y c h w y j [c i o w y c h e d y t o r a W Y S I W Y G w r ó |n y c h s y t u a c j a c h .
G e n e r o w a n i e p r z e z t e g o r o d z a j u e d y t o r y n i e p o p r a w n e g o k o d u j e s t d o [ p o w s z e c h n e ,
a l e r y n e k n a d a l s i r o z w i j a i w i e l e z n i c h p o t r a f i w y g e n e r o w a p r a w i d Bo w e d a n e
H T M L l u b n a w e t X H T M L , p o w p r o w a d z e n i u n i e w i e l u z m i a n k o n f i g u r a c y j n y c h .
N i e k t ó r e e d y t o r y o f e r u j w i d o k w y [w i e t l a j c y k o d zr ó d Bo w y . W z a l e |n o [c i o d
p o z i o m u u m i e j t n o [c i a u t o r a t r e [c i , t a k f u n k c j t r z e b a b d z i e w Bc z y l u b w y Bc z y .
C z [ e d y t o r ó w u |y w a m o d e l u o p a r t e g o n a p r a w a c h d o s t p u , c o u m o |l i w i a
w Bc z e n i e w i d o k u w y [w i e t l a j c e g o k o d zr ó d Bo w y n i e k t ó r y m u |y t k o w n i k o m
i w y Bc z e n i e g o i n n y m .
F u n k c j e k o n t r o l u j c e a s p e k t y p r e z e n t a c y j n e p o w i n n y b y o g r a n i c z o n e d o m i n i m u m .
N a l e |y w y Bc z y f u n k c j e m o d y f i k u j c e r o d z i n c z c i o n k i , k o l o r c z c i o n k i i k o l o r t Ba .
T e p a r a m e t r y p o w i n n y b y d e f i n i o w a n e j e d y n i e w a r k u s z u s t y l ó w C S S .
E d y t o r p o w i n i e n m i e m o |l i w o [ s t o s o w a n i a k l a s C S S . D o b r y e d y t o r b d z i e p o -
t r a f i B o b s Bu |y p o Bc z e n i e p l i k u C S S z e d y t o r e m . N i e k t ó r e b d w y m a g a By , a b y
p r o g r a m i s t a s k o n f i g u r o w a B e l e m e n t y w y [w i e t l a n e w m e n u k l a s C S S . N a j l e p s z e
e d y t o r y b d o b s Bu g i w a By k o n t e k s t o r a z p o z w a l a By n a u |y w a n i e j e d y n i e n i e k t ó r y c h
k l a s a p l i k a c j i , w z a l e |n o [c i o d r e g u B C S S n a p r z y k Ba d n i e d o z w o l o n e b d z i e u |y c i e
r e g u By p . e r r o r w e l e m e n c i e < s p a n > .
O b s Bu g a k l a s C S S a p l i k a c j i p o w i n n a o b e j m o w a m o |l i w o [c i w z a k r e s i e s t o s o w a n i a
C S S o k r e [l o n y m e l e m e n t o m . W t e n s p o s ó b b d z i e m o |n a b a r d z o Ba t w o z a s t o s o w a
k l a s n a e l e m e n c i e < u l > , j a k r ó w n i e | n a z a g n i e |d |o n y c h w n i c h e l e m e n t a c h < l i > ,
n a p o d s t a w i e p e w n e j f o r m y w y b o r u o p c j i . C z s t y m s p o s o b e m r e a l i z a c j i t a k i e g o
z a d a n i a j e s t p r o s t e k l i k n i c i e i z a z n a c z e n i e d r z e w k a m o d e l u D O M n a p a s k u s t a n u
( b o d y > d i v > u l > l i > a ) .
1 5 8 C S S I A J A X . S T R O N Y W W W Z G O D N E Z E S T A N D A R D A M I S I E C I O W Y M I W 3 C
P l i k i a r k u s z y s t y l ó w C S S p o w i z a n e z e d y t o r e m m o g b y w y o d r b n i o n e z g Bó w n y c h
p l i k ó w C S S , p o n i e w a | z a w a r t e w n i c h r e g u By m o g o k a z a s i z b y t s k o m p l i k o w a n e
d o i n t e r p r e t a c j i . P o z a t y m p e Bn y k o n t e k s t r e g u B, n a p r z y k Ba d e l e m e n t y < p > w e w n t r z
# c o n t e n t z a m i a s t # r e l a t e d , m o |e b y n i e o b s Bu g i w a n y l u b p o p r o s t u n i e p o t r z e b n y .
W z a l e |n o [c i o d k o n t e k s t u e d y c j i , r o z w i z a n i e m m o |e b y u |y c i e w i e l u p l i k ó w C S S .
E d y t o r p o w i n i e n o b s Bu g i w a p o d s t a w o w e z n a c z n i k i s e m a n t y c z n e g o X H T M L , t a k i e
j a k w b u d o w a n e n a g Bó w k i ( 1 - 6 ) , f o r m a t o w a n i e a k a p i t u , c o n a j m n i e j d w a r o d z a j e
w y p u n k t o w a n i a , c y t o w a n i e , p r e f o r m a t o w a n y t e k s t i a d r e s y .
D o b r y e d y t o r b d z i e r ó w n i e | u s u w a B [m i e c i o r a z n i e p o p r a w n e z n a c z n i k i z t r e [c i
w k l e j a n e j z e s c h o w k a b d z b d z i e z a w i e r a B w i e l e o p c j i s Bu |c y c h d o o c z y s z c z a n i a
w k l e j o n e j t r e [c i . B a r d z o c z s t o t r e [ s k o p i o w a n a z p r o c e s o r a t e k s t u l u b s t r o n y
i n t e r n e t o w e j i w k l e j o n a d o e d y t o r a W Y S I W Y G z a c h o w u j e o r y g i n a l n e i n f o r m a c j e
d o t y c z c e f o r m a t o w a n i a . T e g o r o d z a j u i n f o r m a c j e p r o w a d z d o w y g e n e r o w a n i a
n i e p o p r a w n e g o k o d u i m o g z m o d y f i k o w a s t y l e , k t ó r e p o w i n n y b y u s t a l a n e
j e d y n i e p o z a t r e [c i p o p r z e z a r k u s z e s t y l ó w C S S .
B y m o |e t r z e b a b d z i e p o i n f o r m o w a a u t o r ó w t r e [c i , |e j e [l i s t o s o w a n a p r z e z
n i c h a p l i k a c j a n i e p o t r a f i u s u n n i e p o p r a w n y c h z n a c z n i k ó w z w k l e j a n e j t r e [c i ,
t o p o w i n n i j e u s u w a p o p r z e z w k l e j e n i e t r e [c i d o z w y k Be g o e d y t o r a t e k s t o w e g o ,
a d o p i e r o n a s t p n i e d o e d y t o r a W Y S I W Y G .
I d e a l n y m r o z w i z a n i e m j e s t z n a l e z i e n i e e d y t o r a b a z u j c e g o n a p r z e g l d a r c e
i n t e r n e t o w e j , k t ó r y b d z i e o b s Bu g i w a B j a k n a j w i k s z l i c z b p r z e g l d a r e k i o f e r o w a B
w y m i e n i o n e p o w y |e j f u n k c j e . Z n a l e z i e n i e e d y t o r a W Y S I W Y G , k t ó r y o k a z u j e s i
o p r a c o w a n y j e d y n i e p o d k t e m p r z e g l d a r k i I E , n i e j e s t w c a l e t a k i e r z a d k i e .
J e d n a k o b e c n i e d o s t p n e e d y t o r y s d o s t p n e z a r ó w n o d l a p l a t f o r m y W i n d o w s ,
j a k i M a c o r a z n i e m a l |e k a |d e j p r z e g l d a r k i i n t e r n e t o w e j .
S t o s o w a n i e w y m i e n i o n y c h p o w y |e j r e g u B o r a z k r y t e r i ó w m o |e o z n a c z a w i d o c z n
r ó |n i c w t w o r z e n i u s o l i d n y c h , z g o d n y c h z e s t a n d a r d a m i s i e c i o w y m i w i t r y n . U |y c i e
n i e w Ba [c i w e g o e d y t o r a t r e [c i m o |e z n i w e c z y c i |k p r a c w Bo |o n w o p r a c o w a n i e
w i t r y n y . J a k o [ i w y d a j n o [ d o w o l n e g o e d y t o r a s t o s o w a n e g o w [r o d o w i s k u p r o d u k c y j n y m
n a l e |y o c e n i a p o d k t e m s t a n d a r d ó w s i e c i o w y c h i m o d y f i k a c j i p r o w a d z c y c h
d o u z y s k a n i a k o d u , k t ó r y b d z i e w j a k n a j w i k s z y m s t o p n i u p o p r a w n y .
F i r m y t r z e c i e
W i k s z e w i t r y n y i n t e r n e t o w e c z s t o s t o s u j o k r e [l o n y w y g l d i s p o s ó b d z i a Ba n i a ,
r ó w n i e | n a w i t r y n a c h f i r m t r z e c i c h b d z a p l i k a c j i b i z n e s o w y c h h o s t i n g o w a n y c h g d z i e
i n d z i e j , n a p r z y k Ba d n a w i t r y n i e I n v e s t o r R e l a t i o n s l u b w i t r y n a c h z a j m u j c y c h s i
p o [r e d n i c t w e m w z n a l e z i e n i u p r a c y . T e w i t r y n y b d p o s i a d a By w y g l d z g o d n y
z w y g l d e m w i t r y n y p o d s t a w o w e j , a u |y t k o w n i k m o |e s i n a w e t n i e z o r i e n t o w a ,
|e z o s t a B p r z e n i e s i o n y n a i n n w i t r y n .
P o d e j [c i e z a k Ba d a j c e s t o s o w a n i e s t a n d a r d ó w s i e c i o w y c h j e s t i d e a l n e w t e g o r o d z a j u
s y t u a c j a c h , p o n i e w a | n i e t y l k o g r a f i k a i s k r y p t y m o g b y p r z e c h o w y w a n e n a g Bó w n y c h
R O Z D Z I A A 4 P r o g r a m o w a n i e a p l i k a c j i s i e c i o w y c h 1 5 9
s e r w e r a c h o r g a n i z a c j i , a l e t a k |e w s z y s t k i e p l i k i C S S l u b p r z y n a j m n i e j t e o k r e [l a j c e
o g ó l n y w y g l d i d z i a Ba n i e w i t r y n y . W t a k i c h s y t u a c j a c h o r g a n i z a c j a m o |e u d o s t p n i
f i r m o m t r z e c i m Bc z a d o n i e k t ó r y c h l u b w s z y s t k i c h e l e m e n t ó w ( n a p r z y k Ba d p l i k ó w C S S ) ,
a n a s t p n i e u s p r a w n i a j e p r z e z c a By c z a s , b e z k o n i e c z n o [c i w p r o w a d z a n i a m o d y f i k a c j i
t a k |e w a p l i k a c j a c h f i r m t r z e c i c h .
W t e g o r o d z a j u p r z y p a d k a c h p r a w d o p o d o b n i e n a j l e p s z y m r o z w i z a n i e m b d z i e
p r z e k a z a n i e f i r m o m t r z e c i m d o k u m e n t a c j i w r a z z o p i s e m k l a s s t y l ó w , n a g Bó w k a m i
g r a f i k o r a z o g ó l n y m i w s k a z ó w k a m i w z a k r e s i e u k Ba d u w i t r y n y . W a r t o r ó w n i e | p r z e k a z a
p r z y k Ba d o w e f r a g m e n t y k o d u o r a z s z a b l o n y p r z e d s t a w i a j c e p r z y k Ba d b u d o w a n i a
s t r o n i u k Ba d u w i t r y n y .
J e d n a k p o d o b n i e j a k w k a |d e j i n n e j o r g a n i z a c j i l u b p l a t f o r m i e o p r o g r a m o w a n i a ,
f i r m y t r z e c i e b d s i r ó |n i By s t o p n i e m s t o s o w a n i a i z g o d n o [c i z e s t a n d a r d a m i s i e c i o w y m i .
P r z y k Ba d o w o : i c h p l a t f o r m y m o g b y n i e z g o d n e z a r k u s z a m i s t y l ó w o p r a c o w a n y m i
w o r g a n i z a c j i . W t a k i c h p r z y p a d k a c h p e w n e k o m p r o m i s y s t a n s i k o n i e c z n o [c i .
K o m p r o m i s m o |e o z n a c z a w y o d r b n i e n i e p e w n e g o f r a g m e n t u z p l i k u C S S l u b
u t w o r z e n i e o d d z i e l n y c h s z a b l o n ó w k o d u z n a c z n i k ó w . J e d n a k w p e r s p e k t y w i e
d Bu |s z e g o o k r e s u c z a s u , w a r t o r o z w a |y i p r z e a n a l i z o w a z m i a n f i r m y t r z e c i e j ,
j e |e l i n i e b d z i e o n a w s t a n i e n a d |y z a r o z w i z a n i a m i p r z e m y s Bo w y m i .
W j a k i s p o s ó b p o d e j [
d o a p l i k a c j i s i e c i o w y c h ?
P o d e j [c i e z a k Ba d a j c e u |y w a n i e s t a n d a r d ó w s i e c i o w y c h o z n a c z a [c i s Be o d d z i e l e n i e
w a r s t w y p r e z e n t a c y j n e j o d t r e [c i , c o p o c i g a z a s o b t a k |e s e p a r a c j l o g i k i b i z n e s o w e j
o d w a r s t w y p r e z e n t a c y j n e j . Z e s p o By p r o g r a m i s t ó w b u d u j c e o p r o g r a m o w a n i e o r a z
a p l i k a c j e s i e c i o w e m o g c z e r p a d u |e k o r z y [c i , j e [l i t w o r z o n e p r z e z n i c h i n t e r f e j s y
b d o p i e r a By s i n a n o w o c z e s n y m p o d e j [c i u , c z y l i a r k u s z a c h s t y l ó w C S S z a m i a s t
o s a d z o n y c h a t r y b u t ó w p r e z e n t a c y j n y c h .
M n i e j s z a i l o [ o s a d z o n e g o k o d u p r e z e n t a c y j n e g o o z n a c z a z m n i e j s z e n i e r y z y k a d l a
l o g i k i b i z n e s o w e j p o d c z a s m o d y f i k a c j i p r o j e k t u w i t r y n y l u b o p r o g r a m o w a n i a . P o n a d t o ,
w [r o d o w i s k u p o t e n c j a l n i e s k o m p l i k o w a n e g o o p r o g r a m o w a n i a , t a k i e p o d e j [c i e m o |e
o z n a c z a , |e d o [w i a d c z e n i p r o j e k t a n c i i n t e r f e j s u b d m o g l i w p r o w a d z a z m i a n y
w u k Ba d z i e b e z k o n i e c z n o [c i u a k t u a l n i a n i a k o d u w e w n t r z n e g o i a n g a |o w a n i a p r o -
g r a m i s t ó w k o d u w e w n t r z n e g o .
P r a w d z i w y m w y z w a n i e m j e s t o k r e [l e n i e m i e j s c a r o z p o c z c i a a k t u a l i z a c j i a p l i k a c j i
s i e c i o w e j i p o z n a n i e f u n k c j i d o s t p n y c h t e c h n o l o g i i . N o w e f u n k c j e t e c h n i k w y k o r z y -
s t u j c y c h s t a n d a r d y s i e c i o w e m o g s t a s i p o t |n y m s o j u s z n i k i e m z e s p o Bu z a r ó w n o
b u d o w a n i a a p l i k a c j i s i e c i o w e j o d s a m e g o p o c z t k u , j a k i p o d c z a s u |y w a n i a k o m e r c y j n y c h
n a r z d z i s Bu |c y c h d o z a r z d z a n i a t r e [c i .
Wyszukiwarka
Podobne podstrony:
Tworzenie serwisow WWW Standardy sieciowe tswwwsProjektowanie serwisów WWW Standardy sieciowe Wydanie IIIPHP6 i MySQL 5 Dynamiczne strony WWW Szybki start ph6ms5Testy zbiorcze ze standardówPowtórka strony WWW7 rzeczy ktore musisz wiedziec 7 rzeczy ktore musisz wiedziec tworzenie strony wwwISTRUKCJA TWORZENIA STRONY WWW W TWRPSPHP i MySQL Dynamiczne strony WWW Szybki start Wydanie IIPrzydatne strony wwwOpracowanie strony WWW dla II Pracowni Fizycznej Wydziału Fizyki Uniwersytetu Warszawskiego10 Montaż i demontaż uchwytów w podsufitówce ze standardu na GTISTRONY WWW DLA DZIECIwięcej podobnych podstron