Revista Web Design - 2ª Edição

68
fevereiro 2004 :: ano1 :: nº2 :: www.arteccom.com.br/webdesign Promoção de lançamento R$5,90 editora arteccom “Cada cliente, cada projeto tem sua particularidade. O importante é tentar descobrir qual é essa característica e explorá-la” Michel Lent, diretor da 10’ Email marketing: aproveite mais este canal de comunicação Logs de acesso: saiba como diagnosticar os problemas enfrentados pelos usuários Banners: uma divulgação simples e barata Mecanismos de busca: cadastre seu site corretamente e obtenha muito mais acessos atrair visitantes Como para seu site Debate: os profissionais dão as dicas para o seu site aparecer! Portifólios: Grafikonstruct e Contentcom Luli Radfahrer: “Faça diferente, siga o que seu país lhe ensinou” E-mais: os melhores sites de conteúdo sobre webdesign

description

Como atrair visitante para o seu site

Transcript of Revista Web Design - 2ª Edição

Page 1: Revista Web Design - 2ª Edição

��������������� ����������������� ������������������������

������������� �� �����

� !"#

� � � � � � �

�����

“Cada cliente, cada projeto tem sua particularidade.O importante é tentar descobrir qual é essa característica e explorá-la”Michel Lent, diretor da 10’Email marketing: aproveite mais este canal de comunicaçãoLogs de acesso: saiba como diagnosticar os problemas enfrentados pelos usuáriosBanners: uma divulgação simples e barataMecanismos de busca: cadastre seu site corretamente e obtenha muito mais acessos

atrairvisitantes

Como

para seu site

Debate: os profissionais dão as dicas para o seu site aparecer!Portifólios: Grafikonstruct e ContentcomLuli Radfahrer: “Faça diferente, siga o que seu país lhe ensinou”E-mais: os melhores sites de conteúdo sobre webdesign

Page 2: Revista Web Design - 2ª Edição

��������� $��� ��

Suíte de Aplicativos Gráficos CorelDRAW 11 em português, para Windows XP e Mac OS XCorelDRAW 11: Ilustração vetorialCorel PHOTO-PAINT 11: Tratamento de imagensCorel R.A.V.E 2: Animação vetorial para web

Corel Bryce 5Cria cenários, paisagens e animações em 3Dincrivelmente reais para imprimir ou colocar na web com a maior facilidade.

Você quer compraro CorelDRAW 11,

atualizar grátis para o 12,e ainda pagar em 3x?

E na internet, não vai nada?Vai sim!

O Bryce 5 de presente.

M a s c o r r a , p r o m o ç ã o c o m o e s t a n ã o a c o n t e c e t o d o d i a .

Suíte de Aplicativos Gráficos CorelDRAW 11 full:

3 X R$ 499,00Preço a vista: R$ 1.497,00

Suíte de Aplicativos Gráficos CorelDRAW 11 upgrade:

3 X R$ 266,00 Preço a vista: R$ 798,00

MC

M

( 1 1 ) 3 1 7 9 . 6 9 0 0

Na compra da Suíte de Aplicativos Gráficos CorelDRAW 11, até o dia 15/02/2004, você ganha a Suíte de Aplicativos Gráficos CorelDRAW 12 (media-pack) e o Corel Bryce 5 (media-pack). Nas compras efetuadas entreos dias 16/02/2004 e 28/02/2004, você ganha a Suíte de Aplicativos Gráficos CorelDRAW 12 (media-pack). Promoções válidas até o término do estoque, em 1 + 2 pagamentos nos cartões de crédito Visa ouMasterCard. Somente para o CorelDRAW 11 português, full ou upgrade. As promoções não são válidas para o programa de licenciamento.

Page 3: Revista Web Design - 2ª Edição

Page 4: Revista Web Design - 2ª Edição

������

���� ��

��������� ��� ��� ������� ��� ����� �� ������ � ����� ���

����� ����������� � ��������� � ���� � ���� � ���������� ����

���� ���� �������� ���� �� ������ � ������� ����� �� ��� �

!�����" #������ ������ ����������� �� ��$� � ������� � � �������

��� ����� � ����� ������ ��� ��������� %������� & � ���� ���������

��' � ����� ������� � ������� ���� ��� ���� ������� ������ �� ����

���� ��� ���( ����� %�����)��� ���* � !�����'" +�� ���� ��� ��

����� �����,��� ��� ��� ����� � ������ ���� � ����� �������"

-���� ���� �$� �� ���������� � #)���� .�������� � /������ ��

