ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Sonnia Mendoza Carlos Morocho PAGINAS WEB.

Presentación del tema: "ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Sonnia Mendoza Carlos Morocho PAGINAS WEB."— Transcripción de la presentación:

1 ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Sonnia Mendoza Carlos Morocho PAGINAS WEB

2 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ¿QUÉ ES UNA PAGINA WEB? ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

3 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

4 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ¿QUÉ SE DEBE CONSIDERAR ANTES DE EMPEZAR LA CREACIÓN DE UNA PÁGINA WEB? ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Primero se tiene que pensar en el dominio que es el nombre que le debe dar a la página web luego verifícalo en alguna empresa como godaddy para ver si esta disponible.

5 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Una vez que el usuario esta conectado a Internet, tiene que instalar un programa capaz de acceder a páginas Web y de llevarte de unas a otras siguiendo los enlaces. El programa que se usa para leer los documentos de hipertexto se llama "navegador", el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por el Web.

6 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC El diseño de páginas debe mantener un equilibrio entre utilizar todas las capacidades y la posibilidad de ser leídas por cualquier tipo de Navegador. El visualizador nos presentará perfectamente cualquier página ".txt" generada por cualquier editor, y los links entre documentos sólo requieren un simple y sencillo comando.

7 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ETAPAS DEL DISEÑO WEB 1. Delimitación del tema Esta es la etapa crucial, se define de qué se va a tratar el Web, que cosas se incluirán y qué no. También es el momento para definir tanto las audiencias (normalmente es mas de una) y los objetivos (intentando priorizar entre objetivos primarios y secundarios). 2. Recolección de la información En esta etapa se recolecta la información que se va a poner en el Web, de acuerdo a la especificación hecha en la etapa anterior 3. Agregación y descripción Aplicamos una clasificación de tipo lineal a fragmentos de información que requieren que la persona que los lee vaya avanzando poco a poco en el conocimiento de algo,

8 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 4. Estructuración En este punto se estructura la manera en que se unen las diferentes páginas, de acuerdo a la agregación de contenidos realizada en la etapa anterior. Se provee de ayudas para la navegación, de enlaces que permitan la jerarquización que diseñamos 5. Metáfora Permite referirse a una misma entidad en diferentes contextos 6. Diseño y estilo gráfico Mantener una cierta coherencia gráfica, y atreverse a innovar en cuanto a ella. Un color de fondo, un fondo o una distribución interesante de los elementos dentro de una página es algo que no se olvida con facilidad.

9 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 7. Ensamble final En este punto concretamos el diseño, con los últimos enlaces que sean necesarios e incorporamos el estilo gráfico a las páginas, se ensambla el sitio con una portada que sea capaz de presentar en una sólo página física al menos lo más relevante del sitio, se instalan links hacia la página personal del autor y/o su dirección de correo electrónico. 8. Testeo Finalmente, es necesario revisar la coherencia general del sitio, que no hayan links "rotos" que no conduzcan a ninguna parte; revisar la redacción y ortografía de las páginas, hacer los ajustes necesarios para separar las páginas que sean demasiado extensas en páginas más pequeñas.

10 UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 ETAPAS DEL DISEÑO