Contenido 1. Planificación de un sitio web. 2

Transcripción

1 GUÍA DE CLASE GRADO NOVENO Página 1 de 12 Módulo de Formación: Unidad de aprendizaje 1: Resultado de Aprendizaje: Diseño Multimedial. Planificación de un Sitio Web Planifica un sitio web para su posterior diseño. Planificación de un Sitio Web Contenido 1. Planificación de un sitio web Determinación de los objetivos Organización de la estructura del sitio División del sitio en categorías Los bocetos Anatomía de una página web La pagina de Portada (index.html.) La pagina de contenido Ejemplo de panificación de un sitio web Objetivos Organización de la estructura El sitio en categorías Creación de Bocetos para el sitio web Evaluación Taller Taller de Profundización. 15

2 GUÍA DE CLASE GRADO NOVENO Página 2 de Planificación de un sitio web. Antes de empezar cualquier proyecto de desarrollo de un sitio web debemos planificarlo, porque es un periodo de análisis y reflexión de cómo seria a futuro el sitio web. La planificación del sitio implica también investigar los requisitos que deben cumplir el sitio, el perfil de la audiencia y los objetivos del sitio. Además, debe tener en cuenta requisitos técnicos tales como el acceso de los usuarios, los navegadores, entre otros. Las interrogantes para planificar un sitio son las siguientes: Para qué necesita el Sitio Web una organización? Para qué necesita el Sitio Web la comunidad ó clientes, proveedores entre otros? Qué es lo que buscan las personas, clientes, proveedores entre otros de una organización? Qué información de la organización es útil para la comunidad, personas entre otros? Qué imagen de la organización se quiere proyectar en los usuarios ó personas? Qué servicios interactivos se entregará a través del Sitio Web? Quiénes pueden colaborar a realizar el proyecto del Sitio Web? 1.1. Determinación de los objetivos. Los objetivos definen las metas del proyecto; a quien va dirigido, cual es el propósito; con el fin de contar con el mayor detalle posible de lo que se desea conseguir. Se debe de escribir los objetivos de manera detallada de tal manera que se pueda recordar durante del proceso de diseño. Por ejemplo: Si el sitio web es comercial, los objetivos será transmitir información detallada o lograr un fuerte impacto visual de los productos o servicios.

3 GUÍA DE CLASE GRADO NOVENO Página 3 de Organización de la estructura del sitio. La idea de crear un sitio consiste en crear una carpeta o directorio en el disco local dentro del servidor instalado con todos los archivos del sitio (Sitio local) y poder editar los documentos dentro de dicha carpeta. A través del servidor web publicaremos el sitio de tal manera que se pueda observar la página en un navegador web. Por ejemplo la carpeta del sitio del servidor se encuentra en el disco local c:/ en la Carpeta wamp y subcarpeta WWW.

4 GUÍA DE CLASE GRADO NOVENO Página 4 de División del sitio en categorías. Las páginas web se clasifican por temas, una página para cada tema, y estas páginas se subdividen en otras dependiendo del sitio. Se debe de estructurar en forma jerárquica el sitio web que facilite la navegación en las páginas web. El sitio web se compone de una página principal, la cual se llamara index.html, esta será la pagina principal que se verá cuando ingrese por primera vez al sitio web el usuario. Esta página contiene los enlaces a las demás páginas clasificados por temas. Las categorías de dividen en los siguientes esquemas: A. Demasiado plano: No es optimo porque no hay coherencia entre las paginas que componen el sitio, es decir es un listado que no guardan relación por ejemplo si el temas se relaciona con los lugares turísticos de Colombia no colocaría temas de programas académicos de una institución de educación. B. Demasiado Profundo: No es óptimo porque tiene demasiadas divisiones y los navegantes tienen que atravesar numerosos menús o botones para llegar al sitio de interés. Por ejemplo si deseo conocer un lugar turístico de Colombia, tendré que realizar 10 enlaces para llegar al sitio de interés.

5 GUÍA DE CLASE GRADO NOVENO Página 5 de 12 C. Equilibrada: Mantiene una coherencia entre los temas a tratar y facilita la navegación. Adicionalmente a la Línea de Tiempo tenemos el Panel de Curvas. Es parecido a

6 GUÍA DE CLASE GRADO NOVENO Página 6 de Los bocetos. Si ya tenemos la idea de del sitio web y el material preparado, es hora de que se empiece a realizar bocetos. Debemos empezar en papel o con cualquier programa de diseño a realizar los bocetos de todo el sitio web, por ejemplo plasmar las ideas que se desea mostrar en la página web, es decir todo lo que se te ocurra para desarrollar la apariencia gráfica de tu sitio. Intenta realizar varios bocetos diferentes, con ideas bastante distintas. Seguro que al final incluso llegas a utilizar elementos de los diferentes bocetos que has preparado. Por ejemplo la preparación de un boceto para la página principal index.html puede ser lo siguiente: Boceto de diseño de un portal web en la educación

