11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Unidad 7. Tablas (IV)Pag 7.4Adaptar webs a distintasresolucionesSiempre que se crea una página web hay que tener en cuenta que va a ser visitada por usuarioscon monitores <strong>de</strong> distintos tamaños y con distintas resoluciones.Es imposible hacer que una página se vea exactamente igual en todos los monitores <strong>de</strong> losusuarios que la visitan, pero hay que intentar que su visualización sea lo más parecida posible.La resolución usada <strong>de</strong> forma más frecuente es la <strong>de</strong> 800x600, por lo que inicialmente habría quediseñar la página para dicha resolución. Es <strong>de</strong>cir, habría que crear la página en un monitor con dicharesolución, para po<strong>de</strong>r visualizar claramente cómo queda en <strong>el</strong> navegador, y distribuir <strong>el</strong> contenido d<strong>el</strong>a página <strong>de</strong> la forma más a<strong>de</strong>cuada.Normalmente se utilizan tablas, ya que resultan muy útiles para distribuir <strong>el</strong> contenido <strong>de</strong> la página.Como recordarás, <strong>el</strong> tamaño <strong>de</strong> las tablas pue<strong>de</strong> ser <strong>de</strong>finido en píx<strong>el</strong>es o en porcentaje. Cuando<strong>el</strong> tamaño <strong>de</strong> la tabla sea <strong>de</strong>finido en píx<strong>el</strong>es, la tabla se verá d<strong>el</strong> mismo modo in<strong>de</strong>pendientemented<strong>el</strong> tamaño <strong>de</strong> la ventana d<strong>el</strong> navegador. En cambio, cuando <strong>el</strong> tamaño <strong>de</strong> la tabla sea <strong>de</strong>finido enporcentaje, la tabla se ajustará al tamaño <strong>de</strong> la ventana d<strong>el</strong> navegador, lo cual implica que <strong>el</strong>contenido <strong>de</strong> la tabla se <strong>de</strong>scuadrará.Pulsa aquí para ver una página con tablas <strong>de</strong> tamaño fijo, en píx<strong>el</strong>es. Imagina que la página hasido diseñada para visualizarse correctamente en un monitor pequeño <strong>de</strong> baja resolución, cuyotamaño equivale al <strong>de</strong> la ventana d<strong>el</strong> navegador que se ha abierto.Si modificas <strong>el</strong> tamaño <strong>de</strong> la ventana, verás que las tablas son siempre d<strong>el</strong> mismo tamaño. Estotiene un gran inconveniente, ya que si maximizas la ventana d<strong>el</strong> navegador (lo que equivaldría avisualizar la página en un monitor gran<strong>de</strong> con alta resolución), a la <strong>de</strong>recha <strong>de</strong> las tablas apareceráun gran hueco vacío.Pulsa aquí para ver una página con tablas <strong>de</strong> tamaño variable, en porcentaje.Si modificas <strong>el</strong> tamaño <strong>de</strong> la ventana, verás que las tablas se ajustan a <strong>el</strong>la. Usar tablas contamaño variable tiene también un gran inconveniente, ya que si maximizas la ventana d<strong>el</strong> navegadorapreciarás claramente cómo <strong>el</strong> contenido <strong>de</strong> las tablas se <strong>de</strong>scuadra.En un principio pue<strong>de</strong> parecer más conveniente utilizar tablas con tamaño fijo, aunque estoimplique que aparezca <strong>el</strong> hueco vacío a la <strong>de</strong>recha, en <strong>el</strong> caso <strong>de</strong> los monitores con alta resolución.Pero con un poco <strong>de</strong> práctica a la hora <strong>de</strong> manejar las tablas, pue<strong>de</strong>s salvar <strong>el</strong> inconveniente d<strong>el</strong><strong>de</strong>scuadre <strong>de</strong> la página y así <strong>de</strong>finir páginas con tamaño en porcentaje que aprovechen <strong>el</strong> anchocuando <strong>el</strong> monitor <strong>de</strong> más gran<strong>de</strong>.No solo pue<strong>de</strong> establecerse <strong>el</strong> tamaño <strong>de</strong> la tabla, también es posible establecer <strong>el</strong> tamaño <strong>de</strong> lasc<strong>el</strong>das.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!