jueves, 22 de abril de 2010

Tablas

Objetivo:Conocer la forma en la cual se diseñan las tablas y se modifica el formato de las mismas atrabes de html en el diseño de paginas web

Desarrollo

La etiqueta "table" es el inicio para enpesar y desarrollar las tablas en html

filas= "tr" "/tr"
columnas="td" "/td"
encabezado="th" "/th"

una tabla esta conformada por filas y columnas































































AtributoSignificadoPosibles valores
widthancho de la tablaun numero acompañado del %
heighaltura de la tablaun numero acompañado del %
cellpaddingEspasio entre las tablasun numero acompañado del %
cellpacingespacio entre celdas y bordeun numero acompañado del %
bordeglosor del bordeun numero acompañado del %
align aliniacion de la tablaleft,right,center
bgcolorcolor de fondoun numero hexadecimal
backgroundimagen de fondonumero hexadecimal
bordecolorcolor del bordeun numero hexadecimal


Formato de celda




















































AtributoSignificadoPosibles valores
widthancho de la tablaun numero acompañado del %
heighaltura de la tablaun numero acompañado del %
align aliniacion de la tablaleft,right,center
valign aliniacion vertical de la tablabaseline,botton,middle,top
bgcolorcolor de fondoun numero hexadecimal
backgroundimagen de fondonumero hexadecimal
bordecolorcolor del bordeun numero hexadecimal


Obgetivo:Conocer como se inserta images en html

Desarrollo

para poder insertar el codigo de ina imagen debera conter los siguiente :

img src="nombre del archico"

debera conter < >


para poderle dar tamaño ala imagen utilizamos los siguientes atributos:

width=le da ancho ala imagen
height=le da la altura ala imagen

esto debe ser puesto despues de los " para poder especificar las caracteristicas de la imagen


Sonido

Objetivo:conocer como insertar un sonido en html

Desarrollo:

hay varias formas de inserta un sonido
*sonido de fondo
body bssound src="nombre del archivo"
con < >

*Sonido ala hora de dar clic

sin definir un
etc.


Trabajo en clase .

Objetivo:se creara una tabal dentro de otra tabla ´para ver como se podria codificar

Desarrollo:

Crearemos una tabal dentro de ota tabla :


El codigo en el cual mostramos el ejemplode como una tabla esta dentro de ota tabla



Resultado al final del cofigo.



Concluciones;

Al desarrollar estos temas aprendemos o mejor diccho repasamo la forma de crear paginas web atraves del codigo fuente aprendemos sus caracteristicas que cambios se le puden hacer y cual es su resultado al final , esto nos demustra que to las paginas se pueden hacer pero todo lleva un tiempo para poder realizar las .

ademas repasamos en la clase como insertar una imagen y un sonido con el codigo correspodiente.

1 comentario: