19
Dreamweaver CS3 CE. Æwiczenia praktyczne Autor: Maria Sokó³ ISBN: 978-83-246-1564-3 Format: A5, stron: 200 Zbuduj wspania³¹ stronê z programem Dreamweaver! Jak utworzyæ i zdefiniowaæ stronê WWW za pomoc¹ programu Dreamweaver? Co zrobiæ, by tekst i obraz znalaz³y siê w odpowiednich miejscach na stronie? Jakie kroki trzeba podj¹æ, by opublikowaæ serwis w internecie? Dreamweaver, program s³u¿¹cy do projektowania i publikowania stron internetowych, istnieje na rynku ju¿ od jedenastu lat. Jest zatem narzêdziem dojrza³ym, dopracowanym, uwzglêdniaj¹cym potrzeby twórców stron. Wykorzystywany przez osoby o najró¿niejszych poziomach zaawansowania w tej dziedzinie, posiada szereg u³atwieñ, pozwalaj¹cych bez trudu uzyskiwaæ zamierzone efekty. Wersja CS3 tego programu oprócz szablonów stron, przycisków w formacie Flash, edytorów z autouzupe³nianiem kodu oraz mo¿liwoœci wizualizacji projektów itp. zapewnia tak¿e integracjê z innymi aplikacjami CS3, oferuje wygodne przenoszenie plików miêdzy programami i upraszcza tworzenie aplikacji przeznaczonych dla urz¹dzeñ mobilnych. Ksi¹¿ka „Dreamweaver CS3 CE. Æwiczenia praktyczne”, napisana z myœl¹ o pocz¹tkuj¹cych twórcach stron internetowych, w prosty i wygodny sposób pozwoli Ci wejœæ w œwiat kreatorów internetu i poradziæ sobie z wyzwaniem, jakim jest stworzenie w³asnej strony WWW. Zawarte w niej æwiczenia obejmuj¹ wszystkie podstawowe elementy tego procesu — od zaprojektowania struktury serwisu, przez utworzenie i w³aœciwe sformatowanie poszczególnych czêœci witryny, dodanie elementów multimedialnych, zapewnienie natychmiastowej aktualizacji, u¿ycie kaskadowych arkuszy stylów, a¿ po testowanie strony i umieszczanie jej na serwerze. Znajdziesz tu wszystkie niezbêdne informacje, gotowe do natychmiastowego wykorzystania w praktyce. Tworzenie struktury serwisu Struktura folderów i strona domowa Ustalanie uk³adu strony Wprowadzanie i formatowanie tekstu Wstawianie i przekszta³canie obrazów Graficzny pasek nawigacyjny Dodawanie plików Flash Omówienie œrodowiska Spry Budowanie dynamicznej strony WWW U¿ywanie wid¿etów Korzystanie w kaskadowych arkuszy stylów Nawigacja w obrêbie strony Definiowanie po³¹czeñ do innych stron Testowanie strony WWW Publikowanie serwisu WWW Elementy jêzyka XHTML Dreamweaver — poka¿ œwiatu swoj¹ w³asn¹ stronê WWW!

Dreamweaver CS3 CE. Ćwiczenia praktyczne

Embed Size (px)

DESCRIPTION

Zbuduj wspaniałą stronę z programem Dreamweaver!* Jak utworzyć i zdefiniować stronę WWW za pomocą programu Dreamweaver?* Co zrobić, by tekst i obraz znalazły się w odpowiednich miejscach na stronie?* Jakie kroki trzeba podjąć, by opublikować serwis w internecie?Dreamweaver, program służący do projektowania i publikowania stron internetowych, istnieje na rynku już od jedenastu lat. Jest zatem narzędziem dojrzałym, dopracowanym, uwzględniającym potrzeby twórców stron. Wykorzystywany przez osoby o najróżniejszych poziomach zaawansowania w tej dziedzinie, posiada szereg ułatwień, pozwalających bez trudu uzyskiwać zamierzone efekty. Wersja CS3 tego programu oprócz szablonów stron, przycisków w formacie Flash, edytorów z autouzupełnianiem kodu oraz możliwości wizualizacji projektów itp. zapewnia także integrację z innymi aplikacjami CS3, oferuje wygodne przenoszenie plików między programami i upraszcza tworzenie aplikacji przeznaczonych dla urządzeń mobilnych.Książka „Dreamweaver CS3 CE. Ćwiczenia praktyczne”, napisana z myślą o początkujących twórcach stron internetowych, w prosty i wygodny sposób pozwoli Ci wejść w świat kreatorów internetu i poradzić sobie z wyzwaniem, jakim jest stworzenie własnej strony WWW. Zawarte w niej ćwiczenia obejmują wszystkie podstawowe elementy tego procesu — od zaprojektowania struktury serwisu, przez utworzenie i właściwe sformatowanie poszczególnych części witryny, dodanie elementów multimedialnych, zapewnienie natychmiastowej aktualizacji, użycie kaskadowych arkuszy stylów, aż po testowanie strony i umieszczanie jej na serwerze. Znajdziesz tu wszystkie niezbędne informacje, gotowe do natychmiastowego wykorzystania w praktyce.* Tworzenie struktury serwisu* Struktura folderów i strona domowa* Ustalanie układu strony * Wprowadzanie i formatowanie tekstu* Wstawianie i przekształcanie obrazów* Graficzny pasek nawigacyjny* Dodawanie plików Flash* Omówienie środowiska Spry* Budowanie dynamicznej strony WWW* Używanie widżetów* Korzystanie w kaskadowych arkuszy stylów* Nawigacja w obrębie strony * Definiowanie połączeń do innych stron * Testowanie strony WWW* Publikowanie serwisu WWW* Elementy języka XHTMLDreamweaver — pokaż światu swoją własną stronę WWW!

