Cómo crear efectos especiales para un sitio Web

April 11

El sitio web de efectos especiales pueden ayudar a que su sitio se destacan de otros sitios, entretener a los visitantes y llamar la atención sobre partes específicas de la página. Descubre cómo utilizar los cursores personalizados, desplazar el texto y crea una imagen en su sitio de abrir y cerrar. Incorporar estos métodos en su próximo rediseño del sitio para atraer la atención al instante y contratar a sus lectores de nuevas maneras.

Instrucciones

Cómo utilizar los cursores personalizados

1 Ingrese a su proveedor de alojamiento web usando el navegador de Internet o un programa FTP como Cyberduck (para Mac) o WinFTP (para PC con Windows). Crear una nueva carpeta en su unidad principal de alojamiento. Nombre de la carpeta "cursor".

2 Descarga un cursor personalizado (ver Recursos). Cambie el nombre del "custom.cur" archivo y subirlo a la carpeta "cursor" en el directorio de alojamiento web.

3 Utilice un editor de texto estándar y abrir el archivo de página web en la que desea utilizar el cursor personalizado. Escriba el siguiente código después de la etiqueta <body> si desea utilizar el cursor personalizado en la página entera: <body style = "cursor: url ( 'cursor / custom.cur')">. Como alternativa, escriba el siguiente código antes de un párrafo específico si desea utilizar el cursor en una sola sección de la página: <p style = "cursor: url ( 'cursor / custom.cur')">.

4 Guarde el archivo de página editada en su unidad de alojamiento web. Lanzamiento de su navegador y vaya a su sitio. cursor del ordenador cambia al cursor personalizado.

Cómo crear texto con desplazamiento

5 Abrir la página web en su editor de texto.

6 Escriba el siguiente código en el que desea ver el desplazamiento de texto: <marquee direction = "right"> yourtext </ marquee>. Editar "yourtext" a las palabras que desea desplazarse. Cambiar la dirección de "izquierda", "derecha", "arriba" o "abajo" para ajustar la dirección en la que el texto se desplaza.

7 Guarde el archivo en el directorio de alojamiento web.

8 Inicie el navegador web y vaya a la página que acaba de editar. Ahora puede ver una pequeña caja con el desplazamiento de texto. Esta es una manera llamativa para llamar la atención a un anuncio o aviso.

Cómo hacer una imagen parpadeante

9 Abra la página Web en un editor de texto.

10 Escriba el código siguiente después de la etiqueta <head> en el código HTML: <script type = "text / javascript">

function changeImg(){ document.getElementById("imgId").src = (document.getElementById("imgId").src.indexOf("PIC1.gif") == -1)?"PIC1.gif":"nopic.gif"; } window.onload = function(){ var xTimer = window.setInterval("changeImg()",2000); } </script>

11 Cambiar "PIC1.gif" al nombre de la imagen en su página web que desea hacer parpadear. Guarde el archivo en el directorio de alojamiento web.

12 Lanzamiento de su navegador y ver su página. Ahora su imagen parpadea.

Consejos y advertencias

Muchos diseñadores web evitan el uso de efectos especiales debido a que algunos usuarios pueden encontrar distracción y molesto.