HTML - ¿Cómo montar un slider de imágenes?

Encontré un montón de codigos de sliders de imagenes, todos dicen que es muy simple, pero no tengo idea de como monar el codigo en los ficheros html, css
Por ejemplo, me gusta el de esta página:
http://codepen.io/zuraizm/pen/vGDHl

Me dan 3 códigos pero no se como montarlos. Alguien me ayuda? ¿A dónde pongo el código del jquery?¿Cómo lo pongo? El css si se montarlo, creo un archivo css y lo pego y ya. Pero en el hml seguro que hay que hacer alguna modificación de la que no tengo idea.

ese ejemplo es bastante sencillo creo qte puede servir

http://elgatocoder.com/simple-galeria-de-fotos-en-jquery

suerte

En esta misma páginas encontraras ejemplos de como hacerlo...
http://www.lawebdelprogramador.com/codigo/JQuery/2224-Secuencia_de_imagenes.html
http://www.lawebdelprogramador.com/codigo/JQuery/2223-Mostrar_imagenes.html

Espero que te sirva...

Perdón por la inromisión.
Si necesitas hacer un slider y no necesariamente aprender a programarlo usa:
http://www.juicebox.net
A mi me ha sacado de mas de un apuro ya que no tienes que preocuparte de qué navegador tendrá el usuario.
Además, lo empaqueta en html5 por lo que si alguien usa tabletas, se ve muy profesional.

todos estan bien, pero necesito los codigos, porque es para unos deberes y no puedo entregar un programa mas complejo de lo que yo se., tengo que entregar una pagina web normalita.

Visita esta pagina web ahí encontraras un muy buen ejemplo puedes descargarlo y modificar el código fuente añadir tus propias imágenes y el código no es complicado suerte
http://www.skitter-slider.net/

Sigo sin entender como montar un slider CON LOS CODIGOS FUENTES del html, css y jquery o java..no necesito aprederlo a programar , solo a montarlo(copari y pegar sus codigos fuente)