Cómo crear un banner animado/slideshow en html5

[cricricri_cristi]

Hola a todos. Estoy intentando crear una página web para mí portafolio personal, y me gustaría crear la típicas imágenes que se ven en la home de un sitio con un slideshow y con elementos animados.

Os dejo aquí un ejemplo de lo quiero hacer para qué os situéis: http://www.lamardecreatius.com/.

El caso es que nunca he creado ninguna página web con ese tipo de elemento y me gustaría a ver si alguien puede ser tan amable de explicarme cómo se podría hacer o si me puede aportar algún tutorial al respecto que me fuera bien, ya qué todos los que he mirado no se asemejan a lo que ando buscando. Un saludo. Gracias.

[TALENT CRAZY]

Buenas Cristina, me haría falta saber cómo estas montando la web, si modificando a pelo el código dentro de WordPress, o a través de un portal como One.

En el caso de estar modificando el código, hay herramientas que te permiten crear y modificar una Web de forma visual, podrías optar por probar un Trial del Adobe Dreamweaver C, con ese empecé yo y es la mar de fácil.

En cuanto a los Banners, los animados son Gifts, fragmentos de un video, extraes los Frames y los apretujas o resumes en unos 30, montas el Gift y lo enlazas junto al espacio del Banner, en la Home/Index de la Web.

En cuanto al tamaño te recomiendo que no muy ancho, para qué no solo se vea bien en monitores 1080p, sino que en los móviles se vea también completo.

Otra pijada qué a mí me gusta incluir es el efecto de que cuando pasas con el Mouse por encima de un Botón de la Web, este se ponga de un color diferente.

Incluir espacios donde estén disponibles tus videos de Vimeo o YouTube que con un click al Play se inicien sin abandonar tu Web.

Pero como digo arriba, cuéntame como lo estas haciendo, para pasarte el código de un Index con el espacio del banner creado, o pasarte un tutorial enfocado a tu herramienta con la qué modificas la Web.

Sea como sea no te preocupes, es sencillo. Un saludo. #TC.

[marc31]

Por lo que veo en el ejemplo eso no es hacer un banner, es hacer un slide show. Para hacer un banner más o menos sencillo en html5 puedes usar la beta free de Google web designer (beta) https://www.google.com/webdesigner/ te crea el html5, el css y los js correspondientes, y es bastante visual.

Si lo que quieres es un slide show para pasar fotografías.

Tendrás que ver si lo vas a hacer a partir de una plantilla, o un framework o con el programa tal o cual que te lo implemente o que use solo css, o use jQuery u otras librerías.

Por ejemplo.

Slider pasar fotografías pinchando con css. http://www.oloblogger.com/2012/05/sl...ript-solo.html.

O, por ejemplo.

Los 12 slide show más usados.

O, por ejemplo, 16+ free and premium responsive image slideshows/galleries.

Depende cual elijas, tendrás que ver que lleva y dónde tienes que colocar que para que te funcione.

[cricricri_cristi]

Buenas Cristina, me haría falta saber cómo estas montando la web, si modificando a pelo el código dentro de WordPress, o a través de un portal como one.

Buenos días.

Remitiéndome a tu mensaje, estoy usando Dreamweaver. No sé si es la mejor opción, pero de momento es lo que tengo más a mano. Gracias a los dos. Un saludo.

[marc31]

¿Qué versión de Dreamweaver? ¿la cc? Build a slide show in Dreamweaver c (was: slide show).
https://forums.Adobe.com/thread/1434486? Tstart=0. http://jquery, malsup.com/cycle2/. http://jquery, malsup.com/cycle2/demo/.

[cricricri_cristi]

¿Qué versión de Dreamweaver? ¿la cc?

Buenos días. Sí exacto la c 2015. Muchas gracias por el aporte. Me mirare los enlaces que me pasaste a ver si salgo de mi oscuridad. Un saludo.