T w o r z e n i e s t r o n W W W .
I d z d o
K u r s . W y d a n i e I I I
" S p i s t r e [c i
" P r z y k Ba d o w y r o z d z i a B
A u t o r : R a d o s Ba w S o k B
I S B N : 9 7 8 - 8 3 - 2 4 6 - 2 6 1 8 - 2
F o r m a t : 1 6 8 2 3 7 , s t r o n : 3 0 0
K a t a l o g k s i |e k
" K a t a l o g o n l i n e
" Z a m w d r u k o w a n y
k a t a l o g
Zm i a Bo w k r o c z w [w i a t t e c h n o l o g i i i n t e r n e t o w y c h
" P o z n a j p o d s t a w y t w o r z e n i a s t r o n W W W
T w j k o s z y k
" N a u c z s i p r a k t y c z n e g o s t o s o w a n i a j z y k a H T M L
" D o w i e d z s i , j a k u d o s t p n i s w o j s t r o n w s i e c i
" D o d a j d o k o s z y k a
I n t e r n e t w d a r B s i p r z e b o j e m w n a s z e c o d z i e n n e |y c i e . T r u d n o d z i [ z n a l e z p o w a |n f i r m , k t r a
n i e d y s p o n o w a Ba b y c h o p r o s t s t r o n W W W . R z a d k o t e | m o |n a s p o t k a o s o b , k t r a n i e
k o r z y s t a Ba b y z p o c z t y e l e k t r o n i c z n e j l u b k t r e g o [ z p o p u l a r n y c h s e r w i s w s p o Be c z n o [c i o w y c h .
C e n n i k i i n f o r m a c j e
W i k s z o [ u |y t k o w n i k w o g r a n i c z a s i j e d n a k d o k o n s u m p c j i t r e [c i i n t e r n e t o w y c h , a t y l k o n i e l i c z n i
d z i e l s i n i m i z i n n y m i l u d zm i . P r z e s z k o d o k a z u j e s i t u z w y k l e b r a k z n a j o m o [c i o d p o w i e d n i c h
" Z a m w i n f o r m a c j e
t e c h n o l o g i i , a p r z e d e w s z y s t k i m n a j b a r d z i e j p o d s t a w o w e g o b u d u l c a s t r o n W W W , k t r y m j e s t
o n o w o [c i a c h
j z y k H T M L .
" Z a m w c e n n i k
J e [l i c h c e s z d o Bc z y d o o s b a k t y w n i e k o r z y s t a j c y c h z s i e c i i s t a s i j e d n y m z t w r c w a t r a k c y j n y c h
t r e [c i i n t e r n e t o w y c h , p o w i n i e n e [ z a c z o d s i g n i c i a p o o d p o w i e d n i l e k t u r . D o s k o n a By m
C z y t e l n i a
w y b o r e m b d z i e k s i |k a T w o r z e n i e s t r o n W W W . K u r s . W y d a n i e I I I . T o p o d r c z n i k , z k t r e g o
d o w i e s z s i , j a k s t a w i a p i e r w s z e k r o k i w j z y k u H T M L , c z e g o p o t r z e b u j e s z , a b y t w o r z y w Ba s n e
s t r o n y W W W , a t a k |e j a k o p u b l i k o w a s t r o n w i n t e r n e c i e . K r o k p o k r o k u p o z n a s z s t r u k t u r
" F r a g m e n t y k s i |e k
d o k u m e n t w H T M L , s p o s o b y t w o r z e n i a t r e [c i t e k s t o w y c h , o d n o [n i k w , t a b e l i r a m e k , m e t o d y
o n l i n e
z a m i e s z c z a n i a g r a f i k i i k o d u J a v a S c r i p t . O d k r y j e s z r w n i e | t a j n i k i p o s Bu g i w a n i a s i a r k u s z a m i
s t y l w o r a z p o d s t a w y t e c h n o l o g i i A J A X .
" S t r u k t u r a s t r o n W W W i p o d s t a w y i c h t w o r z e n i a
" P r z e g l d n i e z b d n y c h n a r z d z i p r a c y
" K o d o w a n i e t e k s t u w j z y k u H T M L
" D e f i n i o w a n i e o d n o [n i k w i o s a d z a n i e g r a f i k i
" Z a s t o s o w a n i e t a b e l i r a m e k
" K o r z y s t a n i e z j z y k a J a v a S c r i p t i t e c h n o l o g i i A J A X
" U |y w a n i e k a s k a d o w y c h a r k u s z y s t y l w
" P u b l i k o w a n i e s t r o n w i n t e r n e c i e
S p r a w , a b y t w o r z e n i e s t r o n W W W n i e m i a Bo p r z e d T o b t a j e m n i c !
K o n t a k t
H e l i o n S A
u l . K o [c i u s z k i 1 c
4 4 - 1 0 0 G l i w i c e
t e l . 3 2 2 3 0 9 8 6 3
e - m a i l : h e l i o n @ h e l i o n . p l
H e l i o n 1 9 9 1 2 0 1 1
i i
C z y m s H T M L i X H T M L ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
J a k w y g l d a z n a c z n i k H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0
W y m a g a n e o p r o g r a m o w a n i e i s p r z t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1
P r z y k Ba d y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1
d i
U r u c h o m i e n i e p r o g r a m u N o t a t n i k . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4
W p r o w a d z a n i e p o d s t a w o w e g o k o d u s t r o n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5
U s t a l a n i e t y t u Bu s t r o n y W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
Z a p i s y w a n i e k o d u s t r o n y n a d y s k u t w a r d y m . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8
O t w i e r a n i e z a p i s a n e j w c z e [n i e j s t r o n y W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0
W y [w i e t l a n i e s t r o n y w p r z e g l d a r c e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1
A k t u a l i z o w a n i e s t r o n y w p r z e g l d a r c e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2
K o p i o w a n i e f r a g m e n t u k o d u H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2
W k l e j a n i e u p r z e d n i o s k o p i o w a n e g o f r a g m e n t u k o d u H T M L . . . . . . . . . . . . . . . . . . . . . . . 2 3
W y c i n a n i e f r a g m e n t u k o d u H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4
d i i I g i
W p r o w a d z a n i e t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 6
D e k l a r o w a n i e s p o s o b u k o d o w a n i a p o l s k i c h z n a k w d i a k r y t y c z n y c h . . . . . . . . . . 2 7
Z a p i s a n i e f r a g m e n t u t e k s t u c z c i o n k p o g r u b i o n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 8
Z a p i s a n i e f r a g m e n t u t e k s t u k u r s y w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 0
P o d k r e [l e n i e f r a g m e n t u t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1
T w a r d e s p a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 2
I n d e k s y g r n e i d o l n e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 4
Z a p i s y w a n i e f r a g m e n t u t e k s t u c z c i o n k n i e p r o p o r c j o n a l n . . . . . . . . . . . . . . . . . . . . . . . . . . 3 5
Z a p i s y w a n i e w i k s z e g o f r a g m e n t u t e k s t u c z c i o n k n i e p r o p o r c j o n a l n . . . . . . . 3 6
N a d a w a n i e z n a c z e n i a f r a g m e n t o m t r e [c i s t r o n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 8
Aa m a n i e t e k s t u w e w n t r z a k a p i t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 9
Z m i a n a r o z m i a r u c z c i o n k i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 0
N a g B w k i r o z d z i a B w i s e k c j i t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1
W s t a w i a n i e p o z i o m e j l i n i i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 3
L i s t a w y p u n k t o w a n a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 4
Z a g n i e |d |a n i e l i s t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 5
L i s t a n u m e r o w a n a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 6
W s t a w i a n i e z n a k w s p e c j a l n y c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 7
P o d z i a B d o k u m e n t u n a s e k c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 9
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1
d i d i i
T w o r z e n i e o d n o [n i k a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 4
T w o r z e n i e o d n o [n i k a p o c z t o w e g o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 6
D e f i n i o w a n i e d o m y [l n e g o t e m a t u w i a d o m o [c i p o c z t o w e j . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 7
D e f i n i o w a n i e e t y k i e t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 8
T w o r z e n i e o d n o [n i k a p r o w a d z c e g o d o e t y k i e t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 9
T w o r z e n i e o d n o [n i k a p r o w a d z c e g o d o e t y k i e t y
z a d e k l a r o w a n e j n a i n n e j s t r o n i e W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 0
T w o r z e n i e o b s z a r u n a w i g a c y j n e g o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 3
d i
F o r m a t G I F . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 6
F o r m a t J P E G . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 7
P o b i e r a n i e i i n s t a l o w a n i e p r o g r a m u I r f a n V i e w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 8
U m i e s z c z a n i e o b r a z u n a s t r o n i e W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 0
P r z e k s z t a Bc a n i e o b r a z u w o d n o [n i k . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 4
Z a m i e s z c z a n i e m i n i a t u r z d j . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 5
O b r a z y w H T M L 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 2
M a p y o d n o [n i k w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 3
U s u w a n i e o b r a z u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 7
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 8
d i I
J a k w j z y k u H T M L o p i s u j e s i t a b e l ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 2
T w o r z e n i e t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 2
Z m i a n a t r e [c i k o m r k i t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 6
W s t a w i a n i e n o w e g o w i e r s z a t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 7
W s t a w i a n i e n o w e j k o l u m n y t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 8
S c a l a n i e k o m r e k t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 0
D z i e l e n i e s c a l o n e j k o m r k i t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 4
O k r e [l a n i e s t r u k t u r y l o g i c z n e j t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 6
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 8
d i d I
A t r y b u t y s t y l u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 0
S t y l w p i s a n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 1
S t y l o s a d z o n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2
S t y l d o Bc z o n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2
D l a c z e g o k a s k a d o w e ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 2
J e d n o s t k i C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 3
K o l o r y w C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 4
W s t a w i a n i e d e f i n i c j i s t y l u w p i s a n e g o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 5
A t r y b u t y t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 6
M o d e l p u d e Bk o w y C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 9
K o l o r t r e [c i i t Bo e l e m e n t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 9
O b r a m o w a n i e e l e m e n t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 1
M a r g i n e s y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 4
W y r w n y w a n i e t e k s t u w a k a p i c i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 6
E l e m e n t y w p i s a n e i b l o k o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 7
P o z y c j o n o w a n i e e l e m e n t w s t r o n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4 1
D e f i n i o w a n i e w y g l d u e l e m e n t u j z y k a H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 0
D e f i n i o w a n i e k l a s w y g l d u e l e m e n t u j z y k a H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 3
D e f i n i o w a n i e n i e z a l e |n y c h k l a s s t y l u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 5
Z m i a n a w y g l d u o d n o [n i k w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 7
I n d y w i d u a l n e d e f i n i o w a n i e s t y l u e l e m e n t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 9
U z a l e |n i a n i e s t y l u e l e m e n t u o d m i e j s c a j e g o w y s t p o w a n i a . . . . . . . . . . . . . . . . . . . . . . . . 1 6 0
T w o r z e n i e z e w n t r z n e g o a r k u s z a s t y l u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 2
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 5
d i i
Q u i z i n t e r n e t o w y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6 8
D y n a m i c z n e m e n u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7 6
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 1
d i i i
S t r o n a g B w n a s e r w i s u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 4
D y n a m i c z n e t w o r z e n i e s t r o n W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 4
I n f o r m a c j e o s t r o n i e W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0 3
W e r y f i k o w a n i e p o p r a w n o [c i k o d u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0 5
P o d s u m o w a n i e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0 9
i
d I i
T w o r z e n i e o d n o [n i k a T w o r z e n i e o d n o [n i k a
" "
p o c z t o w e g o D e f i n i o w a n i e d o m y [l n e g o t e m a t u
"
w i a d o m o [c i p o c z t o w e j D e f i n i o w a n i e e t y k i e t y
" "
T w o r z e n i e o d n o [n i k a p r o w a d z c e g o d o e t y k i e t y
T w o r z e n i e o d n o [n i k a p r o w a d z c e g o d o e t y k i e t y
"
z a d e k l a r o w a n e j n a i n n e j s t r o n i e W W W
" T w o r z e n i e
3
o b s z a r u n a w i g a c y j n e g o P o d s u m o w a n i e
"
d i i
O d n o [n i k i j e s z c z e d o n i e d a w n a o d r |n i a By s t r o n y W W W o d w s z y s t k i c h i n n y c h d o -
k u m e n t w e l e k t r o n i c z n y c h . D z i s i a j m o |l i w o [ d e k l a r o w a n i a w p r a w i e k a |d y m t y -
p i e d o k u m e n t u o d n o [n i k w d o d o w o l n y c h i n n y c h m a t e r i a B w n i e z a l e |n i e o d i c h
u m i e j s c o w i e n i a w g l o b a l n e j s i e c i z r e w o l u c j o n i z o w a Ba [w i a t i n f o r m a c j i . C z y k l i k a -
j c o d n o [n i k p r z e n o s z c y C i z j e d n e g o a r t y k u Bu d o d r u g i e g o , m o |e s z s o b i e w y o b r a -
z i , |e k i e d y [ k o r z y s t a n o z g l o b a l n e j s i e c i k o m p u t e r o w e j b e z i c h p o m o c y ?
O d n o [n i k i , n a z y w a n e c z a s e m p o Bc z e n i a m i ( l u b l i n k a m i o d a n g i e l s k i e g o s Bo w a
l i n k ) , s n i e s a m o w i c i e u |y t e c z n y m i w y g o d n y m n a r z d z i e m . C o c i e k a w e , t w o r z y s i
j e w y j t k o w o Ba t w o .
A d r e s y i n t e r n e t o w e d z i e l s i n a :
" b e z w z g l d n e ( n p . h t t p : / / w w w . h e l i o n . p l / ) p o d a n y a d r e s o d p o c z t k u d o
k o Dc a ( b e z w z g l d n i e ) d e f i n i u j e p o Bo |e n i e s t r o n y W W W i m o |e b y s t o s o w a n y
w t a k i e j s a m e j p o s t a c i , n i e z a l e |n i e o d s t r o n y W W W , n a k t r e j g o u |y j e m y ,
" w z g l d n e ( n p . . . / t e k s t y / o p i s . h t m l l u b t e | n o w y . h t m l ) p o d a n y a d r e s d e f i n i u j e
p o Bo |e n i e s t r o n y W W W w y Bc z n i e w z g l d e m a k t u a l n e j s t r o n y ; u |y c i e g o n a
i n n e j s t r o n i e W W W ( u m i e s z c z o n e j w i n n y m k a t a l o g u t e g o s a m e g o s e r w e r a l u b
n a i n n y m s e r w e r z e ) u n i e m o |l i w i o d s z u k a n i e w s k a z y w a n e g o p r z e z o d n o [n i k
d o k u m e n t u .
i d i
A d r e s w b e z w z g l d n y c h n a l e |y u |y w a w y Bc z n i e w p r z y p a d k u o d w o By w a n i a s i
d o i n n e g o s e r w i s u W W W , n i e p o w i z a n e g o z t w o r z o n s t r o n . W r a m a c h j e d n e g o
s e r w i s u z a w s z e n a l e |y u |y w a a d r e s w w z g l d n y c h . D z i k i t e m u a d r e s y s k r t -
s z e , Ba t w i e j j e s t d o k o n y w a r e o r g a n i z a c j i s e r w i s u ( n p . p r z e n o s z e n i a p o s z c z e g l -
n y c h j e g o c z [c i d o f o l d e r w p o d r z d n y c h ) , a p r z e d e w s z y s t k i m u n i k a s i z a l e |n o [c i
s t r o n y W W W o d k o n k r e t n e g o s e r w e r a , z a [ w r a z i e z m i a n y f i r m y o b s Bu g u j c e j s e r w e r
( l u b t y l k o n a z w y s e r w e r a ) k o n i e c z n o [c i d o k o n y w a n i a z m i a n w k o d z i e .
A d r e s y i n t e r n e t o w e c z s t o n a z y w a n e s t e | a d r e s a m i U R L l u b U R I o d a n g i e l s k i c h n a z w
i U n i f o r m R e s o u r c e L o c a t o r o r a z U n i f o r m R e s o u r c e I d e n t i f i e r ( j e d n o l i t y l o k a l i z a t o r z a s o b u ) .
i d i
O d n o [n i k r e p r e z e n t u j e o b i e k t o n a z w i e < a > . B d z i e s i o n p o j a w i a B w e w s z y s t k i c h
p r z y k Ba d a c h w t y m r o z d z i a l e .
1 . U m i e [ k u r s o r w t y m m i e j s c u k o d u , w k t r y m m a s i p o j a w i o d n o [n i k .
N a j c z [c i e j o d n o [n i k i u m i e s z c z a s i w e w n t r z a k a p i t u t e k s t u , c z y l i w e w n t r z
e l e m e n t u < p > . M o g p o j a w i a s i j e d n a k i w i n n y c h e l e m e n t a c h t e k s t o w y c h
b y l e n i e b e z p o [r e d n i o n a p o z i o m i e d o k u m e n t u .
2 . W p r o w a d z k o d e l e m e n t u < a > .
3 . R o z b u d u j e l e m e n t < a > o a t r y b u t h r e f z a w i e r a j c y z a p i s a n y w c u d z y s Bo w i e
d o c e l o w y a d r e s U R L o d n o [n i k a :
< a h r e f = a d r e s - d o c e l o w y >
W p r o w a d z a j c b e z w z g l d n y a d r e s s t r o n y W W W , n i e z a p o m i n a j o j e g o p o p r a w n y m z a p i s a -
n i u . A d r e s b e z w z g l d n y m u s i z a c z y n a s i o d n a z w y p r o t o k o Bu i n t e r n e t o w e g o ( w p r z y p a d k u
s t r o n W W W : h t t p : / / ) . J e |e l i a d r e s z a w i e r a t y l k o n a z w s e r w e r a , m u s i k o Dc z y s i z n a k i e m / .
i
P o m i n i c i e t y c h e l e m e n t w a w s z c z e g l n o [c i p r e f i k s u o k r e [l a j c e g o p r o t o k B d o s t p u
d o d a n y c h u n i e m o |l i w i f u n k c j o n o w a n i e o d n o [n i k w w n i e k t r y c h p r z e g l d a r k a c h W W W .
4 . W p r o w a d z t e k s t , k t r y m a b y w y [w i e t l a n y j a k o o d n o [n i k .
i d i
S t a r a j s i u n i k a d e f i n i o w a n i a j a k o o d n o [n i k w s f o r m u Bo w a D t y p u k l i k n i j t u t a j n i e n a -
i l e |y t o d o d o b r e g o s t y l u .
5 . Z a m k n i j e l e m e n t ,
6
w p i s u j c < / a > .
6 . Z a p i s z w p r o w a d z o n e
5 1 2
z m i a n y .
3
4
7 . U a k t y w n i j o k n o p r z e g l d a r k i .
8 . Z a k t u a l i z u j w y [w i e t l a n s t r o n .
8 7
9 . U m i e [ w s k a zn i k m y s z y
n a u t w o r z o n y m o d n o [n i k u
i k l i k n i j g o .
9
1 0 . J e |e l i o d n o [n i k z o s t a B
p o p r a w n i e u t w o r z o n y ,
w o k n i e p r z e g l d a r k i p o -
j a w i s i p o c h w i l i d o c e l o -
w a s t r o n a W W W .
1 0
i d i g
i d i g
N a j p r a w d o p o d o b n i e j n a s t r o n a c h W W W n i e r a z w i d z i a Be [ o d n o [n i k i , k t r y c h k l i k n i c i e
n a t y c h m i a s t o t w i e r a Bo o k n o T w o j e g o p r o g r a m u p o c z t o w e g o z n o w , a u t o m a t y c z n i e z a -
a d r e s o w a n w i a d o m o [c i . W b r e w p o z o r o m p r z y g o t o w a n i e t a k i e g o o d n o [n i k a j e s t r w -
n i e Ba t w e j a k z b u d o w a n i e z w y k Be g o o d n o [n i k a p r o w a d z c e g o d o s t r o n y i n t e r n e t o w e j .
U m i e s z c z e n i e n a s t r o n i e o d n o [n i k a p r o w a d z c e g o d o T w o j e j s k r z y n k i p o c z t o w e j
z d e c y d o w a n i e p o d n i e s i e j a k o [ t w o r z o n e j s t r o n y , g d y | u m o |l i w i j e j c z y t e l n i k o m
z g Ba s z a n i e p o d T w o i m a d r e s e m u w a g j e j d o t y c z c y c h . N i e z a p o m i n a j z a t e m o t y m
s z c z e g l e n a j l e p i e j z a [ p r z y g o t u j s o b i e s z a b l o n p u s t e j s t r o n y ( n a p o d s t a w i e k t r e g o
b d z i e s z t w o r z y B k o l e j n e s t r o n y p o d r z d n e s e r w i s u ) z u t w o r z o n y m w j e j s t o p c e
o d n o [n i k i e m p o c z t o w y m .
U |y t k o w n i c y I n t e r n e t u c o r a z r z a d z i e j k o r z y s t a j z p r o g r a m w - k l i e n t w p o c z t y e l e k t r o -
n i c z n e j z a i n s t a l o w a n y c h n a k o m p u t e r z e i u r u c h a m i a n y c h w m o m e n c i e k l i k n i c i a o d n o [-
n i k a p o c z t o w e g o . D l a u |y t k o w n i k a s y s t e m u p o c z t o w e g o d o s t p n e g o z a p o [r e d n i c t w e m
i
s t r o n y W W W o d n o [n i k p o c z t o w y n i e m a p r a w i e |a d n e j w a r t o [c i : c o n a j w y |e j m o |e g o
s k o p i o w a d o s c h o w k a i w k l e i w p o l e a d r e s u d o c e l o w e g o .
1 . U m i e [ k u r s o r w m i e j s c u k o d u , w k t r y m m a s i p o j a w i o d n o [n i k p o c z t o w y .
2 . W p r o w a d z k o d e l e m e n t u < a > .
3 . R o z b u d u j e l e m e n t < a > o a t r y b u t h r e f z a w i e r a j c y z a p i s a n e w c u d z y s Bo w i e
w y r a |e n i e m a i l t o : o r a z d o c e l o w y a d r e s p o c z t o w y :
< a h r e f = m a i l t o : a d r e s - p o c z t o w y >
4 . W p r o w a d z t e k s t , k t r y m a b y w y [w i e t l a n y j a k o o d n o [n i k . M o |e t o b y
n p . T w o j e i m i i n a z w i s k o .
5 . Z a m k n i j e l e m e n t ,
6
w p i s u j c < / a > .
6 . Z a p i s z w p r o w a d z o -
1 3 n e z m i a n y .
2 4 5
i i i d I g i d i
7 . U a k t y w n i j o k n o p r z e g l d a r k i .
8 . Z a k t u a l i z u j w y [w i e t l a n s t r o n .
9 . K l i k n i j u t w o r z o n y o d n o [n i k ,
8 7
a b y p r z e t e s t o w a j e g o d z i a Ba n i e
i s p r a w d z i , c z y p r o g r a m p o c z -
t o w y o t w o r z y d o e d y c j i p r a w i d -
Bo w o z a a d r e s o w a n w i a d o m o [
9
p o c z t o w .
P a m i t a j , |e z a m i e s z c z e n i e a d r e s u p o c z t o w e g o n a s t r o n i e W W W d o s t p n e j w I n t e r n e c i e
j e s t r w n o z n a c z n e z u j a w n i e n i e m g o w s z y s t k i m o s o b o m r o z s y Ba j c y m h u r t o w o n i e -
c h c i a n e w i a d o m o [c i e l e k t r o n i c z n e ( t z w . s p a m ) . J e [l i z d e c y d u j e s z s i d a c z y t e l n i k o m
i
T w o j e j s t r o n y m o |l i w o [ k o n t a k t o w a n i a s i z T o b , z a d b a j o z a b e z p i e c z e n i e s w o j e j
s k r z y n k i p o c z t o w e j p r z e d n a p By w e m s p a m u .
T o , w j a k i s p o s b z a c h o w a s i s y s t e m o p e r a c y j n y p o k l i k n i c i u o d n o [n i k a , z a l e |y o d z a i n -
s t a l o w a n e g o p r o g r a m u p o c z t o w e g o . J e |e l i n a d a n y m k o m p u t e r z e n i e z o s t a B s k o n f i g u r o -
i w a n y ( l u b w r c z z a i n s t a l o w a n y ) p r o g r a m p o c z t o w y , u |y t k o w n i k u j r z y p o k l i k n i c i u j e d y -
n i e o k n o d i a l o g o w e z k o m u n i k a t e m b Bd u .
i i i d I g
i d i
J e [l i c h c e s z j e s z c z e b a r d z i e j z a u t o m a t y z o w a p r o c e s w y s y Ba n i a w i a d o m o [c i p o c z -
t o w e j , m o |e s z b e z p o [r e d n i o w k o d z i e o d n o [n i k a p o d a d o m y [l n y t e m a t t w o r z o n e j
w i a d o m o [c i .
1 . U m i e [ k u r s o r w e w n t r z w a r t o [c i a t r y b u t u h r e f z n a c z n i k a < a > , z a r a z z a
w p r o w a d z o n y m d o c e l o w y m a d r e s e m p o c z t o w y m .
2 . W p r o w a d z t e k s t ? S u b j e c t = o r a z d o m y [l n t r e [ t e m a t u w i a d o m o [c i p o c z t o w e j :
< a h r e f = m a i l t o : a d r e s - p o c z t o w y ? S u b j e c t = t e m a t w i a d o m o s c i p o c z t o w e j >
3 . Z a p i s z w p r o w a d z o n e
3
z m i a n y .
3 2
i i i i
S t a r a j s i z a p i s y w a d o m y [l n e t e m a t y w i a d o m o [c i p o c z t o w y c h w y Bc z n i e z w y k o r z y s t a n i e m
z n a k w a l f a b e t u Ba c i Ds k i e g o , b e z s t o s o w a n i a p o l s k i c h z n a k w d i a k r y t y c z n y c h . P o z w o l i C i t o
i
u n i k n p r o b l e m w z w i z a n y c h z r |n o r o d n o [c i s t a n d a r d w k o d o w a n i a z n a k w .
i i i i
N i e z a w s z e i n f o r m a c j a , d o k t r e j n a l e |y z a p e w n i s z y b k i d o s t p z a p o m o c o d n o [-
n i k a , z n a j d u j e s i n a i n n e j s t r o n i e W W W . C z s t o p r z y d a j e s i m o |l i w o [ z d e f i n i o w a -
n i a o d n o [n i k a p r z e n o s z c e g o c z y t e l n i k a d o i n n e g o m i e j s c a t e j s a m e j s t r o n y W W W .
P i e r w s z y m k r o k i e m p r z y t w o r z e n i u t a k i e g o o d n o [n i k a j e s t z d e f i n i o w a n i e e t y k i e t y
( z w a n e j t e | c z a s e m z a k o t w i c z e n i e m o d j e j a n g i e l s k i e j n a z w y a n c h o r ) , c z y l i p u n k t u
d o c e l o w e g o d l a o d n o [n i k w .
N a j c z s t s z y m z a s t o s o w a n i e m e t y k i e t i p r o w a d z c y c h d o n i c h o d n o [n i k w s o d n o [-
n i k i u m o |l i w i a j c e c z y t e l n i k o w i p o w r t n a p o c z t e k s t r o n y . S t o s u j e s i r w n i e |
c z a s e m s p i s y t r e [c i , u m o |l i w i a j c e p r z e j [c i e z p o c z t k u s t r o n y o d r a z u d o w Ba [c i w e j
s e k c j i d Bu |s z e g o d o k u m e n t u . N a j b a r d z i e j l o g i c z n y m i p r z y d a t n y m z a s t o s o w a n i e m
z a k o t w i c z e D j e s t p r z e n o s z e n i e c z y t e l n i k a o d r a z u d o w Ba [c i w e g o f r a g m e n t u d Bu g i e g o
a r t y k u Bu , w y j a [n i a j c e g o k w e s t i , d o k t r e j o d n o [n i k z o s t a B k l i k n i t y .
1 . U m i e [ k u r s o r w e -
w n t r z k o d u z n a c z n i k a
o t w i e r a j c e g o e l e m e n t ,
1
d o k t r e g o m a p r o w a -
d z i e t y k i e t a .
2 . D o d a j d o z n a c z n i k a
a t r y b u t i d i j a k o j e g o
2
w a r t o [ w p r o w a d z
u n i k a t o w n a z w
e t y k i e t y :
i d = n a z w a - e t y k i e t y
N a z w a e t y k i e t y p o w i n n a s k Ba d a s i w y Bc z n i e z l i t e r a l f a b e t u Ba c i Ds k i e g o i n i e m o |e z a -
w i e r a z n a k w s p a c j i . Z a s t o s o w a n i e i n n y c h z n a k w m o |e s p o w o d o w a , |e o d n o [n i k i p r o -
i
w a d z c e d o e t y k i e t y n i e b d f u n k c j o n o w a .
i d i d g d i
i d i
d g d i
1 . U m i e [ k u r s o r w t y m m i e j s c u k o d u , w k t r y m m a s i p o j a w i o d n o [n i k .
2 . W p r o w a d z k o d e l e m e n t u < a > .
3 . R o z b u d u j e l e m e n t < a > o a t r y b u t h r e f z a w i e r a j c y z n a k # o r a z z a p i s a n
w c u d z y s Bo w i e n a z w u t w o r z o n e j w c z e [n i e j d o c e l o w e j e t y k i e t y :
< a h r e f = # e t y k i e t a - d o c e l o w a >
4 . W p r o w a d z t e k s t , k t r y
6
m a b y w y [w i e t l a n y
j a k o o d n o [n i k .
1 2 4 5
5 . Z a m k n i j e l e m e n t ,
w p i s u j c < / a > .
6 . Z a p i s z w p r o w a d z o n e
z m i a n y .
7 . U a k t y w n i j o k n o p r z e g l d a r k i .
8 . Z a k t u a l i z u j w y [w i e t l a n s t r o n .
8 7
9 . K l i k n i j u t w o r z o n y o d n o [n i k ,
b y p r z e t e s t o w a j e g o d z i a Ba n i e .
9
i d i d g d i d I i i
1 0 . D o a d r e s u s t r o n y d o p i s a n a
z o s t a Ba n a z w a e t y k i e t y &
1 0
1 1 . & a z a w a r t o [ o k n a p r z e -
g l d a r k i p r z e s u n Ba s i
t a k , b y w i d o c z n y s t a B s i
f r a g m e n t s t r o n y o z n a c z o -
n y w k o d z i e e t y k i e t .
1 1
P a m i t a j , |e o d n o [n i k i p r o w a d z c e d o e t y k i e t b d d z i a Ba t y l k o w t e d y , g d y e t y k i e t a , d o
k t r e j p r o w a d z i o d n o [n i k , u m i e s z c z o n a j e s t w m i e j s c u s t r o n y n i e w i d o c z n y m w d a n y m m o -
m e n c i e w o k n i e p r z e g l d a r k i . N i e z d z i w s i w i c , j e [l i p o u t w o r z e n i u b a r d z o k r t k i e j s t r o n y
i t e s t o w e j , z a w i e r a j c e j e t y k i e t i p r o w a d z c y d o n i e j o d n o [n i k , s k o r z y s t a n i e z o d n o [n i k a n i e
d a |a d n e g o e f e k t u m e c h a n i z m t e n z o s t a B p r z y s t o s o w a n y d o n a w i g o w a n i a p o w y j t k o w o
o b s z e r n y c h s t r o n a c h W W W .
i d i
d g d i
d I i i
E t y k i e t y i p r o w a d z c e d o n i c h o d n o [n i k i n a j Ba t w i e j w y k o r z y s t a d o u p r o s z c z e n i a n a -
w i g a c j i w r a m a c h j e d n e j s t r o n y W W W . J e d n a k o d n o [n i k m o |e r w n i e | p r o w a d z i d o
e t y k i e t y z n a j d u j c e j s i n a z u p e Bn i e i n n e j s t r o n i e ! W y k o r z y s t u j c t m o |l i w o [ j z y k a
H T M L , u m o |l i w i s z c z y t e l n i k o w i T w o j e g o s e r w i s u W W W p r z e c h o d z e n i e d o o k r e [l o -
n e g o f r a g m e n t u d o w o l n e j s t r o n y z a p o m o c j e d n e g o t y l k o k l i k n i c i a o d n o [n i k a .
1 . U m i e [ k u r s o r w t y m m i e j s c u k o d u , w k t r y m n a s t r o n i e W W W m a s i p o j a -
w i o d n o [n i k .
P a m i t a j o d n o [n i k m u s i z n a j d o w a s i w i n n y m p l i k u n i | e t y k i e t a . K r t k o m w i c , m u -
s i s z p r z y g o t o w a d w i e s t r o n y W W W ( d w a p l i k i . h t m l ) : j e d n z e t y k i e t ( j a k w p o p r z e d n i m
i
w i c z e n i u ) , a d r u g z o d n o [n i k i e m ( p r z y g o t o w y w a n a t u t a j ) .
i d i d g d i d I i i
2 . W p r o w a d z k o d e l e m e n t u < a > .
3 . R o z b u d u j e l e m e n t < a > o a t r y b u t h r e f .
4 . W p r o w a d z w e w n t r z w a r t o [c i a t r y b u t u a d r e s s t r o n y W W W , d o k t r e j
m a p r o w a d z i o d n o [n i k .
A d r e s e m d o c e l o w y m m o |e b y p o p r o s t u n a z w a d r u g i e g o p l i k u . h t m l o b a p l i k i m u s z
s i w t a k i m p r z y p a d k u z n a j d o w a w t y m s a m y m f o l d e r z e n a d y s k u . T o n a j p r o s t s z a p o s t a
i
o d n o [n i k a o a d r e s i e w z g l d n y m .
5 . W p i s z z n a k # , o d d z i e l a j c y a d r e s s t r o n y o d n a z w y e t y k i e t y , i w p r o w a d z n a z w
e t y k i e t y d o c e l o w e j .
6 . W p r o w a d z t e k s t , k t r y
8
m a b y w y [w i e t l a n y
j a k o o d n o [n i k .
1 2
7 . Z a m k n i j e l e m e n t ,
w p i s u j c < / a > .
8 . Z a p i s z w p r o w a d z o n e
3 4 5 6 7
z m i a n y .
9 . U a k t y w n i j o k n o p r z e g l d a r k i .
1 0 . Z a k t u a l i z u j w y [w i e t l a n s t r o n l u b o t w r z p l i k s t r o n y W W W z a w i e r a j c e j u t w o -
r z o n y p r z e d c h w i l o d n o [n i k .
1 1 . K l i k n i j u t w o r z o n y
o d n o [n i k , b y p r z e t e -
s t o w a j e g o d z i a Ba n i e .
1 0 9
1 1
i i g g
1 2 . W p o l u a d r e s u p o j a w i
s i a d r e s d o c e l o w e j
s t r o n y w r a z z n a z w
1 2
w y b r a n e j e t y k i e t y &
1 3 . & a z a w a r t o [ o k n a
p r z e g l d a r k i z o s t a n i e
p r z e s u n i t a t a k , b y
1 3
w i d o c z n y s t a B s i f r a g -
m e n t s t r o n y o z n a c z o -
n y w k o d z i e e t y k i e t .
i i g g
J z y k H T M L 5 w p r o w a d z a n o w y e l e m e n t n a w i g a c y j n y , s Bu |c y g r u p o w a n i u o d n o [-
n i k w o p o d o b n e j f u n k c j o n a l n o [c i . J e |e l i m a s z z a m i a r s t w o r z y n a s w o j e j s t r o n i e
W W W b l o k o d n o [n i k w s Bu |c y c h n a w i g a c j i m i d z y k o l e j n y m i s t r o n a m i s e r w i s u
l u b d z i a Ba m i p o r t a l u a l b o p r o w a d z c y c h d o p o l e c a n y c h p r z e z C i e b i e i n n y c h s t r o n
W W W , w a r t o z a w r z e g o w b l o k u n a w i g a c y j n y m .
1 . U m i e [ k u r s o r w m i e j s c u k o d u , w k t r y m m a s i p o j a w i n a s t r o n i e b l o k
n a w i g a c y j n y Bc z c y o d n o [n i k i o p o d o b n y m c e l u .
2 . O t w r z e l e m e n t b l o k u n a w i g a c y j n e g o , w p i s u j c z n a c z n i k < n a v > .
3 . W p r o w a d z k o l e j n e o d n o [n i k i n a l e |c e d o t e g o b l o k u .
4 . Z a m k n i j e l e m e n t
5
b l o k u n a w i g a c y j n e -
g o , w p i s u j c z n a c z -
n i k < / n a v > .
1
5 . Z a p i s z w p r o w a d z o -
2
3 n e z m i a n y .
4
C z y t a j d a l e j . . .
Wyszukiwarka
Podobne podstrony:
Tworzenie stron WWW w praktyce Wydanie II twstp2Tworzenie stron WWW w praktyce Wydanie IITworzenie stron WWW Kurs twwkurTworzenie stron WWW w praktyce Wydanie IITworzenie stron WWW Kursinformatyka internet ilustrowany przewodnik wydanie ii radoslaw sokol ebookTworzenie stron WWW Ćwiczenia praktyczne Wydanie IIIPHP5 Tworzenie stron WWW Ćwiczenia praktyczne Wydanie III Andrzej Kierzkowski PEŁNA WERSJAPHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie czwarteABC tworzenia stron WWW Wydanie IIPHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie czwarte phmsv4ABC tworzenia stron www wydanie 2PHP i MySQL Tworzenie stron WWW Wydanie drugie Vademecum profesjonalistyTworzenie stron www praktyczny kurs 2PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie trzeciekurs PODSTAWY TWORZENIA STRON WWWABC tworzenia stron WWW Wydanie IIkurs PODSTAWY TWORZENIA STRON WWWTworzenie stron WWW Praktyczny kurs twwspkwięcej podobnych podstron