el tutorial de Dreamweaver
el tutorial de Dreamweaver el tutorial de Dreamweaver
Para dividir una celda hay que pulsar sobre el botóndel inspector de propiedades, o sobre la opción Dividircelda de la opción Tabla.En ambos casos, aparece una ventana como ésta, enla que hay que especificar si la celda se va a dividir enfilas o columnas, y el número de éstas.Para practicar puedes realizar el Ejercicio paso a paso Combinar celdas.Modos de tablaA la hora de trabajar con tablas Dreamweaver nos proporciona distintos modos de visualización.Nosotros hemos trabajado en todo el tema con el modo estándar, y vamos a seguir trabajando conél, pero se puede pasar a los otros modos a través del menú Ver opción Modo de tabla. Dentro deesta opción podemos elegir entre Modo estándar, Modo de tablas expandidas, o modo de diseño.El Modo de diseño se utiliza para dibujar páginas con un diseño determinado, basándose entablas. Utilizando esta vista, las tablas no han de insertarse obligatoriamente en líneas de texto,como hemos hecho hasta el momento, sino que es posible insertarlas en cualquier punto de lapágina, y Dreamweaver se encargará de rellenar el espacio vacío, para que sea posible que la tablaaparezca en esa posición.El Modo de tablas expandidas añade temporalmente relleno y espaciado de celda a las tablas deun documento y aumenta los bordes de las tablas para facilitar la edición. Este modo se puedeutilizar para seleccionar elementos de las tablas o colocar el punto de inserción de forma precisa peroen este modo no vemos la página como quedará exactamente.En este curso nos limitaremos al modo estándar.
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 de distintos tamaños y con distintas resoluciones.Es imposible hacer que una página se vea exactamente igual en todos los monitores de losusuarios que la visitan, pero hay que intentar que su visualización sea lo más parecida posible.La resolución usada de forma más frecuente es la de 800x600, por lo que inicialmente habría quediseñar la página para dicha resolución. Es decir, habría que crear la página en un monitor con dicharesolución, para poder visualizar claramente cómo queda en el navegador, y distribuir el contenido dela página de la forma más adecuada.Normalmente se utilizan tablas, ya que resultan muy útiles para distribuir el contenido de la página.Como recordarás, el tamaño de las tablas puede ser definido en píxeles o en porcentaje. Cuandoel tamaño de la tabla sea definido en píxeles, la tabla se verá del mismo modo independientementedel tamaño de la ventana del navegador. En cambio, cuando el tamaño de la tabla sea definido enporcentaje, la tabla se ajustará al tamaño de la ventana del navegador, lo cual implica que elcontenido de la tabla se descuadrará.Pulsa aquí para ver una página con tablas de tamaño fijo, en píxeles. Imagina que la página hasido diseñada para visualizarse correctamente en un monitor pequeño de baja resolución, cuyotamaño equivale al de la ventana del navegador que se ha abierto.Si modificas el tamaño de la ventana, verás que las tablas son siempre del mismo tamaño. Estotiene un gran inconveniente, ya que si maximizas la ventana del navegador (lo que equivaldría avisualizar la página en un monitor grande con alta resolución), a la derecha de las tablas apareceráun gran hueco vacío.Pulsa aquí para ver una página con tablas de tamaño variable, en porcentaje.Si modificas el tamaño de la ventana, verás que las tablas se ajustan a ella. Usar tablas contamaño variable tiene también un gran inconveniente, ya que si maximizas la ventana del navegadorapreciarás claramente cómo el contenido de las tablas se descuadra.En un principio puede parecer más conveniente utilizar tablas con tamaño fijo, aunque estoimplique que aparezca el hueco vacío a la derecha, en el caso de los monitores con alta resolución.Pero con un poco de práctica a la hora de manejar las tablas, puedes salvar el inconveniente deldescuadre de la página y así definir páginas con tamaño en porcentaje que aprovechen el anchocuando el monitor de más grande.No solo puede establecerse el tamaño de la tabla, también es posible establecer el tamaño de lasceldas.
- Page 37 and 38: que de normal no suele utilizarse,
- Page 39 and 40: Unidad 4. El texto (II)Pag 4.2Carac
- Page 41 and 42: Unidad 4. El texto (III)Pag 4.3Crea
- Page 43 and 44: Para crear un nuevo estilo dentro d
- Page 45 and 46: Para modificar un estilo ya existen
- Page 47 and 48: 3 Al título Perros asignarle un ta
- Page 49 and 50: En este método los enlaces se crea
- Page 51 and 52: Estas opciones te ayudarán a crear
- Page 53 and 54: Unidad 5. Hiperenlaces (II)Pág 5.2
- Page 55 and 56: Archivo, opción Comprobar vínculo
- Page 57 and 58: 4 Hacer que el enlace se abra en un
- Page 59 and 60: tratamiento de imágenes, como pued
- Page 61 and 62: aplicar la transparencia.Después p
- Page 63 and 64: carpeta raíz del sitio.Si se inser
- Page 65 and 66: Pueden crearse vínculos y comporta
- Page 67 and 68: 17 En Vínculo, del inspector de pr
- Page 69 and 70: Existen otra serie de imágenes esp
- Page 71 and 72: Unidad 6. Imágenes (III) Pag 6.3Te
- Page 73 and 74: sobre alguno, para ver qué es lo q
- Page 75 and 76: Unidad 7. Tablas (I)Pag 7.1En este
- Page 77 and 78: Las celdas son cada uno de los recu
- Page 79 and 80: Unidad 7. Tablas (II)Pag 7.2Selecci
- Page 81 and 82: En cualquier momento, para seleccio
- Page 83 and 84: 1 Si no tienes abierto Dreamweaver,
- Page 85 and 86: Unidad 7. Tablas (III)Pag 7.3Añadi
- Page 87: Es posible insertar tablas dentro d
- Page 91 and 92: MUSCULACIÓN 4 €4 Guardar los cam
- Page 93 and 94: Unidad 8. Marcos (I)Pag 8.1Vamos a
- Page 95 and 96: Ejercicio17 Deportes Ampliación. M
- Page 97 and 98: También es posible definirlo como
- Page 99 and 100: Unidad 9. Formularios (II)Pag 9.2Cr
- Page 101 and 102: Ejercicio 19 web animales Formulari
- Page 103 and 104: La opción Bucle indica que al fina
- Page 105 and 106: Unidad 10. Multimedia (II)Pag 10.2V
- Page 107 and 108: Una forma de crear una plantilla de
- Page 109 and 110: La zonas editables aparecen represe
- Page 111 and 112: En ella hay que establecer una corr
- Page 113 and 114: Entidades HTMLHTML también dispone
- Page 115 and 116: nombre• • •… &hellip
- Page 117 and 118: Å Å ÅÆ Æ Æ
- Page 119 and 120: Unidad 12. HTML desde Dreamweaver (
- Page 121 and 122: Unidad 12. HTML desde Dreamweaver (
- Page 123 and 124: Unidad 12. HTML desde Dreamweaver (
- Page 125 and 126: A continuación se abrirá el panel
- Page 127 and 128: ventana. Una de ellas es buscar uno
- Page 129 and 130: que sigan HTML.$ Utiliza este símb
- Page 131 and 132: carácter al cual precede. Por ejem
- Page 133 and 134: La siguiente búsqueda incluiría n
- Page 135 and 136: \W Al contrario que el anterior, es
- Page 137 and 138: Habremos conseguido cambiar las eti
Para dividir una c<strong>el</strong>da hay que pulsar sobre <strong>el</strong> botónd<strong>el</strong> inspector <strong>de</strong> propieda<strong>de</strong>s, o sobre la opción Dividirc<strong>el</strong>da <strong>de</strong> la opción Tabla.En ambos casos, aparece una ventana como ésta, enla que hay que especificar si la c<strong>el</strong>da se va a dividir enfilas o columnas, y <strong>el</strong> número <strong>de</strong> éstas.Para practicar pue<strong>de</strong>s realizar <strong>el</strong> Ejercicio paso a paso Combinar c<strong>el</strong>das.Modos <strong>de</strong> tablaA la hora <strong>de</strong> trabajar con tablas <strong>Dreamweaver</strong> nos proporciona distintos modos <strong>de</strong> visualización.Nosotros hemos trabajado en todo <strong>el</strong> tema con <strong>el</strong> modo estándar, y vamos a seguir trabajando conél, pero se pue<strong>de</strong> pasar a los otros modos a través d<strong>el</strong> menú Ver opción Modo <strong>de</strong> tabla. Dentro <strong>de</strong>esta opción po<strong>de</strong>mos <strong>el</strong>egir entre Modo estándar, Modo <strong>de</strong> tablas expandidas, o modo <strong>de</strong> diseño.El Modo <strong>de</strong> diseño se utiliza para dibujar páginas con un diseño <strong>de</strong>terminado, basándose entablas. Utilizando esta vista, las tablas no han <strong>de</strong> insertarse obligatoriamente en líneas <strong>de</strong> texto,como hemos hecho hasta <strong>el</strong> momento, sino que es posible insertarlas en cualquier punto <strong>de</strong> lapágina, y <strong>Dreamweaver</strong> se encargará <strong>de</strong> r<strong>el</strong>lenar <strong>el</strong> espacio vacío, para que sea posible que la tablaaparezca en esa posición.El Modo <strong>de</strong> tablas expandidas aña<strong>de</strong> temporalmente r<strong>el</strong>leno y espaciado <strong>de</strong> c<strong>el</strong>da a las tablas <strong>de</strong>un documento y aumenta los bor<strong>de</strong>s <strong>de</strong> las tablas para facilitar la edición. Este modo se pue<strong>de</strong>utilizar para s<strong>el</strong>eccionar <strong>el</strong>ementos <strong>de</strong> las tablas o colocar <strong>el</strong> punto <strong>de</strong> inserción <strong>de</strong> forma precisa peroen este modo no vemos la página como quedará exactamente.En este curso nos limitaremos al modo estándar.