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
