Web con Photoshop
Ahi va la pregunta! Creo una plantilla web con photoshop con botones rollover y demas funciones, el problema que tengo es que los textos de la pagina, a la hora de "guardar para web" se convierten en imagenes y cuando lo habro con dreamweaver no puedo modificarlos, en plantillas que me he bajado de internet he visto como crean una hoja de estilos (CSS) desde photoshop y cuando se habre en dreamweaver permanecen los textos tal y como estan en la plantilla de photoshop y puedo modificarlos en dreamweaver, ¿cómo puedo hacer eso? Cre que es un tema de configuracion a la hora de guardar la plantilla pero no encuentro el fallo.
1 respuesta
Respuesta de zzeromx
1
Esto es imposble en photoshop creeme que me pusiste a investigar ya que soy diseñador web esto me simplificaria mucho pero no es posible desgraciadamente ya que el chiste de photoshop es que te renderee lo que quieras es decir no te va a exportar el texto lo que hay que hacer es meter el texto directamente en dreamweaver haber si me doy a entender
haces tu maquetacion en photoshop la exportas y generas tu html el photoshop te crea una tabla y a esta le metes el texto encima de la imagen con rollover que tengas y asi es mas facil y tienes completo control sobre esta y el armado ya esta hecho ya solo quedaria darle tu formato al texto con css.
Otra cosa css en photoshop solo sirve para los estilos de las tablas no te genera estilos de texto por que no te va a exportar texto solo imagenes y tablas, si no me crees te dejo este archivo directamente del photoshop devoloper center donde explica las opciones de exportacion de slices
"Slice output options
You can set the following options in the Slices set:
Generate Table Aligns slices using an HTML table rather than a cascading stylesheet.
Empty Cells Specifies how empty slices are converted to table cells. Select GIF, IMG W&H to use a 1-pixel GIF with width and height values specified on the IMG tag. Select GIF, TD W&H to use a 1-pixel GIF with width and height values specified on the TD tag. Select NoWrap, TD W&H to place a nonstandard NoWrap attribute on the table data and also place width and height values specified on the TD tags.
TD W&H Specifies when to include width and height attributes for table data: Always, Never, or Auto (the recommended setting).
Spacer Cells Specifies when to add one row and one column of empty spacer cells around the generated table: Auto (the recommended setting), Auto (Bottom), Always, Always (Bottom), or Never. For table layouts in which slice boundaries do not align, adding spacer cells can prevent the table from breaking apart in some browsers.
Generate CSS Generates a cascading stylesheet rather than an HTML table.
Referenced Specifies how slice positions are referenced in the HTML file when using CSS:
By ID Positions each slice using styles that are referenced by a unique ID.
Inline Includes style elements in the declaration of the block element <DIV> tag.
By Class Positions each slice using classes that are referenced by a unique ID.
Default Slice Naming Choose elements from the pop-up menus or enter text into the fields to create default names for slices. Elements include the document name, the word slice, numbers or letters designating slices or rollover states, the slice creation date, punctuation, or none."
ademas te dejo este link aqui te explican un metodo alternativo que da buenos resultados
http://www.desarrolloweb.com/articulos/1655.php
haces tu maquetacion en photoshop la exportas y generas tu html el photoshop te crea una tabla y a esta le metes el texto encima de la imagen con rollover que tengas y asi es mas facil y tienes completo control sobre esta y el armado ya esta hecho ya solo quedaria darle tu formato al texto con css.
Otra cosa css en photoshop solo sirve para los estilos de las tablas no te genera estilos de texto por que no te va a exportar texto solo imagenes y tablas, si no me crees te dejo este archivo directamente del photoshop devoloper center donde explica las opciones de exportacion de slices
"Slice output options
You can set the following options in the Slices set:
Generate Table Aligns slices using an HTML table rather than a cascading stylesheet.
Empty Cells Specifies how empty slices are converted to table cells. Select GIF, IMG W&H to use a 1-pixel GIF with width and height values specified on the IMG tag. Select GIF, TD W&H to use a 1-pixel GIF with width and height values specified on the TD tag. Select NoWrap, TD W&H to place a nonstandard NoWrap attribute on the table data and also place width and height values specified on the TD tags.
TD W&H Specifies when to include width and height attributes for table data: Always, Never, or Auto (the recommended setting).
Spacer Cells Specifies when to add one row and one column of empty spacer cells around the generated table: Auto (the recommended setting), Auto (Bottom), Always, Always (Bottom), or Never. For table layouts in which slice boundaries do not align, adding spacer cells can prevent the table from breaking apart in some browsers.
Generate CSS Generates a cascading stylesheet rather than an HTML table.
Referenced Specifies how slice positions are referenced in the HTML file when using CSS:
By ID Positions each slice using styles that are referenced by a unique ID.
Inline Includes style elements in the declaration of the block element <DIV> tag.
By Class Positions each slice using classes that are referenced by a unique ID.
Default Slice Naming Choose elements from the pop-up menus or enter text into the fields to create default names for slices. Elements include the document name, the word slice, numbers or letters designating slices or rollover states, the slice creation date, punctuation, or none."
ademas te dejo este link aqui te explican un metodo alternativo que da buenos resultados
http://www.desarrolloweb.com/articulos/1655.php
