Empezando la Web!!! manos a la obra

Es hora de empezar ya tenemos bien definido que tipo de web queremos hacer  en este caso es una web catálogo de productos con un carrito de compras, para hacer esta web la haremos  en PHP, con motor de bases de datos MySql, y para los efectos y animaciones utilizaremos Jquery, por que no Flash??? porque flash no carga en todos los dispositivos, por ejemplo no carga en los ipad, no carga en algunas versiones de Android o si tu dispositivo es de poca potencia no lo trae instalado y no podrás instalarlo, finalmente y los mas importante del asunto es que al terminar  de armar una película esta la compila en un archivo swf que no es posible ser indexado por los buscadores como google, así que si pones fotos con referencia a tu empresa y con el nombre de tu empresa no serán indexadas, y aunque le pongas al archivo en flash miempresa.swf, tampoco será tomada en cuanta por el buscador.

Ahora si, para desarrollar una web, un entorno de desarrollo muy recomendado el Dreamweaver, puedes descargarte una versión de prueba desde la Web de Adobe, el Dreamweaver es un programa que te ofrece muchos recursos para el desarrollo de una web así como la capacidad de manejar bases de datos y diferentes lenguajes de programación, para el desarrollo de la parte gráfica es muy recomendable usar Adobe Photoshop o Adobe Fireworks, Photoshop te da acabados y herramientas muy profesionales para un diseño detallado de la Web, pero Fireworks esta diseñado para trabajar imágenes para entornos web, lo que significa que podrás usar herramientas especificas y resoluciones apropiadas para un entorno Web.

Cual es el truco?? como se diseña un Web?? como hago para que me salga bonita, Un buen punto de partida es revisar web del mismo tenor o tema que quieres hacer, ver todas las que puedas, una vez realizado esto voy eligiendo entre ellas cuales son las que mas me gustan, de todas esas hago mi "Frankestein", si me gusta la parte superior de una, la botonera de otra, el cuerpo de otra y el pie de pagina de alguna mas todo eso lo juntan en una web, con  su Photoshop o Fireworks empiecen a copiar esos pedazos y vayan armándolos, después que tiene ese borrador, ahora piensen que colores son los correctos o les gustan a ustedes, y cambien los colores de estas partes y hagan un nuevo esquema teniendo cada uno de los elementos como ejemplo de como deberían verse.

Los esquemas de las paginas Web son pocos la gran mayoría de Web están en estos esquemas, en el siguiente gráfico les muestro cuales son los esquemas mas comunes.

Una vez que tenemos establecida y desarrollada nuestra plantilla en Photoshho o Fireworks, como una imagen plana un jpg o psd y se ve como a nosotros nos gusta se la presentamos a nuestros clientes o si es para mostros mismos, la revisaremos cuidadosamente a ver si es lo que queríamos.

Algunos parámetros una Pagina web tiene en este momento con las pantallas anchas Wide screen un promedio de 1024 Pixel de ancho, cuanto de alto, no sabemos porque eso depende de la cantidad de información que deseen poner si es mucha información en una sola pagina va a ser una gran sabana y nadie la querrá leer, debemos trata de presentar toda la información en la pantalla sin necesidad de que hagamos scroll (correr la barra hacia abajo o arriba) para continuar leyendo, muchas personas no lo hacen y simplemente se van de la web.

En el siguiente artículo les mostrare como convertir una imágen plana en una página Web


Vistanos en 
www.sgicorp.com