Citation preview

Page 1: Dreamweaver CS3 CE. Ćwiczenia praktyczne

Dreamweaver CS3 CE. Æwiczenia praktyczneAutor: Maria Sokó³ISBN: 978-83-246-1564-3Format: A5, stron: 200

Zbuduj wspania³¹ stronê z programem Dreamweaver!

• Jak utworzyæ i zdefiniowaæ stronê WWW za pomoc¹ programu Dreamweaver?• Co zrobiæ, by tekst i obraz znalaz³y siê w odpowiednich miejscach na stronie?• Jakie kroki trzeba podj¹æ, by opublikowaæ serwis w internecie?

Dreamweaver, program s³u¿¹cy do projektowania i publikowania stron internetowych, istnieje na rynku ju¿ od jedenastu lat. Jest zatem narzêdziem dojrza³ym, dopracowanym, uwzglêdniaj¹cym potrzeby twórców stron. Wykorzystywany przez osoby o najró¿niejszych poziomach zaawansowania w tej dziedzinie, posiada szereg u³atwieñ, pozwalaj¹cych bez trudu uzyskiwaæ zamierzone efekty. Wersja CS3 tego programu oprócz szablonów stron, przycisków w formacie Flash, edytorów z autouzupe³nianiem kodu oraz mo¿liwoœci wizualizacji projektów itp. zapewnia tak¿e integracjê z innymi aplikacjami CS3, oferuje wygodne przenoszenie plików miêdzy programami i upraszcza tworzenie aplikacji przeznaczonych dla urz¹dzeñ mobilnych.

Ksi¹¿ka „Dreamweaver CS3 CE. Æwiczenia praktyczne”, napisana z myœl¹ o pocz¹tkuj¹cych twórcach stron internetowych, w prosty i wygodny sposób pozwoli Ci wejœæ w œwiat kreatorów internetu i poradziæ sobie z wyzwaniem, jakim jest stworzenie w³asnej strony WWW. Zawarte w niej æwiczenia obejmuj¹ wszystkie podstawowe elementy tego procesu — od zaprojektowania struktury serwisu, przez utworzenie i w³aœciwe sformatowanie poszczególnych czêœci witryny, dodanie elementów multimedialnych, zapewnienie natychmiastowej aktualizacji, u¿ycie kaskadowych arkuszy stylów, a¿ po testowanie strony i umieszczanie jej na serwerze. Znajdziesz tu wszystkie niezbêdne informacje, gotowe do natychmiastowego wykorzystania w praktyce.

• Tworzenie struktury serwisu• Struktura folderów i strona domowa• Ustalanie uk³adu strony• Wprowadzanie i formatowanie tekstu• Wstawianie i przekszta³canie obrazów• Graficzny pasek nawigacyjny• Dodawanie plików Flash• Omówienie œrodowiska Spry• Budowanie dynamicznej strony WWW• U¿ywanie wid¿etów• Korzystanie w kaskadowych arkuszy stylów• Nawigacja w obrêbie strony• Definiowanie po³¹czeñ do innych stron• Testowanie strony WWW• Publikowanie serwisu WWW• Elementy jêzyka XHTML

Dreamweaver — poka¿ œwiatu swoj¹ w³asn¹ stronê WWW!

Page 2: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� � ������������������������������������� ����� ���!"#$%&'�() *+,��-.!/0!10'"2�$3�!/�"4�'!/)'!5'�"6�7 **���� ���!"8'�)08� *9 ��������:������������������ :����$1!"&$/$)! 9*;)$�<'10'"&$ �/'1��"01&'=>.�/% 99?!208@)!10'"0"$�)0'�!10'"&$ �/'1�()"A;BC 9DE%!1$)!10'"8��� ���@"8'�)08�"FFF 9G ��������H�I�J������������������������ H�4'#010$)!10'"� K!&�"8��$1@"FFF"<!"2$/$-L"�!M'%0 7*F8�!)0!10'"�!M'%0 794'#010$)!10'")K!N-0)$N-0"�!M'%0 7D4'#010$)!10'"�K!"�!M'%0 7O4'#010$)!10'")K!N-0)$N-0"'%'/'1�()"�!M'%0 7OPL-<'10'"0"&<0'%'10'" $/(�' "�!M'%0 7Q4'#010$)!10'"�K!" $/(� 0 D94$&!)!10'" $%�/1"0")0'�8<@")"�!M'%0 D7E�$R' �"8��$1@"FFF"$2!��@"1!"�!M'%0 DS4'#010$)!10'"� K!&�"8��$1@"FFF<!"2$/$-L"!� �8<@"8�@%()"6�� S+

Page 3: Dreamweaver CS3 CE. Ćwiczenia praktyczne

