Ejercicio 81

Elementos Multimedias




1- Imagen en la pesta├▒a de la pagina
2- Cancion con embed

3- Cancion con object

4 Video
Enlace a los videos en otra de mis paginas
5 Video insertando desde youtube

6 Pagina web externa insertada dentro la nuestra

7 Pagina web nuestra insertada dentro de otra nuestra

8 Mapa insertado dentro de nuestra pagina





Formularios




Nombre y apellidos
Edad (entre 18 - 56) *
Subir foto de perfil
Descripcion del perfil

┬┐Cuantos lunes ha usado su perfil?
	
     Lunes 1
     Lunes 8
     Lunes 15
     Lunes 22
     Lunes 29


Usa el ordenador...
	
     Mucho
     Bastante
     Ocasionalmente
     Casi nunca
     Nunca


Sistema operativo que utiliza:







TABLAS




Tabla 1 Esta es una tabla sencilla
Fila 1,celda 1 Fila 1,celda 2 Fila 1,celda 3 Fila 1,celda 4 Fila 1,celda 5
Fila 2,celda 1 Fila 2,celda 2 Fila 2,celda 3 Fila 2,celda 4 Fila 2,celda 5
Fila 3,celda 1 Fila 3,celda 2 Fila 3,celda 3 Fila 3,celda 4 Fila 3,celda 5



Tabla 2 Esta es una tabla sencilla con cabecera
Cabecera de la tabla 2
Fila 1,celda 1 combinando 3 celdas hacia abajo Fila 1,celda 2 Fila 1,celda 3 Fila 1,celda 4 Fila 1,celda 5
Fila 2,celda 2 Fila 2,celda 3 Fila 2,celda 4 Fila 2,celda 5
Fila 3,celda 2 Fila 3,celda 3 combinando 3 celdas hacia la derecha




Tabla 3 Esta es una tabla alineada a la derecha y con espacio entre celdas y bordes
Cabecera de la tabla 3
TABLA 3 con cabecera
Fila 1,celda 1 combinando 3 celdas hacia abajo Fila 1,celda 2 Fila 1,celda 3 Fila 1,celda 4 Fila 1,celda 5
Fila 2,celda 2 Fila 2,celda 3 Fila 2,celda 4 Fila 2,celda 5
Fila 3,celda 2 Fila 3,celda 3 combinando 3 celdas hacia la derecha



Tabla 3

Aqui se aprecia que esta tabla esta alineada a la derecha















Cabecera de la tabla 4
TABLA 4 con cabecera
Fila 1,celda 1 Fila 1,celda 2 Fila 1,celda 3 Fila 1,celda 4 Fila 1,celda 5
Fila 2,celda 1 Fila 2,celda 2 Fila 2,celda 3 Fila 2,celda 4 Fila 2,celda 5
Fila 3,celda 2 Fila 3,celda 3 Fila 3,celda 4 Fila 3,celda 5 Fila 3,celda 6
Pie de la tabla

Tabla 4

Aqui se aprecia que esta tabla esta alineada a la izquierda









En este ejemplo se muestran 2 tablas dentro de una sola tabla

Tabla con alineaciones centradas
TABLA 5
Encale a Google
Encale a Youtube
Encale a Facebook
Encale a Gmail
Encale a Papas 2.0
Tabla con alineaciones variadas: "izquierda", "centrado", "derecha"
TABLA 5
Encale a Google
Encale a Youtube
Encale a Facebook
Encale a Gmail
Encale a Papas 2.0






Estos son enlaces a nuestras propias paginas web, y estas a su vez contienen enlaces externos a los sitios web indicados
Enlace a nuestra pagina web de google
Enlace a nuestra pagina web de gmail
Enlace a nuestra pagina web de youtube
Enlace a nuestra pagina web de papas
Enlace a nuestra pagina web de facebook





Aqui aparece una imagen de fondo, he cogido la imagen anterior del papas
.
Imagen
.




