diseño botones photoshop para html

[excellion]

Hola,

Inicialmente, he hecho el menú de una Web, diseñando unos botones con textos incluidos en Photoshop.

La manera mas correcta de hacer la Web seria quitar el texto de los botones e incluirlo mediante HTML y CSS, verdad?

Haciéndolo de la primera manera... tendría problemas de accesibilidad, etc.

¿Alguien puede darme más informacion al respecto sobre este tema?

Muchas gracias.

[ContactarNET]

Las dos maneras son validas de hacer botones, dependiendo la complejidad del mismo, si el boton es sencillo podrias intentar hacerlo solo con HTML y CSS, sino, podes hacer el fondo del boton en photoshop con las medidas exactas y pasarlas atravez de css en background-image , luego integrar el texto arriba, siempre y cuando, tengas la font deseada, de lo contrario podes usar la foto completa para hacer los botones, y en su estado hover le pones una imagen de sustitución, en dreamweaver, insertar>imagen de sustitucion.

Saludos,
Gabriel.

[excellion]

El botón es sencillo. Ahora mismo he hecho lo que me comentas, usando sólo HTML y CSS y una especie de banner hecho con el Photoshop incrustado debajo de estos botones. La fuente es Myriad Pro en Photoshop y en el CSS he elegido el grupo de Verdana.

Si elijo la opción que hacía antes de integrar los textos en Photoshop, al agrandar la Web, veo los textos pixelados y a la hora de haces posibles cambios es mejor sólo tocar el CSS. Por poder, se puede hacerse, pero veo inconvenientes hacerlo de esta manera y no sé si los tests de validación serán correctos.

Muchas gracias por la respuesta.

Saludos.

[gVenom]

para mantener las proporciones del texto al momento de cambiar de resolución, utiliza los tamaños de este con la medida em , ejm font-size: 1em;

[ContactarNET]

Los test de validacion si van a ser correctos, uses el metodo que uses, no hay una manera correcta y otra incorrecta, mintras el boton se vea bien en los distintos browser y funcione en su totalidad.

Me gustaria saber, que no me quedo claro, si finalmente pudiste hacer el boton :)

Saludos.

[excellion]

Sí, finalmente he hecho el botón de la siguiente manera:
- En Photoshop he hecho una barra horizontal de 990px de ancho (sin textos).
- En HTML, he añadido los textos del menú horizontal por cada opción.
- En CSS, le he dado formato al texto del botón.

De esta manera, lo veo mejor adaptado a diferentes resoluciones de pantalla.

Muchas gracias.