� ���������������� ���������������������������������������������������� � !"#$%&'(&)*+,-+./-0 123$#4&-$%&)*+,-+./-0 153$#4&-$%&)*+,/-670,&.&"*-0 153$#4&-$%&)*+,8(8*$).* 19!6#:%)&)*&,*,%8*;8*& <=�����������>?������������������� @�AB#&(6 <1!/-&%*&)*+,$B#&(0,(&,"$4$8C,)&#(;'(*(&.D&'.*,!/":7)+ <1!/-&%*&)*+,$B#&(:%,(&,"$4$8C,"&)+70,E&/$B6 2FG)/"+.-$#,%D&H8*%$H8*,$B#&(:% 2=I$'6J*.&8K&,#$(4*&#:%,*,$-$8(+)*&,$B#&(0 2=L#(+./(-&D8&)*+,$B#&(0,%,DC8(+ 21!6#:%)6%&)*+,$B#&(:% 29M$K&#(+)*+,(,$B#&(+4,(&4*+))*.&%,)*/.*+K,#$('(*+78($H8* 5=N#&J*8()6,"&/+.,)&%*O&86K)6 5PI&"6,$B#&(:% 9FE&8Q$%&)*& 9P���������@�RST���������������������� UU37&/Q 99V4*+/(8(&)*+,)&,/-#$)*+,!!!,(&%&#-$H8*,37&/Q WFFX-$/$%&)*+,.7&/6,/-670,YXX,'$,$B*+.-0,37&/Q WFPL#(68*/.*,37&/Q WF<Z+./-,37&/Q WWF[\%*;.,)&,/-#$)*+,!!! WW]��������� ���������� ^ X"#6 WW2[&)+,)&,/-#$)*+,!!! WW5!*'_+-6 W]F���������� � M&/.&'$%+,&#.0/(+,/-67:%,a,"$'/-&%$%+,'+J*)*8K+*,(&/&'6 W]2Z6"6,.&/.&'$%68Q,&#.0/(6,/-67:% W]5M7&/6,/-670 WPW

Page 4: Dreamweaver CS3 CE. Ćwiczenia praktyczne

���������� �� ������������������������������������ !"# ����� ��������$�����%��� !"#�� ����������������������� ��������$�������& !'( ����������������������� �������$������$�)� !'*+��������)���,�� !'*-���.��������������� !*'/��0����������������,1�����������������2� !*'3�������������.�����)��������������2��� �������� !*4-�0�����������)�5��������� ������.�����$�������������2� !6!789:9�;<�=>?8<@9�A�; BCDE������� !6FG���)��,�����%�.%����������HHH !6"�� ����������51�����������I����)��$��,���������$����� !6'�� ����������0�51���J�0������1���������������������HHH !6K3����������0�51���J�0������1��������0���2� !64E�51�������0������� !K!789:9�;<�BL>M���8N;A������8A�OOO BPDQ���������)����I��������R3+S���� ���0���)�1����1 !KFH������,����������2� !K'3����������������HHH���0���)�1������� !KK789:9�;<�BB>?TUV�W8N;A������N��T�OOO B=BX$�����������0���2�����������������)�������������������$ !4! �����������,��������2���������)������������)� !4"

Page 5: Dreamweaver CS3 CE. Ćwiczenia praktyczne

��������������� ���������������������������������������������� ���!"#�������$���"#�������"���%��������%������&������#�����"�����"��'�"�(�)*"���+�"%�',#������������"!�$�������-�� "+���./012�134���'�/516�����������"��"����"��+7�$���(������#$����#���8�9:;<2�9<=>���'�9;?<@)���� ����#��"����"��"%� ������,�������� "� ���#" ��$�"+�����'�"�" �2$�����"A��'�"����B�����B�$������%�#�� ����"%�"A���%���+7���� ���(�����������)��C���� ������D����E�F�GH�����IJ�����KL�JK���EMN� O�!"#���������$"�����"��"'�������+�B&���$�$��"������"�#"�#)�P�"��&��"+���� ���"'"�,��'�"�" ���"������"+7������#����"��"��"��'�"������ (�+���"'���)��$�������%�����%���+����������" ����$���+��������"��"��"��'�"��2#���,$��&�����"�!"#+��QR;ST?U)VWXYZ[\X[]_ Wabcdbedfghijbklgcgmhnojpfgabifqd���� �r��+������� ���+� ���'�"����%�#��%����� (�����"'������!"#��������sURs9tsuT)

Page 6: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ���������������� �������������������������������� !�"#�$��% &�'()�*��+,-�.�)�/%#0+&'+�123456��$�(&!�*�)%&'!7#�,�!�)�&%'0'��#+�89:;���<����=�>;���?@A?B&*-C%��"&%D&���E&+��)+�F+&�GHI���&%')�J�'�)�&�%,.�K+&)�K*�)�$�(&!��*�)%&'%L��'%K��M��K�&%L��NNN��L��$�(&+��-C-+K'�)$#+�.% &�'�O�)��!��"&'!$M�0'�+� �0'�+��%�K�&%L��PQRPSTPUV9?WA?X�)(&'�"#�$�PQRPSTPUV�O�$#�$L���0)*$&%�L�+�L�')��"#�$*�L��#�,-�+)!,)�+�#�L+��)�"�L+#*�YVZ[Z��$�(&!�'L��0*�+�K���'�"&�)+��K�&%L!%$L��"&%D&��*�\&!K*L+$�]9_9abcdefghijiY4kQVlYVZ[Zlmn4PoZ45k4pq6o4kZQr1P35Q2k6sTlrVZ[touvwxyz{z|}~��yvz�}~��z�~�z�v}{y�v�z�|{yv}��y���z�vz��|}�v��~z�yz��{~z�|}��~����v��z��z{z��{�x�v�z��{yxyz�|{�}����z�xy�~���z{z�~�vx�z�����z�~�{��v}{y��z�}~{��z�}���y��yv�z������z{��yv}~���z�z�v��z���|v��|�{v���������z���������zyz�~�|������z�~�{�z����wx��z{�~���z�~�{�z�}����v�z ¡¢£¡?¤A?¥#�$L���)�$%�(&-+��� +#���)�$�(&+��-C-+K'�*��+,-�.�% &�'9¦!�)K��)�.�% &�'��$#�$L���"&'!-�K$�§2345l9?A?N! �+&'�'��+L*�&%')���L+D%�0%K��"L+D%�"%0�"&'!-�K$�+�"%'!-���§2345�\&!K*L+$�]9I_9?©A?�%��)��K���%$L%�0��#%D%)+�ª62ZQ35l«3tqn1l12345m9�N! �+&''�/%#0+&*�123456�"#�$��$�(&!�-C-+K'�*��+,-�.�)�$%�(&-+��� +#�9

