diseÑo de sitios web.pdf loboratorio

18

Upload: aleja-garcia

Post on 18-Dec-2014

164 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

��

A����������������������� ��������� �����

��A��������������������� ��������������������

l���������������� ���

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

�������A������������������

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

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

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

������ ���#�$A�����

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

Page 2: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

��

R������������������������ ����� �����������������

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

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

â!��"�#!������$â��%&%�������$���â��â����

������������'��(')�����'��(�)�

�"�*����������!�+�������� ��,��*���"����+��-�..�/���!���0����.���!1���.������� .�� *�0"�!!������ ���-��������� 1� �2*�.�.�� "� ����!!�3�� �!���"� .������!1��� .�� â����4� .�� ""�� /��� �"� *�������� .�!�+����� ��� ��,"+����� 05�� "�&��!�"�� ��� '6� .�"�'�� .�� â0��"� .�� ������2*�.�.� *��� ����� ��,���+�� .��!�����"�*70"�!���"����%������!������.���.�!!�3����*�����4���0���8 �������!1���.��â���������"�9+0�������-��������:;�â"� �,�"�/���"�����,"+��������0���.���!1���.��â�����!���,�.������"� �<���;��=�.��'>?����0�������!1���.��â�����.�"�!��,�����.��"���*70"�!�.��&�"�+0��<�"� �<���;�@@�.��'>>=�/���1!��.�!�������"� �<��=�.�"�?�;��

��� �"��� �A�!���� .�� ���0"�!�� /��� �"� *�������� ��!�+����� 1!�� *���� .�� "�����*���������� .�!�+���"��� <� .�,��"��� � "� ���-����..� �!���"� â0����� <� ������!����â��.��&�"�+0�;��

��

B&�*<��,�1�

���-����..��!���"�â0�����<�������!��

%����

�����

&�������!���"�.��$�.����*���"�â*���.�#5��

� �

Page 3: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

��

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

� � �����

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

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

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

��R� �������� ���� R� �� ���� ����� �� ������ ��� ��� � ���� ��$��� �� ���� �������

���

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

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

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

Page 4: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

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

� ����"�*��������.�!�+�����������.�A������0"����2�;�

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

� ����"�*��������.�!�+�����������.�A�����,�CA�!������A�,������2�;�

Page 5: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

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

�&'(�)*++,-&� �"� .���D�� .�� ������� E�0� 4� � *����� .�� "���-�"�!�3�� ��� "�� !�+���!!������ *���+�.���.�� "���.�.�� ��.��F� � "� %�������4�1�*��+���.�� /��� ��� *��������� .�� A��+�.��C+�!� �� �����!��-� "��� !������.��� <� "���A��+!�3�� ��� A��+�.�� �C,����G�0;� ����.����!�+������/�������"����?��2������!��!� .�� ;����������� ������� G�0���0"�!.��4�!��-������.��� "� %�����������"�*���!�*"�-������*�0"�!���������A��+��-�����"�$��.��<�"�.���D��.���������E�04�������.��"��*���!�*"���!��-�..���.��.�����""������"�C���.��"��������+�;��

$*.',/,+0+,-&� ��� �"� !+*�� .�� "� ��!��"�,�� <� "�%�,������� .�� �����+�4� ��� ��!������ /���"��� ����.������ ""�-��� � "� *�2��� "���!���!�+�������/�����!�0����"��"�,��.�����*��!����!.H+�!�4�����*�"���!�.��!"�..�.��"���â�4������A"�5����"���!������.����*��+���.�"3,�!��<���3��!��*�!��!��/���*���������*��!���5��.�����*�����-"���-��*���"�.�����""��.�"�!�+*�������*�!��!�;�&���"��!�"� ��� ,����#� ��� ��A�/��� !.H+�!��!�+*"���� �� ����,�"� .�� A��+!�3�� *�� �"�����.�����.��"�+�."�..��.����!�;��

�&'1&+,�&02,)0)1.�/�(30',40.� ������������

¹��� �"� ����.����� A��.+����� .�� A��+�*�!��!�"�!��!�*!�3��.�� "����,�+!�3��0��!�(��+")�*��%��������

¹����"�����.�����.�A����!���<�.�!�.���0���"����!��"�,���.��.��.���D��E�0��*"�!�����"����"�!�3��.��*��0"�+�;�

¹��� �"� ����.����� *"�/��� � ��!��"�,���

Page 6: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

� �+��,������ .�� .���D�� .�� �������E�0� *��.+�����!����.��!������.��;��

���������

