jquery
CURSO SOBRE JQUERY
ELABORADO POR
CARLOS SERRATO SERNA
2013
DREAMWEAVERS
SUBLIME TEXT
CAMTASIA 8
PHOTOSHOP CS6Este curso trata sobre la tecnología JQUERY
Empezaremos por saber que es JQUERY
JQUERY es un Framework basado en JavaScript de código abierto que nos permite crear animaciones dejando atrásel plugin flash player, y trabajar de una manera más limpia con HTML y CSS.
Crearemos un menú animado, ventanas modales y un NivoSlider usando el Framework JQUERY enconjunto con HTML5 y CSS3 dándole un toque de elegancia y rapidez a las páginas webs que diseñemos.
Menú
NivoSlider
Video tutoriales
Capturas de pantallaSubtítulos “closet caption”
Empezaremos por crear la página base, en este caso creare el siguiente formato de página en Dreamweaver CS6.
Elcódigo HTML seria el siguiente con Sublimetext 2.
Como vemos tenemos un DIV con el identificador “ID” id=caja que es la que contiene toda nuestra página, el siguiente DIV con id=encabezado será endonde colocaremos nuestro banner o logo de la empresa, el siguiente DIV con id=menú será en donde estará nuestro menú con JQUERY, el siguiente DIV con id=contenido será en donde estará nuestrocontenido y posiblemente nuestro NivoSlider, el ultimo DIV con id=pie será en donde estará la información de la empresa, copyright, etc.
Primero creamos una carpeta con el nombre queustedes quieran en este caso yo usare “prueba” y guardare hay nuestra página base con la extensión “.html”.
Posteriormente crearemos 3 carpetas más 1 para los archivos de Estilos en Cascadas “CSS”la 2 para los archivos JavaScript “JS” y la 3 para las imágenes que usaremos en nuestra página.
Ya hemos creado nuestro Directorio o Raíz de la página.
Regístrate para leer el documento completo.