7 GUÍA DE CLASE GRADO NOVENO Página 7 de Anatomía de una página web. Una página web es superficialmente parecida a cualquier otro documento un texto, unas imágenes, sonidos, videos, animaciones todas compuestas de una determinada manera. La imagen representa los elementos que debe tener una página web La pagina de Portada (index.html.) Es la primera página que vamos a crear en sitio web. La página principal o de portada es la que se muestra por defecto al visitante cuando nos visita, la primera que ve. Su archivo ha de llamarse obligatoriamente index.html sea cual sea el servidor donde la alojemos. El navegante debe adivinar que ofrece la página ó al menos sentir curiosidad por saber que brinda la pagina, por lo tanto la página debe ser única y funcional.

8 GUÍA DE CLASE GRADO NOVENO Página 8 de 12 La pagina index.html contiene todas las secciones de los temas que tiene nuestro sitio web, es conveniente que tenga los enlaces con las demás paginas que conforman el sitio. Por ejemplo tenemos esta página es la portada para que el usuario observe por primera vez cuando ingrese al sitio web, allí se encuentran todos los temas relacionados con el tema principal. Otro ejemplo de página index.html; esta portada contiene todas las secciones de los temas que tiene nuestro sitio web, como por ejemplo tiene enlaces a la secciones de somos, eventos, carta, vinos y contactos.

9 GUÍA DE CLASE GRADO NOVENO Página 9 de La pagina de contenido. Son las demás páginas que se añaden a la página principal, son las piezas claves para que el usuario navegue por el sitio web. El principal criterio es la claridad en los textos, la distribución de las imágenes, videos, animaciones, color entre otros aspecto de apariencia de las imágenes. Por ejemplo la sección Colombia tiene imágenes sobre Colombia, la bandera, escudo nacional, la bandera nacional, y el deportes son temas de esta sección.

10 GUÍA DE CLASE GRADO NOVENO Página 10 de 12

11 GUÍA DE CLASE GRADO NOVENO Página 11 de Ejemplo de panificación de un sitio web. Se desea realizar una página sobre Colombia donde se traten temas como su historia, su gente, sus lugares turísticos y todo lo relacionado con el país. Por lo tanto debemos planificar el sitio con los siguientes ejemplos Objetivos Diseñar un sitio web sobre Colombia donde se ilustre su historia, su geografía, su gente y sitios turísticos de tal manera que el navegante pueda obtener información completa de nuestro país. Ser una página apta para que los turistas conozcan y visiten nuestro país. Ser una excelente fuente de consulta para los estudiantes, manejando temas de actualidad Organización de la estructura Se creara una carpeta en el disco local C:/wamp/www y luego la carpeta del sitio llamada webturismocolombia. Si es necesario de crearan subcarpetas para guardar las imágenes, los documentos, los sonidos, las animaciones, entre otros elementos para el sitio web El sitio en categorías. Nuestro sitio será equilibrado porque los temas guardan relación con todo el sitio web. Por el cual se forma una estructura jerárquica del sitio web como se muestra en la imagen. La estructura se conformara por los siguientes temas: La página principal (index.htm) brindará acceso a las cuatro categoría principales del web: Historia, Geografía, Regiones y Símbolos Patrios La Categoría Historia quedará dividida por períodos, Cultura Precolombina, Conquista, Colonia, Independencia, República. La Categoría de Regiones quedará subdividida en Andina, Amazonía, Caribe, Orinoquía y Pacífica. En cada una de las Regiones se incluirán páginas sobre su Gente, Departamentos y Turismo La Categoría símbolos patrios estará subdividida en Bandera, Escudo e Himno Nacional.

12 GUÍA DE CLASE GRADO NOVENO Página 12 de Creación de Bocetos para el sitio web. Por ejemplo se creara un boceto de la página principal que contenga un encabezado, un menú de secciones con los temas principales, se insertara imágenes, animaciones y textos en el sitio web. La imagen representa el boceto de la página principal, se debe bocetear todo el sitio web, se debe de tener en cuenta los tamaños estándares de las pagina web: 800 x 600 pixeles ó 1024 x 768 pixeles.

13 GUÍA DE CLASE GRADO NOVENO Página 13 de 12

14 GUÍA DE CLASE GRADO NOVENO Página 14 de Evaluación EVIDENCIAS DE APRENDIZAJE - Aplica correctamente la planificación de un sitio web - Realización de la planificación de un sitio web. - Aplica correctamente la planificación de un sitio web. CRITERIOS DE EVALUACION Evidencias de conocimientos - Identifica los conceptos de planificación de un sitio web. Taller 1 Evidencias de Desempeño - Manejos de los procesos para planificar un sitio web. Evidencias de Producto - Diseña una planificación de un sitio web TECNICAS E INSTRUMENTOS DE EVALUACION Actividad en clase Taller 1 5. Taller 1 Se desea realizar una página web sobre la corporación universitaria donde se muestre todos los perfiles y programas académicos, además enlaces a cada programa donde visualice el plan curricular, entre otros. Además debemos mostrar el registro de matriculas, los pagos, becas entre otros. Planificar el sitio web de acuerdo al ejemplo visto en clase.

15 GUÍA DE CLASE GRADO NOVENO Página 15 de Taller de Profundización. Consultar en Internet; y crear una planificación de sitio sobre temas de su preferencia sobre deportes, cultura, turismo, gastronomía, ciencia, tecnología, entre otros. Tener en cuenta que esta será su página que se desarrolla en este modulo. Ten en cuenta lo siguiente: Tema a tratar. Objetivos del sitio Organización de la estructura Categorías Bocetos.