Páginas Web a partir de Photoshop

Hayi · #1 (**permalink**) 01/04/2004, 00:57

Hola, estoy empezando a trabajar con el Photoshop y estoy necesitando un poco de ayuda: creación de páginas web mediante este programa. Un amigo me pasó un par de archivos .PSD para que pruebe hacerlas pero no entiendo cómo exportar desde ese archivo a un .HTML, ¿necesito otro programa
para hacer esto?, si lo puedo hacer directamente con el Photoshop, ¿cómo se hace?. Pregunto sobre Photoshop porque no lo conozco bien, siempre trabajé con Fireworks, FreeHand y Dreamweaver y quisiera ampliar un poco más mis conocimientos, gracias desde ya...

scanjet · #2 (**permalink**) 01/04/2004, 01:26

El PhotoShop en sí mismo te permite hacer la plantilla o interfaz (visual) de la página, para poder trabajar luego el código html, primero has de "saltar" de la imagen en PhotoShop a su compañero inseparable ImageReady, (en la barra de herramientas de las versiones 6 en adelante, al final de la barra tieens el iconito para hacerlo); una vez en Image Ready, solo tienes que seleccionar la herramienta del cuchillo para ir seccionando la imagen en cuantas imagenes más pequeñas te hagan falta, para agilizar la carga de la página y para, por ejemplo, poder asignar links a ciertas partes de la imagen, como podrían ser menús , etc,... Una Vez tengas seccionada la imagen la guardas para web y la exportas como html. Puedes ver los resultados, y si no es lo que esperaba vuelves atrás y lo modificas.

A grandes pasos, lo que hace el Image Ready es coger una imagen de una sola pieza, cortarla en varias y luego construir el código html de una página que contiene una tabla en la cual cada fragmento de imagen no es más que un campo de dicha tabla, por eso a veces hay que tener cuidado cuando se modifique en tu editor web porque puedes dañar la estructura de la imagen.

Bueno, no se si me he explicado o te he liado más, je je.

Salu2

thekaligula · #3 (**permalink**) 01/04/2004, 11:51

Aqui te dejo 2 estupendos tutoriales de como hacer lo que necesitas:

Tutorial parte 1º : http://www.propuestadigital.com/tuts/pw.htm

Tutorial pate 2º : http://www.propuestadigital.com/plan...reamweaver.htm

Con esto lo tienes ya todo mucho mas facil te lo aseguro.

Suerte y a aprender un rato, como todos.

Hayi · #4 (**permalink**) 01/04/2004, 12:02

Gracias a los dos por la información, creo que es suficiente para empezar y me sirvió de mucho, gracias de nuevo, saludos...