ÿþR o z d z i a B 2 4 .
P r o j e k t o w a n i e w i t r y n
d o p r a k t y c z n y c h z a s t o s o w a D
C z y t a j c p o p r z e d n i e r o z d z i a By , p o z n a Be [ k i l k a w s k a z ó w e k d o t y c z c y c h t e g o , c o p o w i -
n i e n e [, a c z e g o n i e p o w i n i e n e [ r o b i , p l a n u j c w i t r y n o r a z p r o j e k t u j c s t r o n y W W W .
P o z n a Be [ t a k |e c z y n n i k i , k t ó r e m o g s p r a w i , |e w i t r y n a b d z i e d o b r a ( l u b z Ba ) . J e s t
j e d n a k j e s z c z e j e d e n c z y n n i k , n a j a k i p o w i n i e n e [ z w r ó c i u w a g , j e s t n i m s p o s ó b p r o -
j e k t o w a n i a w i t r y n p r z e z n a c z o n y c h d o p r a k t y c z n y c h z a s t o s o w a D .
D o w i e d z i a Be [ s i j u |, |e w p r a k t y c e z W W W k o r z y s t a w i e l u r ó |n y c h u |y t k o w n i k ó w ,
u |y w a j c y c h w i e l u s y s t e m ó w k o m p u t e r o w y c h i p r z e g l d a r e k . W s t r o n a c h i w i t r y n a c h
p r o j e k t o w a n y c h d o t e j p o r y n i e u w z g l d n i Be [ j e d n a k j e s z c z e j e d n e g o c z y n n i k a : r ó |n y c h
p r e f e r e n c j i u |y t k o w n i k ó w o d w i e d z a j c y c h T w o j w i t r y n o r a z f a k t u , i | k a |d y z n i c h
m o |e d y s p o n o w a r ó |n y m p o z i o m e m d o [w i a d c z e n i a . D z i k i p r z e w i d z e n i u p o t r z e b
u |y t k o w n i k ó w , k t ó r z y b d o d w i e d z a T w w i t r y n , Ba t w i e j C i b d z i e o c e n i , w j a k i
s p o s ó b n a l e |y j z a p r o j e k t o w a . W t y m r o z d z i a l e p r z e d s t a w i s p o s o b y p r z e w i d y w a n i a
p o t r z e b u |y t k o w n i k ó w o r a z o p i s z :
c z y n n i k i , j a k i e n a l e |y b r a p o d u w a g p r z y o k r e [l a n i u p r e f e r e n c j i u |y t k o w n i k ó w
t w o r z o n y c h w i t r y n ,
j a k d o d a w a m o |l i w o [c i f u n k c j o n a l n e u Ba t w i a j c e k o r z y s t a n i e z w i t r y n y
p o c z t k u j c y m u |y t k o w n i k o m ,
r ó |n e m e t o d y u Ba t w i a j c e u |y t k o w n i k o m p o r u s z a n i e s i p o w i t r y n i e ,
k o d H T M L p r e z e n t u j c y t s a m s t r o n W W W n a p i s a n z g o d n i e z r ó |n y m i
s p e c y f i k a c j a m i X H T M L 1 . 0 ( T r a n s i t i o n a l , F r a m e s e t o r a z S t r i c t ) .
C z y m s z a s t o s o w a n i a p r a k t y c z n e
P r a w d o p o d o b n i e j e s t e [ p r z y z w y c z a j o n y d o p r z e g l d a n i a I n t e r n e t u p r z y w y k o r z y s t a n i u
k o m p u t e r a d z i a Ba j c e g o w k o n k r e t n y m s y s t e m e m o p e r a c y j n y m , t a k i m j a k W i n d o w s 9 5
l u b 9 8 , W i n d o w s N T , M a c i n t o s h l u b i n n y . M o |e C i s i z d a w a , |e p o d k a |d y m w z g l -
d e m d o s k o n a l e w i e s z , w j a k i s p o s ó b i n n e o s o b y o d b i e r a j s t r o n y W W W .
7 0 8 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
M i e j m y n a d z i e j , |e i n f o r m a c j e n a b y t e p o d c z a s l e k t u r y t e j k s i |k i p o z w o l i By C i z d a
s o b i e s p r a w , i | T w ó j s p o s ó b p o s t r z e g a n i a s t r o n W W W n i e z a w s z e o d p o w i a d a s p o s o -
b o w i , w j a k i i n n e o s o b y o g l d a j t e s a m e s t r o n y . W r z e c z y w i s t y m [w i e c i e i s t n i e j e t a k
w i e l e r ó |n y c h k o m p u t e r ó w d z i a Ba j c y c h w t a k w i e l u s y s t e m a c h o p e r a c y j n y c h . N a w e t
j e [l i s p r ó b u j e s z z a p r o j e k t o w a s w o j e s t r o n y z m y [l o n a j p o p u l a r n i e j s z y m s y s t e m i e
o p e r a c y j n y m i n a j c z [c i e j u |y w a n e j p r z e g l d a r c e , t o b d z i e i s t n i a B j e s z c z e j e d e n c z y n -
n i k , k t ó r e g o n i e s p o s ó b p r z e w i d z i e : p r e f e r e n c j e u |y t k o w n i k ó w . R o z w a | p r z e d s t a w i o n y
p o n i |e j p r z y k Ba d p e w n e j r o d z i n y :
J a n j e s t s z e f e m d z i a Bu w f i r m i e F o r t u n a 2 0 0 0 . J e g o f i r m a d y s p o n u j e w Ba s n s i e c i
i n t r a n e t o w . N i e m a l w s z y s c y p r a c o w n i c y f i r m y u |y w a j t e g o s a m e g o s y s t e m u
o p e r a c y j n e g o o r a z t e j s a m e j p r z e g l d a r k i . J a n j e s t p r z y z w y c z a j o n y d o p o s t r z e g a n i a
I n t e r n e t u i s t r o n W W W w p e w i e n s z c z e g ó l n y s p o s ó b : z a z w y c z a j s t o s t r o n y
z a w i e r a j c e d u |o t e k s t u z n i e w i e l k i l o [c i o b r a z k ó w , k t ó r e p o d k r e [l a j z n a c z e n i e
w a |n y c h i n f o r m a c j i , c z y l i p r o s t e s t r o n y W W W z a w i e r a j c e d u |o i n f o r m a c j i i m a Bo
e f e k t ó w m u l t i m e d i a l n y c h . W s z y s t k i e d o d a t k o w e w o d o t r y s k i d e n e r w u j J a n a ,
u w a |a , |e i c h p o b i e r a n i e t o s t r a t a c z a s u i d l a t e g o w y Bc z a p o b i e r a n i e z a r ó w n o
o b r a z ó w , j a k i d zw i k ó w ;
|o n a J a n a , Z u z a n n a j e s z c z e n i g d y w c z e [n i e j n i e u |y w a Ba k o m p u t e r a , j e d n a k z a w s z e
c h c i a Ba s i n a u c z y j e g o o b s Bu g i . H o b b y s t y c z n i e z a j m u j e s i g e n e a l o g i
i d o w i e d z i a Ba s i , |e w I n t e r n e c i e m o |n a z n a l e z w i e l e i n f o r m a c j i n a t e n t e m a t .
C h c i a Ba b y t a k |e o p u b l i k o w a n a W W W h i s t o r i s w o j e j r o d z i n y . G d y w r a z z m |e m
k u p i l i p i e r w s z y k o m p u t e r d o u |y t k u d o m o w e g o b y Ba b a r d z o p o d e k s c y t o w a n a .
J e d n a k j u | w k r ó t c e z a c z Ba z a d a w a p y t a n i a t y p u : C z y m o |n a w y [w i e t l i w i c e j
n i | j e d e n e k r a n i n f o r m a c j i ? T e l i t e r k i s z a m a Be , c z y m o |n a j e p o w i k s z y ?
A g d z i e s o b r a z k i ? J a k m o |n a w Bc z a i w y Bc z a m u z y k . . . p o d o b n o n a t e j s t r o n i e
j e s t j a k a [ m u z y k a ! . J a k w i d a , Z u z a n n a p r a g n i e p o s t r z e g a I n t e r n e t w z u p e Bn i e
i n n y s p o s ó b , n i | t e n , d o k t ó r e g o b y B p r z y z w y c z a j o n y j e j m |;
J a n i Z u z a n n a m a j s y n a T o m k a , u c z n i a s z k o By [r e d n i e j . T o m e k j e s t z a p a l o n y m
g r a c z e m i c h c e o g l d a t o , c o j e s t e f e k t o w n e , p r z e d e w s z y s t k i m m u l t i m e d i a ! W Bc z a
z a t e m g Bo [n i k i n a p e Be n r e g u l a t o r i s t u p r o c e n t a c h w y k o r z y s t u j e m o |l i w o [c i n o w e g o
k o m p u t e r a . U w a |a r ó w n i e |, |e p r z e g l d a r k a X j e s t l e p s z a o d p r z e g l d a r k i Y ,
g d y | w s z y s c y j e g o k o l e d z y u |y w a j j e j d o g i e r k r e u j c y c h r z e c z y w i s t o [ w i r t u a l n .
C h c i a Bb y z a p r o j e k t o w a w i t r y n z a w i e r a j c p o d p o w i e d z i , r a d y i s z t u c z k i
w y k o r z y s t y w a n e w j e g o u l u b i o n y c h g r a c h ;
s t a r s z a s i o s t r a T o m k a , J a n k a s t u d i u j e i c h c i a Ba b y z o s t a k o m e r c y j n a r t y s t k .
B a r d z o i n t e r e s u j e s i r z e zb i a r s t w e m i f o t o g r a f i k . C h c i a Ba b y w y k o r z y s t y w a n o w y
k o m p u t e r d o t w o r z e n i a p r a c z a d a w a n y c h p r z e z w y k Ba d o w c ó w , a z a t e m b d z i e
s z u k a Ba w i t r y n i n t e r e s u j c y c h z w i z u a l n e g o p u n k t u w i d z e n i a . J a n k a c h c i a Ba b y
o g l d a s t r o n y w p e Bn e j p a l e c i e k o l o r ó w i n a j w y |s z e j d o s t p n e j r o z d z i e l c z o [c i ;
s t a k |e n a j s t a r s i c z Bo n k o w i e r o d z i n y , r o d z i c e Z u z a n n y , k t ó r z y o s t a t n i o
p r z e p r o w a d z i l i s i d o c ó r k i p o w i e l u l a t a c h s p d z o n y c h w b a r d z o m a By m , w i e j s k i m
m i a s t e c z k u . I c h d o [w i a d c z e n i a w o b s Bu d z e k o m p u t e r ó w s m i n i m a l n e , w i d z i e l i j e
w y Bc z n i e w s k l e p a c h , a l e n a w e t n i e d o t y k a l i w o b a w i e , |e c o [ p o p s u j . D l a n i c h
k o m p u t e r y t o c o [ c a Bk o w i c i e t a j e m n i c z e g o i z d u m i e w a j c e g o . A z a t e m c h c i e l i b y
d o w i e d z i e s i c z e g o [ w i c e j n a n i c h t e m a t . R o d z i c e p o d z i e l a j z a i n t e r e s o w a n i a
Z u z a n n y g e n e a l o g i . J e d n a k o c z y o j c a Z u z a n n y n i e s j u | t a k s p r a w n e , j a k n i e g d y [
i d l a t e g o m u s i o n k o r z y s t a z e s p e c j a l n e j p r z e g l d a r k i , k t ó r a n i e t y l k o w y [w i e t l i
t e k s t , l e c z t a k |e g o o d c z y t a .
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 0 9
W s z y s t k i e t e o s o b y p r z e g l d a j W W W , u |y w a j c t e g o s a m e g o k o m p u t e r a i s y s t e m u
o p e r a c y j n e g o . W s z y s c y c z Bo n k o w i e r o d z i n y , z w y j t k i e m T o m k a , u |y w a j t a k |e t e j
s a m e j p r z e g l d a r k i . J e d n a k t e n p r z y k Ba d i l u s t r u j e i n n e s p r a w y , o k t ó r y c h p o w i n i e n e [
p o m y [l e , p r o j e k t u j c w i t r y n y W W W , c z y l i r ó |n e p o t r z e b y p o s z c z e g ó l n y c h o s ó b . I c h
p o t r z e b y m o |n a z a l i c z y d o r ó |n y c h k a t e g o r i i i z a s p o k o i Ba t w i e j d o p o z o s t a By c h . O t o
n i e k t ó r e z c z y n n i k ó w , j a k i e n a l e |y w z i p o d u w a g i k t ó r e z o s t a By p r z e d s t a w i o n e
w p o w y |s z y m p r z y k Ba d z i e .
U w z g l d n i e n i e p o z i o m u d o [w i a d c z e n i a
u |y t k o w n i k a
P o s z c z e g ó l n i c z Bo n k o w i e n a s z e j f i k c y j n e j r o d z i n y d y s p o n u j r ó |n y m i p o z i o m a m i d o -
[w i a d c z e n i a . C h o w s z y s c y |y w o i n t e r e s u j s i W W W , t o j e d n a k n i e k t ó r z y s p o [r ó d
n i c h j e s z c z e n i g d y n i e w i d z i e l i p r z e g l d a r k i . A z a t e m , p r o j e k t u j c w i t r y n , p o w i n i e n e [
w z i p o d u w a g , i | o s o b y o d w i e d z a j c e j b d d y s p o n o w a By r ó |n y m p o z i o m e m d o -
[w i a d c z e n i a o r a z p o t r z e b a m i z w i z a n y m i z p r z e g l d a n i e m s t r o n .
C z y z a g a d n i e n i a p r z e d s t a w i a n e n a w i t r y n i e b d i n t e r e s o w a By w s z y s t k i c h o d w i e d z a j -
c y c h , n i e z a l e |n i e o d i c h p o z i o m u d o [w i a d c z e n i a ? J e [l i t a k , t o b y m o |e w a r t o , a b y [
w y p o s a |y B w i t r y n w j a k i e [ r o z w i z a n i a u Ba t w i a j c e p o r u s z a n i e s i p o n i e j ? W r o z d z i a -
l e 2 3 . P r z y k Ba d y d o b r y c h i z By c h s t r o n W W W p o z n a Be [ p o d p o w i e d z i i r a d y d o t y -
c z c e p r o j e k t o w a n i a s y s t e m ó w p o r u s z a n i a s i p o w i t r y n a c h , k t ó r e m o g z a p o b i e c g u -
b i e n i u s i o s ó b w c y b e r p r z e s t r z e n i . T o d o b r y p o c z t e k , j e d n a k b y m o |e w a r t o d o d a
d o s w o j e j w i t r y n y s t r o n s z c z e g ó Bo w o o p i s u j c z a s t o s o w a n y s y s t e m p o r u s z a n i a s i p o
w i t r y n i e .
R y s u n e k 2 4 . 1 p r z e d s t a w i a p o c z t k o w y f r a g m e n t s t r o n y , n a k t ó r e j u |y t k o w n i c y m o g
d o w i e d z i e s i c z e g o [ w i c e j n a t e m a t w i t r y n y . P o Bc z e n i a u m i e s z c z o n e n a j e j p o c z t k u
u m o |l i w i a j s z y b k i e p r z e j [c i e d o k i l k u p o z o s t a By c h c z [c i . Z o s t a By o n e z a t y t u Bo w a n e :
O w i t r y n i e , S y s t e m n a w i g a c y j n y , Z a l e c a n e p r z e g l d a r k i o r a z I n n e p l i k i , k t ó r y c h m o |e s z
p o t r z e b o w a . Z k o l e i , k a |d a z t y c h c z [c i z a w i e r a p o Bc z e n i a z e s t r o n a m i p r e z e n t u j -
c y m i b a r d z i e j s z c z e g ó Bo w e i n f o r m a c j e d o t y c z c e z a w a r t o [c i w i t r y n y .
R y s u n e k 2 4 . 1 .
S t r o n a u Ba t w i a j c a
u |y t k o w n i k o m
p o r u s z a n i e s i
p o w i t r y n i e
7 1 0 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
P o d a j l i s t s t r o n z a w i e r a j c y c h o p i s w i t r y n y
C z [ O w i t r y n i e z a w i e r a l i s t p o Bc z e D d o s t r o n , k t ó r e u m o |l i w i o s o b o m o d w i e d z a j -
c y m w i t r y n s z y b k i e z a p o z n a n i e s i z j e j z a w a r t o [c i l u b o d c z y t a n i e , j a k i e n o w e i n f o r -
m a c j e z o s t a By d o n i e j d o d a n e o d c z a s u o s t a t n i e j w i z y t y . R y s u n e k 2 4 . 2 p r z e d s t a w i a p r z y -
k Ba d p r o s t e j l i s t y p o Bc z e D d o s t r o n o t e j t e m a t y c e . P o n i |e j p r z e d s t a w i Ba m d o b r e p r z y -
k Ba d y s t r o n o t a k i e j t e m a t y c e :
R y s u n e k 2 4 . 2 .
P o Bc z e n i a z e s t r o n a m i
u Ba t w i a j c y m i u z y s k a n i e
i n f o r m a c j i d o t y c z c y c h
z a w a r t o [c i w i t r y n y
S t r o n a C o n o w e g o , k t ó r a z a w i e r a l i s t n o w y c h i n f o r m a c j i d o d a n y c h d o w i t r y n y w r a z
z p o Bc z e n i a m i d o n i c h .
S t r o n a S p i s t r e [c i z a w i e r a j c a l i s t t y t u Bó w o r a z , o p c j o n a l n i e , k r ó t k i o p i s z a w a r t o [c i
w s z y s t k i c h s t r o n w i t r y n y .
S t r o n a C z s t o z a d a w a n e p y t a n i a p r e z e n t u j c a p y t a n i a n a j c z [c i e j z a d a w a n e p r z e z
u |y t k o w n i k ó w o r a z o d p o w i e d z i n a n i e .
P o w y |e j p r z e d s t a w i Ba m t y p y s t r o n , k t ó r e s n a j c z [c i e j w y k o r z y s t y w a n e w c e l u u Ba -
t w i e n i a u |y t k o w n i k o m z d o b y c i a i n f o r m a c j i o w i t r y n i e . O c z y w i [c i e , s a m e m u m o |e s z
z a s t o s o w a i n n e p o m y s By , k t ó r e b d s i l e p i e j n a d a w a By d o k o n k r e t n e g o p r z y p a d k u
T w o j e j w i t r y n y . W t a k i e j s y t u a c j i , w a r t o p o d a l i s t s t r o n , k t ó r e b d n a j b a r d z i e j p r z y -
d a t n e d l a u |y t k o w n i k ó w .
O p i s z s y s t e m n a w i g a c y j n y
R ó |n e w i t r y n y W W W m a j r ó |n e s y s t e m y n a w i g a c y j n e , j e d n a k w n i e k t ó r y c h p r z y p a d -
k a c h i c h z r o z u m i e n i e m o |e p r z y s p a r z a t r u d n o [c i p o c z t k u j c y m u |y t k o w n i k o m I n t e r -
n e t u . O g ó l n i e r z e c z b i o r c , s y s t e m y n a w i g a c y j n e s t o s o w a n e n a w i t r y n a c h W W W m o |-
n a z a l i c z y d o t r z e c h p o d s t a w o w y c h k a t e g o r i i : p r o s t y c h s y s t e m ó w t e k s t o w y c h ,
s y s t e m ó w g r a f i c z n y c h o r a z s y s t e m ó w w y k o r z y s t u j c y c h u k Ba d y r a m e k . J e [l i u w a |a s z ,
|e s y s t e m n a w i g a c y j n y z a s t o s o w a n y n a T w o j e j w i t r y n i e w y m a g a w y j a [n i e n i a , t o d o d a j
p o Bc z e n i a o r a z s t r o n y , k t ó r e u Ba t w i c z y t e l n i k o m p o z n a n i e z a s a d p o r u s z a n i a s i p o n i e j .
R y s u n e k 2 4 . 3 p r z e d s t a w i a p r z y k Ba d l i s t y p o Bc z e D, u m o |l i w i a j c y c h p r z e j [c i e d o s t r o n ,
o p i s u j c y c h r ó |n e s y s t e m y n a w i g a c y j n e , j a k i e m o |n a z a s t o s o w a n a w i t r y n a c h W W W .
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 1 1
R y s u n e k 2 4 . 3 .
O p i s z z a s t o s o w a n y
s y s t e m n a w i g a c y j n y
O p i s u j c s y s t e m n a w i g a c y j n y , p o s t a r a j s i p o d a w a o p i s y , k t ó r e m o |n a Ba t w o z r o z u -
m i e . Z a Bó |m y , |e z a s t o s o w a n y t e k s t o w y s y s t e m n a w i g a c y j n y p r z y p o m i n a t e n p r z e d -
s t a w i o n y p o n i |e j , o r a z , |e z o s t a B u m i e s z c z o n y n a w s z y s t k i c h g Bó w n y c h s t r o n a c h w i t r y n y :
S t r o n a g Bó w n a | Z a w a r t o [ | P y t a n i a i o d p o w i e d z i | C o n o w e g o | E m a i l |
K s i |k a g o [c i | P o Bc z e n i a
D l a o s ó b , k t ó r e j u | w c z e [n i e j o d w i e d z i By w i t r y n , z r o z u m i e n i e t e g o p a s k a n a w i g a c y j -
n e g o n i e b d z i e p r a w d o p o d o b n i e w y m a g a Bo |a d n y c h w y j a [n i e D. J e d n a k t a k i e w y j a [n i e -
n i a m o g s i p r z y d a o s o b o m , k t ó r e o d w i e d z a j w i t r y n p o r a z p i e r w s z y . P o n i |e j
p r z e d s t a w i Ba m o p i s y p o m o c n e d l a t a k i c h n o w y c h u |y t k o w n i k ó w :
s t r o n a g Bó w n a S k o r z y s t a j z t e g o p o Bc z e n i a , a b y w r ó c i n a s t r o n g Bó w n
w i t r y n y ;
z a w a r t o [ S p i s t r e [c i z a w i e r a p o Bc z e n i a z e w s z y s t k i m i s t r o n a m i w i t r y n y .
J e [l i o d w i e d z a s z t w i t r y n p o r a z p i e r w s z y , t o b d z i e t o s t r o n a , o d k t ó r e j
p o w i n i e n e [ z a c z ;
p y t a n i a i o d p o w i e d z i N a s t r o n a c h c z s t o p o j a w i a s i t a k |e s k r ó t F A Q .
D l a n o w y c h u |y t k o w n i k ó w I n t e r n e t u o r a z o s ó b n i e z n a j c y c h j z y k a a n g i e l s k i e g o
p r z y d a s i j e g o w y j a [n i e n i e l u b p o d a n i e p o l s k i e g o o d p o w i e d n i k a N a j c z [c i e j
z a d a w a n e p y t a n i a i o d p o w i e d z i . J e [l i w o l i s z u |y s k r ó t u F A Q , t o o p i s z g o
w n a s t p u j c y s p o s ó b : S t r o n a F A Q ( F r e c q u e n t l y A s k e d Q u a s t i o n s ) z a w i e r a p y t a n i a
n a j c z [c i e j z a d a w a n e p r z e z o s o b y o d w i e d z a j c e w i t r y n o r a z o d p o w i e d z i n a n i e ;
e - m a i l O t o j e s z c z e j e d n o p o Bc z e n i e , k t ó r e g o z n a c z n i e m o |e w y m a g a
w y j a [n i e n i a . C z y u m o |l i w i a o n o w y [w i e t l e n i e w i a d o m o [c i o t r z y m a n e j p o c z t
e l e k t r o n i c z n l u b t e | w y s Ba n i e t a k i e j w i a d o m o [c i n a T w ó j a d r e s ? O p i s o t r e [c i U |y j
t e g o p o Bc z e n i a , a b y w y s Ba p y t a n i e l u b k o m e n t a r z d o a d m i n i s t r a t o r a t e j w i t r y n y
d o k Ba d n i e w y j a [n i u |y t k o w n i k o m , d o c z e g o s Bu |y t o p o Bc z e n i e .
J e [l i s y s t e m n a w i g a c y j n y w i t r y n y s k Ba d a s i z i k o n l u b o b r a z ó w , i c h z n a c z e n i e n i e z a w -
s z e b d z i e o c z y w i s t e . R o z w a |m y p r z y k Ba d p r z e d s t a w i o n y n a r y s u n k u 2 4 . 4 . L e w a r a m k a
u k Ba d u z a w i e r a i k o n y i o b r a z y s Bu |c e d o p o r u s z a n i a s i p o w i t r y n i e , n a t o m i a s t w d o l -
n e j r a m c e z o s t a B u m i e s z c z o n y t e k s t o w y p a s e k n a w i g a c y j n y u d o s t p n i a j c y a n a l o g i c z n e
m o |l i w o [c i f u n k c j o n a l n e .
7 1 2 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
R y s u n e k 2 4 . 4 .
S y s t e m n a w i g a c y j n y
w y k o r z y s t u j c y i k o n y ,
o b r a z y o r a z u k Ba d r a m e k
W n i e k t ó r y c h p r z y p a d k a c h z n a c z e n i e i k o n y l u b o b r a z u u m i e s z c z o n e g o n a p a s k u n a w i -
g a c y j n y m n i e j e s t o c z y w i s t e . K r ó t k i o p i s k a |d e j z z a s t o s o w a n y c h i k o n z o s t a B p o d a n y
w g Bó w n e j r a m c e u k Ba d u , j e d n a k d l a p o c z t k u j c y c h u |y t k o w n i k ó w p r z y d a By b y s i z a -
p e w n e d o d a t k o w e w y j a [n i e n i a . N a p r z y k Ba d , m ó g Bb y [ u m i e [c i n a s t r o n i e w s z y s t k i e
i k o n y , a o b o k n i c h o p i s y p o d o b n e d o t y c h , k t ó r e p o d a Ba m d l a p o Bc z e D t w o r z c y c h t e k -
s t o w y p a s e k n a w i g a c y j n y .
P o c z t k u j c y u |y t k o w n i c y m a j z a z w y c z a j p r o b l e m y z e z r o z u m i e n i e m u k Ba d ó w r a m e k .
D l a n i c h b a r d z o p o m o c n a m o |e s i o k a z a s t r o n a z k r ó t k i m o p i s e m u k Ba d u . J e d n y m z e
s p o s o b ó w o p i s u u k Ba d u r a m e k j e s t u m i e s z c z e n i e n a s t r o n i e o b r a z u p r z e d s t a w i a j c e g o
j e g o m i n i a t u r , p o d o b n e g o d o t e g o , k t ó r y p o k a z a Ba m n a r y s u n k u 2 4 . 5 . N a z w i j k a |d
z r a m e k u k Ba d u , u |y w a j c o k r e [l e D, k t ó r e o d w i e d z a j c y b d z i e m ó g B Ba t w o z a p a m i t a
( n a p r z y k Ba d : L e w a , G ó r n a , D o l n a , G Bó w n a ) i n a t e j s a m e j s t r o n i e p o d a j k r ó t k i o p i s
p r z e z n a c z e n i a k a |d e j z t y c h r a m e k . P o n i |e j p o d a Ba m p r z y k Ba d , j a k m o |n a b y o p i s a
r a m k i p r z e d s t a w i o n e n a r y s u n k u 2 4 . 5 :
i k o n y u m i e s z c z o n e w l e w e j r a m c e m o |e s z u |y , a b y o k r e [l i s t r o n , k t ó r c h c e s z
w y [w i e t l i w n a j w i k s z e j , G Bó w n e j r a m c e . J e [l i n i e p a m i t a s z , c o o z n a c z a j
p o s z c z e g ó l n e i k o n y , t o k l i k n i j i k o n z e z n a k i e m z a p y t a n i a , a b y w y [w i e t l i s t r o n
z i n f o r m a c j a m i o i k o n a c h l u b s k o r z y s t a j z t e k s t o w e g o p a s k a n a w i g a c y j n e g o
w y [w i e t l o n e g o w D o l n e j r a m c e ;
G ó r n a r a m k a u k Ba d u z a w i e r a l o g o w i t r y n y , d z i k i c z e m u z a w s z e b d z i e s z w i e d z i a B,
j a k w i t r y n o g l d a s z ;
w r a m c e G Bó w n e j w y [w i e t l a n e s w s z y s t k i e s t r o n y w y b i e r a n e w r a m c e L e w e j
l u b D o l n e j . C o w i c e j , j e [l i k l i k n i e s z j a k i e [ p o Bc z e n i e u m i e s z c z o n e n a s t r o n i e
w y [w i e t l o n e j w G Bó w n e j r a m c e , t o j e g o s t r o n a d o c e l o w a t a k |e z o s t a n i e w y [w i e t l o n a
w t e j s a m e j r a m c e ;
p o Bc z e n i a t e k s t o w e u m i e s z c z o n e w D o l n e j r a m c e m a j t o s a m o p r z e z n a c z e n i e
c o i k o n y w r a m c e L e w e j . Z o s t a By o n e s t w o r z o n e z m y [l o o s o b a c h , k t ó r y c h
p r z e g l d a r k i n i e w y [w i e t l a j o b r a z ó w l u b p r e f e r u j s t o s o w a n i e p o Bc z e D t e k s t o w y c h .
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 1 3
G ó r n a r a m k a
L e w a r a m k a
R y s u n e k 2 4 . 5 .
O p i s y w a n i e
u k Ba d u r a m e k
D o l n a r a m k a R a m k a g Bó w n a
D o d a j i n f o r m a c j e o z a l e c a n y c h p r z e g l d a r k a c h
K o l e j n i n f o r m a c j , k t ó r a m o |e s i o k a z a p o m o c n a d l a o s ó b k o r z y s t a j c y c h p o r a z
p i e r w s z y z T w o j e j w i t r y n y , b d z i e w s k a z a n i e p r z e g l d a r k i , z m y [l o k t ó r e j z o s t a Ba o n a
z a p r o j e k t o w a n a . R y s u n e k 2 4 . 6 p r z e d s t a w i a p r o s t y p r z y k Ba d s t r o n y z a w i e r a j c e j t a k i e i n -
f o r m a c j e .
R y s u n e k 2 4 . 6 .
D o d a n i e z a l e c e D
o d n o [n i e s t o s o w a n e j
p r z e g l d a r k i
I n f o r m a c j e u m i e s z c z o n e n a t e j s t r o n i e p o z w a l a j d o w i e d z i e s i , |e d o o g l d a n i a w i t r y -
n y n a l e |y u |y w a p r z e g l d a r e k z g o d n y c h z e s t a n d a r d e m j z y k a H T M L 3 . 2 o r a z k o l e j -
n y c h w e r s j i o b s Bu g u j c y c h u k Ba d y r a m e k ( z g o d n y c h z e s p e c y f i k a c j j z y k a H T M L
F r a m e s e t ) . U m i e s z c z o n a n a s t r o n i e l i s t a p o d a j e w s z y s t k i e p r z e g l d a r k i , w j a k i c h w i t r y -
n a z o s t a Ba p r z e t e s t o w a n a w r a z z p o Bc z e n i a m i u m o |l i w i a j c y m i i c h p o b r a n i e . W k o Dc u
7 1 4 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
a u t o r w i t r y n y p y t a , c z y u |y t k o w n i c y i n n y c h p r z e g l d a r e k m a j j a k i e [ p r o b l e m y z k o -
r z y s t a n i e m z w i t r y n y . P o d a n y z o s t a B t a k |e a d r e s p o c z t y e l e k t r o n i c z n e j , d z i k i c z e m u
m o |e o t r z y m y w a i n f o r m a c j e o p o t e n c j a l n y c h p r o b l e m a c h , j a k i e w y s t p u j w p r z e g l -
d a r k a c h , k t ó r y c h w i t r y n a n i e z o s t a Ba p r z e t e s t o w a n a .
L i s t a i n n y c h n i e z b d n y c h p l i k ó w
O p r ó c z w i a d o m o [c i o z a l e c a n y c h p r z e g l d a r k a c h , p o w i n i e n e [ t a k |e p o i n f o r m o w a
u |y t k o w n i k ó w o w s z e l k i c h d o d a t k a c h o r a z i n n y c h p l i k a c h , k t ó r e b d p o t r z e b n e o s o -
b o m p r z e g l d a j c y m w i t r y n . J e [l i n a w i t r y n i e z o s t a By u m i e s z c z o n e p l i k i , k t ó r e n i e s
z a p i s a n e w f o r m a c i e H T M L ( n a p r z y k Ba d , p l i k i a r c h i w a l n e , d o k u m e n t y p r o g r a m u
M i c r o s o f t W o r d , o b r a z y w f o r m a t a c h i n n y c h n i | J P E G i G I F , i t p . ) , t o p o w i n i e n e [ p o i n -
f o r m o w a u |y t k o w n i k ó w , i | b d p o t r z e b o w a l i s p e c j a l n y c h p r o g r a m ó w . P o d a j l i s t
z e w n t r z n y c h i d o d a t k o w y c h p r o g r a m ó w , k t ó r e b d p o t r z e b n e .
P r z y k Ba d l i s t y p o Bc z e D d o z e w n t r z n y c h p l i k ó w z o s t a B p r z e d s t a w i o n y n a r y s u n k u 2 4 . 7 .
N a t e j s t r o n i e a u t o r p o d a B z e w n t r z n e a p l i k a c j e , p o t r z e b n e u |y t k o w n i k o w i w c e l u o g l d -
n i c i a l u b w y k o r z y s t a n i a p l i k ó w u m i e s z c z o n y c h n a w i t r y n i e . T a p r z y k Ba d o w a w i t r y n a
z a w i e r a k i l k a p l i k ó w z a p i s a n y c h w f o r m a c i e A d o b e A c r o b a t R e a d e r ( . P D F ) o r a z p l i -
k ó w a r c h i w a l n y c h ( . Z I P ) , k t ó r e z o s t a By u m i e s z c z o n e n a k i l k u r ó |n y c h s t r o n a c h .
U m i e s z c z a j c n a j e d n e j s t r o n i e p o Bc z e n i e d o w s z y s t k i c h k o n i e c z n y c h p r z e g l d a r e k
i p r o g r a m ó w d o d a t k o w y c h ( t a k i c h j a k W i n Z i p o r a z A d o b e A c r o b a t R e a d e r ) , o s o b y o d -
w i e d z a j c e w i t r y n m o g b a r d z o s z y b k o d o w i e d z i e s i , j a k i c h p l i k ó w b d p o t r z e b o -
w a By , a b y w p e Bn i w y k o r z y s t a m o |l i w o [c i w i t r y n y .
R y s u n e k 2 4 . 7 .
L i s t a i n n y c h p l i k ó w ,
k o n i e c z n y c h
d o k o r z y s t a n i a z w i t r y n y
O k r e [l a n i e p r e f e r e n c j i u |y t k o w n i k ó w
O p r ó c z r ó |n y c h p o z i o m ó w d o [w i a d c z e n i a o s ó b o g l d a j c y c h w i t r y n y , m o |e s z m i e
t a k |e p e w n o [, |e k a |d a z n i c h b d z i e m i a Ba s w ó j w Ba s n y , u l u b i o n y s p o s ó b k o r z y s t a n i a
z n i e j . W j a k i s p o s ó b m o |e s z z a d o w o l i u p o d o b a n i a w s z y s t k i c h u |y t k o w n i k ó w ? P r a w -
d r z e k Bs z y , n i e m o |e s z . J e d n a k p o s t a r a s i g o o k r e [l i . J e d n y m z c z y n n i k ó w d o b r e g o
p r o j e k t u w i t r y n y j e s t p r z e w i d z e n i e , c o u |y t k o w n i c y b d c h c i e l i n a n i e j o g l d a . S t a j e
s i t o t y m t r u d n i e j s z e , i m w i c e j o s ó b b d z i e s i i n t e r e s o w a Bo z a g a d n i e n i a m i p r e z e n t o -
w a n y m i n a w i t r y n i e .
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 1 5
J a k m o |n a z a u w a |y , p o t r z e b y k a |d e g o z c z Bo n k ó w n a s z e j f i k c y j n e j r o d z i n y s p r a w i a j ,
i | i n a c z e j p a t r z y n a W W W . C z a s a m i w y n i k a t o z z a i n t e r e s o w a D, c z a s a m i z e s p e c j a l -
n y c h p o t r z e b u |y t k o w n i k ó w . W Ba [n i e t o j e s t k l u c z e m d o p r z e w i d z e n i a , j a k i e i n f o r m a c j e
p o w i n i e n e [ u m i e [c i n a s w o j e j w i t r y n i e .
Z a g a d n i e n i a t y p u R e g u l a c j a z a p Bo n u w s i l n i k a c h m o t o c y k l o w y c h o p o j e m n o [c i 3 0 0 c m
s z e [c i e n n y c h z a i n t e r e s u j e w s k i e g r o n o o d b i o r c ó w . B d z i e o n a t r a k c y j n y d l a o s ó b i n -
t e r e s u j c y c h s i m o t o c y k l a m i , w k o n k r e t n i e j , d l a o s ó b p r a g n c y c h w y r e m o n t o w a l u b
w y r e g u l o w a w Ba s n y m o t o c y k l . S t o s u n k o w o Ba t w o m o |n a o k r e [l i t y p y i n f o r m a c j i , j a -
k i e z a i n t e r e s u j t a k i c h o d b i o r c ó w . B d t o z a p e w n e s z c z e g ó Bo w e i n s t r u k c j e , k r o k p o
k r o k u o p i s u j c e p r o c e s r e g u l a c j i o r a z o b r a z y l u b i n n e p r e z e n t a c j e m u l t i m e d i a l n e d e -
m o n s t r u j c e t e c h n i k i , k t ó r y c h w Ba t w y s p o s ó b n i e d a s i o p i s a s Bo w a m i .
Z d r u g i e j s t r o n y , t e m a t S i e d e m c u d ó w [w i a t a s t a r o |y t n e g o p r z y c i g n i e z a i n t e r e s o w a -
n i e u c z n i ó w i s t u d e n t ó w w r ó |n y m w i e l u , j a k r ó w n i e | i c h n a u c z y c i e l i . T a k w i t r y n
m o g t a k |e o d w i e d z a a r c h e o l o d z y , h i s t o r y c y o r a z w s z e l k i e i n n e o s o b y i n t e r e s u j c e s i
h i s t o r i s t a r o |y t n . T e r a z d y s p o n u j e s z z n a c z n i e s z e r s z y m g r o n e m o d b i o r c ó w , m i e s z -
c z c y c h s i w s z e r s z y m p r z e d z i a l e w i e k o w y m i o w y |s z y m p o z i o m i e w y k s z t a Bc e n i a .
Z n a c z n i e t r u d n i e j b d z i e s t w o r z y w i t r y n , k t ó r a z a d o w o l i i c h w s z y s t k i c h .
W t a k i c h p r z y p a d k a c h z a w |e n i e t e m a t y k i w i t r y n y m o |e n i e c o u Ba t w i z a d a n i e . J e d -
n y m z e s p o s o b ó w j e s t z a p r o j e k t o w a n i e w i t r y n y p r z e z n a c z o n e j d l a k o n k r e t n e j g r u p y
u |y t k o w n i k ó w , n a p r z y k Ba d , d l a :
u c z n i ó w s z k ó B p o d s t a w o w y c h o r a z i c h n a u c z y c i e l i t a k a w i t r y n a b d z i e w y m a g a
b a r d z o p r o s t e g o s y s t e m u n a w i g a c j i , k t ó r y m o |n a Ba t w o z r o z u m i e ; z a w a r t o [
w i t r y n y p o w i n n a b y p r o s t a i c z y t e l n a ; a t r a k c y j n e , k o l o r o w e o b r a z y i a n i m a c j e
m o g p r z y c i g n u w a g i z a i n t e r e s o w a n i e m Bo d y c h o d b i o r c ó w ;
u c z n i ó w g i m n a z j ó w i l i c e ó w o r a z i c h n a u c z y c i e l i w t y m p r z y p a d k u m o |n a u |y
n i e c o b a r d z i e s k o m p l i k o w a n e g o s y s t e m u n a w i g a c j i ; w y k o r z y s t a n i e m u l t i m e d i ó w
o r a z n a j n o w s z y c h t e c h n o l o g i i i n t e r n e t o w y c h m o |e s k Bo n i t g r u p o d b i o r c ó w
d o p o n o w n e g o o d w i e d z e n i a w i t r y n y ;
s t u d e n t ó w o r a z w y k Ba d o w c ó w t a g r u p a o d b i o r c ó w b d z i e w y m a g a Ba w i t r y n y ,
k t ó r e j z a w a r t o [ b d z i e n a z n a c z n i e w y |s z y m p o z i o m i e , n a t o m i a s t z a s t o s o w a n i e
t e c h n i k m u l t i m e d i a l n y c h n i e b d z i e a | t a k w a |n e ; w t y m p r z y p a d k u d o b r y m
r o z w i z a n i e m b d z i e s t w o r z e n i e w i t r y n y w f o r m i e i n t e r n e t o w e j e n c y k l o p e d i i ;
b a d a c z y i h i s t o r y k ó w w i t r y n a p r z e z n a c z o n a d l a t e j g r u p y o d b i o r c ó w b d z i e
z a p e w n e w y m a g a Ba s t w o r z e n i a s t r o n z a w i e r a j c y c h w i c e j i n f o r m a c j i t e k s t o w y c h
n i | o b r a z ó w i i n n y c h p l i k ó w m u l t i m e d i a l n y c h .
N i e z a w s z e m o |l i w e j e s t o k r e [l e n i e g r u p o d b i o r c ó w , k o r z y s t a j c y c h z w i t r y n y . W t a -
k i c h p r z y p a d k a c h r o z p o c z n i j t w o r z e n i e w i t r y n y , b a z u j c n a w Ba s n y c h p r e f e r e n c j a c h .
S p r a w d z t a k |e i n n e o p o d o b n e j z a w a r t o [c i . P r z e g l d a j c j e , z a d a j s o b i e p y t a n i e , c o
c h c i a Bb y [ n a n i c h z o b a c z y . C z y i n f o r m a c j e s p r e z e n t o w a n e w d o b r y s p o s ó b ? C z y n a
w i t r y n i e s w i a d o m o [c i s t a n o w i c e p o m o c d l a o d w i e d z a j c y c h j o s ó b ? C z y n a w i t r y -
n i e j e s t z b y t m a Bo , b d z z b y t d u |o e f e k t ó w m u l t i m e d i a l n y c h ? J e [l i m a s z z n a j o m y c h
c h t n y c h d o p o m o c y , t o i c h o p i n i e b d s t a n o w i By c e n n y m a t e r i a B, k t ó r y p o w i n i e n e [
p r z e a n a l i z o w a p r z e d r o z p o c z c i e m t w o r z e n i a w Ba s n e j w i t r y n y .
7 1 6 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
P o z a p r o j e k t o w a n i u p o c z t k o w y c h w e r s j i w Ba s n y c h s t r o n p o p r o [ p r z y j a c i ó B, r o d z i n l u b
w s p ó Bp r a c o w n i k ó w , a b y p r z y j r z e l i s i w i t r y n i e i p o d z i e l i l i s i s w o i m i o p i n i a m i n a j e j
t e m a t . P a m i t a j , |e p r o s z c i n n e o s o b y o k o n s t r u k t y w n k r y t y k , n i e z a w s z e u s By s z y s z
t o , c o b y c h c i a B; j e d n a k j e s t t o b a r d z o w a |n y p r o c e s , d z i k i k t ó r e m u m o |e s z z d o b y
w i e l e n o w y c h p o m y s Bó w i p r o p o z y c j i p o p r a w i e n i a w i t r y n y .
P o d e j m o w a n i e d e c y z j i o u |y c i u j z y k a H T M L 4 . 0
b d z X H T M L 1 . 0
W p o p r z e d n i c h r o z d z i a Ba c h p o z n a Be [ r ó |n e w e r s j e j z y k a H T M L 4 . 0 o r a z X H T M L 1 . 0
i d o w i e d z i a Be [ s i , w j a k i s p o s ó b k a |d a z n i c h j e s t p r z e z n a c z o n a d l a o s ó b k o r z y s t a j c y c h z e
s t a r s z y c h b d z n o w s z y c h p r z e g l d a r e k . P o n i |e j p r z e d s t a w i Ba m r ó |n e w e r s j e j z y k ó w :
H T M L 4 . 0 l u b X H T M L 1 . 0 T r a n s i t i o n a l ( p o [r e d n i ) j e s t p r z e z n a c z o n a d l a o s ó b
p r a g n c y c h z a p e w n i p o p r a w n e d z i a Ba n i e w i t r y n y w s t a r s z y c h m o d e l a c h
p r z e g l d a r e k ;
H T M L 4 . 0 l u b X H T M L 1 . 0 F r a m e s e t ( u k Ba d r a m e k ) j e s t p r z e z n a c z o n a d l a o s ó b
p r a g n c y c h w y k o r z y s t a m o |l i w o [c i n a w i g a c j i , j a k i e d a j u k Ba d y r a m e k o r a z
z n a c z n i k i d o s t p n e w j z y k u H T M L 4 . 0 T r a n s i t i o n a l ;
H T M L 4 . 0 l u b X H T M L 1 . 0 S t r i c t ( [c i s By ) j e s t p r z e z n a c z o n a d l a o s ó b p r a g n c y c h
t w o r z y s t r o n y c a Bk o w i c i e z g o d n e z e s p e c y f i k a c j j z y k ó w H T M L 4 . 0
o r a z X H T M L 1 . 0 , k t ó r e n i e w y k o r z y s t u j p r z e s t a r z a By c h i n i e z a l e c a n y c h
z n a c z n i k ó w i a t r y b u t ó w .
H T M L 4 . 0 o r a z X H T M L 1 . 0 T r a n s i t i o n a l ( p o [r e d n i )
J e [l i s p o d z i e w a s z s i , |e o s o b y o d w i e d z a j c e T w o j w i t r y n b d k o r z y s t a By z w i e l u
r ó |n y c h p r z e g l d a r e k , t o p r a w d o p o d o b n i e k o r z y s t n e b d z i e s t w o r z e n i e j e j n a b a z i e s p e -
c y f i k a c j i H T M L 4 . 0 l u b X H T M L 1 . 0 T r a n s i t i o n a l . D z i k i t e m u z a p e w n i a s z z g o d n o [
t w o r z o n y c h s t r o n z w c z e [n i e j s z y m i w e r s j a m i p r z e g l d a r e k . T a s p e c y f i k a c j a z a p e w n i a
m o |l i w o [ s t o s o w a n i a z n a c z n i k ó w , k t ó r e w s p e c y f i k a c j i [c i s Be j , H T M L 4 . 0 l u b
X H T M L 1 . 0 S t r i c t , z o s t a By u z n a n e z a p r z e s t a r z a Be i n i e s z a l e c a n e . Z t e g o w z g l d u , j e -
[l i m a s z z a m i a r u |y w a z n a c z n i k ó w i a t r y b u t ó w o k r e [l a j c y c h p o s t a d o k u m e n t u
w p r o w a d z o n y c h w H T M L - u 3 . 2 ( t a k i c h j a k z n a c z n i k < C E N T E R > l u b a t r y b u t A L I G N
o k r e [l a j c e w y r ó w n a n i e e l e m e n t u l u b a t r y b u t y B G C O L O R o r a z C O L O R o k r e [l a j c e k o l o r
t Ba i t e k s t u ) , b d z i e s z m ó g B t o z r o b i .
R o z w a |m y p r z y k Ba d s t r o n y P a Ba c u S t r a c h u H a l l o w e e n , p r z e d s t a w i o n e j w r o z d z i a l e 7 .
W y k o r z y s t y w a n i e o b r a z ó w , k o l o r u i t Ba . W t y m r o z d z i a l e w y g l d s t r o n y z n o w u
z o s t a B z m o d y f i k o w a n y , o c z y m p r z e k o n a s z s i , p r z e g l d a j c 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 . W t e j w e r s j i s t r o n y , d o p r z e d s t a w i e n i a j e j z a w a r t o [c i i o k r e [l e n i a w y g l d u
z o s t a By w y k o r z y s t a n e z n a c z n i k i z g o d n e z e s p e c y f i k a c j H T M L 3 . 2 . C z c i o n k i , k o l o r y
o r a z w y r ó w n a n i e e l e m e n t ó w s t r o n y z o s t a Bo o k r e [l o n e p r z y w y k o r z y s t a n i u z n a c z n i k ó w
u z n a n y c h z a p r z e s t a r z a Be w s p e c y f i k a c j i H T M L 4 . 0 i X H T M L 1 . 0 S t r i c t .
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 1 7
W p r z e d s t a w i o n y m p o n i |e j p r z y k Ba d z i e p r z e s t a r z a Be z n a c z n i k i i a t r y b u t y z o s t a By o z n a -
c z o n e k u r s y w . P o z a t y m n a s t r o n i e w y k o r z y s t a n o t a b e l , d z i k i k t ó r e j f r a g m e n t y s t r o -
n y o b r a z k i , p o Bc z e n i a i w y j a [n i e n i a z o s t a By r o z m i e s z c z o n e w f o r m i e s z a c h o w n i -
c y . R y s u n e k 2 4 . 8 p r z e d s t a w i a w y g l d p o n i |s z e j s t r o n y , w y [w i e t l o n e j 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 E x p l o r e r .
< ! 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 T r a n s i t i o n a l / / 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 / t r a n s i t i o n a l . d t d " >
< h t m l >
< h e a d >
< t i t l e > W i t a j c i e w P a Ba c u S t r a c h u H a l l o w e e n < / t i t l e >
< / h e a d >
< b o d y b g c o l o r = " # f f 9 9 3 3 " l i n k = " # 9 9 0 0 0 0 " >
< h 1 a l i g n = " c e n t e r " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
W i t a j c i e w P a Ba c u S t r a c h u H a l l o w e e n ! ! < / f o n t > < / h 1 >
< d i v a l i g n = " c e n t e r " >
< p >
< i m g s r c = " s k e l 0 5 . g i f " a l t = " s k e l 0 5 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 "
/ >
< i m g s r c = " s k e l 0 7 . g i f " a l t = " s k e l 0 7 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 "
/ >
< i m g s r c = " s k e l 0 6 . g i f " a l t = " s k e l 0 6 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 "
/ >
< / p >
< / d i v >
< h r / >
< p >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
W y b r a n y n a j b a r d z i e j s t r a s z n y m i p r z e r a |a j c y m P a Ba c e m S t r a c h u
p r z e z
t r z y l a t a z r z d u
< f o n t c o l o r = " # c c 0 0 0 0 " > < b > P a Ba c S t r a c h u H a l l o w e e n < / b > < / f o n t >
d o s t a r c z a n i e s a m o w i t y c h w r a |e D. P o n a d 2 0 s a l s t r a c h u i
p r z e r a |e n i a s t w o r z o n y c h , b y p r z e r a z i i z m r o z i k r e w w |y Ba c h !
< / f o n t >
< / p >
< h r / >
< p > < f o n t f a c e = " A r i a l , s a n s - s e r i f " >
N i e s Bu c h a j c i e t e g o c o m ó w i . . . p r z e j r z y j c i e k i l k a o b r a z ó w
t e g o c o W a s c z e k a !
< / f o n t >
< / p >
< d i v a l i g n = " c e n t e r " >
< t a b l e b o r d e r = " 0 " w i d t h = " 7 5 % " c e l l s p a c i n g = " 5 " c e l l p a d d i n g = " 5 " >
< t r >
< t d w i d t h = " 3 0 % " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< i m g s r c = " s k e l 0 1 . g i f " a l t = " s k e l 0 1 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / >
< / f o n t >
< / t d >
< t d w i d t h = " 4 0 % " b g c o l o r = " # C C 0 0 0 0 " > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
U w a |a j c i e n a E s m e r e l d . N i g d y n i e w i a d o m o c o g o t u j e w s w o i m
k o t l e .
< / f o n t > < / t d >
< t h w i d t h = " 3 0 % " b g c o l o r = " # F F 6 6 0 0 " > < b > < f o n t f a c e = " A r i a l , s a n s -
7 1 8 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
s e r i f " >
< a h r e f = " e n t r y . g i f " > H o l l w e j [c i o w y < / a > < / f o n t > < / b > < / t h >
< / t r >
< t r >
< t h w i d t h = " 3 0 % " b g c o l o r = " # F F 6 6 0 0 " > < b > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
< a h r e f = " b e d r o o m . g i f " > S y p i a l n i a M i s t r z a < / a > < / f o n t > < / b > < / t h >
< t d w i d t h = " 4 0 % " b g c o l o r = " # C C 0 0 0 0 " > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
B e z w z g l d u n a w s z y s t k o , n i e o t w i e r a j c i e t y c h
d r z w i ! < / f o n t > < / t d >
< t d w i d t h = " 3 0 % " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< i m g s r c = " s k e l 0 2 . g i f " a l t = " s k e l 0 2 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / >
< / f o n t >
< / t d >
< / t r >
< t r >
< t d w i d t h = " 3 0 % " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< i m g s r c = " s k e l 0 3 . g i f " a l t = " s k e l 0 3 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / >
< / f o n t > < / t d >
< t d w i d t h = " 4 0 % " b g c o l o r = " # C C 0 0 0 0 " > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
W i c e j n i | k i l k u n i e w i n n y c h z o s t a Bo n a e o n y z a k u t y c h w
Ba Dc u c h y .
O n i j u | n i g d y n i e b d t a c y s a m i . < / f o n t > < / t d >
< t h w i d t h = " 3 0 % " b g c o l o r = " # F F 6 6 0 0 " > < b > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
< a h r e f = " g a l l e y . g i f " > G a l e r i a < / a > < / f o n t > < / b > < / t h >
< / t r >
< t r >
< t h w i d t h = " 3 0 % " b g c o l o r = " # F F 6 6 0 0 " > < b > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
< a h r e f = " d u n g e o n . g i f " > P i w n i c e < / a > < / f o n t > < / b > < / t h >
< t d w i d t h = " 4 0 % " b g c o l o r = " # C C 0 0 0 0 " > < f o n t f a c e = " A r i a l , s a n s -
s e r i f " >
L e p i e j s Bu c h a j c i e p r z e w o d n i k a b o s i z g u b i c i e ! < / f o n t > < / t d >
< t d w i d t h = " 3 0 % " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< i m g s r c = " s k e l 0 4 . g i f " a l t = " s k e l 0 4 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / >
< / f o n t > < / t d >
< / t r >
< / t a b l e >
< / d i v >
< h r / >
< p > < f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< t o n g c o l o r = " # c c 0 0 0 0 " > P a Ba c S t r a c h u H a l l o w e e n < / f o n t >
j e s t o t w a r t y o d 2 0 p a zd z i e r n i k a d o 1 l i s t o p a d a ,
a w n o c Zw i t a d u c h ó w o d b d z i e s i w i e l k a g a l a .
G o d z i n y o t w a r c i a : < / f o n t > < / p >
< u l >
< l i >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 1 9
P n - P t 1 7 . 0 0 - d o p ó Bn o c y < / f o n t >
< / l i >
< l i >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
S b & N d 1 7 . 0 0 - 3 . 0 0 < / f o n t >
< / l i >
< l i >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
W n o c H a l l o w e e n ( 3 1 p a zd z i e r n i k ) : 1 5 . 0 0 - ? ? ? < / f o n t > < / l i >
< / u l >
< p a l i g n = " c e n t e r " >
< f o n t f a c e = " A r i a l , s a n s - s e r i f " >
< f o n t c o l o r = " # c c 0 0 0 0 " > P a Ba c S t r a c h u H a l l o w e e n < / f o n t >
z n a j d u j e s i w : < b r / >
T h e O l d W a t e r f a l l S h o p p i n g C e n t e r < b r / >
1 0 2 0 M i r a b e l l a A v e < b r / >
S p r i n g f i e l d , C A 9 4 5 3 2 < / f o n t > < / p >
< / b o d y >
< / h t m l >
R y s u n e k 2 4 . 8 .
P r z y k Ba d k o d u z g o d n e g o
z e s p e c y f i k a c j H T M L
4 . 0 T r a n s i t i o n a l
w y [w i e t l o n e g o
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
7 2 0 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
H T M L 4 . 0 i X H T M L 1 . 0 F r a m e s e t ( u k Ba d r a m e k )
J e [l i c h c e s z w y k o r z y s t a r a m k i d o s t w o r z e n i a s y s t e m u p o r u s z a n i a s i p o w i t r y n i e , t o
n a j b a r d z i e j l o g i c z n y m r o z w i z a n i e m b d z i e u |y c i e s p e c y f i k a c j i H T M L 4 . 0 l u b X H T M L 1 . 0
F r a m e s e t . T a k |e w t y m p r z y p a d k u m o |e s z k o r z y s t a z e z n a c z n i k ó w i a t r y b u t ó w d o -
p u s z c z a l n y c h w s p e c y f i k a c j i H T M L 4 . 0 i X H T M L 1 . 0 T r a n s i t i o n a l . D o d a t k o w o m o -
|e s z t a k |e u |y w a w s z e l k i c h z n a c z n i k ó w i a t r y b u t ó w z w i z a n y c h z u k Ba d a m i r a m e k
i r a m k a m i .
K l u c z e m d o z a p r o j e k t o w a n i a d o b r e g o u k Ba d u r a m e k j e s t u |y c i e j a k n a j m n i e j s z e j i l o [c i
r a m e k , k t ó r e s t w o r z p r o s t y i z r o z u m i a By s y s t e m n a w i g a c y j n y . B a r d z o t r u d n d e c y z j ,
j a k n a l e |y p o d j , j e s t o k r e [l e n i e r o z d z i e l c z o [c i , w j a k i e j m a b y o g l d a n y u k Ba d r a -
m e k . J e j z n a c z e n i e m a z w i z e k z f a k t e m , i | u k Ba d r a m e k d z i e l i o k n o p r z e g l d a r k i n a
n i e z a l e |n e c z [c i r a m k i ; i m b d z i e i c h w i c e j , t y m m n i e j s z e b d s t r o n y w y [w i e t l a -
n e w k a |d e j z n i c h .
N a r y s u n k u 2 4 . 9 p r z e d s t a w i Ba m w i t r y n P a Ba c u S t r a c h u H a l l o w e e n , p r z e d s t a w i o n
w p o s t a c i u k Ba d u r a m e k . G Bó w n a r a m k a u k Ba d u w y [w i e t l a d o k Ba d n i e t s a m s t r o n ,
k t ó r a z o s t a Ba p r z e d s t a w i o n a n a r y s u n k u 2 4 . 8 , n a t o m i a s t p o Bc z e n i a u m i e s z c z o n e w l e -
w e j r a m c e u m o |l i w i a j u |y t k o w n i k o m p r z e j [c i e d o s t r o n z a w i e r a j c y c h z d j c i a i o p i s y
p o z o s t a By c h p o m i e s z c z e D w n a w i e d z a n y m d o m u . D z i k i u m i e s z c z e n i u p o Bc z e D w l e -
w e j r a m c e o s o b y p r z e g l d a j c e w i t r y n n i e b d j u | m u s i a By u |y w a p r z y c i s k ó w p r z e -
g l d a r k i , a b y o d b y k r ó t k w y c i e c z k p o n a w i e d z a n y m d o m u . A z a t e m , s p o s ó b p o r u -
s z a n i a s i p o w i t r y n i e z o s t a B b a r d z o u p r o s z c z o n y .
K o d u k Ba d u r a m e k d z i e l i o k n o p r z e g l d a r k i n a d w i e r a m k i o n a z w a c h : l e w a i p r a w a .
W l e w e j r a m c e w y [w i e t l a n a j e s t s t r o n a o n a z w i e n a w i g a c j a . h t m l , n a t o m i a s t s t r o n a
g Bó w n a , g l o w n a . h t m l , j e s t w y [w i e t l a n a w r a m c e p r a w e j . P o n i |e j p r z e d s t a w i Ba m k o d
u k Ba d u r a m e k :
< ! 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 F r a m e s e 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 / f r a m e s e t . d t d " >
< h t m l >
< h e a d >
< t i t l e > P a Ba c S t r a c h u H a l l o w e e n - U k Ba d r a m e k < / t i t l e >
< / h e a d >
< f r a m e s e t c o l s = " 1 7 0 , * " >
< f r a m e n a m e = " l e w a " s r c = " n a w i g a c j a . h t m l " / >
< f r a m e n a m e = " p r a w a " s r c = " g l o w n a . h t m l " / >
< n o f r a m e s >
< b o d y >
< p > . . . t u w s t a w t r e [ d l a p r z e g l d a r e k
k t ó r e n i e o b s Bu g u j u k Ba d ó w r a m e k . . . < / p >
< / b o d y >
< / n o f r a m e s >
< / f r a m e s e t >
< / h t m l >
K o d s t r o n y w y [w i e t l a n e j w l e w e j r a m c e u k Ba d u ( n a w i g a c j a . h t m l ) s p r a w i a , |e g d y u |y t -
k o w n i k k l i k n i e d o w o l n e z p o Bc z e D u m i e s z c z o n y c h n a t e j s t r o n i e , j e g o s t r o n a d o c e l o w a
z o s t a n i e w y [w i e t l o n a w p r a w e j r a m c e . ( S Bu |y d o t e g o z n a c z n i k < B A S E T A R -
G E T = " p r a w a " > . ) K a |d e z p o Bc z e D o p o s t a c i g r a f i c z n e j d e f i n i u j e t e k s t a l t e r n a t y w n y ,
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 2 1
w y [w i e t l a n y w m o m e n c i e , g d y u |y t k o w n i k u m i e [c i w s k a zn i k m y s z y w o b s z a r z e p o B-
c z e n i a l u b w p r z e g l d a r c e z o s t a Bo w y Bc z o n e w y [w i e t l a n i e o b r a z ó w . K o d s t r o n y n a w i -
g a c j a . h t m l z o s t a B p r z e d s t a w i o n y p o n i |e j :
< ! 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 T r a n s i t i o n a l / / 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 / t r a n s i t i o n a l . d t d " > < h t m l >
< h e a d >
< t i t l e > P a Ba c S t r a c h u H a l l o w e e n < / t i t l e >
< b a s e t a r g e t = " r i g h t " / >
< / h e a d >
< b o d y b g c o l o r = " # f f 9 9 3 3 " t e x t = " # 0 0 0 0 0 0 " >
< p > < f o n t f a c e = " A r i a l " > P a Ba c < b r / >
S t r a c h u < b r / >
H a l l o w e e n < / f o n t > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 1 . g i f " a l t = " S t r o n a g Bó w n a " w i d t h = " 1 2 5 " h e i g h t = " 5 0 "
/ > < / a > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 2 . g i f " a l t = " H a l l w e j [c i o w y " w i d t h = " 1 2 5 " h e i g h t = " 5 0 "
/ > < / a > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 3 . g i f " a l t = " S y p i a l n i a M i s t r z a " w i d t h = " 1 2 5 "
h e i g h t = " 5 0 " / > < / a > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 4 . g i f " a l t = " G a l e r i a " w i d t h = " 1 2 5 " h e i g h t = " 5 0 "
/ > < / a > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 5 . g i f " a l t = " P i w n i c e " w i d t h = " 1 2 5 " h e i g h t = " 5 0 "
/ > < / a > < / p >
< p > < a h r e f = " b r a k . h t m l " t a r g e t = " p r a w a " >
< i m g s r c = " b u t t o n 0 6 . g i f " a l t = " G o d z i n y i d o j a z d " w i d t h = " 1 2 5 "
h e i g h t = " 5 0 " / > < / a > < / p >
< / b o d y >
< / h t m l >
R y s u n e k 2 4 . 9 .
P r z y k Ba d o w y k o d z g o d n y
z e s t a n d a r d e m H T M L
4 . 0 F r a m e s e t
7 2 2 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
H T M L 4 . 0 i X H T M L 1 . 0 S t r i c t ( [c i s By )
S p e c y f i k a c j e T r a n s i t i o n a l o r a z F r a m e s e t u m o |l i w i a j t w o r z e n i e s t r o n , k t ó r e b d p o -
p r a w n i e w y [w i e t l a n e w s t a r s z y c h p r z e g l d a r k a c h ( w e r s j a c h w c z e [n i e j s z y c h n i | N e t s c a -
p e N a v i g a t o r 4 . 0 o r a z I n t e r n e t E x p l o r e r 4 . 0 ) . J e d n a k s p e c y f i k a c j e H T M L 4 . 0 i X H T M L 1 . 0
S t r i c t u d o s t p n i a j s z e r s z e m o |l i w o [c i z w i z a n e z p r e z e n t o w a n i e m s t r o n . J e s t t o m o |-
l i w e d z i k i z a s t o s o w a n i u k a s k a d o w y c h a r k u s z y s t y l ó w ( C S S a n g . C a s c a d i n g S t y l e
S h e e t s ) o r a z i n n y c h t e c h n o l o g i i p r z e d s t a w i o n y c h w n i n i e j s z e j k s i |c e . W r a z z p o j a w i a -
n i e m s i n o w e g o s p r z t u s Bu |c e g o d o p r z e g l d a n i a z a s o b ó w W W W p o t r z e b a s t o s o w a -
n i a t e j s p e c y f i k a c j i j z y k a H T M L i X H T M L j e s t c o r a z w i k s z a . J e d n a k a k t u a l n i e k o -
r z y s t a n i e z t e j s p e c y f i k a c j i m a j e d n w a d , o t ó | m o |e t r o c h p o t r w a , n i m u |y t k o w n i c y
z a c z n o d w i e d z a w i t r y n , u |y w a j c p r z y t y m o d p o w i e d n i c h p r z e g l d a r e k .
A b y t w o r z y s t r o n y z g o d n e z e s p e c y f i k a c j H T M L 4 . 0 i X H T M L 1 . 0 S t r i c t m u s i s z u n i -
k a s t o s o w a n i a z n a c z n i k ó w i a t r y b u t ó w H T M L o z n a c z o n y c h j a k o p r z e s t a r z a Be . Z a m i a s t
n i c h n a l e |y u |y w a 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 i m p l e m e n t o w a s t r o n y , w y k o -
r z y s t u j c i n n e m e t o d y , t a k i e j a k D y n a m i c z n y H T M L .
J e [l i j e s t e [ s k Bo n n y s t r a c i c z [ o d b i o r c ó w , t o o d k r y j e s z , |e z a s t o s o w a n i e s p e c y f i k a c j i
H T M L 4 . 0 i X H T M L 1 . 0 S t r i c t m a t a k |e k i l k a z a l e t . Z g o d n i e z t y m , c z e g o s i d o w i e -
d z i a Be [ w r o z d z i a l e 1 0 . X H T M L i a r k u s z e s t y l ó w , d z i k i k a s k a d o w y m a r k u s z o m
s t y l ó w d y s p o n u j e s z z n a c z n i e w i k s z k o n t r o l n a d w y g l d e m i u k Ba d e m t w o r z o n y c h
s t r o n . P o d w i e l o m a w z g l d a m i , b d z i e s z w s t a n i e r o z m i e s z c z a z a w a r t o [ s t r o n n i e m a l
t a k s a m o , j a k w p r o g r a m a c h p o l i g r a f i c z n y c h o r a z e d y t o r a c h t e k s t u . K o l e j n z a l e t s t o -
s o w a n i a C S S 2 ( k a s k a d o w y c h a r k u s z y s t y l ó w p o z i o m u d r u g i e g o ) j e s t m o |l i w o [ u |y c i a
d o d a t k o w y c h w Ba [c i w o [c i p r z e z n a c z o n y c h d l a p r z e g l d a r e k , k t ó r e n i e p r e z e n t u j z a -
w a r t o [c i s t r o n w s p o s ó b w i z u a l n y . O z n a c z a t o p r o j e k t o w a n i e s t r o n , k t ó r e m o g b y
o d w i e d z a n e p r z e z o s o b y m a j c e p r o b l e m y z e w z r o k i e m l u b i n n e , s p e c j a l n e p o t r z e b y .
P r z e d s t a w i o n y p o n i |e j k o d s t r o n y d e m o n s t r u j e , w j a k i s p o s ó b n a l e |y z a i m p l e m e n t o w a
s t r o n z r y s u n k u 2 4 . 8 , a b y b y Ba z g o d n a z e s p e c y f i k a c j X H T M L 1 . 0 S t r i c t . W t y m
p r z y p a d k u n o w a w e r s j a s t r o n y P a Ba c u S t r a c h u H a l l o w e e n w y k o r z y s t u j e o s a d z o n e a r k u -
s z e s t y l ó w , o k r e [l a j c e p o s t a w y [w i e t l a n e g o t e k s t u i o b r a z ó w . K o l o r y t e k s t u , p o Bc z e D
o r a z k o m ó r e k t a b e l i z o s t a By z d e f i n i o w a n e n a s a m y m p o c z t k u a r k u s z a s t y l ó w . Z o s t a By
t a k |e o k r e [l o n e w s z y s t k i e m a r g i n e s y s t r o n y . P o z a t y m l i s t a u m i e s z c z o n a u d o Bu s t r o n y
n i e z a w i e r a s t a n d a r d o w y c h o z n a c z e D p u n k t ó w , l e c z o b r a z z d e f i n i o w a n y w a r k u s z u s t y -
l ó w . W y g l d t e j s t r o n y , w y [w i e t l o n e j w I n t e r n e t E x p l o r e r z e , z o s t a B p r z e d s t a w i o n y n a
r y s u n k u 2 4 . 1 0 .
< ! 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 / s t r i c t . d t d " >
< h t m l >
< h e a d >
< t i t l e > W i t a j c i e w P a Ba c u S t r a c h u H a l l o w e e n < / t i t l e >
< s t y l e t y p e = " t e x t / c s s " >
< ! - -
b o d y { b a c k g r o u n d - c o l o r : # f f 9 9 3 3 ;
c o l o r : # 0 0 0 0 0 0 ;
f o n t - f a m i l y : A r i a l , s a n s - s e r i f ;
f o n t - s i z e : 1 2 p t ;
m a r g i n - l e f t : 2 0 p x ;
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 2 3
m a r g i n - r i g h t : 2 0 p x ;
m a r g i n - t o p : 1 0 p x ;
m a r g i n - b o t t o m : 1 0 p x }
a : l i n k { c o l o r : # 9 9 0 0 0 0 }
a : v i s i t e d { c o l o r : # C C 0 0 C C }
a : a c t i v e { c o l o r : # C C 0 0 0 0 }
h 1 { f o n t - f a m i l y : A r i a l , s a n s - s e r i f ;
f o n t - s i z e : 2 4 p t }
t a b l e { t e x t - a l i g n : c e n t e r }
t h { b a c k g r o u n d - c o l o r : # f f 6 6 0 0 ;
c o l o r : # 0 0 0 0 0 0 ;
f o n t - f a m i l y : A r i a l , s a n s - s e r i f ;
f o n t - s i z e : 1 2 p t ;
f o n t - w e i g h t : b o l d }
t d { c o l o r : # 0 0 0 0 0 0 ;
f o n t - f a m i l y : A r i a l , s a n s - s e r i f ;
f o n t - s i z e : 1 2 p t }
t d . r e d { b a c k g r o u n d - c o l o r : # c c 0 0 0 0 }
u l { l i s t - s t y l e - i m a g e : u r l ( " b u l l e t . g i f " ) }
. b l o o d r e d { c o l o r : # C C 0 0 0 0 }
. b l o o d r e d b o l d { c o l o r : # C C 0 0 0 0 ; f o n t - w e i g h t : b o l d }
. c e n t e r { t e x t - a l i g n : c e n t e r }
- - >
< / s t y l e >
< / h e a d >
< b o d y >
< h 1 c l a s s = " c e n t e r " > W i t a j c i e w P a Ba c u S t r a c h u H a l l o w e e n ! ! < / h 1 >
< d i v c l a s s = " c e n t e r " >
< d l >
< d d >
< i m g s r c = " s k e l 0 5 . g i f " a l t = " s k e l 0 5 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 " / >
< i m g s r c = " s k e l 0 7 . g i f " a l t = " s k e l 0 7 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 " / >
< i m g s r c = " s k e l 0 6 . g i f " a l t = " s k e l 0 6 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 " / >
< / d d >
< / d l >
< / d i v >
< h r / >
< p > W y b r a n y n a j b a r d z i e j s t r a s z n y m i p r z e r a |a j c y m P a Ba c e m S t r a c h u
p r z e z
t r z y l a t a z r z d u , < s p a n c l a s s = " b l o o d r e d b o l d " > P a Ba c S t r a c h u
H a l l o w e e n < / s p a n >
d o s t a r c z a n i e s a m o w i t y c h w r a |e D. P o n a d 2 0 s a l s t r a c h u i
p r z e r a |e n i a s t w o r z o n y c h , b y p r z e r a z i i z m r o z i k r e w w |y Ba c h ! ! < / p >
< h r / >
< p > N i e s Bu c h a j c i e t e g o c o m ó w i . . . p r z e j r z y j c i e k i l k a o b r a z ó w t e g o
c o W a s c z e k a ! < / p >
< t a b l e b o r d e r = " 0 " s u m m a r y = " P a Ba c s t r a c h u " w i d t h = " 7 5 % " c e l l s p a c i n g = " 5 "
c e l l p a d d i n g = " 5 " a l i g n = " c e n t e r " >
< t r >
< t d >
< i m g s r c = " s k e l 0 1 . g i f " a l t = " s k e l 0 1 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 " / >
< / t d >
< t d c l a s s = " r e d " > U w a |a j c i e n a E s m e r e l d . N i g d y n i e w i a d o m o c o g o t u j e w
s w o i m k o t l e . < / t d >
< t h > < a h r e f = " c o d e / e n t r y . g i f " > H o l l w e j [c i o w y < / a > < / t h >
< / t r >
< t r >
< t h > < a h r e f = " c o d e / b e d r o o m . g i f " > S y p i a l n i a M i s t r z a < / a > < / t h >
< t d c l a s s = " r e d " > B e z w z g l d u n a w s z y s t k o , n i e o t w i e r a j c i e t y c h
d r z w i ! < / t d >
< t d >
< i m g s r c = " s k e l 0 2 . g i f " a l t = " s k e l 0 2 . g i f " w i d t h = " 1 4 0 " h e i g h t = " 1 0 0 "
7 2 4 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
/ > < / t d >
< / t r >
< t r >
< t d > < i m g s r c = " s k e l 0 3 . g i f " a l t = " s k e l 0 3 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / > < / t d >
< t d c l a s s = " r e d " > W i c e j n i | k i l k u n i e w i n n y c h z o s t a Bo n a e o n y z a k u t y c h
w Ba Dc u c h y .
O n i j u | n i g d y n i e b d t a c y s a m i . < / t d >
< t h > < a h r e f = " c o d e / g a l l e y . g i f " > G a l e r i a < / a > < / t h >
< / t r >
< t r >
< t h > < a h r e f = " c o d e / d u n g e o n . g i f " > P i w n i c e < / a > < / t h >
< t d c l a s s = " r e d " > L e p i e j s Bu c h a j c i e p r z e w o d n i k a b o s i z g u b i c i e ! < / t d >
< t d > < i m g s r c = " s k e l 0 4 . g i f " a l t = " s k e l 0 4 . g i f " w i d t h = " 1 4 0 "
h e i g h t = " 1 0 0 " / > < / t d >
< / t r >
< / t a b l e >
< h r / >
< p > < s p a n c l a s s = " b l o o d r e d " > P a Ba c S t r a c h u H a l l o w e e n < / s p a n >
j e s t o t w a r t y o d 2 0 p a zd z i e r n i k a d o 1 l i s t o p a d a ,
a w n o c Zw i t a d u c h ó w o d b d z i e s i w i e l k a g a l a .
G o d z i n y o t w a r c i a : < / p >
< u l >
< l i > P n - P t 1 7 . 0 0 - d o p ó Bn o c y < / l i >
< l i > S b & a m p ; N d 1 7 . 0 0 - 3 . 0 0 < / l i >
< l i > W n o c H a l l o w e e n ( 3 1 p a zd z i e r n i k ) : 1 5 . 0 0 - ? ? ? < / l i >
< / u l >
< p c l a s s = " c e n t e r " >
< s p a n c l a s s = " b l o o d r e d " > P a Ba c S t r a c h u H a l l o w e e n < / s p a n >
z n a j d u j e s i w : < b r / >
T h e O l d W a t e r f a l l S h o p p i n g C e n t e r < b r / >
1 0 2 0 M i r a b e l l a A v e < b r / >
S p r i n g f i e l d , C A 9 4 5 3 2 < / p >
< / b o d y >
< / h t m l >
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 2 5
R y s u n e k 2 4 . 1 0 .
P r z y k Ba d s t r o n y
z g o d n e j z e s p e c y f i k a c j
X H T M L 1 . 0 S t r i c t
w y [w i e t l o n e j
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
P o d s u m o w a n i e
J z y k i H T M L 4 . 0 o r a z X H T M L 1 . 0 u d o s t p n i a j r ó |n e s p o s o b y p o d e j [c i a d o p r o j e k t o -
w a n i a s t r o n W W W , z a s p o k a j a j w s z e l k i e , r ó |n o r o d n e p o t r z e b y . M a m n a d z i e j , i | z d a -
j e s z j u | s o b i e s p r a w , i | p o t r z e b y o s ó b o d w i e d z a j c y c h w i t r y n t a k |e m o g m i e
w p By w n a s p o s ó b j e j p r o j e k t o w a n i a . K l u c z o w y m z a g a d n i e n i e m j e s t p r z e w i d z e n i e p o -
t r z e b u |y t k o w n i k ó w o r a z z a s p o k o j e n i e i c h w j a k n a j w i k s z y m s t o p n i u . N i e k a |d a w i -
t r y n a m u s i w y k o r z y s t y w a n a j n o w s z e i n a j w s p a n i a l s z e m u l t i m e d i a l n e t e c h n o l o g i e i n -
t e r n e t o w e . J e d n a k z d r u g i e j s t r o n y , n i e k t ó r e z a g a d n i e n i a n i e m a l w y m a g a j u |y c i a
b a r d z i e j z a a w a n s o w a n e g o s p o s o b u p r o j e k t o w a n i a s t r o n W W W . A z a t e m , j e [l i , p r o j e k -
7 2 6 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
t u j c w i t r y n , u w z g l d n i s z p o t r z e b y o s ó b , k t ó r e z n i c h k o r z y s t a j , m o |e s z s p r a w i , i |
b d n a n i w i e l o k r o t n i e w r a c a l i .
W a r s z t a t
J a k b y [ j e s z c z e n i e m i a B d o s y , t o w t e j c z [c i r o z d z i a Bu u t r w a l i s z s o b i e p o z n a n e w i a -
d o m o [c i . J a k z w y k l e , z n a j d z i e s z t u p y t a n i a i o d p o w i e d z i , q u i z o r a z w i c z e n i a , k t ó r e
u Ba t w i C i z a p a m i t a n i e n i e k t ó r y c h , n a j i s t o t n i e j s z y c h z a g a d n i e D p r z e d s t a w i o n y c h w t y m
r o z d z i a l e .
P y t a n i a i o d p o w i e d z i
P . I n f o r m a c j e d o c i e r a j c e d o m n i e o d o s ó b o d w i e d z a j c y c h m o j w i t r y n s b a r -
d z o r ó |n e . N i e k t ó r z y z n i c h c h c , a b y m u |y w a B w i c e j e f e k t ó w m u l t i m e d i a l -
n y c h , a i n n i , a b y b y Bo i c h m n i e j . C z y w j a k i [ s p o s ó b z a d o w o l i o b i e g r u p y u |y t -
k o w n i k ó w ?
O . D o w i e d z i a Be [ s i j u |, |e m o |e s z u m i e [c i n a s t r o n a c h p o Bc z e n i a d o z e w n t r z n y c h
p l i k ó w m u l t i m e d i a l n y c h . J e s t t o n a j l e p s z e r o z w i z a n i e w y c h o d z c e n a p r z e c i w
o c z e k i w a n i o m u |y t k o w n i k ó w , k t ó r y m n i e p o d o b a s i n a d m i a r e f e k t ó w m u l t i m e -
d i a l n y c h , g d y | w t e n s p o s ó b n i e z o b a c z i c h d o p ó k i n i e s k o r z y s t a j z o d p o w i e d n i e -
g o p o Bc z e n i a .
M o |e s z t a k |e z a s t o s o w a z a a w a n s o w a n e m e t o d y p r o g r a m i s t y c z n e ( s k r y p t y p i s a n e
w j z y k a c h J a v a S c r i p t l u b V B S c r i p t ) , a b y o k r e [l i p r z e g l d a r k u |y w a n p r z e z o s o -
b o d w i e d z a j c w i t r y n . P o o k r e [l e n i u t y p u p r z e g l d a r k i , s k r y p t m o |e a u t o m a t y c z -
n i e s k i e r o w a u |y t k o w n i k a n a s t r o n z g o d n z t p r z e g l d a r k . O c z y w i [c i e , t a k i e
r o z w i z a n i e b d z i e w y m a g a Bo o d C i e b i e p o [w i e c e n i a d o d a t k o w e g o c z a s u . N i e t y l k o
b d z i e s z m u s i a B n a p i s a o d p o w i e d n i s k r y p t , l e c z t a k |e s t w o r z y k i l k a r ó |n y c h w e r -
s j i s w o i c h s t r o n . J e [l i n i e c h c e s z a u t o m a t y c z n i e o k r e [l a t y p u p r z e g l d a r k i , t o m o -
|e s z u m i e [c i n a s t r o n i e g Bó w n e j p o Bc z e n i a , k t ó r e u m o |l i w i o s o b o m o d w i e d z a j -
c y m w i t r y n p r z e j [c i e d o s t r o n t a k i e g o t y p u , k t ó r y i m n a j b a r d z i e j o d p o w i a d a . P o
p r o s t u , w y k o r z y s t a j g Bó w n s t r o n w i t r y n y j a k s w o i s t b r a m p o z w a l a j c n a p r z e j -
[c i e d o p r o s t e j i s k r o m n e j w i t r y n y l u b w i t r y n y w p e Bn i m u l t i m e d i a l n e j i p o z w ó l
u |y t k o w n i k o m d o k o n a w y b o r u .
P . N a s w o j e j w i t r y n i e u |y w a m w i e l u p l i k ó w z e w n t r z n y c h , k t ó r e m o |n a p o b r a
z k i l k u r ó |n y c h s t r o n . C z y u m i e s z c z e n i e p o Bc z e D d o o d p o w i e d n i c h a p l i k a c j i
d o d a t k o w y c h i p r z e g l d a r e k n a s t r o n a c h , n a j a k i c h s u m i e s z c z o n e t e p l i k i z e -
w n t r z n e , n i e b y Bo b y b a r d z i e j e f e k t y w n y m r o z w i z a n i e m ?
O . C h o u |y t k o w n i k o w i z n a c z n i e Ba t w i e j p o b r a z e w n t r z n y p l i k o r a z o d p o w i e d n i
a p l i k a c j z t e j s a m e j s t r o n y W W W , t o j e d n a k p i e l g n a c j a t a k i c h s t r o n m o |e b y
z n a c z n i e t r u d n i e j s z a , g d y a d r e s y U R L z e w n t r z n y c h a p l i k a c j i b d s i z m i e n i a .
D o b r y m r o z w i z a n i e m j e s t d o Bc z e n i e d o w i t r y n y s t r o n y P o b i e r a n i e l u b P r o g r a m y
d o d a t k o w e , z a w i e r a j c e j a d r e s y w s z y s t k i c h a p l i k a c j i d o d a t k o w y c h , k t ó r y c h u |y t -
R o z d z i a B 2 4 . P r o j e k t o w a n i e w i t r y n d o p r a k t y c z n y c h z a s t o s o w a D 7 2 7
k o w n i k b d z i e p o t r z e b o w a B. J e [l i s k o p i u j e j a k i [ p l i k z e w n t r z n y d o Bc z o n y d o w i -
t r y n y , m o |e n a s t p n i e p r z e j [ n a t s t r o n i p o b r a o d p o w i e d n i a p l i k a c j d o d a t k o w .
Q u i z
1 . P o d j a k i m i w z g l d a m i m o g s i r ó |n i p o t r z e b y o s ó b , j a k i e w p r a k t y c e b d
o d w i e d z a T w o j w i t r y n ?
2 . W y m i e D k i l k a w a |n y c h e l e m e n t ó w w i t r y n W W W , k t ó r e m o g u Ba t w i k o r z y s t a n i e
z n i c h p o c z t k u j c y m u |y t k o w n i k o m k o m p u t e r ó w i I n t e r n e t u .
3 . W j a k i s p o s ó b z a s t o s o w a n i e s p e c y f i k a c j i H T M L 4 . 0 i X H T M L 1 . 0 T r a n s i t i o n a l
m o |e p o m ó c w z a s p o k o j e n i u p o t r z e b w i k s z e j i l o [c i p o t e n c j a l n y c h u |y t k o w n i k ó w
w i t r y n y ?
4 . P r a w d a c z y f a Bs z ? T w o r z e n i e u k Ba d ó w s k Ba d a j c y c h s i z w i k s z e j i l o [c i r a m e k j e s t
l e p s z y m r o z w i z a n i e m , g d y | p o z w a l a n a j e d n o c z e s n e w y [w i e t l e n i e w o k n i e
p r z e g l d a r k i w i k s z e j i l o [c i i n f o r m a c j i ?
5 . J a k i e s z a l e t y i w a d y z a s t o s o w a n i a s p e c y f i k a c j i j z y k a H T M L 4 . 0 i X H T M L 1 . 0
S t r i c t , w z a k r e s i e z a s p o k a j a n i a p o t r z e b o s ó b o d w i e d z a j c y c h w i t r y n ?
O d p o w i e d z i
1 . U |y t k o w n i c y b d m i e l i r ó |n e p o z i o m y d o [w i a d c z e n i a . R ó |n e s t a k |e p r e f e r e n c j e
d o t y c z c e p r z e g l d a n y c h s t r o n . N i e k t ó r e o s o b y l u b i d u |o e f e k t ó w m u l t i m e d i a l n y c h ,
n a t o m i a s t i n n e n a j c h t n i e j w o g ó l e b y i c h n i e o g l d a By . N i e k t ó r z y u |y t k o w n i c y
p r e f e r u j i n t e r a k t y w n e s t r o n y i m u l t i m e d i a , a i n n i p r o s t s z e o b r a z y d e m o n s t r u j c e
m e t o d y i t e c h n i k i w y k o n y w a n i a o k r e [l o n y c h c z y n n o [c i . P o z o s t a Be p r e f e r e n c j e m o g
z a l e |e o d z a i n t e r e s o w a D u |y t k o w n i k ó w .
2 . D o Bc z d o w i t r y n y s t r o n y , k t ó r e u Ba t w i u |y t k o w n i k o m o d n a l e z i e n i e p o s z u k i w a n y c h
i n f o r m a c j i . D o Bc z t a k |e s t r o n y w y j a [n i a j c e , w j a k i s p o s ó b n a l e |y s i p o r u s z a
p o w i t r y n i e .
3 . S p e c y f i k a c j a H T M L 4 . 0 o r a z X H T M L 1 . 0 T r a n s i t i o n a l z o s t a Ba z a p r o j e k t o w a n a
w c e l u z a p e w n i e n i a z g o d n o [c i z w c z e [n i e j s z y m i w e r s j a m i p r z e g l d a r e k . U m o |l i w i a
o n a s t o s o w a n i e z n a c z n i k ó w i a t r y b u t ó w , k t ó r e w s p e c y f i k a c j i [c i s Be j ( S t r i c t ) z o s t a By
u z n a n e z a p r z e s t a r z a Be .
4 . F a Bs z . W y k o r z y s t a n i e z b y t d u |e j i l o [c i r a m e k m o |e s t a n o w i p r o b l e m d l a
p o c z t k u j c y c h u |y t k o w n i k ó w , a p o z a t y m , p o s z c z e g ó l n e r a m k i m o g s i o k a z a
z b y t m a Be w p r z y p a d k u w y [w i e t l e n i a u k Ba d u w m a Be j r o z d z i e l c z o [c i .
5 . N a j p o w a |n i e j s z w a d w y n i k a j c z z a s t o s o w a n i a s p e c y f i k a c j i H T M L 4 . 0
o r a z X H T M L 1 . 0 S t r i c t j e s t k o n i e c z n o [ o d c z e k a n i a p e w n e g o o k r e s u c z a s u ,
z a n i m w i k s z o [ u |y t k o w n i k ó w b d z i e u |y w a Ba p r z e g l d a r e k w p e Bn i z g o d n y c h
z t s p e c y f i k a c j . J e j z a l e t j e s t n a t o m i a s t m o |l i w o [ k o r z y s t a n i a z e s p e c j a l n y c h
m o |l i w o [c i p r e z e n t a c j i s t r o n , n a p r z y k Ba d , m o |l i w o [c i p o s Bu g i w a n i a s i
p r z e g l d a r k a m i , k t ó r e n i e p r e z e n t u j s t r o n w p o s t a c i w i z u a l n e j .
7 2 8 C z [ 8 . P r o j e k t o w a n i e e f e k t y w n y c h s t r o n W W W
w i c z e n i a
1 . Z a p r o j e k t u j p r o s t y s y s t e m n a w i g a c y j n y d l a s w o j e j w i t r y n y i o p i s z g o w s p o s ó b ,
k t ó r y w y d a j e C i s i n a j b a r d z i e j o d p o w i e d n i . N a s t p n i e p o p r o [ k o g o [, a b y p r z e j r z a B
t e n o p i s i s p r a w d z, c z y p o d a n e w y j a [n i e n i a s d l a n i e g o j a s n e .
2 . S p o r z d z l i s t z a g a d n i e D, j a k i e c h c e s z p o r u s z a n a s w o j e j w i t r y n i e . P o n o w n i e
p r z e j r z y j t l i s t i s p r a w d z, c z y b d z i e s z w s t a n i e o k r e [l i t y p y o s ó b , k t ó r e m o g b y
z a i n t e r e s o w a n e t y m i z a g a d n i e n i a m i . W k o Dc u , p r z e j r z y j l i s t p o r a z t r z e c i i z a p i s z
s z c z e g ó l n e w y m a g a n i a i p o t r z e b y , k t ó r e b y m o |e b d z i e s z m u s i a B w z i p o d u w a g
d l a k a |d e g o z t y c h t y p ó w u |y t k o w n i k ó w .
Wyszukiwarka
Podobne podstrony:
akt prawny czynniki chemiczne 24 07 2012rr 24 07TI 97 07 24 N pl07 Rozdzial 24 252010 05 07 13;50;2424 kijek990502 2407 Charakteryzowanie budowy pojazdów samochodowych9 01 07 drzewa binarne02 07więcej podobnych podstron