Efectos Javascript - Intercambio de imágenes

En NVU, o KompoZer, podemos insertar efectos javascript a nuestros objetos dentro del mismo html. En concreto veremos como insertar la sustitución de imagenes. Para ello tendrémos dos imagenes.

Una vez las tengamos, colocaremos una en nuestro html. En propiedades de imagen le daremos a Advanced Editing. Ahí vamos a Javascript events y aquí podremos introducir nuestros cambios.


Y con esto ya tenemos nuestra imagen, la cual al ponerle el cursor por encima cambia y al quitarlo vuelve a su estado.

Philosophia

Dominio Samuel, Luis y Ramón

El portal que estamos utilizando para gestionar nuestros dominios es 1&1.

El dominio de Samuel, Luis y Ramon es fernandopadilla.es

Los SubDominios de cada uno de los integrantes del grupo son:

Samuel = samuel.fernandopadilla.es
Luis = luis.fernandopadilla.es
Ramón = ramon.fernandopadilla.es

Mnemonick
Philosophia
Hasdar

JAlbum

Como crear un álbum de fotos en un JAlbum:

• Abres el programa.
• Seleccionas las imágenes que quieras.
• Le das a la opción de la izquierda "tema" y ahí seleccionas el tema que quieras.
• Luego le das estilo al álbum.
• Y por último le das a generar álbum.

Para salir de este programa tienes que darle a archivo y salir, no puedes salir con la X.

Jose

CSS

Las plantillas CSS nos dan mucho juego a la hora de diseñar nuestra web. Veamos configuraciones básicas:

Dar fondo de color a nuestra web:

body {
background-color: #(Aquí iría el color)
}

Poner las imágenes en lista:

.listaimagen {list-style-image:DIRECCIÓNDELAIMAGEN("Internet_serious_business.jpg");
}

Despues en nuestro HTML para que funcione debemos poner en la lista lo siguiente:
(ul class="listaimagen")

Hover:

a:hover{
font-size:TAMAÑOALQUECAMBIARÁ%;
color:COLORALQUECAMBIARÁ;
}

Philosophia

Botón de enviar y botón de borrar

Philosophia

Para crear un formulario es indispensable el botón de enviar, ya que sin el rellenar el formulario sería totalmente inutil. Tambien, para darle comodidad al usuario, se implementa un boton de borrar cuya función es limpiar el formulario.

Aquí os pongo dos ejemplos en código para que observeis el efecto:

¿Que te ha parecido el examen?

No lo se Bien Regular... ¡Un bodrio!

LIstas de selección

Se realiza con la etiqueta "select"
Dentro de "select" ponemos y a continuación la opción que tu quieras.
Para que salga por defecto una hay que poner checked.
Atributos:
name: indicara el nombre de la opción.
size: indicara si es un menú desplegable o no.
multiple: con esa opción podemos seleccionar muchas opciones a la vez.

Jose

Formularios. Descripción, cajas de texto y passwords

* Descripción: Los formularios son la herramienta que se utiliza para recoger informción concreta introducida por el usuario para su posterios procesamiento. Habitualmente estan formados por un cojunto de cajas de texto, menus desplegables, y botones con los que el usuario puede dar los datos necesarios para registrarse en una organacion, comprar un producto, etc.

* Cajas De Texto: Es otra forma de introducir datos en un formulario mediante campos en los que el usuarios puede escribir texto.

* Passwords: Cuando los cuadros de texto van a ser usados para pedir datos secretos o "sensibles" (como claves, direcciones de correos,etc ) que no deben ser visibles por terceras personas es conveniente utilizar un password, asi el texto sera remplazado por un conjunto de asteriscos.

Mnemonick

Radio Button

Cris.

Formularios. Checkbox, poner un ejemplo con código HTML

Que te gusta hacer:

Jugar
Jugar mas
Seguir jugando

HasDar

Tablas

Atributos de table:
border: crea un borde en la tabla.
cellspacing: indica el espacio que debe existir entre dos celdas
cellpadding: determina el espacio entre el borde de una celda y su contenido
width: establece el ancho de la tabla
height: fija la altura de la tabla

Atributos de tr:
align (left, right, center): fija la alineación horizontal de los elementos de una fila
valign (top, middle, bottom): fija la alineación vertical de los elementos de una fila
bgcolor: indica el color de la fila

Atributos de td/th:
align (left, right, center): fija la alineación horizontal de os alementos de una celda
valign (top, middle, bottom): fija la alineación vertical de los elementos de una celda
bgcolor: color de fondo de una celda
width: fija el ancho de una celda
nowrap: impide que la linea de texto dentro de una celda se divida en varias líneas
rowspan: indica el número de filas que debe ocupar una celda
colspan: establece el número de columnas que debe ocupar una celda

Cris,