Vous êtes sur la page 1sur 6

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales Clave Asignatura Programacin Web

Carrera Ingeniera en Sistemas Computacionales

Plan de Estudios

ISIC-2004-296

SCF-0427

Practica No. 1b

Nombre de la Practica Tablas en HTML

Unidad 1

Duracin (Horas) 4

1. INTRODUCCION Esta prctica pretende ser una introduccin bsica al lenguaje HTML, que permite escribir pginas de WWW. Su orientacin es ms bien prctica, por lo que no se han tenido en cuenta cuestiones como las diferentes versiones de HTML a las que pertenece cada directiva (lo cual resulta a veces ms importante de lo que parece, porque implica que algunas directivas slo funcionen con los programas de WWW ms modernos: por ejemplo <center>). 2. OBJETIVOS (COMPETENCIAS) El estudiante comprender las caractersticas de una aplicacin Web y conocer los elementos que interactan con ella. 3. FUNDAMENTO

Las tablas nos permiten representar cualquier elemento HTML de nuestra pgina (texto, listas, imgenes, hyperenlace, etc...) en diferentes filas y columnas separadas entre s. La tabla se define mediante la directiva <TABLE></TABLE>. Los parmetros opcionales principales de esta directiva son: border = num. Indica el ancho del borde de la tabla en puntos. width = num %

Pgina 1 de 16

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales

Indica la anchura de la tabla en puntos o en porcentaje en funcin del ancho de la ventana del visor. height = num % Indica la altura de la tabla en puntos o en porcentaje en funcin del alto de la ventana del visor. bgcolor = cdigo de color Especifica el color de fondo de toda la Tabla. Las etiquetas para formar el contenido de la tabla son: <TR> indica el inicio y fin de una fila. Para definir las celdas que componen la tabla se utilizan las directivas <TD> y <TH>. <TD> indica una celda normal. <TH> indica una celda de "cabecera", el contenido ser resaltado en negrita y en un tamao ligeramente superior al normal.

4. EQUIPAMIENTO Y MATERIAL DE APOYO

Computadora porttil o PC de escritorio. Sistema Operativo Win Xp o Win 7. Bloc de notas o cualquier software editor de html 5. DESARROLLO DE LA PRACTICA Abrir el bloc de notas como lo indica la siguiente figura.

Pgina 2 de 16

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales

Escribir el cdigo que se muestra a continuacin. Tabla bsica de 3x2

Pgina 3 de 16

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales

Seleccionar el men Archivo y dar clic en la opcin Guardar.

Pgina 4 de 16

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales

Guardar el archivo con la extensin html como lo indica la figura. Para ellos seleccionar la unidad y carpeta a donde se quiera guardar el archivo html.

Para abrir la pgina web habr que ir a la carpeta donde fue almacenada y dar doble clic sobre el archivo.

Pgina 5 de 16

INSTITUTO TECNOLOGICO SUPERIOR DE ALVARADO Manual de Practicas Departamento de Ingeniera en Sistemas Computacionales

6. REPORTE DE LA PRACTICA Abrir el archivo AnexoB_Ejemplos de Tablas.pdf y crear todos los ejemplos en pginas web cada uno de ellos. Presentar todas las pginas web de los ejemplos. 7. RESULTADOS Y CONCLUSIONES INTERPRETACIN DE RESULTADOS

8. ANEXOS
Anexo A_Cdigos hexadecimales de color.pdf AnexoB_Ejemplos de Tablas.pdf AnexoC_Tabla de Cdigo de caracteres.pdf

9. REFERENCIAS Elaboro: Reviso: Autoriz:

Docente M.C. EMMANUEL ZENEN RIVERA BLAS

Academia de Ingeniera en Sistemas Computacionales

Jefe de Carrera de Ingeniera en Sistemas Computacionales

Pgina 6 de 16