Si hago un diseño en Photoshop ¿puedo pasarlo a página web?

[Mabus]

A ver si me echáis una manita que estoy hecho un lío.

tengo un diseño en Photoshop de lo que quiero que sea mi página web, con sus botones sus apartados "home" "sobre mi" sus fotos, todo. Esta como te saldría en la pantalla si accedieses a ella en el navegador.

la cosa es ¿puedo "traducirla" a página web?. Si es así ¿cómo puedo hacerlo? ¿Existe algún manual para los rematadamente torpes?

decir que descarto las webs por plantillas que te amarran a un servidor, tipo 1&1, por que ya he tenido problemas con ellas.

¿sabéis cómo?

[Pakoluke]

Con dreamweaver puedes cargar la imagen como fondo y seleccionar las zonas que quieras que sean botones, basicamente seria una pagina transparente con un fondo.... hace mucho que hice esos ejercicios pero creo que si le das una pasada a google podras encontrar información sobre ello.

No hay nada que pueda "traducirla" a página web (que yo sepa) pero como te he dicho se pueden seleccionar zonas de la imagen para que al pasar el raton por encima actuen como si de botones se tratase.

Espero haber sido de alguna ayuda.

Saludos.

[enricvision]

Tal como dice Pakoluke nada que convierta esa imagen en archivo especifico web con sus botones, efectos, Marcos, vinculos, etc. Es un jpg!!.
Dreamweaver, aun existe!, pues era un excelente programa, cuando lo conocí era el rey, pero... probado, mi cabeza sacando humo y borrado. Si aprendes su menejo, debe ser genial. Por lo que acabé usando "Front Page", copiando y pegando de aquí y de allá ya que desconozco el lenguaje html

Salu2 mi page (http://webs.ono.com/enricvisio/), de la época del midi y lo que me costó hacer el Menú Principal (http://webs.ono.com/enricvisio/menu.htm) y el detector de mouse. Al final lo dejé, ya que no supe como actualizar mis fotos sin repetir el upload.

[Mabus]

Pakoluke Enricvision Muchísimas gracias, lo de "traducir" era para que me entendieseis lo que quería hacer, aunque seria la leche que algún programa fuese capaz de hacerte una web desde un .jpg :p

Lo que quería deciros, y no sabia explicarme, era si podría darle los atributos a cada botón o apartado partiendo desde el .jpg.

Entonces, si no he entendido mal, lo que tengo que hacer es cargar en DW el .jpg y desde allí montar los hipervinculos, no??

Ok, pues a ver si encuentro algún tuto. Infinitas gracias a los 2.

[rominperz1]

Para hacerlo fácil existe el plugin de Photoshop Divine Element: PSD to WordPress Software. Create WordPress Themes Easily (http://www.divine-project.com/), que es de pago.
También conozco un par de tutoriales gratuitos por si quieres fijarte:
30+ Best PSD to HTML/CSS Conversion Tutorials (http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/)

Saludos, espero que te sirvan de algo, suerte!

[FLEXmanta]

Hacer diseños en Photoshop para web es ahora mismo de las prácticas más comunes. Se hace el diseño en plano o por capas y luego se sectoriza. Al exportar aparecen trozos de la imagen que luego puedes montar en el CSS. No es algo que se aprenda de la noche a la mañana puesto que es, en toda regla, diseño web con toda su complejidad. En Lynda.com tienes cursos.

Hacer una web hoy en día, no es como en los 90, que bastaba con hacer un html con un par de imagenes. Las web de hoy están completamente integradas con google y las redes sociales que esperan que tu web tenga bases de datos y algo más que el HTML. Además, una web correctamente creada es tan simple de actualizar por parte del autor como subir una foto a facebook.
Hoy en día tienes 2 opciones:
1: Estudias diseño web durante unos años y te haces tu propia web. Si tu negocio principal no es el diseño o programación de páginas y solo necesitas una web para promocionar tu trabajo principal, esto no vale la pena.
2: Contratas un diseñador web. Los buenos son caros. Si pagas poco, probablemente termines con una página que podrías haber montado tu con un par de días de dream weaver: Sin redes sociales, sin SEO correcto.
3: Aprovechar la potencia de wordpress o de plantillas creadas con la funcion que necesites en mente. Tanto como existen plantillas para tiendas online y foros completamente customizables y muy baratas, hay plantillas perfectas para la creación de webs de fotografo. La mejor opcion para eso es actualmente wordpress. Si instalas wordpress "desnudo" en tu servidor, en tu página aparecerá un blog. A partir de ahí tienes dos posibilidades. O te compras una plantilla diseñada para lo que necesitas o, con photoshop, te haces tu propia plantilla diseñada por ti. De hecho, la mayoría de las plantillas que se venden, vienen además con el PSD utilizado para crearlas, para que puedas hacer modificaciones al diseño sin tener que estar lidiando con el CSS.

La mejor fuente de plantillas de pago es WordPress Themes | Website Templates | Create a Website | ThemeForest (http://themeforest.net/)

[Shadrach]

Yo antes usaba SiteGrinder. Era muy bueno para hacer páginas completas con Photoshop, y hasta existen videotutoriales. Hace años que no lo uso, pero me gustaba. Los conocí porque hacían la publicidad en el programa de la NAPP. Chequea aquí http://www.medialab.com/

Saludos.,

[antgonzz]

No nos ilusiones, ojala existiera un programa que pasara un diseño de jpg o cualquier otro formato de dibujo a una pagina con sus botones aplicaciones y completamente armada, vaya que seria hermoso, ojala aparezca pronto un programa asi, veo que ya resolvieron tu problema, pero queria comentar algo :D
Saludos.
Anita.

[Paty01]

Todo eso se puede hacer con ayuda del dreamweaver, yo para publicidad web (http://www.tupublicidadweb.com/agencia-de-publicidad1/) es lo que normalmente utilizo