��������� �� ��������� � ���(��� 0��$�0��$ & +����1�� ��� !������� ��

�$� � ���1� %��(� � ���(��� 23��� ���� � ����4 �� � �" 55� �����

���� �$� ���� !��6���'" /����1��� ���� 2�������4 ������ �� �������

����� � �������� �����17� � ./8�+�939/" ��� ����� �������� ���� ���

��1� ���� ������� � ���������� ���� �����"

+����� ���� � #)���� ��� �� �� ��� �� #7� :��1��� %-;'� ����

������� ������� ��� ����1� ������ ��� �) � ����� �����

���� ��� ��������� ���� ������� � ����" 9���� � �) � ����� �

��������� ��� ����� �� ����� ����1�� ��� ����)� ������ ����" 3

����� �7� �< ��� ������ ��� ��� ������� ��17� �$��� ���""" #��

��� ��������� �7� ����� ���1=�� � �����> ?���� ������ � �����

��� �� ����1��"

@������� #)����� � ��� ��� ������ ������� ������ ��������

2������4 ��������"

23 ������� ) �� ������)��� �� ������� ��� �������� �� ��

��, � ������4"

:����� ��� ������� � �� ���(��

3����� 0���

��������

������

������������

3����� 0���

������A������"��"��

����������������

!���� B�����

������A������"��"��

��������������

������� 0���

�������A������"��"��

��������

!��� ?�����

����A������"��"��

����������

!���� C�����

�����A������"��"��

�����������

9������ 0����

������A������"��"��

����� ���� �

.���� ��������

�����A������"��"��

! ����������

3�� 0���� 0������

���A������"��"��

!�������������

���������"#���

����������

3 3����� �7� �� ������������,� ��� �������1=�� � �����=�� ������

��� ������� ��������� ��� ��� ���� ���� �� ��D���� ������� ����"

E7� ) �������� � ������17� � ������ �� ������� ��� ������,�17� �

������"

FFF"��������"��"��

FFF"������"��"��G�������

FFF"������"��"��

� � � � � � �

�����

Page 5: Revista Web Design - 2ª Edição

$

�� �

����� ����

� �" H ���� �����

� �" I ����

� ���

� �" J ������

� �" J ���� �����

����#%��

� �" 5K :������������

� �" 5L +��������

#���������� ��

� �" M �������

� �" 55 ���� ���� � ����

�&���

� �" HI ����� ����� F�������

� �" IN ��������� .����

���'�����������

� �" NO ����������� 0���� 8���

� �" NL ���)���� ��F�������

� �" K5 ���)���� ����� � ����

� �" KL ���)���� ���� ��� �����

� �" KP ������ ��� ������

��������� ��

� �" IH ��������� 0������ �<���

� �" IL F��F������� 0����� +�����

� �" LO ���������� -��) � ����� ;�"

� �" LN ���������� 3��� -���

� �" LH F�������� 8��� -�������

Page 6: Revista Web Design - 2ª Edição

(

Page 7: Revista Web Design - 2ª Edição

)

�����

!�������*����������

������ �+"&�����

�� ���� ������� ���,,,

-������� ������� ��.�,

-��"�����'��/ ��������� �

�� ���������"�� �� ��

0������ �����

� .��������������

���������.111�2�����/��

��� �3�-��������#%��

-����������� ��������3�4�

� ��� �������������15

!��������������

������ ��������� .����

�������������������

��� � � �������������

����� �+������6��� ����

�����,

7�������� ��.8��'������

���������������� �+����

������ ������'����������

�������������������

���������������

��� �����������������#���

������ ��%��,�����

�����+�������������� ��

���.���� �������+��������9

�������������"��*����

��������� ��������"

����������#� ��*��

����� �����.���� ��:���

��������� �������

� #���������#�����������

�8��� �,

��������������� �����

�����' ������� ������ ����

�� ���,

� ��'��.��������,��,��� �

�.������;���8,��

3��)� ���������������� ��� ������7��

��� ��� � ��<� ��� ��17��

+������� ����)� �� ���

�������17� ��� ���)����" / ����

����� ������������ ��$ ���� ��,��

����� � ������ 3�����>

��� �3�-����<�

-������� �4�� ���5*��

���=����',�����������.� �

���0��������>???��������

@��+����2��,�A�B���"���

�����' *�������������

�� ���*� ���C?*���� �

#���� ������ ��"������ �B

�������� �.� ����

�������,���������*� �� � �*

��������/,�A��#�+�������

�� ������'�,

�����' ,

:������ ����� � @�������

���� ;���������,��,��

@�� :��������� Q� ����1� ���� � ����

� 0����)""" ��'''

/��7�� ������ ��� ��$ �� /������

� C�� 9�����" ?�� ��� �� K � ������

���� �� -�� � ;������" 3�) � �

����� �*������ ���

�����' ,����� ������"

����������*������� �������

��,�D� .������+�����������"

���������� �EEE�7

��� �3�������' E

-�����F��/���EEE�G��������

�"������ ��EEE�7������E

!� ��=� �+�

�� ���;� ,��

Q��� /� ����)� ������ ��� ���

����� �� � ���� � ��� ��������"

?���� ������ R�'

-����������"��*��������#�*��

� ���������� ��

4�����5�������� ����������

����",�-����������

����'�*�����������������

��������������������������

��������������� ��� ��

��� ��� ��� ��,���������

���#�����������

� .����� ������ ���� �

���� ��������� ������

H.���I����6���/�,�D� .�

�� ����� %*�J6� ��E

=��� �����!���

���� �����;��,��,��

S�� �����������

���������� 0�� �����

����� �� ����)� ��

��� � > / ���������

���� � ������ � ���1��

( ��������� ��,���

�����������"

��� �3���� �����

�� .������� ������� �����

� ���������������,,,

!�"�������

���������;���� ���� ,��,��

/ ��� ���� � ������ ���� � #������

9����� ��������� � ��17�� �����)���

7�"*����������� ���

������� �3K

���L�-�����M-*������� ���

����� %EEE

� ���������������� �+� �

������ ������ �������0��

����������������������� �

�������������� �����<�

��� ��EEE�NK

O�� �8���.�������.����

������������ ������� ���E

!��#��������� ��� ������

����#%��1

�� ����P������-��

�� ���;�������������,��,��

@� 9������

+������ ��� ������<� �� �� � ���

FFF"������"��"��GF�������"

?���� ����� ��� � +� ��� �������

����� ��� ��17� ���� �����

��������"

����������������������"

����� �����������'�,

@J ���������

�����;����� ,��,��

@������� ;T������ �� �� ���� ��

������� �� 3����� � �(��� �

�����,�� ������ ���(����� Q� ����1�

� ���� � ������"

���� ����#������ ��E������'

�����������������,

O�������=����

���,�����;���,������Q�,��

3 ������ ������� E����" / ������

������ ��� ��$ ��� �������� ��

U���� /�������" E����� �����)���

��$ ������

#����� �

�������;�������,��,��

000,�������,��,��R0������

������������� �3

P����� �������*���� �

��#���� ����� ����� ���

��������������/����@� ����Q

�� ��������� ����������������

� ��8��������������� �������

���� ,

=��������%��6���� ����������

�� �����Q�������������% �����

� �� ��*��������/�������

� ����%������������������ ���

���������S������

������������� ����� �� �,

-Q���������� ������� �

����������� #��"��������/

� ����� �� �*�� ��"�������+

�S�� ����������,

���������������,

@����!���������%

� #���>??�;Q�.,��

-������������*� ���� �

�� ���� ��������� .�

������������ ��,�-�����3

#�+��������8"� "������ ���

#�+��*� ��#���������� ������

����������������� �����

�'� �������������������

�� �������������

���� �.�����������

��*���������������

���� ����#��������,,,

��� ����� ��*

���6� ����A������� .���

����Q;�Q#�Q, ��

� ��� �����������'*�����

�������,���Q���Q

� �������� ������������% ,

�������1����#� �

���% �� ��,�-�������

!���,

7��� ���� ��������

� #;��� ��� ���,��

.����� ���������,�� �� �� �������

��� ��������� �������� �������

���� ������ ������� ���� �����"""

������ �� ����""" R�'

��� �3�� ��� ��� ��

Page 8: Revista Web Design - 2ª Edição

T

������ �

U?CK

U?$K

��������������#������ ��� ����

3� ��������� � �������� �����<��� � C��� �������� ���(��

����������� ��� � ������ � ��7� ���� � -��

�������� �� � ������<���� � ����� ��� VW���WW� ��� �����

����� ����� � ��� ����� ����� �� �������� �� ����������

����� �� ������ �� � ���� ����" U��� �� �����=�� �

����� �7� ������� � ��������� �����,��� �� ��7�� � 5H

������ � /����� Q����� ����������� 3�������� 6������� �� ���� /�������

#�)��� ;��7�� 0���� +��)�� � #��� +��������� U��F��� +���� � +����"

�� 9� ���� �� � ������ H5�JX �� ��������� ���� � -��� ����� N5�IX �� ���������"

/� U��F��� � ����17� ) � NI�5X �� ������ � NK�IX �� �������� �����,��� � -��"

�� /� ���� �� 5N ������ �� ��� � �������17� ������ ���������� ���� � NOX �

�������� ���� ����� � ������17� ����Y����� � ��������" #�)��� +��)�� � /Q3 �7� ��

������ �� �����"

�� 0��� � ����� �� ����������� ��� ���������� � �������� ��������� ��� VW� �������

�� ����WW �� �������1=�� ��������� �� -�� �7� ���� ����" @� ������� ���7� ����� ��

��� ���� ������,�� ���� ��������"

U?>K

U?�K

���������"

����9

� ��� ��� ��

�����/ ��

9��������� ������ � �������

����� ���7� ����� �� /�����

���� ����� � �������� � ����

����� Z� ���� ������ � Z� ������� ��� ���(�� ��� ������� ��������

� ���������" 3 ���������� ��� � �������� ���� � ������ � ����

�������� ��� ��� ���� ���������� ���� Q��������� � [��� �

) ��������� ���� Q��7� /����)��" @� ��������� ��������7� ���

�� ���)���� � ����������1=��� ��������� ����=�� NOO ��,��

���� ����,�� � ��� �� ������������ ��� 39#8"

!�� ��������D� �

��� � ��������#��6/ ��

������� ����� � ����������� ������������

��������� � �������� ��� ���� ��� ������ �

������ �� �����" +��������� � Q��������� �

U������� �� +��� � ��������� � ���17� � ���

���� ��������� �������� ���������� ���\����

�������� ������� � ��," 3� �������1=�� �7� �

3�$��� .�����"

3 ���� ��� �� ���� ��� ���� ������ �

������������" �������� ��� �������� �� (�����

�����T��� �������, ���� ��� ��, � �F���� � ���

� ������� � ��� ��� ����� �� ������� ��<� �

���"

@� ��������� ������������ � ���� ���� � ������ �

��������� ���������� ��� � � ���� �� �� ���

������������� �� ������ ��� ���� ����������" /���

������ ��� � ���� ����� �� ����� �� ��� ��

��$� ���� � ��� � ���� � ����17� ��(� �����"

������.�����������������'���

� �����������������

U����� �� ����� ������� � �� ���������� ���� �� ��� �������)����

������� ����� � ����� � ����� �� ��������� ��������� ������������

�� /������ 3���� � #����� ���� E�����$���� �� E��� @�������

8��������"

@ ������ ��� ��������� � �������� ��������� ��

��������� ������� � ��� �� � �������1� � ��

���������� ����� 2!��������4 �� ��� �������� ��

���=�� ������� �� ����� ��������" 3 +*����������� �� .����������

0����������� ) � ������� ��� ��� ����������� � ���������" @

!�������� ������� �������� � �� ������� �� �17� �� ���� �

��������"

Q� ���D���� ��� ) ��������� �� )����� ���� ��������� � �������

������ �������� �� ��������� ������� ������� �� ������ �� ������1=��

� ��������"

@ ��� ) ����� � ��� ��� �������� � ���)� 5OO ��������� �� ��

���� ���� � ��� �� ���� ������" @� ������ ���7� ���������� ����

NOOH" 9����������� ��� ���� ����7� �(��� �������� � ������� �

���1�� �����������������"

)V�F�� ���������� ���"#����

��������>??�

3 3�����17� �� 9�������� :� ���� ] 39: !�����

������� � NJ � ����� � KO � ���� � J^ !����� �

9����� :� ���" @ ������ ������ �� 0������� �

3�)��� 8������ �� #7� �����" �������������� � NK �

KO � ������ ������ � ������ 9����� C��� NOOH"

0��� �������1=�� � �����1=�� �� ���� FFF"��"���"��G

������"

� �:���������:������������� ���������8�

����0 ���

3 �.�� %������������� .�������� �� ��� ����������� ������*'� ������17� ������������� �

��D����� ������ ���� ���� ��� �� ����� �����1�� � �F���� ���7� ���������� ������� �

����� �� ����� �������� ��� ������������ ��� ������������� ��� ������ ������

�� ��� ���� � ���� � ��������������� � �D����� ��� � B�,��"

���� ;�* !������ ������������������ � �.��� � ������)��� � �������� � ��D����� ������ ���

��� ������ ���1��� � �� ������" /�� ������ ��� �� NOOH ����� � ���� �������� ��,� ���

�����17� ������������ � ����������� �� ���� � ���� � �D���� ���� �� �����1�� ���������"

U?�K U?�K

U?$K U?(K

Page 9: Revista Web Design - 2ª Edição

W

������ �

U?CK� � .���3RR8� �� �,�����,��,��R8�R�����R����� R� ��� ��R>??�R?CRCTR8�� #>??�?CCT??$,.���

U?>K� � .���3RR�������� �,��,��,��R���R�� ���R�� � ������R�����R?**C�WC$(�*??,.���

U?�K� � .���3RR �����,��,��,��R� ���R������R���)(>�C)$$,8.��

U?�K� � .���3RR000,�����,��,��R��� ����R� ��� ��R>??�R8� R>>RCCC,.��

U?$K� � .���3RR000C,#�.�,��,��,��R#�.�R� #�������R���C>��C$?C>,.���

U?(K��.���3RR000,���,��,��R��� ��

U?)K� � .���3RR��� 0,�����,��,��R��� 0R� ��� ��R>??�R?CR??�?

U?TK� � .���3RR8� �� �,�����,��,��R8�R �� �R� ��� ��R �����R>??�R?CR>?R �� � �>??�?C>???>,.���

U?WK� � .���3RR000,�����,��,��R��� ����R� #�������R>??�R8� R>>RC�?,.��

UC?K� � .���3RR��� 0,�����,��,��R��� 0R� ��� ��R>??�R?CR??��

UCCK� � .���3RR �����,��,��,��R� ���R������R���)(>�C)$$,8.��

U?)K

U?TK

U?WK

=���#����� � �����������

��������� ��

3 0������� �7� ��� ����� � �����" ���� ����� ) ���� �

��� ��� 0��� -�F�� �� (���� ��� ��������� ��� ������

�� �������� ��� 0���-�F�#���"��� ��� ��� ��� 0��������

� ��� ������� � ������17� � ������� � ������ ���" @�

������� � 0������� �������� �� ������ �� -�F� ��

�������� � ��� ������ ���� ������ ��� ���� ���������� �

������� ��� � ��������� � ��� � ��������1� �� ����� ������

����� �����=��" _���� -�F� �� ����� � �� � ���1� � ������ �� ������� �������

��� � ������������� �� ������� � ����� � ����� Q#` 5O" @ (���� �7� ������ �

� 0������� ���� ��� ������ �� ������� ����� �������� ���� ���� ��� ��<���� ����

������ ����� �7� � ������ � ���� � ��� ��������"

3����� ��� ���� ��������� ����17� � ����� D,��� � ������� � ����� ��� �, ���

������� -�F� ����� ��� ���� ���� ������� ����� ���� �������� �� ������ ���

� ���������� ����� � 0�������"

� �:������������� ��������������������

@ !����� ��� ��� �������� ��D����� � �������� � ���������� � �����������T����� �� �

��������17�� �� ��� � ;������D�� %#�'� � 3J :����������� � -������ U����<����� ����

����������� ��������� ������ �� �����T���� �� ���)��������� ���� � ��D����� �����D����� �

���� ��)������ � ����� � �� ����� ��\��� � ������"

3 �����17� ��� ������ ����$��� � +�����17� � !����)��� � 5PMP� � ���� � !����� )

������ ���" /� ����� ��� (���� � NOON� � ������17� ������� Z� �������� �

�������������� ���� �������� �<��� ��� ����,�� � �� ������ � �������� �� � ��������

��� ��� ������� �� ���� ����" @� ���������� � ����������� �������� � ���

�������� ����)� � �������� ������ � ����� ���� ������ � ���� � ����� ��� ��

������� ��������" @� ���������� ����� ����� � ��) -` N ����=��"

-���� .���?�� ���������9�0��

�������# ���:����

3 U����T��� ������� ���� ������ � �������� ����� � �������17� �

������� � ����� Z �������� �� ��������� �D����� � /���� � #7�

�����" 9� ���� �� � �������� � �������� �D���� ( ��� ���������

�� ��� � HO ������ � ������ ��������� :���� #7� ����� � ?��� �

�������" @ ������� ������� ����� � ��� Z �������� ��� ���7� �����T���

����" @ � HO ������� ��� �������� ���� -` K�MO� � �������

��� � 5I ������� � ������17�" 3 ���� � U����T��� ) ������� �

�D���� � ��������� ���� 5IO ��) � ��� � ���"

!.���� ���������

@ ��������� � :����� � +��������

������� ��� ���1�� �� (������ ��

��� �����T���� � ������� � ���

����� ��� ����� �����

���������������� ������ ������ #���

� ������ ���1�� ��������<����" 3

���17� �� ��� ���� � ���

������� � ��� �����" %.���� �

#"�����'

�� ���� ����������

� ���8"&�

#����� ����������� � ��������� � ��������

���������� !���������� � ������ � ���������

�����(��� ��� ����� � � ���������

���������" ���� ������ ��� � F�� ������ ���

������� ��� �� ������� � ���17� ���

����� � ������ �������� ���� ��� ��������

�� �������� � �������� ��� ���������"

2/� NOOK ����� �� ��������� ������������ ���

���������� � �)� ��� � ������ �����

�������1=�� � ������� ���" 3 !���������

������� ���� ��� �� �������� ������ ����

�)���� ���� ������ �� �������� ��(����� ��������

��������� ��� ���������� ��� �������4� ������

� �����<���"

@ ��������� � ���� ���������� �� (���� �

NOON ��� � KJX %JMX ������� �� ����$�'" /���

��������� ����)� ��� ��� �������� � ��

����� �D���� � �������� � Z ������� ��

��� �� ����������� �

��������17� � ���� ��������

�� ���������� ������ �

��������"

UCCK

UC?K

U?WK

Page 10: Revista Web Design - 2ª Edição

C?

Page 11: Revista Web Design - 2ª Edição

CC

����

@ ���(��� 3��� /��� � ���� ��� � ��(����� � ��������� ����������� �� �

0��$�0��$ � +����1�� ��� !������" E���� �$�� � ������� !��6���

�������� � �������� ���� -` LOO�OO" /��� ����� ��� �������

�EU/:-380/EU/ Z ��������17� � ���17� �� ����1��"

3 3����� ������ �� ������17� � �� ������ ������ �

������ ���� ����� � �����������

?�$ ����)� ��� �(��� � ������ � ������ ����� ����1��� ����� ����

%N5' NNIK"OIPL �� ����� �� ����� ���� ������A������"��"�� �

���� ���� � �����

���� ������ � ���(��� 0��$�0��$� ������ � ���� FFF"������"��"��G��������"

����������"�� �

����������"�� �

Page 12: Revista Web Design - 2ª Edição

C>

Page 13: Revista Web Design - 2ª Edição

C�

����#%��

���������� ������ ������������ ���� ���������������������

��� �������

�������������

������������ �� �

���������������

����������

������� ��

!����� ���?�� *������ ��

��������������D���8"����

���� /��*����������������

������/���,����6���������

��� ������ ��������2���

�����������.��� ��=DA*�#�

������������������D��� *

������.�����#����� �����

���������������� �������

O ��X�Y,�2�������� ���

��������+�������� ��� ����

����*������������.*���'

��������������������F����

� ��<�������������D��-��,

O�� ���*����6��������������

� ���������#�Y �����,

Page 14: Revista Web Design - 2ª Edição

C�

����#%��

E� ��$��� �7� �������

���1=�� �������" -��������� ) 9������ � +���17��� ��� ������ � �, �������� ��,�� ���" 2:��������� ��� ���� ����������

�� � ���� ��������� �������

����4� �, ���" a ���� ���

���� ���� ��D�� ������ ���������

����� ���� ����� �� �����

����� � ��������17� � ������ ��

����� � �������� �� ������������

� ���(����� ��� ���� �7� ��� � ���� � ���

����� ���� ���������� �� ����� ��������� �� ���(���

��� �� ���" 3 ����� � ��� ���� �����1� ��(���� ��� ���

� ���� ��� �� ������<��� � �������� ������� ��� 3��,,��

8*��� .<���� /����� 3�$��� 0����*�� 3������� 6���������

8�,� 3�$��� U����� � U����"-����� �7� ) ������ ��� � �7� ���� �,�� ����� ����� ��

������� ������������ ���� �������� � ������ � ��� ��$���"

0��� � ��������� � :������������� �� ����,�� ��� �� ������

���� �������� �� ����������������� �� ��������� �� ����1=��

� �� ��������� �� ����1=��" 2E7� ����������� ������

���� ����� �� �����4� ������ � �������"

3 ���� ���� � ������ ) ����� �������� ��������� �� ��

����� � ������� � ������� ��� ����� � ����� ������" 3��

���� ��� ���� � �� ����,�� �� ��������� � �� ��� ���

��� ������ �7� �����" @ ������� ������ -������ )

����� � ��� � ������ ���(�� ����

2��� ������ ���� � ������ ���

� ��� ��$4"

3 ��$��� ( ���� ��$� F�������

����� �� ��� 5O � �������� /���$����� 9����� ��

��$��� ������

000,�� ,��,��R�� �������

4��� ���������"

������������ ��

������������B

��������5

������D��

Page 15: Revista Web Design - 2ª Edição

C$

����#%��

������ � �7� �������� ���� ���������

�� ������� � �$����"

U����, � ��� ����$��� ����(� ��

�������� � -������ ��� �7� �������

���������� ���� ���� �������� ���

������ �� �������� �������� ��� ���

��� ��� ��������" 2/������ ����

������������� ���������� ��� ���

���$����� ���$����� �)��� � ������

��1=�� 5OOX � ������ .�� ����� ��

�������� �� �� ���(���" 3��� �

������ ����17� ���� �� F������ �����

����� �������17� � ����� ��������4�

����� ���"

3 �������17� ��� �� ���������

����� ��� � ��� �$ �� �������" -��

���� U�� ) ������ ������ �7� ����

� �)��� ��� ������17�" ��� ����� �

�� ���� ���� ��� �� ����� � ����

����7� ���1� ��� 2������ ���� �

��� �� ��� ��� ���" E7� ��1� ������

���� ���� �� ������ � ��� ���� ��$�4"

3�)� ����� ��������� �� �� �����

������ ��� ���� �����=�� ����������

���� ���������� �� ������� �� �)���

��� ���� �7� ������� � ��������� ���

��� �� ������� � � �D���� ���� ��� ��

������ ������ �(��� � �����" +��

�� ������ -������ 29����� ) ������

�17��4

������� �*�����������������63

000,#���,��,��*�000,������� �,��,��*

000,.����Q���,��,��*�000,.���.� ���.,��,��*

000,���++,��,��

����������#� �3

000,�����,��,��R8����� ����

000,���#�Y �����,��,��

Page 16: Revista Web Design - 2ª Edição

C(

����������

��������3�� � ���=����

��������������#%��

Page 17: Revista Web Design - 2ª Edição

C)

������������������ ������������� ����

�������� �������� �������������������������������

��������������������������������� ����� ��� ��!���

���� ��� �����������"�������������� �����������#$

�� ����� %�������������� ����#�� �"����������

����� �� &� � �� � &����� '��� � ������� ��� �

������&� ��&��� ������ ������������������

������� �� ��� (� )�**���� + �� � � �� ���� ,��� ��

������� � ,&��� �� �� ����� ��� ���� � � +����� �� ����

+�����������������������)����� �-���� �+� ������

���� ���� ������&��&������ ����� ����.������� ��

���/������/����������0��&� ���������1������ ����

����� ����� ������������� �������������.���������#�

�"������ ����� ��� ��� �� � �� ��������� ��� �� ���� ��

� ����1� �1��� �(����2�������� ��� ��3���3�� ���3��

������.����� �� ��������4����������� ������ ���5 "����.��

*�2���� ������������6�����&� ��&�7����$ ����� �

�� ������� � ���� � 8������ � 3��� �&��������� �� � ���

�����������������������������������6�������&�

����������,����9������� ���� !� ���������&� ��&���

�� ������ ��3���(�*��������� ���������&� ��������.�

� �*�� � 3��� ���(� ��� ::� ����� 3��� ���� � 8������

� ���2�����������,���� ���(������#������� ���������-�;

���� � � �� ���� ����� � � ���;���� ��� <��&�� � � )�����

-���� ������� !� ������� ��<��$ ��&������ �������

��.��� �*���

��� ������������������ ���� ��=��0������

�������� ��������#�� ������� ���� � ����������������3��

������� �� �� � ��������� ���$�$���� �� 3��

��� ������ ������� ��*!���������"��������.� �

�� ��� �� � ��� �� �� 6����� �� � ����1� �� �

� ����������5������������ �����������������0�� ���2�

����#%��

000,��� �� �,��,��

�%���@���������P:���

Page 18: Revista Web Design - 2ª Edição

CT

����#%��

������������&�� �������� ��������7

/��� ����*( �0���;� ���2���>������� ��?

� ������� �������� �� � ��� ���� ��

�� ����� ��22�� �� �� 8������� 6� �

��� ������ �,�������)�@@ �����A!&���

�� �22����� ����&������ ��������

���� ��.�� ���� ����� ���

�������3�����������������$

�� ������� � ������ ����� ��� ��.��

��������&������ ��� �������� ��� ��

��� �� ���� �����3������� ���

����&"���������� �� ��� ��������& �

���� ���������������(������&��$

&� ������������� ��(������ �����

�������� ��� ��� ��� ���� &�2�� � ����

������������������������3�������

(������� ���� ��*� �����������$

��.���������� ������ ��������&�$���

����&���� ������ ������

-���������������B����*���.���

�����������%�<���1� ����!����� �

�����(�*�2� �&��� ������&�������������

�������������

���� ���� �� ���3

�� FFF"���������"��"�� �� FFF"��,�����"��"��

�� FFF"��������,,���"��"�� �� FFF"���������"��"��

�� FFF"������������"��"�� �� FFF"��55"��"��

�� FFF"������"��"�� �� FFF"F����������"��"��

�� FFF"������������"��"�� �� FFF"���,,������"��"��

�� FFF"���*����F���"��"�� �� FFF"��������,�"��"��

�� FFF"���������������"��"�� �� FFF"������"��"��

000,�������,��,��

000,� �� ���,��,��

���� ���� �������������������������������������� ��� ���������������������������������� ������

Page 19: Revista Web Design - 2ª Edição

��

��������

��������������� ���� �������������������

��� ��������� ������ ���������������������

��������� ����������������������!� ������

��� ���"����#

$�����%�����&��'� �����&�����(���������

�����������%��������� �)������������ �����

�������������� ������*� ����������+� ���#

,��� ��)��������������������)������ ��#

-�'��)�������������.��������������� � �

&�������.�� ������ �������� &����� �.�����

&����� ����� ���������%���&�������� ���������

������������ /�����������������0�� 1#

��� ������������ ��� ��

��� ��������������� ��� ��

��2����������&������������ ������������

������� ������.�#����&�����&�(/����������

��� �����������.��&������3�������2�������

&�������&���&��'� �������&�� �������)�� �����

������ �����&��������������� ��&��������

��������������������� ������������� ��&��

����������� ���� #

���������&�� �������� �������+�������

����� ����)�������&������� ���&�����'���� �

��������2���������������� �����������������

������������������������������ ��������

�����#���� ������+������2�����������������

���!$�����&���� ���������� �������4�� �� ��

������ �� ��)����(5�� ��� �� ���������� �� ��

&��.����(/��������%&�����)����� �#���������

�����&����%���

�����&��� �����

�����%����� ���

����6�� *������

������� �.����

�� ���� � � �

�������������

��7��� ��#1

�� ��)������� ���� ��� ������� �������

����� � �������&��������&������ �� ���#8�����

���������������������&��'� ���� ���������

������(/�&����������%��� ��������������(/�

���&������� �'�� ������%������������ ���������

���&��������������������� ���#

9������&������������ ����������)�����������

�������*����������#

:���*�����������������&��'� � � ����� �

��)�����������������)�������������������%�

����&�����������������������#

;���)��&���*���.��(���������������)����

�������&�������������%���#1

������� �� ���� ������� ������ �� � ����

��� �������� ��� ��

������������������������������������������� �������� ��� ������������

Page 20: Revista Web Design - 2ª Edição

��

���������

�� ���������������� ���

�����������������

����������

Page 21: Revista Web Design - 2ª Edição

��

������������������������� �������!�"�������#������������$����������������%�����������&'��

(����������������)���*��+�,��������- �.���&��������������������/0����������)���

*��+0����1,2��23.40���������5����������������������������������������6������

�������� �7������������������&������"��������8������)������"���9������������������

�:�����������4���� ��� �1������0������5��������3���;����0���������������

����������������������������<"�<<=0��� ��������>����������������������&�����#��

������������ ��1������0����������� ����������������!�"�������������������

����������������������=�����2���0�1�����?�*����0�<"�<<=0�)������=����0������

������ �"��6���#�@A������;� �����=��������������0����������������B��(��������

������������������������;�����������(�������������"�����C��3�6����13;" �1��$

������������������������������������������������

�����0�������������.�����0�����36��0�7(C;0

D��������)���*��+�7�������� �)����

�����������>������������E�B��������0

"��6���D��������������������6����

����������������������������������������

B��FF�C�����������������������������������0�����������5

�������������������>������������������������������5

��� �.����������������@������>�������������

�����������������0����������$����>����5

�����0�>������������������������������

��������G

"D�FF<���� ������&�����������

�����&������&�����.����� �������

��� ���� 5��6 $<=8;,>,�;�# $�������

���&������� ����������������

����&�� ���� �&����&��'� �?���&����

�� �����(�� ��)����(/�� �� �� ����

��� � � �#@# !� �/� )�� ��� ����

�/������ ������ ��#��������� �

�����&��'� � A����&�� ����

��������#���&�� �� �� �� ��

����������������������� ��*��

������&���������#,/������ �

��������������)B����������

����� &����� � � ���� ��� �/�

���� �#!���.�������� ����&��)�����

��������C

Page 22: Revista Web Design - 2ª Edição

��

����������

������������������

���������������������

��� ����������

���������

B��FF�C�������5���>�����������������#��������������5

�����������@������������������A������:�����������

������� �H���������#������������������������>��������5

�����������������G

"D�FF�������&��� ������������&�� �� � ��������

����D������������(/��&�� ��A����1#$��������.���

���� ����� ���)������� �������������������

���� A����#$��������.������ ������ ���)�����

��� ����������'�&�� ���� �&����� ���.��������

.���)����#���������(/��������������������&���

���� ����(�� �� ��� ������� ���� � ���������� # ��

��'���&����������� �����(5������������(/�����

&�������������������E� ��.?�/��&��C@���������� �

� �##���������������A������������������ �

����� � �����&�� ���� ��� ���A����������&�B&����

���%��������������� �����'����������.��������

A�������� �&����� ���&������#

B��FF�C�����������������������������������0����0����5

������������A���������������0������������������5

������������@����� �.�������������������������������5

��������������������������������������������������5

�������������G

"D�FF����� �������&������/����� ������)B����

����������� #�������������'�� ��������(5��

����/�������������(/���&���� ���������� ��

��?������&��&��������&������F����� ���� ��

���������(�������&� �@�� ��)����������� �

�� %���� ��*�������� ���������)����(/����&��*���

������&���� �����

�����������# <� ����

������������� ��

��� ��� �������(/�

�� )� ����� � �������

(/����� ������ ���

�����%��������&���

������� ����# �� �

.�� ������ ������ ���� &���)�������&�������

�� ������������������ /��� ��&�&����������

)����#���������'%�� ������ ������� ������ ���

��������������B ��������#����� /���� ���������

��&�� ��&�� �&�������� ������B �������#3����

�����&�������������� ��� �� ����� �#

B��FF�1����������������������0���������������$����

����������6�@�0�����������������������������������

���������������&'���>���������� �<���������������5

����������>�����0���������������������������0��������

�����������#������������ ������ �������������� ����5

����������������������������� �.����������������>�����

������������@��������������������������������������

>���������@�����5�����G

"D�FF,������ ������&���������� ��&������6

$<=8;,>,�;�#:��� �������� �����)���������� ��

���������� ���������� ��������������&�����

��������������)����(/�#;���&��������������

&��������&�� ���������� ��� �������G�2��8�����

���)�������������&��������� ������������#

,���������'% ����������&�� �6������%����� %

�� ��������������� ����

���A ������# ,� �������

��������������&������

����� ����� ������������

����������)%������� ��#

,��������&��.�� �#$���

�������%&�����/����&��

������������#G����� ��

���������� ��������� ���������������������

��(/������������ �#H /����&���###G����7��� ��

������ ���� �������%���&������������� ������

������� ���� �����)������.�������#��� �.����

�������&�� ��%������)�������������� �(/������

����������&�(�������#

I

IF��� #&�� ���� ��#J!#)#�:���������������(/���&�� ���� �#

;���������

IF��� #&�� ���� �#J��'#K.#�=��� ������)���� ����������� ��

���&�� �� ��&�� ����� ��:������&��&B�� �L&�B&����

�&��&��� ���J;�&�� �� ��������� ���%����

3�� �6�������<�� �D����

;����� ����

Page 23: Revista Web Design - 2ª Edição

�J

����������

B��FF�C�A����������K������������������L�%M0��$���0���5

������������������L������������ �H�����������������5

����������������������������������������������������G

"D�FF������������&�����������.�� �&������ �#

H&�� ������ ���&���*�������&�������#F������&���

�������������� ���������������#��� ���� ��'�

�&����� �������������&��������� � ���������&����

������������������������������#

$����/���.�� ��������%���������&�������)���

������������������� �����������6������������

����(����� ������������ ��������E������ ���

�� ��)�� ��&���������&�������������#������

����������� �� �������������������������

���������)����� ��(/����������&�������)����

����&�����������������(/�#��(/�������������

����������� ��(/��������������������������

�����.��&������ �� ������.����������E&���

���� ���������� ���������������.�#

M������������������������E������������)�����

��&������#H������������.���)����.��������

��� ���.������&������� �����������&�����

���E����� �#�.��������.�������������)B�����&���

)����������� ������� ����###������ ������ ����

.�����&��������/��#

B��FF�M�� ����������������������6��>���������������

����������&������������&����������:�G

"D�FFN���&������������.�(/�����&��'� ���

��� �������������� ���)�� ���������� /�&�����

����� �� ��� �� �� �.�� �� ��������(/�� ���

)���O�� ���� ����������.�� �&�������� ���� �#

G������� ������� �&����� �������������&����

&����8�� ������)��������FP���KQQR#���'� ��

��������(�����������(/���� ��������(���� �

������ ���� ������������������&���&������&�(�

����&�� ����*���#F�&����������������� �� ��

����(�����.����S�������/��������������� �����

��������������� ���� ����&�� �)����&�����&���'%

������ /�������������&����������#��� �� �.��

�������&��������������� �� ������������(/������

�&����� ���#8���������������'�� ���������� ��

����%������������&���� �����������%�����=%���

8�� ��#����&�������)�����)�� ����� �� �������

�� ������ ��� )� �� �� ����(/� � �&���� �� �� �6

777#����� �� ��#���#��� ��� ���

������������� A������

�� ���&��������OA�����

���������(/�#

�!����������������"��������������"��������

Page 24: Revista Web Design - 2ª Edição

�N

����������

I2�����&����������

�������(/��� ����� ����������� ���������)����(/�

���������� �� �����# ��� ��� ���)�.���(/������� ��

��� ������&�������� �������������� �������� �#

���������)�.���(/����� �������(/��������)����(/�

)������*�����������'� ���� ����&�������������#

��%�����)�� ��&���

0���&� ��#������'������

��KQQR�����������

��.��� �&��)��6

=�����(/�

TUQ�UVQ

VQQ�TQQ

RQKU�WTV

RKVQ�RQKU

G�E��7�

G��%����

V#PX

UP#YX

KK#YX

K#QX

RU#VX

��(/�)����� ��������������8�� ��� �����������

���� �� �.�������&���%��������(5��#

B��FF�H�������������������&'���������������������

>������ �����������������������������������������

����������G

"D�FF����.����������/���������������������)���

��(/�������� �#9������ ��&���.�� ����.�� ���

&���.������� ������������.������������ ��#����

��.������&�� ����*�������������7�������������

���� ����&�������������� ����������&���������

/���������������������&����������&�������� ���

��#���&������ ������� ��(/���� ���.������%�

���� �� ��.�� ���� )���� �� �� � �)����� �� '�.����

=��������������RQZ?��&�����������2�� @)����

RPPW�)������ ���� �&�&��������.��������� �(/�#

<� %�������&�����&����� ������������(/�#G��

&�� ����&������'%�����VQQ�TQQ����.�����&���

�������� �����TUQ�UVQ#�����/�����*���������

���&�������� �)��������������5������&����������

����(/��������������� �������� ������&(5��

��� �� �� �6 �<������ ��� ������(/� VQQ�TQQ ��

TUQ�UVQ1?���&����/����������& &����� �� ��@#

�������������.�&������������������UQX���

�������&���������� �������� ��'�� ���� ���&%�

.������ �&��.�� �#�������������������� ��)����

�����������������(��� ���������� ���������

�������������&(/��� �� �6�!����A�/������

����������(/������������1#�����.������������

��������UQX&���YX�������������� �� ����

&�� ����� �#��&���������&������ ��/��������

�������������(/� C

B��FF�.��������������>������������&'������������5

�������������K���������@�����������������������������5

��������������������G

"D�FF����������� ��&�� �(/�������������)���

��(5���� /����������'�� ������ ���������� ����

�����.�&���������&�������)�����������#�������

A���������&������������� ����������� �����&���

������� ����� �#

B��FF�.��������������������������>�������������K������

�������� ���� ����� ���������������� �������������

���6�����������@���

"D�FF<� ������&��'� ��������RQZ ��������

� ������(/������� ��(/����� ��)�������� ����

��� �� ��%���� � �&��������� �# $��� �� �� ��.���

����&���� �������� ����[�������<�&���������

�������� �� ��-����3� �N��%�����&�B&����� �

��RQ ��� ��#

�� ���������#�$�����������������������

% ��#���#��&'� �������� �������(�#���� ���

����������� ��� )"���

Page 25: Revista Web Design - 2ª Edição

�/

Page 26: Revista Web Design - 2ª Edição

�O

���#����FF����������� ��������

��� �������

3������� ��������� ������ &��� ��� ��� B ���

������� �� )�������� �� ���� �� �� �� �� �� �# ��

��7��� ������)���� ��������������������� A�����

&�������������)��(/���������&�������� ���� ���

(/����� �� ���� �%)�.������)������������������

&���� �������������������&���#

3�����������&��������&����������.���������

����������� ������&����������)������������

��������������E� ��.��/� �����)�� ���� �%���#

F���������������9�� �����B�������� ����

<)��8������.������7��� ������)������� ���

���E� ��.���� �������&�����&����'� ����������

��&��������&��*)������)����(5��������� ������#

�$������&��������� ������� ���N�E�&����

���������������)����(5��&���B������������ ����

&�� �1����� ����#

<���� ������������ �� ������7��� ��� A��

��'� �����)������������� �����)����������������.��

Page 27: Revista Web Design - 2ª Edição

�P

���#����FF�����������

�.���������&�������� ��������(����&���� ��&���

��&��������&��*)������������������'��&�� ���&�� ��

&��������� ������� ��*� ������������ ��#

$�����&���������&�������� ���� ���������

���&�� ��������7��� ���������� ��������)���

����� �����������(/���� �� ��)��������� ����

��������������������� �#�:��������)�� �������

������� � ����� �� � �%)�.� �� �� � � �'���� �

)�������������� �#-%��&��������)�������� ��*���

��������� ������'�����&��&�.��������7��� ��#

$�������&�����&�� ��������7��� ������&�(�

)������� ������������(/����.���� �(/�� ���

������&����&������/�#�&������/������� ���

��������������� ������ ���&������������������

��� �����.���� ������&�� ������� ���� �#<&���

�������A������������������������ %)������1#

$���������7��� ���/��� �������������&���

�A����������'�������&�� �� �)������������&�����

�������#���������������&����� ����������������

����� ��������������.�/����� �� �&���������� �

����� ��%��&������ ��&������.��� �� �������

��������������������������)����(/�1#<�������

�������6�F������ ����� ������������)���������

��7��� �����&��#��&���������������'�������

���������������� ���� ������ ��� %���#,�����

����7��� ���'%���� ����*������� ��������������

��������������� ��� %������� �����(/���� �

������������)����(/�1#

!�������� ���� �������� �� ��������

������ /���&�� �� ���*�/���.�������

��������������&����������������

���������������������#<�&����������

.������� ���&�� �� ������)��������

&������#H)������� ��.���� ��������

�������������� �����������&���

������ ����������������� ��������

�/� �� ���� �� ��� ��7��� ��# ����

��� �%�������&�����&�������� ����������

�� ������������������� ��� %����&��'��

���������������#

$�����������������������&�� ����&����

��.��������6&����&������/�&�������%���

��� ����� ����� # �<��� �� �����(/�

&���������&�����)�� �&������%������� ���&��

������� ��)*���������&�����&���� ���������(�

��&�� ���&���������� �#1

8�����������6���� ����C�F�����������&�B�

����&���*������� ������������&����������� ���

������.#-�'����� ��)������� ����� �� ���)�� ����

������&���� ����������.��&�B������������

�����E� ��.���� ����������'�������������(/�

����������� �� �� ������ �� ���� &�����1� ������

�����#

������&���A���������� �������������������

��&����������������*����������7��� ������ ��

���������������� �����������������&�����

���������������.����&�������.�������������

����� �� ������ ���������/�#!�)������������

&�� �� ������ ������)�� �����)����(/���.���

��*��� � �� )���� ������ &��� ���� &��� �����

���)���������������)����(5����� ��������7��� ��#1

$�������������� ���������������� ��)�(�

���������6�$��.�� �����C9��A&���&��.�� �����

)�����%������� ������ �����������&�������#����

���� �������������)������� �&��������� ��'����%

�������A���������1#�� ��&�����&�(/����������

������ ���������������� ����� ��������������������������

Page 28: Revista Web Design - 2ª Edição

�Q

�� � �� �������� �

�� ���� ���������&����������� �� ����# �,/�

����� ��������� ����� �����������.�������&���

��������1��������#

<�����.�\,/����� ��������� ���)�����&���

����������.���� �������&�����'����#<� /�������

S���� �����6�G��������.�&�����7��� ���������

������)����(5������������� �����'������ �� ���

���.�����*����������.� �&���&���� ����)%����

�%&������ ������� ������������ ��� ����������

�� �����.����)����� ������ ������� �����&�������

������� �������� ������#��������.���&���

7����&�����&���������� ������������������

&�����������%&��������)����(5�������

��&������ �������������.������

(/������ ����#!�������

.��� ����� � ����

� � � � �

������������������������ ��������(/�����

��� ������ �� ��&����� ������ ��%����� ����

���1#!B�/�&���������������� ����������������

&����C

�EC�������� �����.�������� ����������

����������������.�� &������� �������������#

;����������S���� �����6&������������C����)����

������������ �&��������������7��� ����������

�����&������� ����.��� �6 �����&������ �&�

�� ��)����(/� ��� ��� ��� ����# �,�������� ��

��7��� ������������&�������&������� ���&���

�������/���������&���B�����������)��(/����

�����(����)�����&�������#<����������7��� ��

��%�������&�� �����&����������������)����

������������������/� �������� �&����������

�� ��� � &��*��� )�� ��� ��� ��� &����

�������������������&������������ /�

���������&���������

������� �� �A���#

,� ���� ��

��7��� �����.����

������ �����������

��&��� ������� ���

� � � � � � � � �

�� �����

����

������ �� �������

������� �� �����������

����� ������� ��� ���

� ���!�������

���� �"���� �� ��������

� ���� ��� ��������

� ��� �� �����#����

=���� ���������� �6

<��>���������������0

����:����������0���� �������

����������������������������

8�����������9G

������777#�� �����#���#��]7������.��&�� ���&�C

����/

���������/

O�����

���6���

������/

/�R

��R

�PR

QR

OR

���#����FF�����������

Page 29: Revista Web Design - 2ª Edição

��

���#����FF�����������

�$����� ��� ����� �� ��� � ��������� ������ �� ��#����� ��� ���� �� �"��� �� ������%��� �� ��������

������������� ���������� �#������'�����'���

��������&���������������������&�����&������

*�������������� �1�����������#

N�����&����� ��������������������� ����)��

����������� ���)��&��� ���#F�*���� ���� �������6

��� ������ ������������7��� ��.�������� �#��

���� ��������)����)�������.��(������#�<��� �

����)��������.������������������� �������

���E���� ��������7��� ��#���������� ������%

�������������� �)������������� �&��������������

��� ������&���������������������7��� ����� �

������&������� ���������� �#$��������������

���E�� �� ���&� ���� ���� � ����� ����� �� ���

H������������������G �

=�����������)���

(�����������

R������?��&�@���(����

��)�����

R������?��%@��)����� ���&B

R������?��&�@����� ��.�

KYQ.���� �

3�������� ��.�� �����&�� �

"�������;������

<���� �.����������� ������

��.������ ������ �������#

�������� ���)�������� ��.�

� ������������ �'���� ����

����/��#2����&����������

)����&������������RVQ^�� �

������������#

�� ��������� ���������)��#$���������������

�/�.���� ������� ���������� ��#$������������

�)��%����������7��� ������ ������������ ���

����������&���� ��&������&���������������� �

�����(/������������7��� �����)�������� �&�����

�#������ ������������ ������ ������.� �����

&������� ��%���&�������������������� �������

&���������� �)����������&��#$�������� �������

�������%������� �� ����� �����������&��������

������� ����������* �����&���� ����������&����

������������7��� ���������������������������

������������������#1

���������������������� ����#<�&���&D���

&�� �)�������������/�����������&���������

�����9�� ���6����7��� ���/�������� ����

&���������&���������/�)������.���#8����

���'�� �����)������������������������

��������� ���&���1#

Page 30: Revista Web Design - 2ª Edição

J�

���#����FF������������

$�����!������ ����� �����%��������������%���

S%����#�����>��������������&�������������K���

,��� �����������&��� ������ ��������� ��������� ���

����������������K�������������������������S��������T

3������������������/ ���������������������������������5

�������������������0��������������������� ������:���

����� � �(����������������0�������#����:�

;��������� ����0�����5�����������>���������������

����������� ���������������������� ������:��������� �

�����N���:��������� � �U���������&������������������

����� �;��#�0������:������������������������������5

������������������������������������

3������������������������������������&'��0�����5

���������������:��������������������&�����������

���������������������������� �C�����������#��>�������

�����������6��������������������������$������&'��

��� �����$5���� ��� ������� ������� �� ��������� ���

����������������K����������������������������������0

����������0������������A�����5����T �C���#�M������

Page 31: Revista Web Design - 2ª Edição

J�

����������� �

���� ����� C��������������������@�����������������

����������������������������������������������5

��������������������������������

����������������������

G����������������������������

��� ������� ��&��������������������

�������#_�� ���� �&����������� �����

����)�����)����� ������D������� ���� �%)��

.������)�����&������������� �#

���� ���������)�������������� %��.����

�� ���� #H�B�����������������&�������������

��������������������������'������ ��������

��� ���� ��&������� ��������� �������� ����#

,����� /���.������������ ����������� �)����

����&�������#

F������������ � *� �����������VYX���

�� ����� �������������� �������� ���������#���

���/������ �������������'����.����&������

���&%.��������������&����������)������� ���

�����# <� ������ YYX ��� ���&��� ����(�� ���

����������#

���#����FF���������������

Page 32: Revista Web Design - 2ª Edição

J�

;� �������������������

�� ��/��� ������� �����.����&��������&%.����

���&��������� ������������'������ �����������

��������� ����&������&� ������������ ��#

��.����� ����������������������VQX

�� �%)�.� �� �� ���� �� N�����6 ���A\]`����C�

"��.����� ���� ��N��?� ������@�������G���G���#

$��������&�������'�� ����� ������)���� ��

������� ������� ������������� ������&����������

�������.�������&�����������&%.���������� ����

����� ����#

8��������&�� �� �����������������&���

&������������������ ����&���������&���������

�������A����������&����������� /��������

&�����������#

G�� �����������6 PQX ��� &������ ����� �

�� �����������)������� ����/������ ������

��)����(/���&�������&%.�������� �������� ����L

WX�/�&���������.�����RX�� �������#�&����

KX����� ���&���������� �#

.�������������5��������������������������

��.��� ����������� ���� � "��.��� ���� �

���� ���������&� �(5�����������&�������&��

���������� ������ ����&��������%����� �&�

������ ��������� ���#�� ���������)������� �&��

�� �(/�#:��� ������� �� �������������������

���%����&����������� �#<�%������������� ��

���� ��������� ����

����� ��6���� �����&������

�� ����������� ���������� ����

��� ��������������%����&���(/�#

�� �������� �� �� � �.� ����� ��������

��� �#H���&�����������������)����������

���������� �� ����� &��� )���� �� ���

&����������� �������� ��

������������'� ����� �.a8;82<b��������

�������������&�����������.�����������)�.����

����� �&�����&������ �#

!���� � ���%����&%.�����&����������� ���

��.����������)����&�����&���&��� �����������

����������&���������&����������.�������������

�������������#����.��������������������

�/����� ����������������������� �#

C���������4�����

FF���� ��� %���������� ��RY�KY����5�����B�����

FF������� ��������� ������� ��YQQ����5���R

����/����B�����

FF��"��.���������KQQ����5����������&�����

FF�H��� ��������)����ccX��������������

.�A��������

FF�-%c�R����5����&%.�������������

FF�� ������.����&��������&������#������������

�����������d��.����

FF�H��� ����������������&��c������U���%����

3�� �6=���� �9�'�

�����K�����*�6��������V

����� ������E� ��.��`����CF�����������

��������� ������/�&���������������.����

���#����FF���������������

Page 33: Revista Web Design - 2ª Edição

JJ

����� ��������� ��

�������N�����#-�'���`����C

�� ��� ����&� �� WQ &������ �����

��������N����������&�� �������)�����&�*��

����'�������� �����(/��������������� ��������

�����?��/������� �����@&����������� ����� ��

���������#-% �A��������������&�����F�����

��� ��SB��������&������`����C�� %��Ue

&���(/� �� ���E��. ��� �� �� ���� ��������� ��

�� ���� ����^R����������N�����#

Page 34: Revista Web Design - 2ª Edição

JN

B��FF����>�����������*�6��V�=������E����������������.�� G

<������FFN������������ ��/���.B������� ������������ �������.��)������ �#����&����

���A\&���`����C)��&�� ���������� �� �.������&���/�#

B��FF�<�����������������.�� G0���� �����������>�����*�6��V����������������������������G

<������FF�!��������C�`����C���������Ve&����Ue&���(/��� ��������������������

������ ���� ������ ���#-�'�� ����'�� �����������&�����`����C�����A\��

��������KQQc���������� �������� ���� �#<�&������������������������#

B��FF�H�����������������������������������������*�6��VG

<������FF��&����� �������������� ���`����C��)� ������ ��� %�� ������

UQX&�����#�&����� �������������� �������A������������KQX������

��&����� �������������� ���&�B&����� ���� #

B��������� FF�H��������������������*�6��V��������&�������������������

��������G

<������FF��.�������� �.����`����C�����

������������������� �����

�� ����� ����� ��

�B���� ��������

��������������)�� �� #

�����)�� ���/�����&�����

�����������������������

���#����FF���������������

=���� �����

����� �6

H�����

������������

������>��

��� �����

�������G

������777#�� �����#���#��]7������.��&�� ���&�C

4�����

.�� �*�6��V

=�D

C��������

,�D

(4

Q/R

��R

�R

�R

�R

�R

Page 35: Revista Web Design - 2ª Edição

�$

��������� ��� � ����� � ��� ��� ���� ��� ���� � ������� �������� �� ������ ��� ��

����� ����� �������� ����������� ��� ��� ���������� � � ������� �� ����� �� �����

����� ���� ������ !� ��������� ��� ����� � ���������� " ����� ������ �

������������ ���� �� � ������ ������ ��� ���� ��� ����# $������ ����� ��

��� �����������

���33��6�������������#��� ���� ��������� �������������X�.E�����!��B11

�� ����33������� ���� �� %� ����� � ��������� �� ������ �� &��'( �!� $��

����� �� ������

���33�-�� ���6������#��� ��*���������� ������������ ���1

�� ����33�� � ������� ��� ����� �� ��� ��� ��

�� ����� ����� ������� )� ������

����������� � ����

#�� � &��'(� ���

�� ��� � ����

�� �������� ������

��� %��� ����� �������

� &��'( ����� � ���� �

�� � ����� � �������� �

������ �� ���� �# ��� � ������

� �� ������� ��� ����*� �������

��� +������ ���� ��� ������� ���������

���� �� ��+� ��� )��� �������� ���

������ ������

���'����33������������

Page 36: Revista Web Design - 2ª Edição

�(

���'����33� � ���������6�

��������

������ ���������������������

������� ���������� �����������������

������� ���� �

,� ���� � ��� �� � �����+���� � � ���� ��

�+ ��� ,� ������� �'� ���� �������� �����

������ � ������� !� ���� ������� ����� �

�������� �������� �������� ��� *� ����

������� - �� � ���.��+ ���������� � ��+� �!�

��������� �� ���� ����� ����� ��� % ������

�!� ������ ������ � ����'���� �� �!� ��� ��

$� ����� ��� ������ /����� ��� ����� � � !�

���������� ����� � �� !� �� �0���������� ��

����� � �������� ��� ����� ���� � �����

��+�� � ��� !� 1� �������

% �������� ���� ���� ��� ������� �� ���

���� � 23� ������ � ����� ���+� ���� ��� ���

�������� � ������ !� ����+� !��

,�) � ��� ���� +���� ����� �� � ���

�����+ - ������� ���� ���� ��� ���� � $�

���� �� ������ *� ���� �� ��������� ���� �

��������� ��� � ���� ��+��*� � ���� ��� ����

��� ��� �����

Page 37: Revista Web Design - 2ª Edição

�)

���'����33� � ���������6�

4�+����� ��� ���� �� ���� ��� ��+�� ����� ����� % ����� � ���

���� ������ ����� � ���� � ������ 5��+�( �!�� ������+�� 6 ����� ����

������� � �������

7 ��� ������ �� � 8� ������ � �� � ��� ����� �����������

&��� ��#� ��� �� �� ������ ���������� � ���#�� ��+� ��� ���� � ���

� �# ���� � ������� ���� ��� ���� ��� ������ �� ��������� �������

��� �����������( �� �0���� ��+��� ��� )����� 4�� +������ �� �

����� ������ ���� ���������� � ������� !� ��� �� ������ ,�)� ��

�!� �� ������ ������� � $��'���� ������� ��� ���� ����� �#�� �����

��������� ������ ��� ����� �� ��� ��� ���*� �� �����

���� ����� �� �������� ���� � �� ������� ��� ��� % �������!� ��

�� ������ �������� ��� 9��� ����� ��+���� ��� ������ ���������� ����

����+�� �� ���� �������� �� �� $��� ���� � �������� �� ���������

���� �� ���#���� ��� �+���� �� �!� �������� ������ 1� ������ ������

������ ��� ���������� �� ����!� �� ���� ��+��� �#��� :����

888���+�����������;� ��� )����� ������� ���������� ���

�����#����� �� ��� �� � ��� ���� ����� �� +������

4$���� ������ ������ ������ ��� ������� ���� <����� � ���� ��

�������= � �� �� � ����� ������ !�� ����� ������� ���� � �� ��� %

����� ���� � �� ��� ��+� ���� �� � ��� ��� ��+�� � ��������� �� ��

Page 38: Revista Web Design - 2ª Edição

�T

���'����33� � ���������6�

���������

�����������

�������������������

��� ����������

��������������� ��������

��������� �����������

���������� �����

���������� ��������� � �� ����� �������

�� ��� ����� � ��������� ��� �������� � ����

��� 7 ������� ���� �������� �� � ���� ���

��� � ������� ������� � �� �� �������� >��� ��

������� �������� ���� ���� �� ���� ��� ����� )�

� � ����� ����� ���� ���� � �������'���� 9��� �

� ������ %� ������ ���������� �!�? ����� � ������

��� ��� ������� ��� � �8������ � �������

������������ �����!� �� ��� � �� �� ��� ��

����+�� � �������� �� ����� � ����� ����

������ ������� �������� ���*� � +�� �� ��!� �

+������ @�+�� ������ ���� �� �����������

����� ��� ���� ��� � ��� !� � ����� ������

�� ��� 4 � ����� �� �� +���� ���� ���� �)��

�� � ������� ��� � ����+� !�� 9����� �

��������� ������� �����#�� ������� ������

�����A�� ���������� ����� *� ��������� ����

��� �!� �� ����

4���� �� ������ ������ ���� � ����+�� ��

�� �!� �������� �� ����� ��� �� � �����

+�� �������� � ����� �� +'���� �� ����� �����

B!� ��� � � � � ��������

��� �+����� 1 �����+����

������������ �� �� ��+��� +��

�����? ���� � � ���� �� ������

�� !� ���������

2�����+� �

������� %� �����'���� ����� ������� �� ���

��� ��!� +��������� ����( C���#� D��� � ����

�� ���� � � ����+� !� ���� � ����� ����� �

���� !�� 7 ��� �� ���� � �� ������ ��� ��������

����� ����������� D ���� ������ ��� 0���

����� � ���� �� ����� <�����= �� �� �)� ��

����� �� ����� ���� ���#�� �� ����� ��#� ���

�� �� ����� ���� �� ���� ��� ��� ����� �

�������? � �� ���� ��� �� ��+� ������� ��

����� � �� ����0�� ���������� ��� �

����� ����� ��� ����� � ��� ��.�� % ������

�� ������ � ������� �� ����� <�������= � ��

�� � � �� ������ � � ��� !� �� ������ �� �

��� ���������� % �������� � ����������� % ���

�� ���� �� ��� ��� � �� ���� � �� �� �� ��

�+������� 4��� � � ���� �� <��� ����� ���+�(= ���

������ � ������� �� ��� �!�� � ����' �

����� �� ���� ��� " ��� ��� ��� �#� � �� ��

�� ����+���� �� ����� ��� ����� �������� &���

���� �� ���� � ������ �� ������ �� ���������

����� �� ������ *� ������ ���� � �������

�� � ������ ���� �� ����� ��������

����+���� " ������� �!� ��� ������� %���

���� �� ������� ���� ������ ��� �� �

�8������ ��� �)�����

"���� ����? � �� ������ ����� �������� C���

�� �� ���� ������ ������ �� +���� % ����� � ��

�������� � ����� � � �� ���� ����

�����#��� ��� �������� ����������

����� *� � ����� ���������� �������

��� �� ���� ��'���� ������� ������

���� E�� �������� ����������� ��8������ � ����

����� �+��� � ������ ������� � �$��� ��������

�� <��+� ���= ���� ���� �� ����+� ���������� ��

�)�� 1���� ������� �� ��� �������� % �������

�'��� � ������� ����� ���� �� �� ���� ���� ����

��� <�����������=� �� �� ����������� �� ���

�� �� ��+�� �� ���� !� �� +���

Page 39: Revista Web Design - 2ª Edição

�W

������

%���� �������� ���� ��+���

�� ��� ��+���� ��� �� ����� ���

������ ��� �� ����� ��� � �������

����� ��� �� ���������� ��� � ������

� ��� � !� � ������� !� � ����

��� ��� �� �� ��� � !� �

������� !� � ������ � �����

$����!� ������� �� ��+��

% ����� � �� +���� ��� � ��

����� !�� ��������� �� ��� ����

��� ������+� � ������ !�� ���

����� ����0��� ������� ��� �

���� ���� ����� �� ��� ������

����� � ������ ��� ����� ��!�

������� ��+� �� ����� � ��� !��

@� � ����� ��� ��� ���� ��� ����

� ������� � ����� ��� �� �

��� � �� � ��� ���������� �� �!�

� �� ���� ��� �� �� ����� ���

33�� ����Z���+

-%��&���������������%��

7+�����

000,+���� ,��,��

��������������

����������

�������������

������������ �

��������������

� ��� � !

�� �� ��� �� ���� ��� ������� � ��

���� �� ���� � ������ ���

"� ������ � ����� $��� ����

�F� �� ����� � ���� ���� ������

��� ��� �!� ���� ���� ����+�� ��

������� ����0�� �� ��� %�����

�� ��� �������� �� ������

��� �� ���� �� ��� ��� ������+�

��� ��+��� ��'���� ,�)� ���� ���

������ �������� ���� ��� ����

�# ��� ������ ��� ������!� ������

�!� � ��������

%���� � ���� �� ����� ����

�� ������ ��������� � ������� !�� ��

�� ����� ��� �� � ������ �� �����

������� �� ��)�� �����+����� ���

�������� ���� ���+� �� �0����������

������ � ����� �� ����������

&�� � �������� �� �������������

��������� �����������*������������.����� .���� ������������������*

���������������#���������� � �������������� ���'�#�����

��"�������� ����� ������,

������8����� �������������������/ ����: ������������������� �

����������*���������� ���� ������� ����������������� ������ ��

��#�� ������� ��� �����F����3

� ����������������������������"

Page 40: Revista Web Design - 2ª Edição

�?

������

%�+��� ������ ��� �� ������� ���� �� ��

�� ���� �� +���� �0��� � �������

33�5��� �����#���? 4������ ���� �� ���

� � �� ���+� ���� �� � �������� � ���� ��

�� ���� �� � �����#� !� � ����� ��� �����

&�� � �0���� ������ � ������� !� ��� �� ���

� ����� �����#���� ����� ��� ������ ��+���

�� ������� !� � ����� ��� ��� �����+��

33�%������+� �������? % ���� � ���.������+�

��� ������ � � 3�GHI ��� �������+� ���� ���� GH

�� ��� ������ � ����� �� ��� ��� ������ �� ��

������� ���������� �� �)�� ��� ����� � ��������

!� ����� �� ����� �����������

33�4�������� ������? %� ������ ��!� ��������

� �������� ���� � ���� �������� � ��.�� �)�

�� � ��� �� ������I J3H ��� ������ �'� ��

��. ������� +���� ����� ������� 8�������

�������� ����� ������� ����� >�� ����� �����

�� � ����+� ��� � ������� �)� �� ���+� !� ��

�� ����0��� � �� �� ��#� � ���� � �� ������

�� !� ������������

33�%����#� !� � ����0��? �� ������ �!� ����

���� �� �� ��� �� �� ���� �#� ���� � ����0��

���� �� ����� �# �)� +��� �� �� �+�����

�!� �� ������� � �����#�� � �� ��� �����

��� ����� �� ����� � �����#� !�� �� ����� � :���

�� !� �� ��;� %�+� �� �)� ������� ���������

33�&�����#� !�? � ��+��� ����� �� �� �0�

�0����� �������� �)� ��� ��������� ��� ���� ���

����� �� ��� ������� � ���$!�� ���� �� �

������ � ���� � ����� � ��+��+� ������ �����

�� ��� �� ������� ��� ����� � ���+� ����

���+��

K������ ��� ������� ������ � ������ �

���� ��������� ���� �������� ���������

���� � �����

33��� ����F���

��������������������������-�����O��

000,����������� �� ,��,��

��� ���������������� �����������������!"#$%

������������ � �����������#$���� ������������&������� �� �

����������������� ���� ������������'

Page 41: Revista Web Design - 2ª Edição

�C

������

4� ��� � LM ���� � $��'��� ���� ����

� ��� � G3 ���� � ������+�� � ���� �����

������� ���� �� ��� %� �!� �� ���� ������

����������?

L� &������ �������� �� �������

D��� ����� �!� ������?

%N �+� � �� ���' ��#�

ON �+� ���� � ������ � ���� �� �����

���� ���� ��� ����� ���� ��� �0#� �

��� �� �!� �������� �� ��� ���� �� ������

" $���� ��� ��� � �� ������� � ����� �

������ �� �!� �# �� � �� �������� �� �!� �#

�� ������ ���� �� � ������������ P�������? ��

������� �!� �� �������� ��� �����+����� ��� �!�

���� � �� ��#���� Q �� )����� �� ��� �����

��� �� �������

M� C��� �� �������

6�� �� �������� 5�������� ����� �� ��� ���

� ��� D ����'��� ��� ������ *� ������ �� ����

�� �� ����!� �� $������� �� ���� �� �������

������ �� ������ ������� $������� � ������ �

����� � ����!�� �� ������ ��� � � ���� ��

�� ��� ������ � ���� ���� �� ������ ��� ��� �)�

� ���� �� �� $����� ������� �� ������� ���

�����+� �����

R� 5��� �� 6%& S6�� � � %������� ��

&��������N �� ���� %�+��� ��� )� ������� �� �

���' ������� �� ���+��� �� �������� ������

���� ��+����� ��� ���� ���� �� ��� �� ������

��� �������� � ��������� �+���� ����� ����

������ ��+�� >� ��� $���� � � �� �� ��������

���� T�� S888���+���������N� 4��� � ��� �������

���� 0��� � �+�� � �� ������ ������� �

��� �� ��� >PQ� �!� �$ � ��� ��� �� ��������

��� ���'�

U� 4$���� � �� ��#� �� ������ �� ����� �#

&� ��� ��� ���� ������� �� ����� �������

�� ��� 7 ����� ��� ���' ����� ��� ���� �� ���

�� ��#� ���� D ����'��� ��� ��� ��� �� ��

����� �� ����� ������ �� �� ���

>� ��� $���� ���� � � �� �� O�A

S888���A�������N� "� ��+��� �������� ����

��� ����� �� ���� ������� ��� ���� ��

���� �� 23H �� ������ !� ���� �� ������

G� 5��.��+ ��+����

@� �� � ���������� � ��������� ���� ����

��� ���� CB T����� D��A� >������ ��) � ������

����� �� � ����� �)� �������� ����� � ��

����� � ���.��+ ��+���� ��� ������ �����

���� ����!�� ������� ������� �������� ����� 4�

������ ��������� � $��'��� �� ������ � ��) ���

$��'��� ���������� ��� ����� ����� � �����

������� ���� �� � ����� �� ��� �� �������

����� �� ���� ������ ���� � ����������

&�+�� � �� �� �����+'��� ��� ����� �+���

���� +���� &�������� ����� �� &����&��� ��

P� T���� �� O���� �� @������ b @������ ���

4>% ������� ��� ������

33�!����Q�O� �

!�7������F-7!��DX

��#������F=�!�����&F�� �

000,0������Q,��,��

000,�����,��

����(�������� ��������������������(����������������� ��������� ������ ���� ������ ������� )���'

Page 42: Revista Web Design - 2ª Edição

�>

4� ����� ��+��� ������ ��

���' �� �� �� ����� ���� ����

�� ��� ��� �� �� ��)� ������

�� �)�� ���� � � �� ��� ���+� ����

� �� ��)���� D���� ���� ���'

�+��� ��� ������� ���� � �������

����� � �� :���.�������; ��

����� � ���� ���� ��)����� ��

���� � ��� !� � ���������

� *� �������� K� � ��� �� ��

�� ��)� ����� � ��+��� ���+���

� ����� �� ������� ���� ���

�������� ��� ��� �������� �����

����� �������� ��� �� ����0��

�����#��� �������� ������ �� ��

�0����� �� ����# ����� � ��� !�

�����V�� � ��������� �+���

����$�� � ��+��� ������ �� ���

����� /� ���� ��� ������ �+�����

�� ��+��� �� ��� ���� ���� �

����� � ����� ����������� ���

����� � �������� !�� 5�� �����

���� � ���� �� � ���� ������ ��

�� �� �������� � ��������

�+��� �!� ���� �� $��'��� ���

4��!�� ��������� ����� ��������

��� ���.��+� ���� ������ �����

����� � ������� !�� �!� ������

����� ���� � ������� ����� �� ����

�� !� � ����� ������� ���� ���� �

����������� ���� ��� ��� 4�

������ ��������� � �� �� �� �����#��

��� ��� �� ������I � �� �� ��

�������� ��� ��� �I � ����

������� ������ � �� ���' $��

� ����������� �� ��� �� $��'��

�� �� �� �� ��� �����V���

������ ���� ���'�

33�������!.���Q

���� ������D�� �������

@���D.�� �&�@�D������;�

000,80�,��

���������

���� ���

������������#�

������� ���#��

������ ��������

�������������

��� �#���� !

������

Page 43: Revista Web Design - 2ª Edição

��

��� � ������

�������� �� �����

�#������� ���$��

�������������� �

��������!

�� ����� ��� ������ ����� ����� ���� �� �� � ��� ����� �� �� ����

��� ������������� �� 8���+��� �� ���� �� ����� ��� ��� � ������

�������� �� ���� ���� �� ������+� �� ����� ��������� �� �� ���� ��

���� ��� ���� ���������� ��� ������+�� � ���.��+ ���������� �� ��

����� % ����+� !� �� �� ����� �� ���#��� �� �����+���� �� ����� ��

����� � ������ ����������� ��� �� ���� �������� S�� �� �����+� ���

��������N �� ������ � ������ ���� �� �������

%���� � �!� �������� � ���� � �������� � �������� �� 8���+�� ��

���� ���������� ��� �+���� �������?

33 % ����� !� +����� ����� �� �� �)����� � ���#� �������� �+���� �

�� ���� ������ �� ���#�� ������ *� ������� ��� � ������ ,� �����

��� �� ������� �� �� ���� � ������ ������ ��� ����� ������� ��

��� ��+� � ���������� ���� � ����+�� ���� ��������� ������� �� 8�I

33 �� ����� !� ������ !� �� ������ �� ����� �� ����� ������� �� ���

��������� �� 1� �+��� � ������ �����I

33 % ������� � ���+� !� � ���������� ���� � ����� ���#�� ��������

6�� ����� ��� ��+��� ����� ���� ����+���� ��!� ������� �� ��������I

33 % ��)�����? ����� ��+�� 1 ������ !� ��)��� ��� � ���� �0��� �

����� �������� %��� *� � ������ !�� ����� ���� ��������� ����

������� ������� � ����I

33 &���� !� � �$��� ������� ��� �������I

33 K������ � ��������� � �����!� � ����� ��������� �� ��I

33 % ����� !� �� ���+� !�� � ����#� �� �������� �� ��� � ������� � �

�������� ������ *� �!� ������ �� ���� �� ��� ��� �� �� !� �� ���

�� � ������� �� �!� �������� ������ �� �!� ������� �� �� � @�.�� ����

S888��������N� ������� �� 8� ������A S������� �� ����� � ��� !�

�� ������ ��� � ������ 8�N �� ������ ���� � ���� � �������� �� ��

� �������

33 �� ��� !� � ������ � ������ ����+� !� �� �� � ������ ��� �� 8��

���� ������� ��+��� ��.��

������

33�� ��'�A� ����

�����������#�6�D�� ����

000,�#�6,��

Page 44: Revista Web Design - 2ª Edição

��

Page 45: Revista Web Design - 2ª Edição

�$

������������ ����������

����������������� ��������

�������������������������

�������������������

���������� ���������������

������� ���������

�������������

������

��������0������

Page 46: Revista Web Design - 2ª Edição

�(

��������0������

!��������

�����������

����������"

D�� � ������ � L223� ������ � ����� �� ��� ������ ��

������ ��� ���� �� ����� ����� ���� ��� ���� ����� ��������

���� ��� � ������ !�� ,�) � �� � ����� �������� ��� �!� ��

����� 1 �� ���� � �������� ������� ������� � ����� �� �� �

����� �� ������ ��������� ���� ����� � ����� ������ !� ���

�� ����� ��� �#�� ���� ����� � ������ ������������

%�+��� ��+���� �� ������� ���� ���� ����� ����������� ���

������ ���� 8���+� �� �� ��� �����

���� K��� 6������ ���� �� U�$-O���� S��'� �� ������ ��� ��

����N� ����� ����0�� � �����+�'�� :%����� �� ����� ���� ���

��� ��� ���� ������ ���� ����� �� )� ��������� �� ���� ��

��� ���'��� � ��� �� ����+�� �������� ���� � 8���+���

��� $������ �������� ����+� !� ��� ��+��� ���������

%��� �� � �� ����� �� O���� � ������� ���� � ����� � �� � ���

����;

T����� O������ ����� �� � ����� ��� � ������ ��

������ ��� ���� ���� � ��+��� ���� � �� ��+��� �!� ����

�#��� � �������� 4� �!� � ������� � ��� � �0��� �

������ � �� ��� � 4A������ D# �� � ����� ���� ��� ���� �

������� ����� � ����� ���� ���������� �� �� � ��� %���

����� � 4A����� � �� �� �� ��� ��������� � ��� ���� �� ��

��������� :%������ ���� ��� ���� ���� �� 8�� ����� ��

+���� � ���� ���'���� %���� ��� �� ��� ��������$�� �

������ %+���� � ���� �!� ��� ���� ��� � ����� 6� ����� ���

000,��#6,��,��

000,�Q��� �.,��

000,0��� ����,��,��

000,�� � ����� ,��,��

Page 47: Revista Web Design - 2ª Edição

�)

��������0������

��+����� � ����� � ����!�� �� �� ���� � +�� ���� �

����� %�� �+�� � ����� �#� � �+������� 5��� �+���� �� ��� ����

��� ��� � ���W��� ��� ��#��� ���� �� � ���� ���� ���� ���

������ � ���� �� ����� �������� ������ ��+������� ����

�� ��������� � ����� �� � ������ ���� �# ��� ��� ���� � ���

���� ���� ��� � ���� ��� �������� ��� ���� �������;� ���

��� T������

B��� C����� ���� �� X�����-O���� S�# �� ������ ���

�����N� $���� �� �� 8���+� �!� $�� ��� � ����� +���� �

�������� � ����� �� �0���� ���� � �������� ��� �� :"

X����� �!� � �� �� ���� 8���+�� ��� �� �� 0�� ����

8���+���� "� ���+�� �!� ������ ��� ��� �����# ���� �

����� � ����� �� ������� ��� �$���� �� ����� �����'��� �

�������� ��'��� ������� " 8���+�� � �� ����������

������������ - ����� ����� � ��+� ��� ���� ������� �

������ ������ ������ ���������� ���� ��������� �� ������ !��

��������� ��+��� ���+���� !�� ���.��+� ������+� ��� ������

�� �� ������ �������� ������ ������������ +��!� �� ���������

Page 48: Revista Web Design - 2ª Edição

�T

[O �2%��������F����F

" K ��� ������� ���� �� ����� � �����#��� ����� ��� � �������� ���

������� �0���� � ���+���� !�� ��A���� ������ RD� ���� ���� �� 8�� �0����

���� � ������!�� ��� ������ ��������� �������� �� K ��� ��� �� ����������

������������ �� %����� !� ������ ���������� �������� �� �������

/�� ������� �� K ��� ���� ��� ���� �� �� ���� ����� +����� ����

���� ������� ����� ����� �� ������������� �� K ��� %OP%X4O � ������

���� ����� �� ����+�� ����� ��� �������� �� �� ������� �� �� ��

���� ��� ��$� ������ �� �� 8�����

K���? %OP%X4O

2%�� ����������������

����0������

C?��� ���33��������� ��������0��*

���Y��� ��� ������ *���� �����������������

888�L3�������������E�����

����0���33��� ��

����?EE����������8��������

��#��&���33��������������������

������Y������������+ ?? ����?EE������������+

���\��33���������������U.���*������,K

�����Y��������� ?? 888����������

2��������� 33��� ��

888����������������������E�����

�������33��� ��

888��������������E�����E

�����Y�� �33�����������������

����?EE���+������A��������E+����E����.�E

-������F�����33��� ��

����?EE�����������������E�����E

��M��33�������*������������������

8����L3�������������Y�����L3�������������

����?EE�����L3�������������

Page 49: Revista Web Design - 2ª Edição

�W

��2[

7���

F� � ������

���� ����

!�0�����

�Q��� �.

��� ����� �� ��� ��!� � �+ �� ������� ����

������ !� ���� ����� ��� ��� �� ��� ��� ��;

4��� � � ���� ���!� � %����� 5��� �����

� �� ��� ����� ��� ���� 8���+� �� O����� �

O�����D�+�� " �����!� ���� ���� � ��� !� �� ��

�� ��� �� �������� � 8���+� ��������� ���

%������� :/����� ������ �� ������� ��� � �0����

��� 4������� � X� D�+�� ��� ���� � ����

����� ����� � ������ !� ���� ������ ������ ��

���� &����� � O�����D�+� ���� ���� ���� ������

� ������� !� ��� �� �0���� ��� �� ����

������ " ������� � �� ����� ������������� ��

8���+� ��������� % �������� � ��� �����#�

��� ��� ������� � ����� % �����W'��� �!� ���

����� � ����� ����� ���+������ ���������

� ��� ����� �#�� ��� ��������� � ��+� �

��� ������ ��� ��� ���� 8���+� ������ �����

�� *� � �����+�'� ���� �� ����� �� ��+��� ����

����� ����� ������ 6 �������� ��) ���� �������

���� ��� ������ �����#���� 6�� Z��+ @�.��

����� ����������� ������ �������� �� ����

���� 8���+�� �� O�����D�+�� ����#���� � ����

�0��� ���� �� �������� �������� ����������

������ � ����� ���� ��������� ����������

������� ����������;� ������ %������

7����.�����������0������ ��� ������������� �� ������� �

33����#6�33�888�U�$�������

33�F� � ����� �33 888���������+��������

33�!����� �!���Y�33�888���������.��$

33����� ���Z� YQ�33 888���+��.�.A����

33����� ���33�888���+���������

33��Q��� �.�33�888�A���������

33������33 888�+����������

33��������33�888�����������

33�ZC?Z�33 888�.L3.����

33�=�� �33 888����������

33�O���� ���33 888����������

33�����������A�����33 888����+�������������������

33���8��� ��33 888����)��������

33�-�Q�����33�888���A����������

33����� �����33�888�8������������

��������������#������������

���������������������������#�"

��������0������

P������� �� ����?

G�����������0������ � �B

���������#��B ���1

%��� 888���������������E8���+� �������

$>]

CW]

C(]

(]

(]

>]

Page 50: Revista Web Design - 2ª Edição

$?

��������0������

� ��!���� ��D�#���

>��� *��^�� ���!�����������A�����������

���&!���� ��_�-�

:D��� � ��� ����� � ���'���� ������� ����������

�� 8�� ���� � ����� � ���� ��#� � ���� ������

������ ���� �������� ��+��� ���'���� 9��� ��� ����

�� ��� )� :������#����; ���� �� ����� � <���=?

&��������+�� &���������� 5����������� ���� ���

� �������� �� ����� � ��.� �����.� �� ����� ������

���� "� ������ ������ �� ��#� � ���� � �� ���� �

���� ������� ���� � ��A��� ���� ����� � $��'���� )�

����� � ������ ����;

!�����=���� �+�������

>)�� *�0������ ��

�����������_��-

:9���� ���� ���'��� � O�����D�+�� 4� ������� �����

��� � �������� ��� ����������� � �����V��� � ���

�� ���� � ��+� � ����� � �� ���)�� )������ ����

%��� � ���� �� ������ � ������ � �� ��� �)��� ��

���� ������ � ����� � ����� �������� ���� ��

��� ������������;

Page 51: Revista Web Design - 2ª Edição

��

������������ �����

������������� ������� ������

�������������� ����������� ������� ��!� �

"�� ��#������$�"#

�������������� ��������������������������������������

��������������������������� ������������������������

�� ��������� �� �������������������������������������

!������������������������������������� �� ������������

"#������������������������������������������������

�� ������������� $��������������� ����������������� �

�������������%���������������������������&�

%����� �� &&����

�������������� ����������� ������� ��!� �

"�� ��#������$�"#

�'�������������'���(���������)��*��������� ����������

�+%�� �����,� ��������������������� ������� ���������

��������%���������������������������������������+%����

������!�+%�� ���������+%����������������������������������&

"�'��������

��������(����� ����������� ������� ��!� �

"�� ��#������$�"#

�-������������ ������������������� ��.������ ��������#�

�/���� �� ���%���� %�� ���� ������0���������!1���������

�������� ����������(�� ������%��������������������

�����%����������2%����������������������������

���������� �������������������������3�����������

��������������������������������������� ��4���� �������

��5����� �������� �����������������*���������� �������/

�����������������!�����&

����#� )

�������������� ����������� ������� ��%�& � � �� �

*� � ��$�"�� ��#������$�"#

�6��� ����������7��,8��9����������0��������1�����:7�����

�����%�����������������������(��������������� �����

%��������� ������� ���������;������������������������� �

��!�����������������������������������$������2%�����

��� �����������/����� ��������#������<%���� ������

��� ������� ������������������ ��������������������=$

�%��#���������������������������������������������

���������������%��� �����������������+%��&�����

+���,��"&��

��������(����� ����������� ������� ��!� �

"�� ��#������$�"#

��� ��� ����� (�� ����� ���� ����� ����� �����#����� �� �

����� �������������� ��� �����������4���������������

�� �� ����>�������������������������������������*��

������������� ���������������������������������

�������+%�� �������������������������:����!��� ������+�

��������?&

Page 52: Revista Web Design - 2ª Edição

��

� �����

-�����������. �� ��������&���� � ��

�/����� ���0������ ��& �� ����1 ���� ������2

���3/�����1���������'������������������2

45�����&���������������3� � ��&��� � /���

�� �6�!������1�����������'�&���� �� � �

�������������&����������. ��� ������3�� �2

���� �� ����� � #������ 78�� �9�:� ������&�

7�����,9������������3����������;��������2

0�����4)�<������=������:�*���������,�

���. ����'�����>/� �����������3/������. �3�� �

�����3/�����1������02&��� ��7��/'�&���2

�5�����&������ ��'����96

�������� �� ��>��� �� ������ ?� ���@�&��

7'�������'����9�����. ��3&A� �3��/�&�����&�2

��B ������ ��� ��&��������������� �3� � �����

�� � ��6��������������������������� ����2

���������� ��&�����&� �������&����& ���� �

�����4)�����������3� � �������'�&�������������2

��� � ��� �6

��0�� �������������&�������������� �2

������0��&����� ��������&��&���1���

. �� ���)� ������ �� ������ ��>���� ������ �)

������� ��&������1����������������

���. ������3������� ��� ����������6

����������&����� ���/���/���/���3���

3���&�����'������6

'�����#�4���������������������� ������

��������;����.@�ABB)���������������������

��� �� ���������C������D��5����������E��3���

����������������5��������������4������

�������������������������������������������;F

��������.� ������D.� ��8E� G� '������ �� <8����

*���� � ��������&�� �

��. �3������������ �

��%�����CD����(

D'�����������4�����E��'����� 5������'������ �

<8������������ ���������������������������� ����

�������������+%��6�������

H����� �� ����� ����� ������ ����� �� ��5��

����������� �� ������������ ��������� ��4�����

�������� �� ����������������I��������������#

��$����4��������������������������%���J���

������������������������ ���������������C������

���������� � �� ��������������>�2����I����������

��J��������I�.�����'����

9������������#����������#�4������� ���� �

���������������������'"H=�K�=���������L�����

DM�� �(E�G�J���������D=�����8E����������������� �

��4�������%������������������ ������������

����������� ����������������������#���������

��������������������%�����$������������ ����4

������ ����$����$ �������������9����+%���������

��������������������>�����������;����G�<����9��

���������������������������� ��� ������*��

'>N9������� �� ��������N.������ ��N;���

.@N��N;���H��N=�������

'�� ����

Page 53: Revista Web Design - 2ª Edição

��

<�����������������������5��������8�� ����������

������������������������3���������������������

M�� �(�G�������3�����G�'������=�����8�G�2��5�

=�����8��<���4�������%�� ����4�������������

������������������

2�� ;����.@�� �*���� �� ��+%�� ;����G������9

=�����8�������������������������������������������

���������� ������� ���� ���#� ������ �� ����

������!������4������ ����������5��������

��������5��� ������������ ���%�������������

������� � �����;�������%��O�B�D.@�ABB)E��<�� �

�5�������#��������� ��������!�������������4�

����������� ������ ����� ������������

9���������������������������5�������8�������

���������������M�� �(�G�=�����8������%���������

'"H=�K�=��'���������4���������������� #�������� �

��$�������������P����������������4�������������

D������������������$����E������ ����� �����

��$������������#�������� ��������D�������QE��<������

��������D���5�������8����E���������������������������

������������ ���������������������!���������

��������������������������5�������8�D�������)E�

����������%��������������������������;���

/����� $�����+%�� �����������������������������

���5�������8������������-�����!�� �������������������

������������������������������������������

!�����. ���������> � 6

E������ �����4�

F ���3�� ����6

� G� ���3� ����6&�

� �����

'�� ����

'�� ����

'�� ���(

Page 54: Revista Web Design - 2ª Edição

�(

E����� � �� ��H�� � �

C��&����=I3�

*�� ���C==�J� �������������� ��&�� ������������0��&���&���4)��� ����3�3��������

�1 �����������3�6�%��������� ��F�6&���� ���&�C� �����7-3����. �9�&����B����

��>���������� ���������&���������6�=�� ��C�������'�J&���&�����*�� ��&������������

����=����������� ���7-K9���C������� ��������4)������*���� ��E%"#6�L�� ��� ���3�

M�������� ����������N�7*���� ��=���3��96

��3�G����� ����6&�

�����'�&�

-��C �

R����� � ������������������������������������������������������(����������

'���+���� ���������������� � �� ������������������������������������

�����������������������������+�� �������� � �� ����� ��������5����<�����

����������� ������������������ �������� � �� �������5�������+����?&���

���������+��������?&�

���������������������������� � ������������ ������� ��������5��� �

�4 ������������������������ �� ����������� ��������������������������� ����

���5����2������������� �������*���%������� ����� ������������������+�

�����������������S����� ���� ���������� �������� ���+T��������������

������������������������������9�������������������������������5���� �

��������� ������ �������������

*��J ���

:������������������ � ���%�����*��������������� � ���9��� U���� ����(���

5$����������� ����������$� ��� �����������������*�������������+%������������*�� �

������ � �� ���������������������������M�� �(���.����<��%��%���������������

�������5����� ��������������� �������<%������������ ��������� � ��� ������� ���

��� ���������������������4���� ����� �� ������������������������� ������

�������������������<��������������V���$����������� �� �� �,����������������

����*������� ���/��������5�� ���������������������� �����9���� ������

����������������������������� ����(����#�������4 �������������������������

�������������� ������

2������ �� ��� �� ��WB���������������S�����(����9����%������������������

���%����������� ������������� ������������ ����(�������������� U�������

�4����������� �����������2������+������� ����������(�����!���������� �������

�����/�������� U����������������5����������������������%�� �����������������

��X��������� �������� � ���3����������������������������������S��������%�

�������������������������,����������������5���������5����� �������������

� �����������+T���� ��������� ������������������������ ��������������

�����+%������������������������ � �� ���������������������������� ����������

������������ ��������������� ����������������������� ���*��#��������������� �

���5����������������Y������� #��������������������� ���������� �����$�������

������� ��(����� ���� ������� ��

Page 55: Revista Web Design - 2ª Edição

��

M-)�'������ ������������ �

����� �'����� �� ����� � ������)

�;����� ����>�������������� N �����'�&�

:�������������������������������� ����$���

����*����#��������������� ���������5�������� �

��������� ���4����� ������������������� �������

������������%������������������� ��V�������$����

:�������������������������������������������������

��U���������T�� ���������%�� ������$���� ���������

������Y������������������ �������������������

9������������������ � ������ ����� �������

%�����������&������������� ����� � �O

R����� � ����������������� ��� ���������5���

��������+%�� �������������$���&��"� �������� �

���5��� ��������� ������������� � ����������������

���T����������������������%����������� �

����������������������������������������������5�

�����������>������������������������������������

������*���������������������� �����5�����

������������ � �� ������

����� �� �� ��� �� ��

�������%������ �����

�������� � �&��3�������

�*��� ���� ��� ������

������������������� �� �

�� ����$���������&�������

����������������T�������� ��

������������������ ������� � �

�����5���

9���� ����+��� ������

�����T��� R�� ��� �

������ � ����������������

�4����� �������� �� ��������

����� �����5����2%����!���

������������������� �

������ �������� � �� ���%�

�*���������5�������������

���3�������� ����������4��������� �������� �

������ � ��������$������������������ ��������*

����#����� �����5�����������������

���� ������666

"��� �������� � ��%����������������������

���������5��� ������ ������������� ���������������

����� �*��������� ��������� ����� ��*���!��� �

������� �����5������������������5��������������

�����5$����� �!����� �������� � ����������� �� ���

���������� �� �!���� �����5��� ���4 ��������������

�����������������$������������� ����������������

���*��������2�������������������������������� �

����������������5��������T�� �������� � �

���������������������������� ��� ����� ���� ���

����� ������ �����

9�������������� � �>��$�������

����� �� ��� ���� ������ �*��� ���

��� ����������������������

���������T�����5����

����%��������������������

��������������� ����

���������$������U����<�5�

�����4����������������5�

����������������������

���+%�����������������U

����� �������������������

������ ���� ���� �� ��!��

�������U ���R�����������

%��������� ������������

����� �������� � ���� ��$���

!�������������������������

�������������������$�����

����������������������������

�������������������

Page 56: Revista Web Design - 2ª Edição

�P

L�I3��. ��0��� ��������0� �'������

C��&����*�� � �

+����� Q������ ������ ����������+H�F�������C��&�������F�6�%�Q�� ����� ���CR��

� ���3����� ��&���4)� ���1 �����������3�� ��J�������S��&,6��� �����������&��3�������

��>�����'������*��4���H� ��������������������������%������6

���&���&�� � �G�����6&�6�

���������

��H0�����

�������������� ����!��������������5����������5�������������������

9���������� �� ����!������������������������ �������� ��� ������5$����

���������������������������+�� ������������������ ��� �����94������+������

������ �� �����+T�>����������������������������������������+%����������

������������� ������� ��������������������������������%����Z

T ����C���2-���

������ ������������5�� ��������������������� ����������� �����

������������������������������!� ���������� ������������������ �� ������+%�>

��������������������� ��������� ���������� ��

3S�����3�����2������������� ��2���Z���������� ������� ������Z

����� ���������Z�'�����������5� ���"� ����� ����!����������3����

2�������������� ����������������2%�� $����������������������������� ���Z

3�����������3�����2������� �� ������������ ��3$����Y�����������%�

���������������%��������*��

-������������������� ������ ������������� U�� �������%����� �������

����+�>�������������������� ��2����D�� � �������������E��������������

�����3�����2���Z�<��$�����������������������������Z�R�������������Z

R����������!����Z

!�� ���� ���=��������

2����� � ����������� �������%�������� ��

.��������������3�����2����� ��� ���������������������������������

����������4����� ��2����D����5$��������� ���������� ����!�E������%����!

��������� ���� ��*��� ���������� ����

9���� ������ �������3�����2������������ ������� $����������������� �

������������ ������������%����������� ������� ���������� ���� �����

������������ �����9��������������������3�����2������� ���%�������������

�� ���*������ � �����������������������Z����������%�� ��*��� ������

���������� ���������+����� ���������������������������2����

9��� �����������������4����������������������� �����������������

�������!���� ��/�����

'������ ����������4���������� ������������������U ���<������� �

�������������� ��2����D������ ����� ��5$���!E�������������������U �

Page 57: Revista Web Design - 2ª Edição

�U

ML����13���&���������3��� ��� ��

������'�������

� �����3�������� �I3�N

���������

����������������� ����.������ ��3�����2���

���� ��������������������� ���������������

2�����������/������� ���������

���������������������� ��������

��� ������������3������������

�����4����� ��2����

������� ��� ���������� ���� � �

������ ��&��%���� � �����*��� �����

� ����� ������� ������������

��� �������� �� �����5��� �� ������

������ �� �������� ���� � ���

�������� ���� ��

V��� �=�������

[��� �����#��� ����������

����� ������������+��/����� �����

�%����5�� �����������5��������������

������� 3����� �������� ����� �� �������

-��#� ���� �������� ������ �� ���������

����� ����/������������� �����������

��������� ���

Page 58: Revista Web Design - 2ª Edição

�W

Page 59: Revista Web Design - 2ª Edição

�R

Page 60: Revista Web Design - 2ª Edição

P�

!2 ���������2�������2&����&����2 �1O

"��0� ��=� ���#�6

!���&������������2 ��������0� ����'�������� ����������� �� ���RRP��&����������������

���������A�&���� ���1�X�8 � ���������������<����A�&��*��&Y�����&�"������-��C"<���

&��� �� ��M ����6&�N��������'&� ���� � ���������� �M�� ���� �������N

7���6�� ��� ������6&�9��&� �� � �� ����'��������� ��/���6

����G ����6&�

���Y�����

������������������������������������������� �� ��4�������������2%�����

����������������������%���<���%���������������������������������������<����

�����������$������<��������� � �����'8����� ��J����������������!���� ����2����

������ ������� ��� ������������>�������� ������� ������ ���� �������� ��

����� ��������������������������� ���������L�������������:������3����

.��������������������.������������������3@�&���

����$����������%�����/����������������� ������������������������������

�� U�� ����������� ��������!�������D�������%��������E>�E� Z�3���������*���

����#���������������� �!�����&��������%����������� ��������������

�������������������� �4Z&���������#����(��Z&����������#��������Z&��9� ���

���+���������������%�� /������

E� Z����4������������ ����%%%������������������������ ��������� �

����Z�[���������D����?E�����3@�&��Z�3�������������

�,������������� � ������������������5�4!����� ����� �!������������������

�������������&�������������%�������<����� ����D����+%���������5��E��%�����

��������������������������������������������������������������$�����

�������C���������� ��5$��$�������

;�+������*���4�����$�� �>� ���������������#���������������%����������

����������������#Z��[��������%����������������� �� � ��Z������ ����

���������%��������������������������Z�3������� ����������� �������

������������������������������� �� ���� 4������������� ����������%�����*�

����� ��������������!��������� ��������������������������������>������

���4��������������������%�������������D���������#�����E>��������������

�����������������*��\�����\����Z�'��� ���������������!�����%�����Z�'���

"�������+����%�����Z�"�����"�����������%�����Z�"�������%���������#Z

��������������������T����������������������������������������

���������4�������������� ��������������������4������������� ������>��%�������

��������������5���������������������������������������������!���T�

������������%������������������������������� ��������������������

��������5�>������C����������������������������������������%������� �

���C�������������������

.������������������������������ ������ ���<�����#��$��������� ����

���5�����������������������5���������������������5��������������������� ����

4��������������������C����� ��������� �����>

Page 61: Revista Web Design - 2ª Edição

P�

M!��1���. �������� 0����)))��&���

�&���&�������. � �������� ���&����ON

���Y�����

����*������������������Z

��������+%������������Z

<�������':'���H6� ����$��������������Z

��� �������� � �� @]^�� ��� �/����� ��

����������������������� ���������������

�����%����������Z

�������4����������������%����������.�������

����� �����������T��� ��������������H��

=��C��������������� ������$����� ���#� ������

����� ������������������>

���U����� ��������������� � ��D�������

����������������������� ������$�������������

���� ������ ��ZEP

�������� � ��D����� ���������������

5���� ������������������ � ������������Z����

��������������������$���Z�������� �������������

������������&���� #� ���� �������$���ZEP

������ ���������������������D�������

�� �������� ��':'������!T��5��4 �����������#����

�������������������������������� �����������&EP

�������D������ ���������������4���������

������ ���$������������� ����� � ���������������

����������������������������#����E�

'������� ������������������ �����������

���������� �� �!��������������������������������

�������������-��#��� �� ����������������������

����������������������C�����%��������������

���������4���������������D���������������

�����*�������������/����E�

���4����#�����������>��E� Z�[�����������C����

�������C����Z����������������������������

� �� �� �����+%�Z�3�������7����Z&

2%���������*�������7�������������� �����

$���������� ������������������������������

��������

9�����������������>���������������������

6������%����5����������<�����#��������������������

�������������� �������������������������������������

�������������%�����������������������������

9����� ���������>�������������������� �

����������������������������������������$���� �����

�����������������<�5����������������������$������

A)���������� ������� ����������������������� �

������� ����� ����!����/������ ��� ��������������

����$��������$���������������������������������!��

������������������������������C�����

9� �������� ��

���� �>� �� ��� �

�� ���������

��� ��� ��

���������

/���� �������

����� ��� �%��

���������� ���

+�� �������������

��/������ �� �%�� ��

������%���������#���

���������������������������

����� �����������9����+%�

������� ������ �� ���� �� �

���� ��(���

.������������� ����/

*���� ������� �����������

9���$�

�� �� ���� ����������� �����

���������������������>E�

Page 62: Revista Web Design - 2ª Edição

P�

8��J��3�&��X�=������

����"���

H�&�2����� ����� ��+�&��������=�>���� ����A�&��*��&Y���� ���/� ��������

��>��� ���� 45��� ���1 �����������3�6�C���������!���������� ��J���������

*�� ��4)������*<==!ZE%"#��'����'����� ������������� ����'��/��&�� �

=E*2"#� ���RWW����RR�6�%���� �&� ������A������&���& ��3��7�����������������9

�������'!;����&�� �� ��&��.[�������'��������� ��+���������'� ������ �������6

������G����&��&��&Y6&�6���&�����

-�������+��������/����>����U�������C�����������������������������

�� �� ������ ���������������� ����������+��%��������� ������ ���������(((

D(��� �(� ��(��E�%���*����������������� �� ������+��������� ���������

������� ������� ���������

9�����������������������/����>������������ ����!�����!����������

��V���������������������&��4 ���D�*�����������$� ��E������� �����

���� ����� �������������������D �,������� ��� ����������E��"� �

��� ����� ���������������� ���������� ���� ���������������������������

���������������� ������&������� ��������(��������4�����D�*�>����(��E

�������� ������+�� ����������[��� �������������+T������ �����(��

���������������������������������������,������������������!��������

��������� ������������������������� �� �� ������������������������

������������������� ����������������,��������������*�����>��������

�������$���$����������������������������(���� ������ ��D�*�>������,E���

��� ���������������������� ����������������������������������������������

��� �>������������������� ��������������������� �� ����������������� �

���4���� ���������������$���� ���������������������+T���5�����������

������������!� ��

[�������������������������������Z����� ���� �������V����������5�� �

���������!� ���*����#����� ����� �������� ���D������ �������������

+T�E������� ������� �� ���*����#�����(����.��>����������������T����

������������������� �������������&����������+%����2������ ����

���������� ��*����� ��(����������������������������� �������+T����

���+%�� �������������������������� ������� ������+��D�����!� �E����

������������$�������������������+T����� �� ��������� ������ ����

����Y� ������ ��������� ��� �

'�������� ���(���������Z�6������ ��� ��������������������� �

��������� �������������������� �� �������5���D�����������+%�����

��5��E��������������������������� ������������� ���������!���$�����D �

�C���������$���E������� ����������� ����������(�������� � ���������

(���������������������������������������� ��������� ���������������������

+%������������Y� � �������������������������������� �� ���������+%�

���������2���*������ ������������,�������� �����������������+�� �����

Page 63: Revista Web Design - 2ª Edição

P�

�������3�&����� ���&�

��&�������/��&�������'����� �����3�4�

���'�����������������&���&

��&�����

���#����� ����������� ���������� ���������������

����� �������� ���������!� ����������� �����(��

��������2����������������������� �� �����������

�������������� ���������+%�� �������������������

�����!��������� ������������� ���������(��

��������_$�������$���������� ��������+�� �

����+T������ ���������������� ��

-���� �� ����� �*������ ���� ������� ���

[�������!������� ��U��� ����������� ��� ���*

��D�*�>�.<�M�� E���

��$������ ��

��� ������

�� �����$���� ����S����������� ����������������

���� ��� ��������Z�3��������������������!��

2������������%��������������%�� ����4���

����������������������������� �����������+��

9������������������������ ��� ���������������

(��� ������� ���������!� �� ��� (���� ����� �� ���

������������� �� ����������������������������

������ ��� ���*���'��������������������� �

�������������� �&���� �,��� �������������������

$�������������[�����Z�'���������$���U

����� ����� ������� �

��(�����������������

���������������������

���������������������

��� D����� ���� �%�

��������E����������

��%�� �(�� �#�����&� �

������+%�� ������� ��

������������������������

������ �����4 ���������(�����

�,���������������������� ���

����� ��������4��������2������$����

(������������������������������$�

�������������� ������+�� ����(��������������

������_$���������������� ���+T�� ��������+��

'�����������������������������(�����������

������ �� �,�����%�������������� ������4��Z

�*��� ��������������� ���������� ����(�����

����������+%�� ��������� � ���<%�� �����������

������������������������������������ ���� ����2�

��/*������������������� �������������������

��+T�� ������������ ��(����������

Page 64: Revista Web Design - 2ª Edição

P(

��C����,�����

� ���"� '�����

=������*� ��&�4)��������������RRP�' � ���\��Y���� ������ � ���&��������&�

��������<��C+H��%��+��H�Y���������*������*��A�6��"�����/3��������>���� �

&���� 4)� �����&�� ���������������]<���������=����6�%�� ������������ �� ��6&�6

�� ���������0�&�� ���� ���1 ���� �������6�� ��� ���3�� �����Z��Z �����X�������'����

��EJ=����&��3���������������������������3������=������ ����= ����6

�� �����G� ��6&�6�

!�3����"� ����V�� ��;����0�6�#/�0����� ��������/2��6

�� �����

"� ������ �� �������������������>������������������������������

���5������ ����&� ��*��������� ���������������������������� �������

��������� ������T�������Y� ����������Y�������!� �� ����4����������

���������# ������������������� ���������������������������������+%�

����������� ������������� � ���9������ ��������������� ����� ������

�� ������������� ������ ������� �����������������������C����������

�������������������� ���������

������������������������"�����������������'�����[����� �������

������ �������� � ����������!��� ��� ����������� ���������������%�

������������� ������������������!� ���������!�� ������/������

���� �������������������������%�������� ��������������������������

��������4��%������������������/���� ����+������������*��������

�������������� �����������������������5�������������������!���������

������S����� ������

��������������������������������������������������������

������������C������%������������������������ �� �������>��� �

���� ����� ������������%��� ������� �������������������������������

�� ������%�� %���������+%��������������5���������������������������

�����+%��������� � �����������������+%�������� ������������������� �

���������� � ��� ����+����������������������� �� ������&�D��?E�Y���

�� ������������������������%����������������4����������������

��� �����4���� ����������

"� �������%����������������$������/����������������3������������/

���� ��������������%�������� ����������������������������������� �

���:�U�������6��� �� ������U�������3������������L$����������������

������������������%����������������������� ������%������������+%�������

�������$��������*��+%�� ����������� �������� ������ ���������� �

����������� � �&���!� ������������%���������������� ���� � ��

"� ������� �������������� ������������������������!� �����������$

���4��������� �� �������D* �����������3����<������� �, ��!!����

3���E������������������������!��������� �����������Y�������#�� �����

Page 65: Revista Web Design - 2ª Edição

P�

MT �� � ���& �� ����&���0

��� �����������&����'0�������)����&�������& �3��

����������45���������������N

�� �����

������������ ���������� ���������������������Y��

��� �����$ ����<����������������������!���

����������������� ���������������� ���

�$���������������!����*�����������������

�������������� ���� ����������������� ����

������������� ���� ����������� ���������$�����

<��4�������<������������%���$�

9� L������� ���� J��

.����8��L��������'�����

�����������������

2/�������"��

L������ ���

�� �

���������������� ������� �����!!8�6�������������

'�����������5�����5����#������� ���"���6���

;����:������&��[��� ����������������������������

��������������������%����������������������������

+T�������������9��$����/���������#������������

����������������������������������!��

������ ��� � �� ������������� ����Z�2� �

�%�`���� ����/*������!��������#��������������

���,�������������������+%�����;��������

���������� ���� �� �� #����� ���� ������ ��

����������������� �������������+�������

������%��'������������+�� ��������������

���������4�����������������������������

���� �!�� ���������������������������&�������

��������������� ����������9������������3����

��.��������� �� ����#� �� ������

��������4����

��������

Page 66: Revista Web Design - 2ª Edição

PP

Page 67: Revista Web Design - 2ª Edição
Page 68: Revista Web Design - 2ª Edição