-
Cómo hacer tu propio sitio JavaScript
-
El uso de JavaScript en su sitio web permite que para que sea dinámica e interactiva. Incluso si usted no tiene mucho conocimiento de programación o experiencia, la creación de un sitio con JavaScript es a menudo fácil. Así como la construcción de sus propias funciones de JavaScript, hay muchas bibliotecas JavaScript de acceso gratuito y fragmentos de código que ayudan a lograr efectos sofisticados con rapidez y facilidad. No es necesario aprender conceptos complejos con el fin de utilizar JavaScript efectivamente, para que pueda comenzar mediante el uso de pequeñas secciones de código y construir sobre su conocimiento de forma incremental. Al igual que con cualquier tecnología interactiva, JavaScript sólo debe utilizarse en el que realmente añade valor a su sitio.Instrucciones
1 Crear sus páginas web en HTML y JavaScript en construir para mejorarla. Incluir funciones de JavaScript dentro de la sección de cabecera de sus páginas o en archivos separados, vinculadas a la cabeza dentro de la sección:
< 'Text / javascript "src = script type =' 'functions.js> </ script>
Sus funciones de JavaScript pueden ser llamados cuando son activados por la interacción del usuario con la página, o por otros acontecimientos tales como la carga de la página:
<Body onload = "mi_funcion ();">
En este ejemplo, una función de JavaScript llamado "mi_funcion" sería ejecutada tan pronto como se carga la página. Este tipo de función a menudo se utiliza para modificar el estilo de página para diferentes navegadores.
2 El uso de JavaScript para mejorar el estilo y la interactividad dentro de su sitio. Uno de los usos más comunes de JavaScript es para alterar las propiedades de estilo como un usuario interactúa con una página. Por ejemplo, menús y otros elementos de la página se han unido a ellos JavaScript que determina lo que debe suceder cuando un usuario hace clic o rollos de su ratón sobre el área. El siguiente ejemplo cambia el color de un párrafo cuando el ratón se mueve sobre ella. En el código JavaScript:
función onPara (para_id)
{Document.getElementById (para_id) .style.color = "# FF0000"; }
función offPara (para_id)
{Document.getElementById (para_id) .style.color = "# 000000"; }
En el código HTML dentro de la página:
<P id = "p1" onmouseover = "onPara (this.id);" onmouseout = "offPara (this.id);"!> Hola </ p>
3 Utilizar bibliotecas de JavaScript externos para crear efectos avanzados. Hay muchas muestras gratuitas de JavaScript y las bibliotecas disponibles para su descarga. Recursos tales como jQuery y ayuda de Google Code para dar a los visitantes una rica nivel de interactividad con su sitio. Hay recursos de JavaScript disponibles para una amplia variedad de funciones, incluyendo el estilo, efectos de animación, galerías de visualización de imágenes, la navegación, formas y mucho más. Estos recursos han sido a menudo creadas por expertos y son extremadamente fáciles de usar en muchos casos, con instrucciones incluyen normalmente.
4 El uso de JavaScript para facilitar la comunicación del servidor. Técnicas tales como AJAX pueden mejorar en gran medida la eficacia de un sitio web. AJAX le permite solicitar más datos desde el servidor y presentar esto dentro de la página actual, sin tener que recargar la página o navegar a una nueva. Esto es comúnmente utilizado para funciones tales como encuestas y automáticamente la actualización de canales de noticias. AJAX utiliza JavaScript en conjunción con las tecnologías del lado del servidor, incluyendo scripts PHP y bases de datos web.
5 Probar su sitio a fondo en diferentes navegadores. JavaScript menudo puede comportarse de maneras muy diferentes en diferentes navegadores web. Usted puede encontrar que algunas de sus funciones no funcionará como se espera en algunos navegadores menos que hacer modificaciones a los mismos. Además, la gran variedad de dispositivos que la gente usa actualmente para acceder a Internet significa que en muchos casos JavaScript no puede ser habilitado. Tener cuidado para asegurar que el contenido de su sitio seguirá estando disponible sin la funcionalidad de JavaScript.
Consejos y advertencias
- Miran a otros sitios que te gustan y aprender cómo utilizan JavaScript para lograr sus efectos. Además de proporcionar la inspiración para sus propios sitios, esto es una buena manera de familiarizarse con el funcionamiento de la lengua.
- No utilice las funciones de JavaScript si están en peligro de desvirtuar el propósito general de su sitio. Un efecto JavaScript sólo merece la pena si contribuye a los objetivos que su sitio está trabajando.