Page 7: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������� ! "#$%&'"#'()("*+$,-($",$).&",-/01&%(&"%/-234"5'()6-"("7/'8&06-��������� 9 ":'()%(;"-")/<603&",$=&'(>"-"),60&;"343&?1"-?,$-(@"/=0$1>$"%$?,A5%(&"-2=(&01"5/123;A"B=0$1"1"<&%*"8/?,A5%&C/"5/8"50123(?)(&<DEFGHIF�EJKLMN�FEOPQRST�M�RKLUVW�OPKEST�EXSL�REYEZV�[\MEK\VSPEUL]�O\Q�U�PKV_\�EJKLMU�\�\_a�KEMY\LKMV�bKTONSVX�cdefd

Page 8: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ���������������������������� !"!#$%&'()#*+&,-.*/#012&3#*#405(62367#8023/9:&';-#3#<23/-.98=>12&3#.#08%&#?/1.623#)2@(+0#012&3=ABCADEFGHIJEK:2/1=:/#(09:L<%0,-.#3%&-3%.8&EMNKOPEQRISTEQERFUVWJGSWFQXYEZ689:#3&9:L<-3/EG[\WGIEFRISEF][TVE_EFRISEWJHE]aTIJQXGF[TXSWXQ HXEHER[TXGbaER[TXEacQIGFQJdEF]SbVaTJESW[FHeTEGW\[JdEGF[TXSWdfEVgXWGFQHIhXETEaXSiVHGhdfEQT[FGVjEkUIGHIdR[TXhISGE>lEm[XSVHJGEnjnoj�������� ! !?<.93#:689:&5:62%&:/*%/.#85.8%.'#>lApCAq E[XSVHGVEnjrEQEdJaHJdETEGFY\[JGEW]JUIERFdQIbESIEF][TQSWQIFHXEQEFRISHXEQhTJsHIJdESRFS\]jAtCAuHIYETdYIJYXESIEaJiIHIFQ HIJYEQbshIQFshIEF][TVeETRISTSW[FHEDDDeEQX]IJ[dfhETEYJHVEv5.8ERFUJhJHIJE$&<.93j

Page 9: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������ �!"#$%&!'!()*+$,-!.%#-/012345467829349:62;9<=;>9?246@=?A2B4@?89<=CDE2?2FG7H2IJKLM2>2;86>G@=CDE?27>GN4234OGEG7>G2PQRLS2OH629<49HCDE29B@:<2BO=;>9?4;82TKRUVWUKVXY21246H3@?83=5B=EZ24<;4@?829>[24B742I\Q]RS_Rabcd_dQRLSeYf=?7=E?246@=?2>27=E>g7>C2BO=;>9?2hUA2CGgO>2EZEG9?2H9H7Di2;9<=;>478246@=?YjGgO>27>G2?5Gk>7>4;=lGg2<GB9<H2?=9<[3E?GN42;24B7>G2WKR\QeK\_bdJKmnodpq]SoLqSo]rL_XsWtuA2<42F4vG9?2N42;3>9=i2;24B7>G2>793GB<4@=2;l=gE>;4gE>46@=?HY2w45=C2<GB9<2?=9<[3E?82;234OH2<GB9<4;8F2WUKY2127>GB<:@8EZ3@?GNOD5=@B=EZ2<GB9<2<G7234C=;>=29>[2342?=<@?8F=7>H2BH@94@=27=5246@=?GFYjGgO>27=234E?D<BH23@4EG9H2<;4@?G7>=29<@478211127>G2EZEG9?2@4?3@=9?=i9>[23@?8N4<4;8;=7>GF2>2;9<=;>=7>GF246@=?:;A2F4vG9?29B4@?89<=i2?246@=?:;?=9<[3E?8EZY2xD2<42B4O4@4;G2469?=@8A2B<:@G2@G?G@;HCD27=29<@47>G2111F>GC9EG27=23@?89?lG246@=?8Y2y682;9<=;>i246@=?2?=9<[3E?8A2;86>G@?2?2FG7H345@?[57GN42PQ]rK\_K\ne_dQRLS2z?7=C5?>G9?2CG2;2FG7H2IJKLM{234OGEG7>GPQRLS_SLJKmnqS\Y2|=9<[37>G2?5Gk>7>HC2vD5=7G2EGEZ8246@=?H2?=9<[3E?GN4;24B7>G2PQRLS_SLJKmnqS\Y2w42?=<;>G@5?G7>H2H9<=;>G}2BO>B7>[E>GF23@?8E>9BHP~2;254BHFG7E>G234C=;>29>[2B4O4@4;G234OG242@4?F>=@=EZ2?5Gk>7>4;=78EZ3@?G?2�>G6>G2�2@4?F>=@82<G234;>77824534;>=5=i2@4?F>=@4F2@?GE?8;>9<8EZ46@=?:;Y2�77=2FG<45=2;9<=;>=7>=246@=?H2?=9<[3E?GN4�2BO>B7>C23@?8E>9BPQRLS27=2B=@E>G2IJnaUo24B7=2Nl:;7GN423@4N@=FH2>2;86>G@?2?2FG7H34OGEG7>G2PQRLS_SLJKmnqS\Y