���+�-��� "� *��*�!���� .�� � "���!���!�+������� 0C��!��� ��� "� *��,�+!�3��*�� %�������4� .�� A��+� *�!��!� ��� "�������.�����;�

���+����� � "��� ����.������ /��� .�� A��+�*��!��!� ��"�!��� "� !�+*�����3�� <�*��1����3��.��"���!��!�*����*��*����.��"����,�+!�3��0��!�(1�+")�*��%�������;�

I�+���������"�����.�����"���-����,!�3��<�"� !����-�..4� !�!�������!�� /��� .�0����.����A�!�"�� ��� ��� �������� !�+�� %�,����������,�+.��;�

�����

%.����A�!�C� "�� ��!��"�,��� 0��!�� (1�+")�*��*���.��"����,�+!�3�����%�������;�

��!���!��C� "� A��.+���!�3�� ��3��!� <�!��!�*��"� .�� "� ���,�+!�3�� ������%��������

��.�C� ��+�� .�!�������� ��0��� "� ��"�!�3��.�� *��0"�+�� "�� !�"��� ���C�� � *"�!.������"�0����!+*��.��%�������;�

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

�"� ����.����� *�.�C� .�����""�� �������G�0�(1�+")4� /�������A,�� "�� ��!���..��� .�"�������;�

�"� ����.����� *�.�C� .+�������� <� .��+�����+������ � "��� G�0��������(G�0$����)�

�"� ����.����� *�.�C� �-"��� ������� G�0� <�

Page 7: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

� .����!�+��.!������!��!����;�

1&�3,&0+,-&�)1�5(0+',+0.� ��C!��!� '� o������������ �� �����

o �����������������������������

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

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

�631(��)1�7�(0.� '������;��

��(+1&'081� =�J� (>��������� ��0��� K� =��� !�����*��.�������"�6�J�.��"�*��.��!�3��.�"�!����)�

�*(.���402*0)��5�(�5(�91+'�� ��:::�����������������������;�

�1�*(,)0)�,&)*.'(,02� ���â*"�!�����������/�����;�

Page 8: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

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

�������!�"� � ��.���,�.� � ��+��� <�����L&�C"� �

��

���!���5��.���-"�!�3�� �=>�������.��"�*�!��!� ����(0.����+C��!���.��"�*�C!��!� �&,)0)��� � ������� ������ ���� ���������� ���

�?����������@���%����!���"�..���A��+��-��

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

¹��� �"� ����.����� A��.+����� .�� A��+� *�!��!� "�!��!�*!�3�� .�� "� ���,�+!�3�� 0��!� (��+")� *��%��������

�����������

���+����� � "��� ����.������ /��� .�� A��+� *��!��!���"�!��� "� !�+*�����3�� <� *��1����3�� .�� "���!��!�*����*��*����.��"����,�+!�3��0��!�(1�+")�*��%�������;�

�������

�"� ���.����4� �.����A�!�C� "�� ��!��"�,��� 0��!��(1�+")�*��*���.��"����,�+!�3�����%�������;�

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

�"� ����.����� *�.�C� .�����""�� ������� G�0� (1�+")4�/�������A,��"����!���..���.�"��������

����*&)031&'0+,-&��1-(,+0�

���"�*�!��!���+����'�������.�C����!�����"�������*��*��.��"�!������!!�3��.���������E�04� �"� ����.����� .�0�� ������ ��� !����� "��� +�.�"��� .�� ������� G�0� *�� .�A����� "�

Page 9: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

������!���� <� "� �-�,0�"�..� .�� ��� � �����4� .�+C�� ��� .�0�� 1!��� ��� ��-���3�� .�� "���!������.���*��*��������"�!�������0����"�!3.�,��8��+":�*�� "�!��!�3��.��*C,����E�04�<�/����"�������G�0��!����*����"�����.��������C�0�.����������"��,�5��.��+�!��.��1�*����2��;��� �+*������� /��� �"� ����.����� ��.,��� ��0��� "� �����!���� 0C��!� .�� ���*C,�����+"�!������.�����!!������*���!�*"�����.�<���.<4�*��/���.��.��""�����!���!���"������!�3��.�����/�������+"���,7��!�+��!�����*��.����!.����.���������!!������.��"��*C,����E�0�/���!��A��+����"�������E�0;��

