Foros del Web » Creando para Internet » HTML »

diseño botones photoshop para html

Estas en el tema de diseño botones photoshop para html en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/03/2011, 04:27
 
Fecha de Ingreso: junio-2005
Mensajes: 88
Antigüedad: 12 años, 6 meses
Puntos: 1
diseño botones photoshop para html

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.
  #2 (permalink)  
Antiguo 14/03/2011, 10:35
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 7 años, 2 meses
Puntos: 3
Respuesta: diseño botones photoshop para html

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.
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #3 (permalink)  
Antiguo 14/03/2011, 10:44
 
Fecha de Ingreso: junio-2005
Mensajes: 88
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: diseño botones photoshop para html

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.
  #4 (permalink)  
Antiguo 14/03/2011, 10:52
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: diseño botones photoshop para html

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;
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 14/03/2011, 10:54
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 7 años, 2 meses
Puntos: 3
Respuesta: diseño botones photoshop para html

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.
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #6 (permalink)  
Antiguo 14/03/2011, 11:14
 
Fecha de Ingreso: junio-2005
Mensajes: 88
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: diseño botones photoshop para html

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.

Etiquetas: botones, diseño, photoshop
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:36.