Page 10: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ��������������������������������������������������� �����!"#$%&'()*+,&-./0%121"&234/5#$&678$4%95"#1$&2:83:;<1=>&/?7"8@223</783:;32"#3=>&#"&:;7/#"=>&:$721:-A&B#"C581$:8&;-&2:83:;<1$&8":/?36/2198"#$&8&"<;32#3.&5/<-.$#;$.ADEFGHIJKLMNGEFOIGMFPMLNQKNRLNGSTMTUQIPVLGWIKXNUYGZ[\]_GRTabLNUMGRTKNJFSXNWLRLIMTcGWIKXNUGKIdTKRFGeNUMLeYGfbTQUSGUISXSLTOGghihjklmnoploqrs ktuvwxvyxz{|}~v��{�{�|�x|��{�vyz��{nvt|}�B&;$4/&�21=8$#1"&5/21$:8&:1��&C"<&23�21$;%1�&6"#$%&'()*+,&1&2:;"21�8&;$4/&6/81/.-&C$5$#&8&/?7"8@2A������������������������������������������������ ����������3�21$;%&2&/<#1$&4�@2#3.&67/47".-&5/<-.$#;&�����&2&<;@73.=>=$:8&-.1$�=1�&/?7"8&�&2&;3.&6783<�"581$&?�581$&;/&6/#/2#1$5/<-.$#;&��)������A�����3�21$;%&6"#$%&'()*+,&�&<%1<#1C&8"<�"5<�&'()*+,&%-?&#"=1�#1C<%"21:8&���& 73:-#$<&¡A¢£A¤¥¦§©ª«¬­®­�°±²°³µ(±¶(·±'()*+,µ²(³·¹³º»º)°¼½¾¹¿°�µ(±¶(·�±µ¿¾(¼�³)�¾*²,*±²(¿¾*½¾(�¹À¾�(�¼�(Á�¾ÂÃÄ�Å��B"8#"=8&#"&%1�=1$&Æ(µ¼(&/?7"8�&<;@73&=>=$:8&2:;"21�2&5/<-.$#=1$A&!".1�;"C�&"?3&2=8$�#1$C&2:<"8"�&/56/21$5#1$.1$C:=$&2:;"21$#1"&/?7"8-&6/678$8&<%1<#1�=1$&2$&2�"�=12$C</.@7=$&;"?$%1A&�1#1";-7"&8"8#"=8/#$4/&$%$.$#;-&C$:;&23�21$;%"#"2&/<#1$&6/54%95-&6"#$%-&'()*+,& 73:-#$<&¡AÇ£A

