Planificacion de un sitio web

Solo disponible en BuenasTareas
  • Páginas : 12 (2917 palabras )
  • Descarga(s) : 7
  • Publicado : 25 de agosto de 2010
Leer documento completo
Vista previa del texto
DISEÑO DE SITIOS WEB

CLAUDIA ALBORNOZ PORTLEA
(Código 51840617)

Trabajo Colaborativo No. 2

Tutor

MAURICIO PERDOMO VARGAS
DIRECTOR

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA
UNAD – CEAD JAYG
FACULTAD DE INGENIERIA DE SISTEMAS
BOGOTA, D.C
MARZO DE 2010
INTRODUCCION

Antes de crear un Sitio Web, es necesario conocer que elementos requerimos para desarrollar el Sitio quequeremos, debemos realizar una planeación del Sitio antes de iniciar su desarrollo.

A continuación relacionamos algunas de los temas que debemos tener en cuenta :

Cosas a considerar durante el proceso de planeación

• ¿Cuales son los objetivos?
• ¿Cual es el beneficio que va a obtener con el sitio Web?
• ¿Cuál es el presupuesto?
• ¿Cómo va a representar la imagen corporativa del sitioWeb?
• ¿Cuál es el beneficio para los visitantes del sitio Web?
• ¿Qué hará que los visitantes regresen?
• ¿Cuál es la fuente de la información que ofrecerá el sitio Web?
• ¿Cuál nombre de dominio utilizarás para el sitio Web?

Partes del proceso de diseño que deben ser planeadas

• Colores
• Logotipo
• Eslóganes y frases
• Layout
• Estructura del sitio
• Navegación
• Fotose imágenes

PRINCIPIOS BASICOS DEL DISEÑO WEB

El diseño es una técnica que se basa en una serie de reglas más o menos definidas que sirven para crear algo que resulte útil y atractivo a la vez.

1. PLANIFICACION DEL SITIO WEB
En primer lugar, debemos definir cual va a ser el objetivo de nuestro sitio web, a quien va dirigido, cual es la meta y el propósito del mismo:

¿Es un sitiocomercial o personal?, ¿su finalidad será la de entretener o bien proveer de información a los usuarios?, ¿nuestro objetivo es transmitir una información detallada (texto) o bien conseguir lograr un fuerte impacto visual (imágenes)?.
Una vez decidido el objetivo del sitio web debemos proceder a planificar detalladamente la estructura y los contenidos con los que contará dicho sitio.
El segundo pasoconsiste en preparar los contenidos...

La información que queremos transmitir en nuestro sitio, las imágenes que vamos a utilizar, los colores del sitio web, la tipografía...

Si la web va a ser un punto de apoyo en la difusión de una empresa, se deben utilizar los elementos clave de la actual imagen corporativa, logotipo, fuentes utilizadas en la papelería impresa...
Si por el contrario nolo es, debemos pensar en su finalidad, a quien va a ir dirigida.

Preparar un directorio en nuestro pc e ir introduciendo todo el material, a ser posible ordenado según las secciones que se van a incluir en la web, introducir todas las posibles imágenes y textos, iconos y demás elementos que se piensen utilizar.
Realizar bocetos.
Bueno, ya tenemos la idea de la web y el material preparado, eshora de empezar a realizar bocetos. Empecemos con papel o con cualquier programa de diseño, lo importante es preparar pruebas, plasmar ideas, todo lo que se ocurra para desarrollar la apariencia gráfica del sitio. Realizar varios bocetos diferentes, con ideas distintas.

La maquetación
El siguiente paso, una vez elegido el boceto, será proceder a su maquetación.

Si se quiere una webimpactante que va a tener poco contenido se puede optar por flash, si la sección va a estar compuesta por un elevado número de documentos html utilizar includes o templates para aquellos elementos comunes como las cabeceras, menús o pie de página, preparar las hojas de estilos para dar formato al texto y a determinados elementos del sitio, si se decide darle más intensidad al color del texto oincrementar un poco su tamaño será suficiente modificar un estilo en tu css para aplicar el cambio a toda tu web.

2. NAVEGABILIDAD
Podríamos definir la navegabilidad de un sitio web como aquellas propiedades de la interactividad del sitio que permiten que el usuario del mismo sea capaz de moverse por su estructura e identificar las diferentes secciones y contenidos de una forma sencilla y efectiva y...
tracking img