LISTAS




Listas No Ordenadas
  • FORMACION PROFESIONAL
    • Grado Medio
      • 1┬║ SMR
      • 2┬║ SMR
    • Grado Superior
      • 1┬║ ASIR
        • Arturo Melero
        • Abraham
        • Adrian
        • Juanjo
      • 2┬║ ASIR
        • Norbert
        • Josue Lara

Listas Ordenadas
  1. FORMACION PROFESIONAL
    1. Grado Medio
      1. 1┬║ SMR
      2. 2┬║ SMR
    2. Grado Superior
      1. 1┬║ ASIR
        1. Arturo Melero
        2. Abraham
        3. Adrian
        4. Juanjo
      2. 2┬║ ASIR
        1. Norbert
        2. Josue Lara
  1. FORMACION PROFESIONAL
    1. Grado Medio
      1. 1┬║ SMR
      2. 2┬║ SMR
    2. Grado Superior
      1. 1┬║ ASIR
        1. Arturo Melero
        2. Abraham
        3. Adrian
        4. Juanjo
      2. 2┬║ ASIR
        1. Norbert
        2. Josue Lara
  1. FORMACION PROFESIONAL
    1. Grado Medio
      1. 1┬║ SMR
      2. 2┬║ SMR
    2. Grado Superior
      1. 1┬║ ASIR
        1. Arturo Melero
        2. Abraham
        3. Adrian
        4. Juanjo
      2. 2┬║ ASIR
        1. Norbert
        2. Josue Lara
  1. FORMACION PROFESIONAL
    1. Grado Medio
      1. 1┬║ SMR
      2. 2┬║ SMR
    2. Grado Superior
      1. 1┬║ ASIR
        1. Arturo Melero
        2. Abraham
        3. Adrian
        4. Juanjo
      2. 2┬║ ASIR
        1. Norbert
        2. Josue Lara
  1. FORMACION PROFESIONAL
    1. Grado Medio
      1. 1┬║ SMR
      2. 2┬║ SMR
    2. Grado Superior
      1. 1┬║ ASIR
        1. Arturo Melero
        2. Abraham
        3. Adrian
        4. Juanjo
      2. 2┬║ ASIR
        1. Norbert
        2. Josue Lara

Listas de definicion
Curso 1 asir
Aqui estan los alumnos del primer a├▒o del superior de informática
Curso 2 asir
Aqui estan los alumnos del segundo a├▒o del superior de informática





Mapa Imagenes
Este mapa de imagenes lo he creado con Gimp.

1- linea roja superior es un enlace a google
2- linea amarilla es un enlace a youtube
3- escudo de espa├▒a es un enlace a la wikipedia, donde cuenta la historia de españa
4- linea roja inferior es una enlace a papas


Ejercicio 18: cuento con estilos de letra, colores, alineaciones de texto y enlaces






Caperucita Roja escrito por Arturo Melero

Erase una vez una niña muy bonita. Su madre le habia hecho una capa roja y la niña la llevaba tan a menudo que todo el mundo la llamaba Caperucita Roja. Un dia , su madre le pidio que llevase unos pasteles a su abuelita que vivia al otro lado del bosque , recomendandole que no se entretuviese en el camino , porque cruzar el bosque era muy peligroso , ya que siempre estaba acechando por alli el lobo.

Caperucita Roja recogio la cesta con los pasteles y se puso en camino. La niña tenia que atravesar el bosque para llegar a casa de la Abuelita , pero no tenia miedo porque alli siempre se encontraba con muchos amigos:los pajaros, las ardillas...

De repente vio al lobo , que era enorme , delante de ella.

- ┬┐A donde vas , niña? - le pregunto el lobo con su voz ronca.
- A casa de mi Abuelita - dijo Caperucita.
- No esta lejos - penso el lobo para si, dandose media vuelta.
- Caperucita puso su cesta en la hierba y se entretuvo cogiendo flores:
- El lobo se ha ido penso, no tengo nada que temer.

La abuelita se pondra muy contenta cuando la lleve un hermoso ramo de flores ademas de los pasteles. Mientras , el lobo se fue a casa de la Abuelita , llamo suavemente a la puerta y la abuelita le abrio pensando que era su nieta Caperucita. Un cazador que pasaba por alli habia observado la llegada del lobo. El lobo devoro a la Abuelita y se puso su gorro rosa se metio en la cama y cerro los ojos. No tuvo que esperar mucho , ya queCaperucita Roja llego enseguida , toda muy contenta. La ni├▒a se acerco a la cama y vio que su abuela estaba muy cambiada.

- Abuelita , abuelita , ¡que ojos mas grandes tienes!
- Son para verte mejor- dijo el lobo tratando de imitar la voz de la abuela.
- Abuelita , abuelita , ¡que orejas mas grandes tienes!
- Son para oirte mejor- siguio diciendo el lobo.
- Abuelita , abuelita , ¡que dientes mas grandes tienes!
- Son para...¡comerte mejoooor!- y diciendo esto, el lobo malvado se abalanzo sobre Caperucita y la
devoro al igual que habia hecho con la abuelita.

Mientras tanto, el cazador se habia quedado preocupado y creyendo adivinar las malas intenciones del lobo, decidio echar un vistazo a ver si todo iba bien en la casa de la Abuelita. Pidio ayuda a un segador y los dos juntos llegaron al lugar. Vieron la puerta de la casa abierta y al lobo tumbado en la cama, dormido de tan harto que estaba. El cazador saco su cuchillo y rajo el vientre del lobo. La Abuelita y Caperucita estaban alli, ¡vivas!. Para castigar al malvado lobo , el cazador le lleno el vientre de piedras y luego lo volvio a cerrar. Cuando el lobo desperto de su pesado sueño, sintio muchisima sed y se dirigio a un estanque proximo para beber. Como las piedras pesaban mucho, cayo en el estanque de cabeza y se ahogo. En cuanto a Caperucita y su abuela, no sufrieron mas que un gran susto, pero Caperucita Roja habia aprendido la leccion. Prometio a su Abuelita no hablar con ningun desconocido que se encontrara en su camino. De ahora en adelante , seguiria los consejos de su Abuelita y de su Mama.


The End





Comentario personal:
Este es mi primer html, en el he incluido un poco de todo lo que hemos visto.
A continuacion pongo los enlaces donde he copiado el texto y las imagenes.

http://www.mediometro.com/cuento-caperucita-roja.html

https://www.google.es/search?q=caperucita+roja&espv=2&biw=1366&bih=643&source=lnms&tbm=isch&sa=X&ved=0CAcQ_AUoAmoVChMI-ZOBjIDYyAIVgVIUCh0-ewIE&dpr=1






Ejercicio 27: imagenes mapa imagenes y enlaces




En este ejercicio e cambiado el tema y he decidido poner imagenes relacionadas con la informatica y sistemas operativos que estudiamos en este ciclo

Este mapa de imagenes lo he creado con Gimp.

1- linea roja superior es un enlace a google
2- linea amarilla es un enlace a youtube
3- escudo de espa├▒a es un enlace a la wikipedia, donde cuenta la historia de españa
4- linea roja inferior es una enlace a papas



Imagen peqe├▒a con tama├▒o de 10% en relaccion al ancho y alto de la ventana. Tiene un enlace a una pagina web creada por mi
Imagen con un tama├▒o de 15% y borde de 30%
Imagen con un tama├▒o de 30%
 En esta ocasion en enalce a otra pagina no esta en la imagen, sino en el texto que aparece despues. 
Enlace a la página web del IES Julian Zarco


Imagen con un tama├▒o de 50%.
Contiene un enlace a una página de nuestra carpeta.
Dentro de este enlace encontramos un mapa de imagenes. Enlace a mapa de imagenes