Cómo instalar jQuery con Dreamweaver

Escrito por kevin lee | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo instalar jQuery con Dreamweaver
Dreamweaver y jQuery tienen efectos especiales que a menudo pueden atraer a una multitud. (Jupiterimages/Photos.com/Getty Images)

Después de ver una animación reveladora en jQuery, es posible que te sientas inspirado para incluir este tipo de efectos especiales en todas las páginas Web. jQuery, una biblioteca de JavaScript, también ayuda a los desarrolladores de código a programar más rápido y en la realización de muchas tareas complejas de forma automática. Aunque jQuery no existe en una aplicación web hasta que alguien la instala, puedes añadir la biblioteca jQuery para tus proyectos de Dreamweaver vinculando al archivo que contiene el código fuente.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre Dreamweaver y haz clic en el botón "HTML". Dreamweaver creará un nuevo documento de página Web.

  2. 2

    Escribe "Esto es una prueba" en el documento y resalta el texto con el ratón. Escribe "jQueryTest" en cuadro de texto "ID" en la parte inferior de Dreamweaver. Hacer esto le da al texto un valor para su ID.

  3. 3

    Haz clic en la pestaña "Código" en la parte superior de Dreamweaver para ver el código HTML del documento. Localiza la etiqueta "<head>" dentro del código y pega el siguiente texto después de la etiqueta:

    <script type="text/javascript" src="https://ajax.googleapis.com/ ajax/libs/jquery/1/jquery.min.js"> </script>

    Este código hace que jQuery esté disponible en el documento de Dreamweaver.

  4. 4

    Pega este código JavaScript bajo el código añadido en el paso anterior:

    $(function () { $('#jQueryTest').fadeOut(5000); });

    Esta es una función de animación sencilla de jQuery. Te permite verificar que jQuery funciona. Esta función desvanece el texto escrito cuando la página web se carga. Este efecto llevará 5000 milisegundos en completarse.

  5. 5

    Pulsa en la pestaña "Diseño" para volver a la vista de diseño. Aparecerá tu texto. Pulsa en la pestaña "Vista previa en vivo". El texto se desvanecerá en 5 segundos, verificando que jQuery funciona. Añade el código jQuery adicional que necesites en la página web.

Consejos y advertencias

  • Recuerda que el código JavaScript o jQuery no funciona si el usuario deshabilita JavaScript en su navegador. Al crear aplicaciones web, es bueno crear formas alternativas de tratar con funciones críticas sin confiar en JavaScript.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles