MODELO DE CAJAS

Lee el siguiente tutorial:

http://www.cristalab.com/tutoriales/el-modelo-de-caja-de-css-c180l/

Y haz el modelo que se indica

Ejercicio de CSS

Haz una página con las siguientes condiciones

1. Debe tener una hoja de estilo independiente de la página de contenidos
2. Debe tener un estilo definido para el título de la página, otro para los títulos de los párrafos y otro para el texto de contenido
3. Debe tener una imagen
4. Debe tener un enlace.

CSS

Lee el siguiente tutorial:
http://www.desarrolloweb.com/articulos/183.php
Y prueba los diferentes códigos de ejemplo para ver el efecto
Asegúrate de entender todo bien para poder hacer los ejercios que vendrán después

Formatos

Entra en el siguiente enlace:

http://www.uv.es/jac/guia/

Entra en el punto 6. Estructura de una página html.

Crea un documento html con el bloc de notas con la estructura que se describe en el tutorial y cuyo título sea ejercicio de html.

Entra en el punto 8.

Escribe una página web con las siguientes condiciones:

Debe tener letras de diferentes tamaños
Debe tener letras de diferentes colores
Debe tener colores escritos en hexadecimal. Para ello consulta los siguientes enlaces:

http://es.wikipedia.org/wiki/Sistema_hexadecimal

http://es.wikipedia.org/wiki/Modelo_de_color_RGB

Debe tener texto con diferentes justificaciones: izquierda, central, derecha
Debe tener negrita e itálica
Entra en:
http://www.osmosislatina.com/lenguajes/html/links.htm
Y añade a la página algunos enlaces
Entra en:
http://www.webestilo.com/html/cap6a.phtml

Y añade alguna imagen

Entra en:
http://www.webestilo.com/html/cap4a.phtml
Y añade alguna lista

Edición web

En este ejercicio se trata de crear una página web. No siempre las páginas web se hacen para verlas en internet. Pueden estar grabadas en el disco duro o en un cd, y verse sin conexión a internet. Por ahora vamos a hacerlas sin colgarlas en intenet. Más adelante veremos como se cuelgan.

Las páginas web se ven con un navegador: el internet explorer, el mozilla o cualquier otro. El navegador lee una serie de códigos y los muestra. La página web es un fichero escrito con un código llamado html. Prueba con el mozilla en cualquier página web y pulsa la opción ver código fuente, y verás el código html de la página.

Vamos a ver un ejemplo sencillo. Abre el bloc de notas y escribe el siguiente código:


hola
La primera línea dice que el fichero es una página web y que lo que hay en medio de y es el código de la página. Lo que hay en medio es lo que habrá escrito en la página. Guarda la página como hola.html, y ábrela con el navegador. Verás como es una página web en la que hay escrito hola

PROYECTO

El siguiente ejercicio es el más largo. Se trata de crear una base de datos entera, con las tablas, consultas y formularios necesarios.

Se trata de una base de datos de música. Debe contener la siguiente información. Artistas (solistas o bandas) con el nombre, la nacionalidad y el estilo musical, discos, con el año de grabación y temas.

Debemos poder filtrar los artistas, discos y temas de cada estilo, de cada año, de cada nacionalidad, los temas de cada disco y los temas de cada artista. también el autor de un tema que se busque por el título, y el año del disco.

Lo primero que debes hacer es diseñar las tablas, pero ten cuidado de no duplicar información. Por ejemplo, si guardas el autor de un disco y los temas de ese disco, no debes guardar el autor del tema, porque éste se puede averiguar buscando el disco del tema y el autor del disco. Si aparte está guardado el autor del tema, aparte de estar ocupando más espacio y más trabajo de la cuenta, podría haber información contradictoria, porque podría ponerse un autor del tema y otro diferente para el disco.

Una vez diseñada la tabla, diseña las consultas, los formularios para rellenar las tablas y las consultas para filtrar la base de datos

FILTRANDO CON FORMULARIOS

Vamos a intentar hacer una consulta a la base de datos de modo que me pida las condiciones mediante un formulario. Por ejemplo, quiero ver las películas de un determinado director, entonces quiero que al pulsar en la consulta, me pregunte el nombre del director y entonces me enseñe todas la películas de ese director.

Debes ya tener una consulta hecha con todos los datos de todas las películas. Crea un formulario utilizando el asistente. Al crearlo, en la opción tablas/consultas selecciona la consulta con todas las películas, y en campos disponibles, selecciona todos, y pulsa finalizar.

Graba el formulario y vuelve a ver la consulta en modo diseño. En la columna del nombre del director, pulsa en la casilla de criterio, pulsa el botón derecho del ratón y elige generar -> formularios, y elige el formulario que has creado antes, y el campo del nombre del director. Selecciónalo haciendo doble click. Graba la consulta.

Ahora al abrir la consulta en modo hoja de datos, te preguntará el nombre del director, y al introducirlo, te mostrará la consulta seleccionando sólo las películas de ese director.