Page 11: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������ �!"#"$%&'$()*'$+&,()-".#-&(/)01230&456789:5;<=>?9@<:?5859?AB?C7D85E9?;:A;DFC79:5;<=A9:GH<I5J:<67?9;7H?C;C7K9?9DAI9<=H5:AK95JH7;A9LMNK9F<8<HAK9;7F?76OP79Q85;RK9;FHA@DA9CD@SK8T=9DA8F<9:5;<=A9@H:7:9UC7=C79J<J5679J<9VWXYZ[\]_S97B8C9ORO7;:9:<=5O:AE?;:A;DFC79:5;<=AK9:5:65O:9<@OPa9bcdeZf9gHA;T67F9hSijS97B8C9ORO7;:9?AB?C7D8CEDA8F<9T8T=C<679:5;<=AK9:5:65O:9<@OPa9VWXYZ[\cSk=A9@H:7lmO:AE9;Ca9ICaJ:A9H>n6AIC9DA@5IC9:5;<=>?K9F8CF6CP9<J@<?C7J6C@H:AOC;F9:987?7P9;DH<6A9@5678T9opf[Y]Sqrsqtuvwxvyz{z|}x~u�z�$�)*�z|����v�wz��%$,z�zy~��z�xz��v~�����x��z����z|}x~u��q�sq�z�wxv~z�%'�*&%�(0)�%�/#)��"(+#$�+#"-$(�!���z{|v��z{z|�u��~w���{��z�.-�%(+$�%�/�+�zw���wvz�|v�z���}��z�z�|v�z�~xz����v~{�w�������{}x�zx}z|���w�}�z|���z��{v�w�{~yz�������~z����x��zw���~yzw������}y�z� ��w�{xv��z�z���¡�xw�y�z{���w��ztuvwxvy|����v�wz¢£�z¤��}�z|�y}{vz�v�z{z��w��~x�v~�¥<n7;:9;F<H:A;D5E9:9I7D<JA9¦d§cZ©\Zª«Z«X¦X¬­K95=A9TIC7BOCE9<=H5:?9nmJ56AI9IC7P;OT9J<FTI76DT9® ¥NSk=A9@<J7PH:7E9F<J9® ¥NK9FD>HA9<J@<?C5J59:59?;D5?C76C79<=H5:T?9J<FTI76OC79® ¥NK9F8CF6CP9@H:AOC;F9°[±9gHA;T67F9hS²jS9k=A9@<?H>OCEJ<9?CJ<FT9@H<P7FDT9GH5³CO:67G<K9F8CF6CP9@H:AOC;F9d[ªcµ¶S����������·�(�*�(/)0.'+.¹(.2.º.#%("º1»(-2"-#"(/'+��"�-(£)0(¼(-)0(*�0+".+$+#$�+)#�

Page 12: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ����������������������������� �!�"#!$%���%�&#'(�)*$)�$+�,%(�#�,-��!%)./��$0,%�1%+#!$��$2�&#3)#'��45!�"#3$(��#4$6�$+�)*#!$�'�789:;�<����=��>�?���=?��=@���A�BCDEFGHGIJKCLHIMCNGOJMPQRGHNGHSTRMECUCMQRSHVHPGWSTMQURMHVLTKXKYZYMECUCMHNMVQMXGHPGEFGEGVKQRK[H\QENMWFGJHV]KOURVGOURHGIJKCSHFGHTRMYEUMWF_JMHSTGaRVRKHSEFKVRKQRMHKFJLISF_VHGIJKC_V[b0c0*$��$0�!$-'$�'�!�'��")$45�!/#64$!%64$�%�&#'�(�)*$)�$+��"&'#/)2�&%'!$+#�$#!�-%*��3�1&#!�3�&%,�:d=e�f����g��=�����A��=�=������=@���hijklmnoknpqr stuvwxyz{|z}~t��xz~�}x}t�t{���xz}t�~z��}�}x����y�t~���HFLTH�VRUCMQRSHPGWGQKTLHCTRKQLHVKJFGOURHKFJLISF_VH�����HRH������MaMTMQFSH���HGJKCHCKGNKFJCLTLHGIJKCHVHJKTWDHRHPGPKTLHGPEFDNLHWGJCL�EFKYZUHCHRQENMWFGJKHV]KOURVGOURHGIJKC_V[�@�e=�=����=e�f����g�h<����������@h�A�e��=@���h�����MOaRHRQENMWFGJHV]KOURVGOURHQRMHYMEFHVLOVRMFaKQLHVLIRMJCHCHTMQS����HNGaMUMQRMH ¡¢£¤¥¦�£¤¥HKILHVLOVRMFaR�HRQENMWFGJKV]KOURVGOURHPaKHCKCQKUCGQMXGHGIJKCS[�§���HNGaSHFMWEFGVLTHGIGWHTRQRKFSJWRHGIJKCSHVNRECHQKCVDCKHNGTGUZHWF_JMYHIDPCRMECHGPVG]LVK�HERDHPGHGIJKCSHNGPUCKENJKULHVHNJGXJKTRMHJMKTVMK©MJHªJLESQMWH«[¬­®[���°WJMOaHECMJGWGO�HRHVLEGWGO�HGIJKCSH±HE]SZHPGHFMXGHNGaKH²¥��RH²�³[H�KJFGOURHFSHNGPKVKQMHPMRQRSYZHKFJLISFLH�����HRH������MaMTMQFSH���HKHVRDUHECMJGWGO�HRHVLEGWGO�HGIJKCSHVHNRWEMaKUµ[¶GPUCKEHVEFKVRKQRKHGIJKCSHQKHEFJGQDHJMKTVMK©MJHKSFGTKFLUCQRMSKWFSKaQRKHFMHNGaKHFMWEFGVMHGJLXRQKaQLTRHVLTRKJKTRHGIJKCS[

Page 13: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������ !�"#$%&'"(&)*+"$,-&)./012314567894:;<=718>?@A818>@BCDE:FGH32I8JKLLMN80<O2GP8GI4Q<94R8:<P014:F9F=912;Q432S<8<T:4PHK8U401V;45852W34IN8O28P03125GP45678<T:4P8X<X:P2PX:P2GI4Q<94312N83128GI:474GP87P4GH8X<T12:43148G;:<3FK8U:P2SQ6W4:I4X<T12:489GPFG;I128W4328<T:4PHN8P43108S<8X:P2GI4QH52K8YTF8GI:Z71R87P4GX<T12:4314818012R8X293<=RN8O289GPFG;I1289FG;6X123148<T:4PH8TVW68014[F;28G40289F014:FN8X:P2W89G;491231208<T:4PH8348G;:<3V8\\\X:PFS<;H58<T:4P898X:<S:40128W<82WF7518<T:4PZ9K���������� �"]"$_&a"#b$("b"#$)c"d$efg)"$%&h($*f"*&-i$jb"k"$,-&)")$gi&(bf"-)fgl&_$*&(mn&_f"*bf_l$jh"_bl."$)$gi&(bf"i&l&"g&d&o2O2Q18HG;491GP8<X7528>?@A818>@BK834894:;<=71N8I;Z:283128<WX<914W456:P27PF91G;258GP2:<I<=718189FG<I<=718<T:4PHN8;<80<O28<38TFR8312X:491W[<9<9F=912;Q43F898X:P2SQ6W4:I47pK8YTF8X:PF9:Z71R8<:FS134Q32894:;<=71N8IQ1I315X:PF71GI8:2G2;<943148:<P014:H8<T:4PHN8I;Z:F8X<549148G1V8X<8X:49258G;:<312XZQ8>?@A818>@BK8X<W7P4G89X1GF9431483<9F7p894:;<=71Ko2=Q187p72GP8qX<W01231Rr8XQ1I8<T:4PHN80<O2GP8;<8P:<T1RN8IQ1I456781I<3V8s<QW2:HH012GP7P<368<T<I8X<Q48;2IG;<92S<8tuvwvAxDyz{K8|Q2023;8}~�8;<84;:FTH;<I:2=Q4567F8XQ1I8�:ZW[<9F8<T:4PHK

Page 14: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ����������������������������� !"!�#$% &'( )*+,- *'.&$/ 0*1&)�-( #�2 *3#420(% *+.��� �!"#$�.*+*�5 ) 0*�&!" 6789:;<=>?: � 6789:;<>@A B3#420( #C 3�D�E�*)&E�) 0�+#��&!"A B0!1& 6789:;<=>?A 3*3&1� *3#420 )$3-/F G,.E�1 � 3*�E�1+.&)23$� *'.&$/A B0!1& 6789:;<>@A 3*3&1� *3#420 )$3-/F ��)�1� 0.&)�1 +.&)23$� *'.&$/ H.(#/E�+ IAJKLAMNOPQRSTUVWXV;YZ;<=[\]8@_;\8?a;]>abc;>d\Z@;?=[;_Z;>789e<b]f];7\g=_;<\@<Z7a;@7[h=?=>]Z?>;>789e<�i������� !"!�#$ /4)*.$(5 )*+,- *'.&$/ .&j+2% 0*3&1 ) 0*�/4�+#4*)(j k\Z]e7l )&.4*�5 *+.���&1C!C ) 0�+#��&!" #$�.*+*�5+.&)23$�A m*j(��E�� *'.&$ E�� j& +.&)23$� H.(#/E�+ IAJnLA�o��p'( )(�)��4��5 +*3 qrst 3�D�E�/1C!( ���j�E4 uvw% $&$E&!$ *'.&$) )�3*+/ 0.*1�+4/ � +��+E�1 0.$(!�#+ k>7A x(�)��4�*E( $*#4&E��+*3 qrst 3*+/j�E4/% ) +4,.(j ���j�E4 uvw '23$�� $&$E&!$*E(y j*F�#$ 4�.&$ 3*+*E&5 j*3(D�+&!1� )&.4*�!� &4.('/4,)'�$0*�.�3E�* ) +*3$�� H.(#/E�+ IAJzLA�{��p'( 0*).,!�5 3* )�3*+/ 0.*1�+4/% +��+E�1 0.$(!�#+ |\>}[a9H.(#/E�+ IAJILA�~���&0�#$ 3*+/j�E4 0* j*3(D�+&!1&!"A������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������� ������������������������¡����������������������������¢£¤¥¦§� ���������������������������������������������������������������������©�������������������������������������ª��������«¬¥¤­®°±¦§� �����������������������²³£ µ£¶³·®±¦©���������������������������������������©����������������������������������������������©���������������������������������������������������¹��������º�»¼½�

Page 15: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������� �!"#$%&!'()*%!(+(,&-.!$%'/01234564789:;<=>?9 9@A4B2C29@34DE7FG9AH324I9J8KC79ELE8M49NMNOFG949O78PAJ2Q78K9AHM423DR1234564789S=TUV>?WXYZY[Z\]9J8M9@34D62O8I92HD9@A94_72O7893A4_723NAH324N9@A@32B7G9J8PA9J2QAKG9B9OABDEL9BD_7232EL979@3A@A3EJ2ELR34DE7MQ9a;bZYcdW\WVYZe=;be9N_AfC7B729MQA3DPAB2O789J2MOAKE7979QAO32MNAH324N9g3DMNO8Q9hRijkR34DE7MQ9lmYbe=n9QA3DPNJ89BDoFE4O789AM3AKG9AH324NRp ��q�����r������� ��s�t��ur��vwxyz{|}~|����{��{�y�z�{���|�w�x��zy�z��~|��z|��x|��|z������x|��w~���~������~�}~�����y��|�w��~��ywz{|�}|����z�{����w�z|��z{��ywyx�}|�{|�����x��y��|z{|�(#$%&-��yz�{�}yx���y���|}w���� ���y��w�z|�yy�z�{����{|��y�zyx��{~�

Page 16: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ���������������������������� !"#!$%&'()'*$+,-./'0($%123$45.$6.76'89&':$(12$;<=>$28?')'@*A/.8&8B8)9$'BC$D$45.$E,84B684F8,$C1$04B$6.0-@(4G3$(&'()'*$6/-87)'8*$15,4-�������� !" !$H4$+1B1/A$9./I$+,-./'0(J6$B1K80-$+,-8GA/-4:$0'L$B'L2-.6'21('8B$(12@3$+,1*8(9@$'$6'21('8B$B'80-4).BMNOPQRSORTUV WXYZ[\]_abcde\fgadhZibdjeaXihkjelmnopmqrstuvwsxmuyvzswsx{vpom|}~�um{��|m�s�v~��tuv�m�m�|��x�opom�s��|w|rwsvmsw��v�n|~vpmr���tsr|�tsm|}~�u�r�����������������������������������������������������v��smsw��v�n|~mr���tsr|�tsmwsvm{v�nmro�rsvn��wo�u��n|�x{m��~�nm�9,&�� ��¡���v��sm{v�utuvmwsvm�~uo¢|n|r��v�m��s�xm£¤¥¦�my|m�n�~v¢|mp��~|r�yusqm|}~�u§��tuv�mn|mrm�|�xmA/-8mp|�v�um�|y�qm�y~v�m©ª¦y|�xpvwnx�m�n�~omp�m�s�m|nr|~uoqm�|m��s�ws�tsxm|}~�uxm�~uvux�on�|rws��m«mswwopsm��|ro�mxnr|~uo�umrmnvwm��|��}m�s�v~��tuv�

Page 17: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ������������� �!"#$%&'()!*+,%-./'$01!2,3'4#.!+#2(,4!5.#$67$'4!+2$3./.18&4-27%9')23.:!3(,.3'25%!72!72)0-45,0!;<=>!2?#.$@ABCADEFGBHDIHJKILFMNHOKJGPFQRABQPHFSITUHV().W!+/')H HTAHOXFSEHOATGXYH"/')'ZH[HDKASPFGHOKJGPFQRATFAHTAHGSKATFGHYBKJ\]JH]DKJACSU^H]SFGKYBHBQHTAH_QAT\HOXFSNHAHEaEPJA]HEHOIXYHb8&$4HOIBAEFH]FUBGRIHAKG]HcdeHfK\]YTGSHgZhijZHkGlXFHEIXF]JHDKA\P\BTGHmGDI\NSXFSTFBHFSITUHn$0).1!92/74#0NHAL\HI]JYSAMHISYmGTDHEH]GKEF]FGNAXLIHKUPJTFGHEOF]JHAKG]HcdeZopqorAOF]JHISYmGTDHstueHFHOKJGDG]DYBHJFACATFGHOICQPJGTFAZvJPJGRaC\HID\PJQPGHDG]DIEATFAHOICQPJGwHJTABJFG]JHEHAX]JGBPJUlPFHS]FQ_SFZ

Page 18: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�� ������������� ���������������������������� !"#!$%&'()*+,$-.+/012$*$,0/3&.+3$4.56$,0/3&078$/.4$5.+/01)*9*$,0/3&.+36:$0;&.'<�������� !"=!�>;($?&'6,+'3.@)*2$0;&.'$A$@9)'6B$?&'6)*9C/*5$*,0/8$D+,.E$?7*,/.$?7*,$A$?./67<$%7*,*

Page 19: Dreamweaver CS3 CE. Ćwiczenia praktyczne

�������������� ��������� �������� ��������������� !�"�� !#��$%&$���$'�(!�)*%&+)����!,���&%-!���� !*!./,/.��0���!1���+�#���2$�+��1!��$#�&%#�3456�7&�#(�$%���+)���1+!8.$��+1��)+)�9:;<49=�+%&��+1��)+�!�1%82��(!.%2!�/�1�*�'�2)��!�&!0����+"1�*��.��+�&���!�+�&$% !,/.�!&���+1!&��>! .#��#%�+�&$%(!�+' &�0�#%?%2$�!�1��)�&$%� !,/.�!&!��$&&�*� 2$�$%*@ABCDE5:FG��.��+)#%� !,/.�!&�� 2$����&!��*�!�&$%�2)��&!�%#���1.$% 1�%-2/(�1�$6BCDH:;4F9��.��+)#%� !,/.�!&�� 2$����&�(1�'(&�*��%�+��$%�1�*%��2)���!�&$%�1�*�$0��+"1�����$%1��,/.�%6�I%?%2$�1�*������$%1�#/.��,/.�%�&$%#%�+���-&$%?(?!&�0�+!� !,/.�!&�� 2$���!�+�&$%��.��+�&���� %,&�*!�&$%� 1�%-2/(�1�$6BCDJ45K��.��+)#%� !,/.�!&�� 2$����+�*���*�*�!�&$%0����+"1�*��&�#()#%�$'�,/.�%6�I%�+�+!�(!*�82&����1+!8���+1��)+)�9:;<490���+%*�&��!-",�&$%+1�%���#%#����$%1��6BCD9LH��.��+)#%� !,/.�!&�� 2$���� %,&%�!�&!� 1�%-2/(�1�$0�)�)��#/.�����+�$%�1�*�$6�� MN��N������� ��MNOPQRSTUVWXYRUZTQ[ZYTZR\U]WU_abcUdYYTefUWPQRS[ZcUZTeS_URgPWdYYTefU_g_V_Y[ZhUiWXYRUj_U]_kdYdWZR\UZSlgm]_VUdYYTefU_g_V_Y[ZZUTVUaRVTVURRnded_UgbPUZd_QaSbhUiWXYRUQ[ZYd_XUbaRZdR\UZTQ[ZoYRYd_UWPQRSbUZUnWSdWVd_hp+�&(�1(�qrst�&$%����$%1��*%+!(��!�2%��&$��+%��+)��!�",��!&+)1"�!�1��)0�+���#�����&$%�+"1�.u�%(�+!1�.u�+%��+)6vwxyz{|x{}~} w�������������������_g_VU\ZdeS_YdRUj_aUWnRYWZRYd_UV_W]UZTQ[ZYTZRYdRUWPQRSbUZU]WobV_Yed_U��i�h�����������N�������� ����N� MN����������RSYReSUWPQRSUZUZd]WbUnQWj_ bhU�_�gdUZd]WUnQWj_ bUYd_Uj_aR bRgYd_UbXTZRYTcUgdYdjUnQSTedaU�������h� ��¡T�Zd_gUdYan_ WQRUZ¢R�edZW�ed£Uj_�gdUYd_Uj_aUR TZYTcUSRaWabjaQ[U¤��¥¦§h