..... y por ahi va la pregunta...hay algun problema en trabajar con layers?? me va a traer consecuencias que despues voy a lamentar??? alguien puede decirme los pro y contras de trabajar de esta manera.... gracias ...saludos. 
10/08/2007, 13:25
| |||
| |||
| diseñar TODA una web con layers?? holas, una consulta, acabo de hacer una aplicacion web y la hice con harta tabla que felizmente, por ahora, no se descuadra en ningun navegador...pero como saben (o talvez soy solo yo), trabajar con tablas es algo pesado y mas al momento de querer cuadrar algo en la una pagina, por lo que he optado hacer el siguiente proyecto que me han mandado con layers (capas) y me resulto facilisimo porque la coloco donde quiero sin preocuparme que se descuadre ni nada...ayer hice el diseño en fireworks, saque los cortes y diseñe la pagina de inicio en 1 hora ... fue en ese momento que sospeche que tan facil no podria ser...debe haber algo oculto por ahi para decir TRABAJA CON LAYERS, PEEEEEEEEEERO ..... y por ahi va la pregunta...hay algun problema en trabajar con layers?? me va a traer consecuencias que despues voy a lamentar??? alguien puede decirme los pro y contras de trabajar de esta manera.... gracias ...saludos. |
|
10/08/2007, 13:35
| ||||
| ||||
| Re: diseñar TODA una web con layers?? sinceramente.. algunos navegadores no te cojen muy bien la ubicacion del layer.. no se mucho. pero he probado con varios navegadores destino y en el opera y el firefox he tenido problema con los layer. los pongo en un lugar se ven bien el IE. pero me tapa otros contenidos o se desplaza en opera y firefox. la verdad hay que tener en cuenta el solapamiento.
__________________ Estampados Villavicencio |
|
10/08/2007, 14:22
| |||
| |||
| Re: diseñar TODA una web con layers?? Pues ami me sucedio exactamente todo lo contrario, para mi era mucho mas fácil hacer paginas con tablas ya que en cualquier navegador las veía igualitas, desde un explorer 5, pasando por el 6 y 7, hasta un opera y firefox. Pero cuando me cambie a xhtml y css, las primeras veces fueron unos terribles dolores de cabeza, y todo por que no existe un estándar en algunas reglas css, como son border y padding, entre otros, o también los espacios verticales que deja explorer en cada item de una lista. Esto hace que una web que se ve bien en firefox salga toda descuadrada en explorer o en algunos casos en opera ( Y tomemos en cuenta que no mencione koquerror, Safari y algunos mas que son usados aunque en menor medida) Pero para eso existen los famosos "hacks" de css, a simples rasgos son reglas que solo un navegador en concreto entiende y por lo tanto los demás navegadores no aplicaran dicho estilo y asi podemos por ejemplo, hacer que firefox ponga un borde de 20px y en explorer tome uno de 40px, esto de acuerdo a lo que necesitamos pulir en cada navegador. Definitivamente trabajar con maquetacion en CSS es un poco mas tardado las primeras veces, pero al final es mucho mas ligero y a futuro te ahorra horas de trabajo, ya que puedes controlar el diseño de cientos de paginas con una sola hoja de estilos. |
|
10/08/2007, 14:35
| |||
| |||
| Re: diseñar TODA una web con layers?? gracias por sus respuestas, las tendre en cuenta para el diseño, ya sabia que tan facil no podria ser...voy a revisar otras cosas por otro lares y a ver que me conviene usar..saludos! |
|
10/08/2007, 14:58
| |||
| |||
| Re: diseñar TODA una web con layers?? Nada es fácil en un principio, yo te recomiendo que empieces a experimentar con CSS y después "veras que es pan comido" xDDD. Y ademas en foros del web y con Papá Google encontraras muchas soluciones alas dudas que te surjan. |
|
10/08/2007, 15:46
| ||||
| ||||
| Re: diseñar TODA una web con layers?? podrias poner la URL de alguna de esas paginas de las que hablas?   DX |
|
10/08/2007, 16:04
| |||
| |||
| Re: diseñar TODA una web con layers?? http://two.xthost.info/trabajos/conL..._Intranet.html ... aunque no se ve como la veo yo en mi maquina...spero sea por algun problemilla con el hosting gratuito .. esa es la version que hice en html para ver como se veia (???) el sistema va a ser en asp.net con vb2005 .... gracias...saludos! |
|
10/08/2007, 16:12
| ||||
| ||||
| Re: diseñar TODA una web con layers?? Esta muy bien!!! Ahora viste como se ve en FireFox?  no se ve tan bien, pero arreglala que esta muy bien DX |
|
10/08/2007, 16:18
| |||
| |||
| Re: diseñar TODA una web con layers?? andale.. de veras??...no se si te habras dado cuenta pero lo que hice fue en los layers le puse como fondo pequeñas imagenes que son los cortes del diseño que hice en FIREWORKS ya que a mis jefes les gusto el efecto de sombra que tienen los recuadros...asi que iba a ser algo complicado hacerlo sin esta "tecnica"...pero bueno, no me preocupa que no se vea tan bien en firefox porque donde se va a implementar no lo usan...solo usan IE asi que....no se como se veria en safari pero vamos a ver...gracias por sus consejos..me han sido de gran ayuda....en todo caso...sigo con los layers??  ... ojala uqe si porque es mas facil que hacerlo con tablas  saludos...y gracias Última edición por empilado; 10/08/2007 a las 16:24 |
|
10/08/2007, 16:22
| ||||
| ||||
| Re: diseñar TODA una web con layers?? claro! segui con los "layers" (estilos) pero la próxima vez que hagas una web, fijate que ande en los diferentes browsers  DX |
|
10/08/2007, 16:29
| |||
| |||
| Re: diseñar TODA una web con layers?? Hola tengo ie 7.0.5730.11IC y pues cambio el tamaño de fuente en tu pagina y se salen de los marcos, ese es un problema que he tenido siempre tambien yo y quisiera saber como hacer para que eso no suceda |
|
10/08/2007, 16:39
| |||
| |||
| Re: diseñar TODA una web con layers?? Cita: umm pues yo tb lo tengo ... eso fue lo que vi cuando subi la muestra a esta pagina que ofrece hosting gratuito y como que se descuadro pero localmente la veo bien... tendria que probarlo poniendola en el servidor de produccion para ver como va...de todas maneras gracias por el dato...saludos
Iniciado por paois1  Hola tengo ie 7.0.5730.11IC y pues cambio el tamaño de fuente en tu pagina y se salen de los marcos |
|
10/08/2007, 16:48
| ||||
| ||||
| Re: diseñar TODA una web con layers?? Cita: Todo comienzo es difícil, incluso el comienzo con tablas, también lo es.
Iniciado por hispamaster [...] Pero cuando me cambie a xhtml y css, las primeras veces fueron unos terribles dolores de cabeza, y todo por que no existe un estándar en algunas reglas css, como son border y padding, entre otros, o también los espacios verticales que deja explorer en cada item de una lista. [...] De todas formas, solo quería comentar que no es que no existan unos estándares, que de hecho, sí que existen. Lo que pasa es que los navegadores se hacen a la patada sin respetar esos estándares. Es mas, la gran mayoría de webmasters empezamos con tablas me atrevería a decir. Yo cuando descubrí las tablas, dije "coño, se pueden poner cosas a los lados y no todo de arriba abajo", un descubrimiento increible cuando andaba con un formulario metiendo HTML en fortunecity.  |
|
10/08/2007, 17:29
| |||
| |||
| Re: diseñar TODA una web con layers?? ola saludos soy nuevo en el foro y me parecen que tienen buenos comentarios por otro lado quisiera saber donde consigo peliculas flash pero buenas para tomar de modelos bueno comienzo en el diseño de web, se la teoria pero me falta imaginacion y kiero saber kien me puede ayudar para mi primeros pasos como diseñador |
|
12/08/2007, 07:22
| |||
| |||
| Re: diseñar TODA una web con layers?? antes de todo perdonen my español, soy italiano. las tablas son añejas y limitadas. con el CSS design se pueden crear paginas mas ligeras. puedes crear paginas compatibles con el w3c y puedes posizionar los elementos del codigo donde quieres y optimizar para google. por ejemplo google prefiere paginas donde encuentra el h1 primero de todo despues el h2 el p . puedes poner un menu que se visualiza a la izquierda pero que google encuentra despues del texto de la paginas. el problema maximo, como siempre es Internet explorer que nunca respecta los standards. por ejemplo el css2 es muy avanzado y tiene funciones que serìan comodisimas pero no puedes utilizarle. el truco està aqui: utilizar solo las funciones que son suportadas de todos los navegadores y utilizar el hack quando lo necesita. el problema principal di internet explorer es: (border, padding, margin) y te voy a esplicar porque: si tu tienes un objecto ancho 400px con un bordo/margin/padding de 20px todos los navegadores te da un objecto que es ancho 400px con bordo/margin/padding incluidos mientras IE te dà un objecto ancho 400px+padding+border+maring por ejemplo este: width:400px border:20px solid #000; margin:10px serìa ancho 10+20+400+20+10=460px para resolver en IE tienes que poner el objecto ancho 340px con el hack. te digo que como empiezo puede parecér todo muy dificìl pero despues el primo projecto veràs que es fantastico trabajar sin tablas. espero que has entendido mi espanol. aqui està un web site que te insegna que se puede hacer con css www.csszengarden.com los autores de este sito han publicado muchos libros que pueden ayudarte y creo que lo han traducido en espanol tambien. una autora es molly www.molly.com y hay tambien dave shea www.mezzoblue.com adios |
|
13/08/2007, 08:40
| |||
| |||
| Re: diseñar TODA una web con layers?? que buen post zUmBo, estoy seguro que va a ser de gran utilidad para todos y en especial para mi, de por si ya lo estoy viendo y esta bastante interesante...gracias por compartir esta informacion...saludos y tu español se entendio muy bien! |
|
13/08/2007, 09:59
| |||
| |||
| Re: diseñar TODA una web con layers?? Cita: De nada
Iniciado por empilado que buen post zUmBo, estoy seguro que va a ser de gran utilidad para todos y en especial para mi, de por si ya lo estoy viendo y esta bastante interesante...gracias por compartir esta informacion...saludos y tu español se entendio muy bien! |
|
15/08/2007, 09:36
| ||||
| ||||
 Re: diseñar TODA una web con layers?? Hola "ya sabia que tan facil no podria ser..." no es tan dramatico, si es mas facil trabajar con capas, tambien estoy de acuerdo con zUmBo!, el peso de los documentos es una parte muy importan que que ya se menciono, fijense en este codigo para obtener una tabla que te contenga otra con una imagen: <table width="584" height="315" border="0"> <tr> <th scope="col"><table width="363" height="150" border="0"> <tr> <th scope="col"><img src="imagen.jpg" width="600" height="370" /></th> </tr> </table></th> </tr> </table> Con capas tu código quedaría mas o menos así: <div id="nombre_de_tu_capa_contenedora"> <div id="nombre_de_la_capa_que_llevara_tu_imagen"> img src="imagen.jpg" width="600" height="370" /> </div> </div> aparte de representar menos lineas de codigo (menos peso), imaginate unas 20 o 15 capas que uses a usar 20 o 15 celdas y/o tablas... llegas a un punto al trabajar con css en el que tu codigo no puede ser desordenado porque no hay razón de que sea así, entonces... Sin hacer de menos claro, la función de una tabla que la puedes usar igual cuando tu diseño, estructura o contenido lo requiera, Saludos hCanté |
|
16/08/2007, 04:38
| |||
| |||
| Re: diseñar TODA una web con layers?? Cita: Exacto y otra cosa tenemos que considerar:
Iniciado por hCanté ...Con capas tu código quedaría mas o menos así: <div id="nombre_de_tu_capa_contenedora"> [/COLOR] <div id="nombre_de_la_capa_que_llevara_tu_imagen"> [COLOR=DarkRed]img src="imagen.jpg" width="600" height="370" /> </div> </div> para las imagenes structurales podémos evitar de utilizàr el tag img y poner todo en el file CSS que viene descargado una sola véz, por ejemplo. HTML: Código HTML: <div id="header"></div>  )y en el css pones:
Código:
y ya esta #header{
position:relative;
width:955px;
height:125px;
padding:0;
top:0;
left:0;
background: #fff url(../imagenes/logo.gif) no-repeat 20px center;}
a qui estan esplicadas las características que puedes asegnàr a background: http://www.w3schools.com/css/css_background.asp adiooss |
|
16/08/2007, 09:41
| |||
| |||
| Re: diseñar TODA una web con layers?? hola muy bonitas y utiles las explicaciones pa que, pero alguien podria explicarnos como hacer para que utilizando los divs no suceda lo que sucede con la pagina de empilado (que la letra se sale de los marcos al modificar tamaño de letra)? |
|
16/08/2007, 12:37
| |||
| |||
| Re: diseñar TODA una web con layers?? Cita: Hola paois, solo ahora he visitado la pagina de impilado. El estilo està escrito en una manera perfecta para volverse loco.
Iniciado por paois1 hola muy bonitas y utiles las explicaciones pa que, pero alguien podria explicarnos como hacer para que utilizando los divs no suceda lo que sucede con la pagina de empilado (que la letra se sale de los marcos al modificar tamaño de letra)?
Código HTML: div{position:absolute;}
si quieres que otros objectos estaran a lado de esto tienes que utilizàr la propriedàd float por ejemplo: Código HTML: float:left; Código HTML: #div1{float:left;}
#div2{float:left;}
#div3{float:left;}
.clear{clear:left;}
Código HTML: <div id="div1">mi texto</div> <div id="div2">mi texto</div> <div id="div3">mi texto</div> <!--div para desactivar float--> <div class="clear"></div> muchas otras cosas es importante sabèr una cosa buena son los libros que a mi me han ayudado mucho.adioooss |