1.+(,5+,-&�)1�20�5(0+',+0�

������������������������������������������������ ���������������������������������!���C� !��� ��� +���+�� .�� �� (!��!�)� *C,���� G�04� +��*�"�.�� "�� ���/����� 0C��!��!�+����$ 4���â�4� �%� �4� ����� ��� .��.�� ��� *"�!�� !�"��� .�� A��.�� !�"��� "� ��2��4��+,��� .�� A��.�4� "�� ���/����� �'� � �64� ���/����� .�� *C��A�4� ���/����� .�� ��2��4� "��$��â;� �������.��.��<�"�����.����.��.�4�!�"���.����2��;�â.�+C������+��*�"����+C,����4� ��� !����� 1�*��-��!�"��� *���+�.��� .�� ��2��� �� �+C,����4� 1!�� "�� *C,������������.�"��������<K��*C,����.���������������E�0;�

1+*(.�.�0�*',2,A0(�1&�20�5(�+',+0�B�C*,5�.�D�,&.'(*31&'�.E�

��� !�+*��.��� .�� ��!�������� �� *���C��"� !��� �����+� �*����-�� G��.�E�� �� ���2� !���!���2�3�����������;��

��/'F0(1�0�*',2,A0(�1&�20�5(�+',+0�*��'(��',5��)1�(1C*1(,3,1&'��50(0�12�)1.0((�22��)1�20�5(�+',+0�

�.�������.�� ��2��� *��G��.�E���"�!� .�������<�*�� ���2��.�������.��4�.�+C�������!���������"�#������-�,.�������������2*"����4�$�#�""���&�1�+�;�

�1�*(,)0)��&)*.'(,02�

���*"�!�*��"�*�C!��!;��

�1'�)�2��G0�

������ �����������������������������������������������"�����.�����.�0��1!��������-���3��.��"� "����������A��������"���+�.�"���<���*���.���������E�04��-�,0�"�..�*��"����������E�0�<�"����������A�������"�"��,�5����+";���

���� �� ��� ��������� "� *�C!��!� ��� .�����""�C� .�� A��+� ��.�-�.�"� *��� *���� .�"�����.����4� � *����������*�����C�����������*���*���� .�"� ��������� A��+� .�� ������������"�*���+�.���.��"�1���+�����G�0�!��A����!��.��"�����������1���+������.��E�0� !��A����!�� �2��������� *�� .�� ��.�!!������ *��!���� <� ��� �2*"�!!�3�� .��"".���0����"�.�����""��.��"�*�C!��!;����.�� ����4� ��� ��� !����+*"� ��� ����.�� ��� ��*�!�A�!�� ��"�� �����,����� !����+*"�� "�����+��.�� ����.���"��.��!3+*����.�� "����<�*����!�"���.��E�0�!��A����!�;���/���"�*�C!��!����.�����""��.��A��+���+���<�"�������.������*�.����1!�������.��"��"�*����������"�E�0�!��A����!�4�.�����""�����*�C!��!�<���0�������*��.�!����A��"���

Page 10: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

�"�!�����*�������-"�.��;��.���"���-�"�.��*��*�!�3��/���*��.���������������.�������0���"�����+�����.����� "�*�C!��!������*��.�����������.�������"�#�� "�*�C!��!�.��A��+���.�-�.�"�.��.�����1�,����"�,��.������.��;���������� �������*���"�.�����""��.��"�*��������*�C!��!��"�����.�����.�0��C�*���!�*��.�� "� ������� -����"� +�.����� E�0� !��A����!�� /��� ��� ��"�#�� *��� *���� .�"� ������ .�"�!�����*�����������"�"0�������;��

â.�+C���"�����.�����!����C�!��������â�.���+��.�8!������������������"��������� �`4� "�!�"��2*"�!��.�� A��+�!"��<���*�!�A�!��"�*��!����.��!������!!�3��.�� ���*C,���E�0�.�� ��*����+"�!����"� ����.�"� *��,�+��"�!�.���������G��.�E��<���.���*�� ���2;��"�*��!�.�+������.��.�����""��.��"�*�C!��!4�!�����������!�������.�!�+�����-!��� !��� "��� �.������� �"�!� .�� ����� *��G��.�E�� �� ��.��� *�� ���2� <� ��+0��� "��!1�-��!�+����.�2;1�+"4���������1�C�*��!����"�*,���*���!�*"�.�"�������.��"�1�5�.��-�.�.�"�����.����4�.��*�H�����*��!�.��C��1!���"������!�3��.�����/�����*��!�����"�.���D�� <� !������.��� .�"� �����4� !�+�� ��� +��!����� �������+����4� �"� *��!�.�+������!�+*"���� .�� "� *�!��!� ����C� .�����"".�� *��� !�+*"���� ��� "� ��â4� 8!��������� ���������"��������� �:�<����.�����""�C��+0�H�����"��������-����"�.�"�!�����*��,�+.�*�� ���� *�C!��!� .�� "0�������;� � !�"� ���C� ,�0.� *��������+����� <� *�.�C� ����!����"�.��+0�H��*���"�������.�����;�

��,.'130�)1��402*0+,-&�

� *�C!��!���� .�A����!�+�� ��� ���+� .�� ��*�� ��.�-�.�"� .�� "��� ��05��� !�"0����-��� .�"�&����4�*�����.�����!"�A�!!�3�����*�������!�+��������+�.��!"�A�!!�3�����"��70��!�.���-"�!�3��.�"���05��&�"0����-����;�'�

�&/�(31���5(�)*+'�.�0�1&'(1�0(�

�"�*��.�!���������,�����C����������E�0�81�+":�!���"�1�5�.��-�.�.�"�����.����4��������������,��.������.�� "���*������/���!.�����.�����1!��*���"���05��!�"0����-��'�����"�A����.��"�!��-�..4���,7��"���*�C+������.��"�*��������,��;�

6H(,+0�)1�1402*0+,-&�

��70��!�.���-"�!�3��.�� "�*�!��!������!������!�+��������+�.��-"��!�3��.�� "��70��!�.���-"�!�3��.�"� ��05��!�"0����-����;�'�<�!����+*"�� "�����,�������� ���+��/������.�A����C�����"�*����A��"�.�"�*��������.�!�+����;��

1'(�02,31&'0+,-&�

�"� ����.����� .�0��C� ���� �����"�+���.�� ��� ��� ���+*�� ��� +<��� � ?� .��� .��*�H�� .��10��� !���.�� �"� ��05�� !�"0����-�� '� ��� �"� �"� -����"4� ���� �����"�+���!�3�� �����!������ ��� �"� ��*!��� .�� !"�A�!!�3�� ��*�� ���� .��.�� ��� ��,�� "� !"�A�!!�3�� .�"���05��!�"0����-����;�';�

Page 11: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

���R�������������R�����(3*20(,�.�9��0(+�.�1&���� �+�&���80.�)1�1.',2���������*��.��*�!��!� �

�������!�"� � ��.���,�.� � ��+��� <�

��

���!���5��.���-"�!�3�� �=>�������.��"�*�!��!� ����(0.����+C��!���.��"�*�C!��!� �&,)0)�RI��"��� �� ���J�?�������������"������� �

���K��@���%����!���"�..���A��+��-��

����������

¹��� �"� ����.����� !���#!� �� ������������ .�� A��+�*�!��!4� ��0��� "� �����!���� .�� "�� 1�5�� .�� ����"��&���<����*"�!!�3�����"��*,����<��������E�0;��

���������

���+�����/����"�����.������.�"�!�����.���D��.���������E�04� +��*�"�� � <� ���"�!�� 1�5�� .�� ����"�� &��� *��.+��������"����*�!����.��.���D��<�*������!����.�������������*,���E�0;��

�����

�"�����.������.����A�!��<�+��*�"��!����2����"���*���!�*"���!�+*��������.��"��1�5��.������"��&���*������*"�!.������*,����E�0;�

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

�"� ����.����� !���� 1�5�� .�� ����"�� &��� <� "��-��!�"�� � *C,���� E�0� *�� !��A�,���� .�� A��+�,����"� �*�!���� .�� .���D�� <� *������!�3�� .�� "�*C,��;��

���*&)031&'0+,-&��1-(,+0�

����"�.�����""��.������*�C!��!4��"�����.�����.�0�����������#������"�+��5��.��"��1�5��.������"��&��4�.�0��C�!����"��� "������!����.�����1�5�.������"��*��!�A�,��������"��4�*C��A��4�A������4�!�"�����<�A��.��������������!�!�������!��.�"�!�+*�������.��.���D��<�*������!�3��.�����*C,���G�04�����-�#�.�0��C���.,����0���"��A��+��.��-��!�"��

Page 12: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

������1�5��.������"������*C,���E�0�.����*��1�+";��

1.+(,5+,-&�)1�20�5(0+',+0�

�"�����.�����&�������������E�0���$ �.��@�*C,������0������ 8����.���*����-:��������� ����.�0���*"�!��$�!�����I�+���*��.�-�.��� "��*C,����.�"� �����;���0���2���������*C,���!�������A��+�"����.����"�!���.�.��!���#!����������"�����"�!�"�����"�A��!�3��$�"���(*��!�����"�A��+�"�������.�0�������"����05�������"!���.������ "�.��!��*!�3��.�� "�*�!��!)4�.�+C�����.�0���!����.���1�5��.������"�4����*���"�1�+����*C,���*���!�*"�.�"�������<�����*��"��.�+C��*,����.�"�������.��"�����.���*����-;�

�"� ����.����� .�0�� ������ ��� !����� /��� "�� *,���� � !���� *�� �"� ������ .�� "� ����.�.�*����-�.�0���!����+*"��"����"�#!�3��.��A��+�"�����.�+C��.���!������!������/���+��*�"�����M�4��â�%�4�&��&N��4� %��â�4� �������4� � ���$%�4������4�!���.��*��������+0�H��1�5��.������"��*��"�+��*�"!�3��.������"���*���!�*"��4���0����"��4���2��4��0"�4�A��+�"����;�

1+*(.�.�0�*',2,A0(�1&�20�5(�+',+0�B�C*,5�.�D�,&.'(*31&'�.E�

���!�+*��.���.����!����������*���C��"�!��������+��*����-��G��.�E���� ���2�

��/'F0(1�0�*',2,A0(�1&�20�5(0+',+0�

�.�������.�� ��2��� *��G��.�E���"�!� .�������<�*�� ���2��.�������.��4�.�+C�������!���������"�#������-�,.�������������2*"����4�$�#�""���&�1�+�;�

�1'�)�2��G0�

������ ������������������������������������������������"�����.�����.�0����"�#�������-���3��0�0"��,�CA�!�*��-����0����"�+��5��<����"�#!�3��.��"��1�5��.������"��&��;��

���� �� ��� ��������� "� *�C!��!� ��� .�����""�C� .�� A��+� ��.�-�.�"� *��� *���� .�"�����.����4� � *����������*�����C�����������*���*���� .�"� ��������� A��+� .�� ������������"�*���+�.���.��"�1���+�����G�0�!��A����!��.��"�����������1���+������.��E�0� !��A����!�� �2��������� *�� .�� ��.�!!������ *��!���� <� ��� �2*"�!!�3�� .��"".���0����"�.�����""��.��"�*�C!��!;����.�� ����4� ��� ��� !����+*"� ��� ����.�� ��� ��*�!�A�!�� ��"�� �����,����� !����+*"�� "�����+��.�� ����.���"��.��!3+*����.�� "����<�*����!�"���.��E�0�!��A����!�;���/���"�*�C!��!����.�����""��.��A��+���+���<�"�������.������*�.����1!�������.��"��"�*����������"�E�0�!��A����!�4�.�����""�����*�C!��!�<���0�������*��.�!����A��"���"�!�����*�������-"�.��;��.���"���-�"�.��*��*�!�3��/���*��.���������������.�������0���"�����+�����.����� "�*�C!��!������*��.�����������.�������"�#�� "�*�C!��!�.��A��+���.�-�.�"�.��.�����1�,����"�,��.������.��;���������� �������*���"�.�����""��.��"�*��������*�C!��!��"�����.�����.�0��C�*���!�*��.�� "� ������� -����"� +�.����� E�0� !��A����!�� /��� ��� ��"�#�� *��� *���� .�"� ������ .�"�!�����*����������"�*�C!��!�.��"0����������;��;��

Page 13: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

�â.�+C���"�����.�����!����C�!��������â�.���+��.�8�������������������`4� "�!�"��2*"�!��.��A��+�!"��<���*�!�A�!��"�*��!����.��!������!!�3��.����5�.������"���&���!����"�����.�"�*��,�+��"�!�.�������*��G��.�E�4���.���*�� ���2�<����+E�-���*��G��.�E��<� ���2;�

�"� *��!�.�+������ !�+*"���� .�� "� *�C!��!� ����C� .�����"".�� *��� !�+*"���� ��� "���â4�8������ ��� ������� ���:� <� ��� .�����""�C� �+0�H�� ��� "� ������� -����"� .�"� !�����*��,�+.� *�� ���� *�C!��!� .�� "0�������;� � !�"� ���C� ,�0.� *��������+����� <�*�.�C�����!����"�.��+0�H��*���"�������.�����;�

��,.'130�)1��402*0+,-&�

� *�C!��!���� .�A����!�+�� ��� ���+� .�� ��*�� ��.�-�.�"� .�� "��� ��05��� !�"0����-��� .�"�&����4�*�����.�����!"�A�!!�3�����*�������!�+��������+�.��!"�A�!!�3�����"��70��!�.���-"�!�3��.�"���05��&�"0����-����;���

�&/�(31���5(�)*+'�.�0�1&'(1�0(�

�"� *��.�!��� � �����,�� ���C� ��� ������ E�0� 81�+":� ��0��� ��� ����.� .�*����-4� .��.�� ���*"�/���� 1�5�� .�� ����"�� &��� <� $�!��4� ����� ������ ��� .�0�� !���� !��� 0��� � "��!�!�������!�� ���"�.�� ��� "� !�!����#!�3�� .�� "� *�C!��!� ��;� �� .�"� *��������.�!�+����;�

6H(,+0�)1�1402*0+,-&�

��70��!�.���-"�!�3��.�� "�*�!��!������!������!�+��������+�.��-"��!�3��.�� "��70��!�.���-"�!�3��.�"� ��05��!�"0����-����;���<�!����+*"�� "�����,�������� ���+��/������.�A����C�����"�*����A��"�.�"�*��������.�!�+����;��

1'(�02,31&'0+,-&�

�"� ����.����� .�0��C� ���� �����"�+���.�� ��� ��� ���+*�� ��� +<��� � ?� .��� .��*�H�� .��10��� !���.�� �"� ��05�� !�"0����-�� �� ��� �"� �"� -����"4� ���� �����"�+���!�3�� �����!������ ��� �"� ��*!��� .�� !"�A�!!�3�� ��*�� ���� .��.�� ��� ��,�� "� !"�A�!!�3�� .�"���05��!�"0����-����;��;�

Page 14: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

����������������������$040��+(,5'�9�����$��320����*��.��*�!��!� �

�������!�"� � ��.���,�.� � ��+��� <�

��

���!���5��.���-"�!�3�� �=>�������.��"�*�!��!� ����(0.����+C��!���.��"�*�C!��!� �&,)0)���������� ��"���@���%����!���"�..���A��+��-��

���*3������

�05���-���

$����

&�+*����!���

���*&)031&'0+,-&��1-(,+0�

�������*�C!��!��"�����.�����.�0��.�!�+���������0���"����!��"�,����+��,������.��,����3�� .�� !������.��� G�0� &$�� ��� ��*�!�"� "� *"�A��+� ���+"4� .�+C�� .�0��C���-���� ��A��+!�3�� <� !������.��� ��0��� "� !��!�3�� .�� �!��*��� .�� �-4� *�� *��,�+���05�����<�!!���������*��!������.��!3.�,��/������*��.�����!"�������*C,����E�0���+";�

1.+(,5+,-&�)1�20�5(0+',+0�

�"�����.�����!�������������G�0�.������!���������+"��"�!�"�.�0��!���������

� �������!!������(����!�����&"��A�!.�������.���)��

� �����!��,�����(�@�*������!��4�'�*��!"��A�!.���<�'�*��-�.���)��

� ����� ���!�"��� (���� *��� !.� !��,���4� ��� "� ��!!�3�� .�� !"��A�!.��� ��� ��0����"#�����*C,����2�����.��!"��A�!.���.�����!��..�.�����,��;� ���!!�3��.��-�.����.�0��������@�-�.������"!���.���!���!.����!�"��.������!���*�0"�!.�;��

� ��� .�0�� !���� ��� *C,��� �+0�0�.� !��� ��� A��+�"���� .�� !�+*�� ��� "���� .��*���.��!"��A�!.�������-��!��*��*���/���-"�.��"������!�3��.��.����.����*����+H��!��<�!�C!������,7��!�����*��.;���

� ���.�0��!����������!�"��.�!���"�.��.�����!����,��C��"���A��+��.��"�*�C!��!�.��!.�����.����4������.�0�� ��������� .��!��*!�3��.�� "�!��-�..�/��� ��"�#�4�!��!"��������<������A"�2�3��A��"���0����"�����.�����+"�<��-��!��*�;�

Page 15: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

��

1+*(.�.�0�*',2,A0(�1&�20�5(�+',+0�B�C*,5�.�D�,&.'(*31&'�.E�

���!�+*��.���.����!����������*���C��"�!��������+��*����-��G��.�E���� ���2�

��/'F0(1�0�*',2,A0(�1&�20�5(0+',+0�

�.�������.�� ��2��� *��G��.�E���"�!� .�������<�*�� ���2��.�������.��4�.�+C�������!������ ���"�#�� ��� �-�,.��� ��� ����� � �2*"����4� $�#�""� �� &�1�+�;� ���-�.��� E�0�â*!1����M++*�<��"�A��+��-�6;������*������

�1'�)�2��G0�

������ ������ ������ ����� ��� ����������� ��� ��� ���������� �"� ����.����� .�0�� ��.,��*��-�+����� ��0��� "� ����"!�3�� <� !��A�,��!�3�� .�� ������� � E�0� !��� �"� &$�� ���+"4�.�+C��.��!���!���"������!����0C��!�.������!��*��.���-�*��*C,����E�0;��

���� �� ��� ��������� "� *�C!��!� ��� .�����""�C� .�� A��+� ���*"� *��� *���� .�� !.�*�/��D�� ,��*��!�"0����-�4� �*����������*�����C�����������*���*����.�"� ���������A��+�.��������������"�*���+�.���.��"�1���+�����G�0�!��A����!��.��"�����������1���+������ .�� E�0� !��A����!�� �2��������� *�� .�� ��.�!!������ *��!���� <� ����2*"�!!�3��.��"".���0����"�.�����""��.��"�*�C!��!���;�=;����.�� ����4� ��� ��� !����+*"� ��� ����.�� ��� ��*�!�A�!�� ��"�� �����,����� !����+*"�� "�����+��.�� ����.���"��.��!3+*����.�� "����<�*����!�"���.��E�0�!��A����!�;���/���"�*�C!��!����.�����""��.��A��+���+���<�"�������.������*�.����1!�������.��"��"�*����������"�E�0�!��A����!�4�.�����""�����*�C!��!�<���0�������*��.�!����A��"���"�!�����*�������-"�.��;��.���"���-�"�.��*��*�!�3��/���*��.���������������.�������0���"�����+�����.����� "�*�C!��!������*��.�����������.�������"�#�� "�*�C!��!�.��A��+���.�-�.�"�.��.�����1�,����"�,��.������.��;���������� �������*���"�.�����""��.��"�*��������*�C!��!��"�����.�����.�0��C�*���!�*��.�� "� ������� -����"� +�.����� E�0� !��A����!�� /��� ��� ��"�#�� *��� *���� .�"� ������ .�"�!�����*����������"�*�C!��!�.��"0����������;�=;��

â.�+C���"�����.�����!����C�!��������â� .���+��.� 8� #�� ����� �����;�`4� "�!�"��2*"�!��.��A��+�!"��<���*�!�A�!��"�*��!����.������"!�3��.�"�&$�����+"������� ���-�.��� E�0� "�!"� <� ��+���4� .�+C�� .�� +������ "� A��+� .�� !��A�,���� <� *�0"�!��!������.�������"������;��

�"� *��!�.�+������ !�+*"���� .�� "� *�C!��!� ����C� .�����"".�� *��� !�+*"���� ��� "���â4�8� #� � �� ��� ��� ��;�:� <� ��� .�����""�C� �+0�H�� ��� "� ������� -����"� .�"� !�����*��,�+.� *�� ���� *�C!��!� .�� "0�������;� � !�"� ���C� ,�0.� *��������+����� <�*�.�C�����!����"�.��+0�H��*���"�������.�����;�

��,.'130�)1��402*0+,-&�

� *�C!��!���� .�A����!�+�� ��� ���+� .�� ��*�� ��.�-�.�"� .�� "��� ��05��� !�"0����-��� .�"�

Page 16: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

�&����4�*�����.�����!"�A�!!�3�����*�������!�+��������+�.��!"�A�!!�3�����"��70��!�.���-"�!�3��.�"���05��&�"0����-����;�=�

�&/�(31���5(�)*+'�.�0�1&'(1�0(�

�"� *��.�!���������,�����C����������E�0�.�� ����!���!��.��!����"�&$�� .�����+"4��"�!�"�.�0�������"�5.��������1�����,�,����������"�%���������"�!�"����.�A����C�*����"�������.�"�!����;���

6H(,+0�)1�1402*0+,-&�

��70��!�.���-"�!�3��.�� "�*�!��!������!������!�+��������+�.��-"��!�3��.�� "��70��!�.���-"�!�3��.�"� ��05��!�"0����-����;�=�<�!����+*"�� "�����,�������� ���+��/������.�A����C�����"�*����A��"�.�"�*��������.�!�+����;��

1'(�02,31&'0+,-&�

�"� ����.����� .�0��C� ���� �����"�+���.�� ��� ��� ���+*�� ��� +<��� � ?� .��� .��*�H�� .��10��� !���.�� �"� ��05�� !�"0����-�� =� ��� �"� �"� -����"4� ���� �����"�+���!�3�� �����!������ ��� �"� ��*!��� .�� !"�A�!!�3�� ��*�� ���� .��.�� ��� ��,�� "� !"�A�!!�3�� .�"���05��!�"0����-����;�=;�

Page 17: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

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

�%��O������%�%���G��;�$��"�.����A����!�;��1�+��;���E�"";�$!��E���""�

� � ���&���� ��%I%&â��� ��� ���â��� �� ��� ��I�Gâ��;� �!�0���4����!1��.���+0�,1;��.�����"�â..�����G��"�<;�

����D��.���������G�0;�$��"�.����A����!�;��1�+��â;���E�""4��.�����"�$!��E�

��"";�

M$ 4��"�#0��1�&����;��.�����"�������!���"";�

â!��-�����-����,���=;�;���������C!��!;���!1�"��&1��;�

���,�+!�3�� .��â!��-�� ���-��� �,��;� �!���� ��""���� �.�����"�$�#�!P;��.�����"�$!��E���""���$�!����A�������;�

â.+������!�3��.��%%���;�����<��Q�����;��.�����"�������!���"";�

��!�"�����0���.���D��G�0;�1��*KKEEE;G�0.���,���A;!�+K�

EEE;.�����""�G�0;!�+�

������.��!����"��EEE;"G�0.�"*��,�+.��;!�+�

1��*KK��;E�P�*�.�;��,KE�P�K&+���

1��*KKEEE;!+�����*��";!�+K��

1��*KKEEE;.�A��.�A���A�2;!�+K/��R��R��RA��.R���R<R!�+�R���"���

1��*KKEEE;++0�1��*��;��,K��

1��*KKEEE;++0�1��*��;��,K��*�!�"��K��E0��KJ�I¹�J�>S��S$+0�TK��

1��*KK��;E�P�*�.�;��,KE�P�K���+"UV�������S.�"S*��<�!����

1��*KKEEE;����"�!�.�,�;!�+K������"R!���R*"�,���R5��+"R'���

1��*KKEEE;��"�5��+";!�+K��

1��*KKEEE;�"0"�,;!�+K*"���K��.�K�66=6��

Page 18: DISEÑO DE SITIOS WEB.pdf LOBORATORIO

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

ü���ü����ü���ü�������������ü���������ü����ü��ü ���

�����������ü�ü�� �������ü���� ������������������������������ �

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

*H(,+0�)1�1402*0+,-&��(�+',+0.�)1� 0H�(0'�(,���

"'13��402*0)�� �02�(0+,-&� �02�(0+,-&��1),0� �02�(0+,-&��2'0� ��<,3���

� �080� � � �*&'081��

��.!!�3��<�����,�A��

�"�.�!�+��������������.�A�!���!��������.!!�3��<�������������,�CA�!��;�B�*&'�.�L�=E�

�"� .�!�+����� A��"�����*������������.������,�A�4� *���� � �"�.�!�+����� ���*������� ���+�.��� ���!�"!�3��.�� "�� �.��� <� "������!���� .�� "����C��A��;��B�*&'�.�L��E�

��� �"� .�!�+�����*����� "� � ��.!!�3����� �2!�"����4� "���.��� ���C��!����"!���.�4� <���"� !���*�� .�"� ��2������ !�1������� ��� ������"�..;��

B�*&'�.�L�E�

��

��

��

��

�� �

��

��

� ��

� � ��

� � ��

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

�"� ����.����� ���*�������"�*�C!��!�.��"0���������B�*&'�.�L�=E�

���

���052,+0�

�"� ����.�����*������� "� *�C!��!�.�� "0�������� .��!���.�� � "� ,��.�.�"�!������B�*&'�.�L�E��

��

&"�..� .�� "�*�C!��!� .��"0���������

� � *�C!��!� /���*������� �"�����.����� ���!�+*"�� !������,���� .�� "�����/����+������� � ���*�C+������ .�� "����� .�� "�!��-�..;��B�*&'�.�L�=E�

� *�C!��!� /���*������� �"�����.����� ��� ��"��!�+*"��!���"�+��.�.�� "�����/����+������� <�*�C+������ .�� "����� .�� "�!��-�..;���B�*&'�.�L��=E��

� *�C!��!� .�"�����.����� !�+*"��!��� ��.��� "�����/����+������� <�*�C+������ .�� "�,���.��"�!��-�..;���B�*&'�.�L�R=E��

��

� ��

� ��

� ��

� R=��

��

��

��

�� �

�� �

��

�� �

��

� � � ��

� � � ��

� � � ��

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