1.

Cmo empezar a disear nuestra pgina

Lo primero que debemos hacer para iniciar a disear nuestra pgina web, es pensar en el tamao de nuestra pgina web, el cual podemos medir con la cantidad de informacin que se tiene para construir el sitio, ejemplo: Quienes Somos, Misin, Visin, Valores, Productos, Servicios, Contactos, etc. Si an no entiendes como medir la cantidad de informacin, debes empezar a construir una pgina web del tipo informativa o sencilla, y despus, le puedes ir agregando nuevas pginas o aplicaciones nuevas. Organizar la estructura del Contenido Esta es una parte fundamental para construir nuestro sitio web, y es la clave para decidir el tipo de pgina que debemos desarrollar, para empezar creamos una tabla en nuestro editor de textos o datos: Excel, Word, etc. de la siguiente forma:

En la tabla organizamos la estructura y dimensin de nuestra pgina web: PRIMERA COLUMNA: En la primera columna, enumeramos la cantidad de pginas que va a tener

nuestro sitio web, en este ejemplo, la pgina va a tener un total de 8 pginas que son: 1 principal y 7 secundarias. SEGUNDA COLUMNA: Titulo de las pginas TERCERA COLUMNA: Contenido de la pgina (solo ttulos) CUARTA COLUMNA: % Terminado Trabajar con esta tabla es de gran ayuda, ya que nos permite observar el estado del total finalizado de nuestra pgina web. El valor total de terminado se toma del promedio de todos los porcentajes: se suman todos los porcentajes y se divide entre el total de nmero de pginas. Esta tabla tambin nos sirve como la pgina que se conoce como MAPA DEL SITIO En la cual, nos muestra una tabla que contiene toda las pginas que componen el sitio, con sus respectivos enlaces y descripcin. Cuando Tengamos el TOTAL FINALIZADO DE LA PAGINA WEB hasta en un 85%, podremos empezar a disear nuestro sitio web. Si logrsemos llegar al 100% es mucho mejor y ms fcil y rpido de trabajar. Introduccin a la investigacin de proyectos web Este tema es muy importante para empezar a organizar nuestra pgina web. Lo que veremos a continuacin, ser esencial para el correcto diseo y desarrollo de una excelente pgina web, con un enfoque dirigido hacia el cliente deseado. La investigacin de proyectos web nos permite organizar correctamente el tipo de diseo, el contenido y aplicaciones necesarias que debemos implementar en nuestra pgina web. La investigacin comprende varios pasos: 1 Paso: Contenido del Sitio Web. En este paso debemos buscar y analizar todo el contenido que tenemos sobre la empresa a la cual vamos a realizar el diseo. Por Ejemplo: El manual de imagen, misin, visin, productos, servicios, tecnologa, alianzas, clientes, etc. De acuerdo al material contenido que se tenga de la empresa, se desarrolla la tabla de la estructura de la pgina web que est en la parte de Como empezar a disear nuestra pgina.

Si no se cuenta con material de la empresa, o no sabe que material se necesita para disear una pgina web. Le recomendamos que visite otras pginas que sean parecidas a su negocio y mire la informacin que ellos tengan. De esta forma, usted puede analizar, la informacin que su empresa necesite. 2. Paso: Seleccionar el Tipo de Diseo Luego de desarrollar la tabla, y de acuerdo a las necesidades del cliente, se pueden disear tres tipos de pginas web: Sencilla, Profesional, Portal. Para saber cual de todas escoger, debemos tener en cuenta la cantidad de informacin que tenemos de la empresa: Si la empresa solamente tiene: Quienes Somos, Productos y Servicios; la pgina web debe disearse como una pgina web del Tipo 1 - Informativas o Sencillas; esto no significa que su diseo tambin sea sencillo, podramos realizar un diseo muy profesional para una pgina sencilla. Ideas para seleccionar el Tipo de Diseo: De acuerdo a la tabla de la estructura, mire la cantidad de informacin requerida y las aplicaciones requeridas. Si la pgina requiere de aplicaciones web, entonces puede ir pensando en el segundo tipo (Profesionales). Si requiere manejar Bases de Datos, Usuarios, Contenido Dinmico, Aplicaciones Web Avanzadas, E-Commerce o Comercio Electrnico, entonces su pgina debe ser de tipo Portal.

3. Paso: Seleccionar la Categora de la Pgina Todas las pginas estn categorizadas de acuerdo a su contenido, por ejemplo, si la empresa es una que vende celulares, la pgina estar en la categora de Comunicaciones, Si la empresa es una Floristera, debe estar en la categora de Floristera.

4. Paso: Dibujar un bosquejo de la pgina web Este paso es muy importante tambin, ya que te permitir imaginar como va a quedar tu pgina web segn el contenido que tengas de la empresa, Por ejemplo:

BOSQUEJO DE LA PGINA PRINCIPAL

BOSQUEJO DE LAS PGINAS SECUNDARIAS

Normalmente y por creatividad, uno disea estos bosquejos a mano, en un papel en blanco cuadriculado, como una especie de borrador el cual nos servir como gua. Se puede utilizar el Macromedia Fireworks, como nuestro editor de imgenes, en donde disearemos el bosquejo y toda la pgina, para luego pasarla al Macromedia Dreamweaver.