8/19/2019 Tablas en Dreamweaver 8

1/4

 Tablas en Dreamweaver 8En este tema vamos a ver cómo trabajar con tablas. Podremos, entre otrascosas, insertar tablas, combinar celdas, insertar flas o columnas y cambiar eltamaño del borde.

 Todos los objetos se alinean por deecto a la i!uierda de las p"#inas web, pero#racias a las tablas es posible distribuir el te$to en columnas, colocar im"#enesal lado de un blo!ue de te$to, y otra serie de cosas !ue sin las tablas ser%animposibles de realiar.

&oy en d%a, la mayor%a de las p"#inas web se basan en tablas, ya !ue resultande #ran utilidad al mejorar notablemente las opciones de diseño.

'as tablas est"n ormadas por un conjunto de celdas, distribuidas en flas ycolumnas.

(arcos)amos a ver !u* son los marcos y para !u* se utilian. Tambi*n veremos cómoinsertar un marco sencillo en una p"#ina, y cómo trabajar con *l.

'os marcos o rames sirven para distribuir mejor los datos de las p"#inas, ya!ue permiten mantener fjas al#unas partes, como pueden ser el lo#otipo y labarra de nave#ación, mientras !ue otras s% pueden cambiar. +dem"s demejorar la uncionalidad, pueden mejorar tambi*n la apariencia.

ada uno de los marcos de una p"#ina, contiene un documento &T('individual. Por ejemplo, en la ima#en de la derec-a puedes ver una p"#ina condos marcos. El marco i!uierdo contiene el documento menu.-tm y el derec-oel documento !uienes.-tm. Para poder visualiar la p"#ina de este modo,-emos tenido !ue abrir en el nave#ador el documento marcos.-tm, !ue es lap"#ina !ue contiene los marcos a#rupados.

Es posible editar los documentos contenidos en los marcos desde la p"#ina !uecontiene el #rupo de marcos. Esto acilita el trabajo, ya !ue es m"s "cil-acerse una idea de cómo !uedar" la p"#ina al fnal, cosa !ue no es posible sise editan individualmente cada uno de los documentos !ue contiene el marco.

El trabajar con marcos puede resultar una tarea al#o complicada, sobretodo alprincipio, por lo !ue no vamos a proundiar muc-o en el tema, y veremossolamente al#unos conceptos b"sicos y ejemplos sencillos.

 Tarea / Diseñe una p"#ina web !ue muestre 0 enermedades de transmisiónse$ual !ue incluya te$to im"#enes y video. apture los pasos !ue permiteinsertar los marcos y la construcción de p"#ina web.

8/19/2019 Tablas en Dreamweaver 8

2/4

8/19/2019 Tablas en Dreamweaver 8

3/4

8/19/2019 Tablas en Dreamweaver 8

4/4

Deber.1 Diseñe una p"#ina web !ue permita usar marcos y colocar inormaciónsobre su campo de acción !ue incluya te$tos im"#enes y videos. Traer #rabada

la carpeta en 2as- memory