Ejercicio 13. Insertar un juego

También los juegos tienen un código html. Algunas web nos permiten copiar estos códigos html para que se puedan insertar en otras web. Busca el código de alguno e insértalo en tu web.
Aquí tienes un ejemplo:
http://www.comoserungeek.com/insertar-juegos-en-html/

Ejercicio 12: Reloj

Busca en internet el código HTML que pertenece a un reloj digital. Inserta dicho código en tu web y mira si funciona.
Como siempre, sube el trabajo a tu cuenta de Dropbox.

Ejercicio 11:Chat en tu web.

Pega este código html en tu web y mira que ocurre:

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="640" height="480" name="chat" FlashVars="id=34810994" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=34810994">Go Large!</a></small><br>

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/[....]DI2MCZwPTUzMTUxJmQ9Jm49Jmc9MQ==.jpg" />

Ejercicio 10. Scroll box

Copia este código en tu web. Modifica su tamaño y su contenido:


<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;"> As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box. </div>

Ejercicio 9. Insertar una presentación

VAmos a insertar una presentación en nuestra web:
1. Vamos a internet para buscar una presentación que nos guste o que necesitemos. Existen varios sitios con presentaciones, en este caso vamos a utilizar Slideshare.
2. Una vez que hemos encontrado la presentación pulsamos en botón "embed", se mostrará un código html que corresponde al de esa presentación. Este código es el que deberemos copiar y pegar en el código de nuestra pagina web.

Ejercicio 8. Insertar un vídeo.

Vamos a insertar en nuestra web un vídeo de YouTube.
1. Busca en You Tube un vídeo que te guste o que quieras insertar.
2. Abajo del vídeo existe un botón que pone "compartir", pulsalo.
3. Una vez pulsado aparece la opción "Insertar", púlsala y aparecerá un código en HTML que debemos copiar y pegar en el código HTML de nuestra web.

Ejercicio 7. Cambiar el tamaño de una foto

a la etiqueta <IMG> le agregas WIDTH que es el ancho de la imágen y HEIGHT que es el alto de la imágen.
Entonces tienes por ejemplo algo como:

<img src='image.jpg' width='250' height='250'>

Si quieres tambien le puedes poner TITLE para que cuando uno pase el mouse por encima muestre el nombre de la imágen.

<img src='image.jpg' width='250' height='250' title='Esta es mi imágen'>

Y si también quieres puedes hacer un vinculo a otra página con la etiqueta <A> alrededor de la imégen:

<a href='otrapagina.html'><img src='image.jpg' width='250' height='250' title='Esta es mi imágen' border='0'></a>

Ejercicio 6. Añadiendo más páginas a mi web

Vamos crear dos páginas más enlazadas a nuestra web.
Mira en la lista de códigos cuál corresponde a la de los enlaces internos.
Crea cuatro enlaces internos, el primero que te lleve a "inicio.html", el segundo a "Nosotros.html", y el tercero a "contactar.html".

Vamos a crear los siguientes archivos vacíos que renombraremos: "index.html", "nosotros.html" y "contactar.html"

Los subimos a nuestra carpeta en Dropbox.

Ejercicio 5. Subimos nuestro trabajo a Dropbox

Vamos a subir nuestro trabajo HTML a nuestra Dropbox. Accede a tu cuenta, crea un acarpeta que se llame trabajo html, sube el archivo html que has realizado. También tienes que subir las fotos que insertaste en tu web html.

Ejercicio 4: Dropbox

Antes de continuar vamos a abrirnos una cuenta en Dropbox. Es muy útil. Se trata de tener un espacio gratuito de 2 Gigas en internet, donde podemos subir los archivos que queramos y acceder a ellos desde cualquier ordenador (solo puedes acceder tu, claro).

Intenta abrirte una cuenta.
Esta es la página de Dopbox: https://www.dropbox.com/

Dropbox te permite descargarte una aplicación al ordenador con la que tienes la carpeta virtual también en tu ordenador. Tanto si modificas esa carpeta como la de internet, las dos actúan al mismo tiempo. si modificas una, se modifica la otra y siempre están actualizadas.