20 de Noviembre

Aniversario de la Revolucin de
Tupac Amaru II

Sesion

21

Generalmente todos los objetos que se crean en Dreamweaver se alinean a la izquierda de

las pginas web, sin embargo es posible distribuir textos en columnas, colocar imgenes
al lado de un bloque de texto, y otra serie de cosas que sin las tablas seran imposibles
de realizar. La finalidad de las tablas es presentar una serie de datos de forma clara y
organizada, dividindolos en filas y columnas.

1. Las Tablas.
Las tablas nos permiten mostrar la informacin en celdas, estas celdas se encuentran
organizadas mediante el uso de columnas y filas.

UNIDAD 4

Las tablas y las marquesinas

2. Insertar y anidar Tabla.

Tcnica para insertar.
Insertar / Tabla
a Clic en el men _________________
.
ODV\
b Indica la cantidad de ___________
columnas .
____________
Aceptar , se mostrar
c Clic en el botn ___________
manera
la tabla de la siguiente ____________
:
Responde las preguntas:
Por qu es importante manejar tablas en una pgina web?
6HSXHGHPRGLFDUORVERUGHVGHXQDSiJLQDZHE"

No hay bien alguno que nos deleite si no lo compartimos.

741
147

Sesi
siion
on 21
21

Session 21
Se
21

Sesion 21
Sesion 21
21

Sesion

Sesion 21
21

Sesion

UNIDAD 4

Tcnica para anidar.

Esta opcin nos permite insertar una tabla dentro de otra, as como distribuir de mejor
manera el contenido de nuestra pgina web.
Insertar / Tabla .
a Clic en el men _________________
insertar la nueva tabla
b Ubcate en la celda donde deseas ________________________
.
FDQWLGDGGHFROXPQDV\ODV
c Clic en el men Insertar / Tabla, selecciona la ______________________________
,
Aceptar
.
luego presiona ____________

3. Propiedades de las tablas y celdas.

a Propiedades de una tabla.
Al seleccionar el borde de la tabla, en la parte inferior de la pantalla se mostrarn
las propiedades que se pueden modificar como aumentar o disminuir la cantidad
de columnas y filas.

x
x
x
x
x
x
x
148

Filas
Columnas
Ancho
Relleno de celda
Espacio entre celdas
Alinear
Borde

Aumenta o disminuye
______________________

ODV
la cantidad de __________
.

cantidad de columnas
Aumenta o disminuye la __________________________
.
ancho
Cambia el __________
de la tabla.
_______________________
el espacio de la celda.
Aumenta o disminuye
celdas de la tabla .
espacio
Crea un __________
entre las ___________________
Alnea la tabla en ________________
base a la hoja .
_________
borde o un contorno
Crea un _________________________
a la pgina.

Sesion 21
Sesion
Sesion
Sesion

Sesion

Sesion 211

Sesion 21

x
x
x
x
x

celdas.
_________
celdas.
Dividir
___________
Combinar

respecto a la celda.
No ajusta
____________
el contenido a la celda.
un color
Establece ___________
para la celda.
Alnea el contenido
_____________________

4. Imagen de relleno.
Con esta opcin se puede colocar una imagen de relleno en toda la tabla como fondo.
Tcnica.
a Crea la tabla.
barra de propiedades
b En la _______________________
selecciona el estilo CSS.

UNIDAD 4

b Propiedades de una celda.

Las propiedades de las celdas te permiten cambiar la caracterstica de cada
cuadro o realizar operaciones con los cuadros seleccionados. Estas propiedades
se mostrarn al seleccionar una o ms celdas.

EDITAR REGLA
c Presiona el botn __________________
y se mostrar la siguiente ventana.
d En la ventana que se muestra,
ETIQUETA
selecciona la opcin ________________
.
e De la segunda lista (nombre del
selector) selecciona la opcin
Td
___________
y presiona el botn
Aceptar
_______________
.

941
149

Sesi
siion
on 21
21

Session 21
Se
21

Sesion 21
Sesion 21
21

Sesion 21
21

Sesion

Sesion

UNIDAD 4

la categora fondo
f En la ventana que se muestra, selecciona ______________________
, y con el
imgen de fondo
botn Examinar selecciona la ____________________
para la tabla.
g Se mostrar la siguiente ventana:

6. Marquesina.
Las marquesinas son texto, imgenes, o una mezcla entre texto e imgenes, que
pueden desplazarse de un lado a otro de la ventana en forma de lnea.
Las marquesinas no se pueden insertar a travs del editor grfico de Dreamweaver,
es necesario hacerlo a travs del cdigo.

150

Complementa con la

tiv

idad-

22

Ac

Tcnica.
a Cambiar a la vista Cdigo.
b Inserta las etiquetas <marquee> textos </marquee>.

Dokeos 6 Dokeos 6 Dokeos 6 Dokeos 6

22
Dokeos 6 Ficha de Trabajo - 21

Nombres y Apellidos:
Fecha:

1. Elabora la siguiente pgina web:

a Crea una carpeta con el nombre MIS DIBUJOS y configura un sitio Dreamweaver
con el nombre MIS DIBUJOS FAVORITOS.
b Utiliza tablas.

UNIDAD 4

Dokeos Grado y Seccin:

c Inserta el ttulo con las siguientes caractersticas: tamao 20, en cursiva y

aplcale la marquesina para que se desplace.
d Aplica un color de fondo a la pgina.
e Guarda la pgina con el nombre INDEX.

151
151

Dokeos 6 Dokeos 6

Dokeos 6

Dokeos 6
Dokeos

2. Relaciona las figuras con el texto:

UNIDAD 4

Relleno de celda

Combinar celdas

Dividir celdas

Grosor de borde de tabla

3. Responde a las siguientes preguntas:

a Para qu sirve la opcin marquesina?
Esta opcin nos permite insertar un texto para que se mueva dentro del documento
_____________________________________________________________________
de un lado a otro.
_____________________________________________________________________

b Escribe el cdigo que se muestra para escribir tu nombre entre una marquesina.
<marquee> nombre del alumno </marquee>
_____________________________________________________________________

c Escribe la combinacin de teclas para insertar una tabla:

CTRL + ALT + T
_____________________________________________________________________

d Para qu te sirve una tabla dentro de una pgina web?

Sirve para organizar mejor la distribucin de los datos dentro de la pgina.
_____________________________________________________________________
_____________________________________________________________________

152
1
52
152