“Conocimientos software>Código abierto

Tutorial de HTML para Efectos especiales

2013/12/30
HTML permite la incrustación de imágenes y los objetos que se pueden utilizar para la interactividad . HTML funciona bien con JavaScript que se puede utilizar para afectar el comportamiento de navegadores web . Además de JavaScript , hojas de estilo en cascada (CSS ) también pueden ser integrados para afectar a la presentación y visualización de contenido . Cuando se utiliza decentemente , los efectos pueden proporcionar la funcionalidad y mejorar la experiencia del usuario y hacer un sitio web se destacan. Para ser eficaces, los efectos especiales no deben ralentizar el navegador o irritar a los visitantes . Instrucciones
Desplazamiento Texto Fotos 1

Arranca la aplicación Bloc de notas y escribir las etiquetas HTML básicas , como se muestra a continuación:

html> <head> Esta es mi eHow página < /title> < /head> <body> se trata de un Texto en movimiento < /body> <br> 2 <p> Guarde el archivo anterior como index.html en el escritorio y haga doble clic a correr. Usted se dará cuenta que sólo un texto estático "Este es un texto de desplazamiento " aparece . <br> 3 <p> Volver a la aplicación Bloc de notas y añadir el texto a continuación en la etiqueta " <body> " : <br> <p> <body> <marquee> se trata de un Texto en movimiento < /marquee > <br> <p> todo el código debe ser ahora , como se muestra a continuación: <br> <p> <html> ; <title> <head> Esta es mi página de eHow < /title> < /head> <body> <marquee> se trata de un Texto en movimiento < /marquee > < /body> <br> <br> <br> Desplazamiento Imágenes <br> 4 <p> Localice la imagen que desea desplazarse en una página web y haga clic derecho , vaya a "Propiedades" y buscar la dirección de registro. Utilice " Ver código fuente " cuando se utilizan otros navegadores como Firefox y vaya a la dirección de logo <br> 5 <p> Copiar el vínculo con el logotipo y volver a su documento HTML y pegarlo como se muestra a continuación. : <br> <p> html head <title> Esta es mi página de eHow < /title> < /head> <body> <marquee> < img src = "http://www.google.com /images /logo.gif > < /marquee > < /body> < /html > Este es solo un ejemplo y no puede funcionar correctamente. Utilice un vínculo real que hace referencia a una imagen real. <br> Página 6 <p> Guarde el archivo, vuelva a su documento y la vista. Usted puede cambiar el tamaño, la longitud de desplazamiento y otros detalles también. <br> ratón por encima del botón <br> Página 7 <p> Copiar o crear dos imágenes , preferentemente aquellos que se parecen a los botones, a una carpeta. Nombra las imágenes " uno " y "dos" . <br> 8 <p> Abra la aplicación Bloc de notas y escriba el código de abajo : <br> <p> html head <title> Esta es mi página de eHow < /title> < /head> <body> < img src = " one.gif " onmouseover = " src = " two.gif ' " onmouseout = "src = " one.gif " "> < /body> < /htnl > <br> 9 <p> Guarde el archivo como imagen . HTML en la misma carpeta que guarda las imágenes <br> Alerta Guión <br> 10 <p> fuego su Bloc de notas y escriba el siguiente código : . <br> <p> < ; html> <head> <title> Esta es mi Pop Up página < /head> Haga clic popUp < /a> < /body> < /html>
11

Añada su propio mensaje emergente, el texto del vínculo y la página web que desea que el enlace de referencia.
12

Guarde el archivo como pop.html y haga doble clic para ejecutar .

Código abierto
Herramientas de código abierto basados ​​en la comunidad para el aprendizaje
Cómo editar una plantilla Header Joomla
Cómo localizar el TDataSet
Open Office es compatible con Windows Vista
Cómo hacer una lista de palabras para BackTrack
Cómo acceder custom.css en Tesis través de administración de WordPress 1.6
Cómo importar abierto Draw Office para Microsoft
Cómo instalar WAMP Joomla
Conocimientos Informáticos © http://www.ordenador.online