View
385
Download
2
Category
Tags:
Preview:
DESCRIPTION
Modulo 4 - Formularios, CSS, etc
Citation preview
Modulo 4RODRIGO ALFARO # WEB SOMETHING # RALFARO.PINTO@OUTLOOK.COM
Indice
Imagenes.
Formularios (form).
Tablas.
CSS.
Ejemplo.
Ejercicios.
Imagenes
<img src=“/i/logo.jpg”/>
Formularios
<form method="post" action="#">
<label>Nombre:<input type="text" name="nombre" /></label>
<label>Apellidos:<input type="text" name="apellido" /></label>
<label><input type="submit" value="Enviar Datos!" /></label>
</form>
Tablas
Se visualizan similar e excel y sirven para mostrar datos financieros, datos de otro tipo, datos deportivos, etc.
Al pensar en tablas, se debe pensar en grillas.
Tablas
<table border="1px" cellpadding="5">
<tr>
<td>Nombre</td>
<td>Valor</td>
</tr>
<tr>
<td>Datos de demo</td>
<td>2500</td>
</tr>
</table>
CSS
Estilo grafico a un sitio web (Cascade Style Sheet).
CSS tiene una sintaxis muy sencilla, que usa unas cuantas palabras claves tomadas del inglés para especificar los nombres de sus selectores, propiedades y atributos. Una hoja de estilos CSS consta de 3 reglas.
Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo con el formato propiedad:valor;.
En el CSS, los selectors marcarán qué elementos se verán afectados por cada bloque de estilo que les siga, pudiendo afectar a uno o varios elementos a la vez, en función de su tipo, nombre (name), ID, clase (class), posición dentro del Document Object Model, etcétera.
CSS
Ejemplo de estructura CSS
selector [, selector2, ...] [:pseudo-class][::pseudo-element] {
propiedad: valor;
[propiedad2: valor2;
...]
}
CSS
La ubicacion en el document HTML viene dentro de la etiqueta <head> y despues de la etiqueta <title>
<style>
.caja{propiedad:valor;}
</style>
Ejemplo
Ver carpeta ejemplo_modulo_4
Ejercicios
Desarrollar una pagina en XHTML + CSS y que muestre valores en un table de asistencia de personal.
Bibliografia
Web programming with HTML, XHTML and CSS, 2nd Edition, Jon Duckett, Wiley Publishing Inc, paginas 70-212
Recommended