Foros del Web » Creando para Internet » Diseño web »

Diseño de paginas web

Estas en el tema de Diseño de paginas web en el foro de Diseño web en Foros del Web. Hola gente que tal?, espero me puedan ayudar resulta que haciendo uso de photoshop realize el diseño de una pagina web (estoy empezando con este ...
  #1 (permalink)  
Antiguo 29/02/2012, 21:11
 
Fecha de Ingreso: septiembre-2010
Mensajes: 28
Antigüedad: 14 años, 2 meses
Puntos: 1
Diseño de paginas web

Hola gente que tal?, espero me puedan ayudar resulta que haciendo uso de photoshop realize el diseño de una pagina web (estoy empezando con este nuevo lenguaje), y como ya ustedes deben saber pues diseñe el encabezado, el lateral del menu, el pie de pagina y el area de contenido , es algo sencillo por que estoy empezando en esto, como se imaginaran esos objetos que realize el el photo por ejemplo la parte de contenido diseñe un rectangulo de color gris y que este tubiera una pequeña sombra de manera que da el efecto de superposicion en la pagina, asi como este los demas elementos le di aspectos :), ahora bien cual es el problemas? pues al ir al dreamweaver pues todas esas imagines las acople a mi index y pues aparecen como yo quiero y no hay problema, pero la cosa es que por ejemplo en el area de contenido quiero colocar una tabla en todo el centro de mi rectangulo que les comente, que pida al usuario incluir unos datos, la cosa es que no puedo colocar ningun objeto de dreamweaver encima de ninguno de los diseños que hice en el photoshop, y pues me gustaria sabe como hago para que me deje colocar cualquier objeto sobre mis diseños?? intente con las etiquetas <dev> pero entonces el contenido que yo coloque dentro de una de esas etiquetas se descuadra de mi pagina y no puedo colocarlo como yo quiero que aparezca, por favor si me pueden ayudar o dar un consejo se los agradeceria.
  #2 (permalink)  
Antiguo 01/03/2012, 01:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Diseño de paginas web

Hola:

Nunca he trabajado como dices que estás haciendo, pero evidentemente debes aprender cosas básicas como el nombre de las etiquetas, y dev no es una etiqueta válida... pero aún pensando que el error lo has cometido a la hora de teclear, otra cosa básica son los estilos... y por lo que veo necesitas aplicar estilos de posicionamiento... para ubicar un tag div dentro de otra capa, se suele poner la capa contenedora con posición relativa, y la que quieres superponer darle posicionamiento absoluto y definir su posición y tamaño... tal vez haya alternativas, pero siempre dependerá del diseño.

Mi opinión es cambiar la pareja que usas photoshop/dreamweaver por la pareja html/css... al menos a nivel básico.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/03/2012, 11:31
 
Fecha de Ingreso: septiembre-2010
Mensajes: 28
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Diseño de paginas web

Hola y gracias, tu que ya has hecho diseños web nunca has usado el photoshop es decir que uno puede hacer cosas como las que intente hacer en photo con solo usar CCS?????
  #4 (permalink)  
Antiguo 03/03/2012, 12:40
Avatar de Dalejray  
Fecha de Ingreso: enero-2012
Ubicación: Venezuela
Mensajes: 99
Antigüedad: 12 años, 9 meses
Puntos: 25
Respuesta: Diseño de paginas web

Cita:
Iniciado por Ing_jose Ver Mensaje
Hola y gracias, tu que ya has hecho diseños web nunca has usado el photoshop es decir que uno puede hacer cosas como las que intente hacer en photo con solo usar CCS?????
Hola,

Muchas cosas que se hacen en Photoshop (sombras, borde redondeados, degradados de colores, diferentes fuentes para los textos) se pueden lograr con CSS. Es mejor trabajar con CSS ya que ahorras tiempo y es mas ligero que una imagen. Pero no sería sencillo lograr algunos efectos compatible con Internet Explorer.
__________________
Únete al Staff para el proyecto Dubzu. Ayuda en diseño, programación y manejo de Drupal 7. Interesados enviarme un MP.
  #5 (permalink)  
Antiguo 04/03/2012, 22:51
 
Fecha de Ingreso: septiembre-2010
Mensajes: 28
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Diseño de paginas web

Cita:
Iniciado por Dalejray Ver Mensaje
Hola,

Muchas cosas que se hacen en Photoshop (sombras, borde redondeados, degradados de colores, diferentes fuentes para los textos) se pueden lograr con CSS. Es mejor trabajar con CSS ya que ahorras tiempo y es mas ligero que una imagen. Pero no sería sencillo lograr algunos efectos compatible con Internet Explorer.
Ni que lo digas, ya experimente con CSS y que va es mejor que el Photo claro que hay tecnicas para combinar los dos, lo malo es que si se ve bien en firefox en internet explorer no se ve bien que mal :(
  #6 (permalink)  
Antiguo 04/03/2012, 23:12
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: Diseño de paginas web

el css se ve bien en todos los exploradores, claro siempre y cuando hagas un css para explores y otro los otros
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #7 (permalink)  
Antiguo 04/03/2012, 23:15
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: Diseño de paginas web

puedes usar el

html
<div id="tabla"></div>

css
#tabla{
background-image:"imag";
background-image:no repeat;
}

listo
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #8 (permalink)  
Antiguo 05/03/2012, 00:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Diseño de paginas web

Hola:

Cita:
Iniciado por herzbazi Ver Mensaje
background-image:"imag";
...
Sintaxis incorrecta... deberías revisarlay poner mejor el ejemplo...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #9 (permalink)  
Antiguo 05/03/2012, 23:28
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: Diseño de paginas web

Cita:
Iniciado por caricatos Ver Mensaje
Hola:



Sintaxis incorrecta... deberías revisarlay poner mejor el ejemplo...

Saludos
cierto tenes razon

pido disculpas a todos por el error
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #10 (permalink)  
Antiguo 06/03/2012, 10:13
Avatar de Dalejray  
Fecha de Ingreso: enero-2012
Ubicación: Venezuela
Mensajes: 99
Antigüedad: 12 años, 9 meses
Puntos: 25
Respuesta: Diseño de paginas web

Cita:
Iniciado por herzbazi Ver Mensaje
puedes usar el

html
<div id="tabla"></div>

css
#tabla{
background-image:"imag";
background-image:no repeat;
}

listo
Una mejor y más corta alternativa es el siguiente código:
#tabla {
background: url('link directo de la imagen') repeat-x #333; /*con imagen*/
}

repeat-x: para repetir
#333: reemplaza 333 por el color html

Te recomiendo que veas todo este video para que quedes claro sobre "compatibilidad": http://mejorando.la/videos/html5-css3-compatiblidad-navegadores/
Si quieres ciertos efectos con Internet explorer, puedes usar esto:
http://css3pie.com/

Hasta pronto!
__________________
Únete al Staff para el proyecto Dubzu. Ayuda en diseño, programación y manejo de Drupal 7. Interesados enviarme un MP.

Etiquetas: contenido, diseño
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 05:04.