Buscar

 

Creando un  sitio web con  Photoshop y  Dreamweaver
Planifica, crea, diseña una interfaz para página web. Este libro te  explica paso a paso como hacerlo, desde el diseño hasta el  montaje y subida al servidor. 

Walter  Alvarez
Septiembre,  2008 

Diseño Web || Walter Alvarez: www.solucionesseo.com

        Creando un sitio Web con  Photoshop y Dreamweaver 

Por : Walter AlvarezSeptiembre, 2008

2 
 

Walter Alvarez  [CREANDO UN SITIO WEB CON PHOTOSHOP Y DREAMWEAVER]   

Introducción 
Con el presente documento pretendo ayudar a quienes nunca han diseñado un sitio web con Photoshop. La presente obra explica paso a paso la creación de un sitio web, desde la parte del Diseño, hasta el montaje en Dreamweaver y lo publicamos en internet, obviamos la parte derecopilación de información, y pasos anteriores a este proceso, ya que este documento presupone que ya cuentas con esa información. Con esta entrega pongo a tu disposición las técnicas que me han ayudado en el diseño de interfaces para páginas web, permíteme reiterarte que la creatividad no es algo nacido sino aprendido, con la practica vas a ir mejorando, las interfaces te quedarán cada vez mejor,pero con la ayuda de este documento te doy una muy buena base. Las técnicas son básicas y mas que técnicas te darás cuenta que son trucos aprendidos a lo largo de 8 años de experiencia en diseño web, que pongo a tu disposición. Adobe Photoshop es el programa más utilizado en Internet para la edición de imágenes digitales, por lo que te enseñaré a diseñar páginas web utilizando un par de herramientasde este poderoso programa, mismas que incluyo en graficas. Además aprenderás a armar el documento en dos columnas dentro de Dreamweaver, y a aplicar CSS dentro de la pagina web para lograr una estética profesional. Para finalizar, los comentarios o sugerencias a esta obra puedes hacerla escribiendo a: war@solucionesseo.com, tus aportes serán bienvenidos y ayudarán a mantener esta obra actualizada.3 
 

Diseño Web || Walter Alvarez: www.solucionesseo.com

Puedes reproducir esta obra total o parcialmente, siempre que menciones la procedencia de la misma.

Walter Alvarez www.solucionesseo.com war@solucionesseo.com

Por último, recuerda que te estoy dando parte de mis conocimientos, mismos que espero te ayuden a una mejora en tus diseños y amplíe tus conocimientos, por lo quecualquier donación es bienvenida. Esta obra es gratuita, ayuda a mantenerla así.

Puedes enviar la donación vía Western Unión a: Nombres y Apellidos: Walter Humberto Alvarez

Cedula de Identidad: 001-210478-0006W Dirección: Costad Sur de la Funeraria Monte de los Olivos 1 ½ c. al Este. Managua, Nicaragua.

Luego de enviar la ayuda, por favor avísame a: war@solucionesseo.com, especificando elmonto, nombre completo y país. Estos datos me los requieren en las oficinas de Western unión.

La práctica hace al maestro.

4 
 

Walter Alvarez  [CREANDO UN SITIO WEB CON PHOTOSHOP Y DREAMWEAVER]   

Crear interfaz web con Photoshop CS3
Al comenzar un proyecto de una página web, es necesario tener la mayor cantidad de información disponible de parte del cliente, es decir, logotipo,imágenes (preferiblemente de alta resolución), MP3 (si aplica), videos (si aplica). Luego de tener toda la información procedemos al diseño, y si estamos empezando, nuestra primer pregunta es ¿Qué tamaño le doy al documento?. Tomando como punto de partida que nuestro sitio va a ser visitado por monitores de 1024 x 768 mínimo, diseñamos para esa resolución y le vamos a dar al documento 1000px * 500 px,¿pero porque tan poco alto?, la respuesta es sencilla, simplemente porque no queremos tener tanto espacio en blanco en el sitio, recuerda que cuando leemos un libro o un tutorial leemos de izquierda a derecha y de arriba hacia abajo, el ojo está acostumbrado a esa regla, así que no importa cuánto vaya a bajar el sitio por el contenido de una página determinada, lo que nos debe preocupar es el...