Dreamweaver

[poki]

Hola a todos.
Estoy trabajando una pagina web en dreamweaver la estoy haciendo por medio de tablas en layuot.
El problema es que cuando inserto contenido en las tablas aveces otras cambian su tamaño, se puede hacer algo para evitar este gran problema?
Gracias.

[LeThe]

Si, ponle valores "fixed" o establecidos a las tablas. Puedes especificar pixels por ejemplo, 750 px, o tambien puedes especificar porcentaje.

Ejemplos:

Esta tabla ocupa la pantalla entera en el navegador:

Código: Seleccionar todo

<table width="100%" height="100%"

Esta tiene tamaño de 750 px de ancho, por 200 px de alto

Código: Seleccionar todo

<table width="750" height="200">

Como se ve en Dreamweaver:


Esta ocupa la pantalla entera horizontalmante, pero solo tiene 200 px de altura.

Código: Seleccionar todo

<table width="100%" height="200">

Como se ve en Dreamweaver:


Puedes hacer lo mismo con Rows y Columns (filas y columnas), supongamos que tienes una Tabla 750 px de ancho y tienes dos columnas...quieres que una columna ocupe 50% de esa tabla, y la otra columna 50%, aqui esta el codigo:

Código: Seleccionar todo

<table width="750">
  <tr> 
    <td width="50%"></td>
    <td width="50%"></td>
  </tr>
</table>

Resultado:


Puedes tambien manipular mas insertando tablas dentro de tablas.

[poki]

Si lo estoy haciendo asi, les estoy poniendo tamaños en pixeles a las tablas y tambien he hecho eso de usar tablas dentro de otras etc.
tambien he hecho una tabla grande y dentro la he dividido con celdas, pero tambien aveces cuando lleno una celda otra se agranda o achica y la tabla grande donde esta todo tambien crece.

Otra pregunta, si hago una plantilla en photoshop o fireworks para insertarla a dreamweaver a una sola tabla 100% x 100%... de que tamaño debo hacer mi plantilla?

[LeThe]

Todo website tienes que establecer una resolucion recomendada.

LeThe Online por ejemplo es Optimizada para 800x600 o resoluciones mas altas. Si alguien navega en 640x480, entonces las tablas o imagenes van a ser demasiadas grandes horizontalmente. Dreamweaver te ayuda bastante con esto, aqui estan las preferencias de los tamaños de ventanas predeterminados.



En el caso de una plantilla insertada dentro de una tabla, si no le das tamaño a la tabla, la tabla sera del tamaño de la imagen. Entonces lo que tienes que hacer es limitarle el tamaño a la plantilla, optimizada para el tamaño de la resolucion minima requerida.

Por ejemplo, al publicar imagenes, digamos que estas son de 1600x1200. De las estadisticas de LeThe Online, la resolucion mas usada por las visitas es 1024x768, obviamente se que voy a tener tambien muchas visitas cuales usan 800x600, entonces yo trato de publicar tablas e imagenes con 760 px de ancho, a veces las reduzco a 750 px por si acaso el navegador ocupa 10 px y corta las imagenes un poco.

[poki]

creo que no me explico bien...

mira, Todo lo he estado haciendo como me lo explicas, el problema es con las celdas y las tabla que cambian solas de tamaño

[LeThe]

Eso es normal en Dreamweaver. Lo que tienes que hacer es despues de terminar cada celda o tabla, presionas F12 para hacer un preview en el Navegador. Aunque cambien de tamaño mientras digitas informacion en Dreamweaver, el resultado final siempre es en el navegador que se ve.

Yo me he acostumbrado a ese problema.

[poki]

ok gracias lethe eso hare

[poki]

El problema es que en el navegador tambien se ve mal....
Gracias

[LeThe]

Mandame la pagina y lo que tratas de hacer. Dreamweaver tiene muchas truquiitos cuales no son obvio a lo primero. Por eso es bueno saber bien codigo html. Una vez yo diseñe una pagina y quedaba mal sin importar lo que yo hacia en Dreamweaver. Hasta que analice el codigo HTML y me di cuenta que Dreamweaver agregaba mucho codigo html innecesario, causando espacios y nuevos parrafos. Por eso ahora uso CSS en todo lo que hago, para tener yo mas control, y darle menos a Dreamweaver

[poki]

ya estoy trabajando bien gracias a css.
lo que hago ahora es trabajar "las piezas" en fireworks o photoshop y luego exportarlas a dreamweaver y colocarlas donde yo quiera mediante margenes en css.
gracias por el consejo de css realmente es una maravilla trabajar con esto. Dreamweaver tiene muchas opciones para CSS integradas, en el menu arriba seleccionas Text>CSS Styles y ahi puedes crear y modificar archivos CSS. Tambien los puedes modificar y Dreamweaver te crea el codigo.

[LeThe]

Excusame que no te he podido ayudar. La mayoria de veces esta semana que he escrito en el foro es de las casa de clientes y otros lugares. Apenas he parado en mi casa.

Que bueno que has descubierto lo bieno que es CSS, si miras el codigo de cada pagina de LeThe Online te daras cuenta que eso lo uso para todo el formato, incluyendo fuentes, margenes, etc. Es muy bueno para tener control sobre todo

[Osvaldo]

y por ejemplo cuando tenemos problema en una pagina que en Explorer se mira bien y al abrirla en firefox se desacomoda completamente?

que puedo hacer en ese caso? eso se arregla ajustando la resolucion de la pagina o como?

Saludos!

[LeThe]

Eso es un problema comun en navegadores y depende mucho del "Render" del navegador. Les dare un ejemplo:

Visita esta pagina con Firefox y despues con Internet Explorer. Es una pagina rapidita cual cree para ayudar a mi hermano: http://www.myzfriends.com/" onclick="window.open(this.href);return false;