Caja PDF

Comparta fácilmente sus documentos PDF con sus contactos, la web y las redes sociales.

Compartir un archivo PDF Gestor de archivos Caja de instrumento Buscar PDF Ayuda Contáctenos



Guia 1 Planificación del sitio Web Grado Noveno .pdf



Nombre del archivo original: Guia_1_Planificación_del_sitio Web_Grado _Noveno.pdf
Autor: JEFERSSON

Este documento en formato PDF 1.5 fue generado por Microsoft® Word 2010, y fue enviado en caja-pdf.es el 25/02/2015 a las 02:07, desde la dirección IP 186.115.x.x. La página de descarga de documentos ha sido vista 1100 veces.
Tamaño del archivo: 1.5 MB (15 páginas).
Privacidad: archivo público




Descargar el documento PDF









Vista previa del documento


COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 1 de 12

Módulo de Formación:

Diseño Multimedial.

Unidad de aprendizaje 1:

Planificación de un Sitio Web

Resultado de Aprendizaje:

Planifica un sitio web para su posterior diseño.

Planificación de un Sitio Web

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

Determinación de los objetivos. ____________________________________ 2

1.2.

Organización de la estructura del sitio. _______________________________ 3

1.3.

División del sitio en categorías. ____________________________________ 4

1.4.

Los bocetos. ___________________________________________________ 6

2. Anatomía de una página web. _________________________________________ 7
2.1.

La pagina de Portada (index.html.)__________________________________ 7

2.2.

La pagina de contenido. __________________________________________ 9

3. Ejemplo de panificación de un sitio web. _______________________________ 11
3.1. Objetivos ______________________________________________________ 11
3.2. Organización de la estructura ______________________________________ 11
3.3. El sitio en categorías. ____________________________________________ 11
3.3. Creación de Bocetos para el sitio web. _______________________________ 12
4. Evaluación ________________________________________________________ 14
5. Taller 1 _________________________________________________________ 14
6. Taller de Profundización. ___________________________________________ 15

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 2 de 12

1. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 3 de 12

1.2. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 4 de 12

1.3. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
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

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 6 de 12

1.4. 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

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 7 de 12

2. 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.

2.1. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
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 www.colombia.travel/es/, 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 9 de 12

2.2. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Planificación del sitio web

Código : GC-DC-BS-6
Versión:1
Página 10 de 12

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 11 de 12

3. 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.
3.1. 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.
3.2. 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.
3.3. 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.
Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 12 de 12

3.3. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Planificación del sitio web

Código : GC-DC-BS-6
Versión:1
Página 13 de 12

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 14 de 12

4. Evaluación

EVIDENCIAS DE APRENDIZAJE

CRITERIOS DE EVALUACION

Evidencias de conocimientos
- Identifica los conceptos de
- Aplica correctamente la
planificación de un sitio web.
planificación de un sitio web
Evidencias de Desempeño
- Realización de la planificación
- Manejos de los procesos para
de un sitio web.
planificar un sitio web.

TECNICAS E
INSTRUMENTOS DE
EVALUACION

Taller 1

Actividad en clase

Evidencias de Producto
- Aplica correctamente la
planificación de un sitio web.

- Diseña una planificación de un
sitio web�

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.

Planificación del sitio web

Ing. Jefersson Devia Acosta

COLEGIO ANTARES
INFORMATICA BASICA – DISEÑO WEB
GUÍA DE CLASE GRADO NOVENO

Código : GC-DC-BS-6
Versión:1
Página 15 de 12

6. 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.

Planificación del sitio web

Ing. Jefersson Devia Acosta


Documentos relacionados


Documento PDF guia 2 redes inalambricas grado octavo
Documento PDF guia 1 grado decimo introduccion a bases de datos
Documento PDF guia 1 grado octavo introduccion a redes
Documento PDF cuestionario grado noveno
Documento PDF guia 1 planificaci n del sitio web grado noveno
Documento PDF guia 2 noveno alojamiento y tipo de servidores


Palabras claves relacionadas