[New ES] Simple Moderna y Responsiva

If you made a template for printing or HTML export, you can offer it to the others here. You can also ask here for help about these templates
Post Reply
FaRu1983
Posts: 4
Joined: 2025-03-11 18:54:39

[New ES] Simple Moderna y Responsiva

Post by FaRu1983 »

Hola amigos, la primera vez que vine por aquí fue alrededor del año 2002 y tenía más de 15 años de no pasar por aquí incluso ya perdí mi nombre de usuario original. Sigo siendo un fan de Ant Movie Catalog y creo que faltaba una plantilla adoc a estos tiempos, así que intenté crear una propia.

Pueden ver cómo funciona aquí: https://faru1983.github.io/peliculas/

GitHub del proyecto aquí: https://github.com/faru1983/peliculas/

Puedes descargar el template aquí: TEMPLATE

INSTRUCCIONES:
  1. Exporta tu catálogo en formato .CSV con el nombre "movies.csv".
  2. En la misma carpeta se exportarán automáticamente las imágenes dentro de una carpeta llamada "movies.csv_pics".
  3. Una vez exportado el archivo "movies.csv", ábrelo con Notepad++ y cambia la codificación de ANSI a UTF-8. Para hacerlo, haz clic en la parte inferior derecha donde dice ANSI, selecciona "Convertir a UTF-8" y guarda el archivo antes de cerrar el programa.
  4. Si todo salió bien, tendrás dos archivos y una carpeta que deberás subir a tu servidor web:
    movies.html → Es tu página web con el catálogo dinámico y responsivo. Puedes renombrarla como index.html si deseas que sea tu página principal.
    movies.csv → Es tu base de datos de películas.
    movies.csv_pics → Carpeta con las imágenes.
NOTAS:
  • Asegúrate de mantener estos mismos nombres para la base de datos y la carpeta; de lo contrario, deberás modificar el código HTML para reflejar los cambios.
  • Importante: En la sección "Comentarios" de Ant Movie Catalog, he utilizado este espacio para agregar el código del tráiler de YouTube de cada película.
  • Por ejemplo, si la dirección del tráiler en YouTube es: "https://www.youtube.com/watch?v=OM0tSTEQCQA", solo debes escribir en la sección Comentarios: "OM0tSTEQCQA".
Last edited by FaRu1983 on 2025-05-29 17:00:27, edited 3 times in total.
trooper
Posts: 2
Joined: 2025-03-24 16:57:09

Re: [New ES] Simple Moderna y Responsiva

Post by trooper »

Hola!

Me gusta mucho el trabajo que has hecho. Yo si que estaría interesado en que compartas esa plantilla.

Gracias!
FaRu1983
Posts: 4
Joined: 2025-03-11 18:54:39

Re: [New ES] Simple Moderna y Responsiva

Post by FaRu1983 »

trooper wrote: 2025-03-24 16:58:46 Hola!

Me gusta mucho el trabajo que has hecho. Yo si que estaría interesado en que compartas esa plantilla.

Gracias!
Hola, que bueno saber que hay interesado, acabo de actualizar el post principal con la Template. Cuentame si te funciono o si tienes alguna duda.
trooper
Posts: 2
Joined: 2025-03-24 16:57:09

Re: [New ES] Simple Moderna y Responsiva

Post by trooper »

Hola!
He conseguido hacerla funcionar en solo unos minutos siguiendo tus instrucciones, salvo la parte de los trailer ya que, al menos de momento, no tengo tiempo para ir agregando la referencia en el apartado de comentarios.

Pero lo dicho, funcionando perfectamente.

Muchas gracias y enhorabuena por el trabajo.
FaRu1983
Posts: 4
Joined: 2025-03-11 18:54:39

Re: [New ES] Simple Moderna y Responsiva

Post by FaRu1983 »

trooper wrote: 2025-03-31 18:37:41 Hola!
He conseguido hacerla funcionar en solo unos minutos siguiendo tus instrucciones, salvo la parte de los trailer ya que, al menos de momento, no tengo tiempo para ir agregando la referencia en el apartado de comentarios.

Pero lo dicho, funcionando perfectamente.

Muchas gracias y enhorabuena por el trabajo.
Lo del trailer no hay problema, siempre que este esta vacio, de ser asi lo que hara es que te enviara a buscarlo a YouTube automaticamente.
weyden
Posts: 3
Joined: 2025-02-02 19:14:20

Re: [New ES] Simple Moderna y Responsiva

Post by weyden »

Hola, me interesa mucho usar esto, pero no lo consigo.
no sé exportar el archivo.
Hay 6 opciones cuando le doy a exportar:
1-HTML
2-CSV TEX EXCEL
3-SQL
4-PICTURES
5-AMC
6-XML
pero no consigo
si me piudes ayudar por favor
gracias
weyden
Posts: 3
Joined: 2025-02-02 19:14:20

Re: [New ES] Simple Moderna y Responsiva

Post by weyden »

he conseguido crear los 3 archivos que dices, uno es html, otro es excel y el otro es la carpeta con las imagenes de las caratulas dentro.
Pero al abrir en el navegador el archivo html me salen un montón de letras o sea todos los datos de las peliculas juntos sin espacion ni imagenes, asi:


Robert Pattinson Taylor Lautner Nikki Reed Ashley Greene Edi Gathegi Jackson Rathbone Kellan Lutz Dakota Fanning Michael Sheen Graham Greene Anna Kendrick Cameron Bright Rachelle Lefevre Jamie Campbell Bower Tinsel Korey Christina Jastrzembska Billy Burke Justin Chon Christian Serratos";"Estados Unidos";"2009";"130";"Fant᳴ico, Romance, Thriller, Vampiros, Hombres lobo, Secuela, Young Adult";"";"https://www.filmaffinity.com/es/film932 ... l";"Edward Cullen (Robert Pattinson) decide abandonar a Bella Swan (Kristen Stewart) para mantenerla alejada de los peligros del mundo vamp���co. Con la ayuda de Jacob Black (Taylor Lautner), su amigo de la infancia y miembro de la misteriosa tribu quileute, Bella intentarᠳuperar el abandono de Edward, que la ha dejado sumida en el mayor de los desconsuelos. Pero los peligros siguen acechando a la joven; nuevas y asombrosas criaturas sobrenaturales se cruzarᮠen su camino, y Bella s�lo contarᠣon el apoyo del cada vez m᳠cercano e irresistible Jacob. Repentinamente, Bella se encuentra inmersa en el mundo de los hombres lobo, ancestrales enemigos de los vampiros,


no sé que hago mal
FaRu1983
Posts: 4
Joined: 2025-03-11 18:54:39

Re: [New ES] Simple Moderna y Responsiva

Post by FaRu1983 »

Hola, asegurate de exportarlo a formato CSV con el nombre movies.csv

IMPORTANTE:
Una vez exportado el archivo "movies.csv", ábrelo con Notepad++ y cambia la codificación de ANSI a UTF-8. Para hacerlo, haz clic en la parte inferior derecha donde dice ANSI, selecciona "Convertir a UTF-8" y guarda el archivo antes de cerrar el programa.

Si todo salió bien, tendrás dos archivos y una carpeta:
movies.html → Es tu página web con el catálogo dinámico y responsivo. Puedes renombrarla como index.html si deseas que sea tu página principal.
movies.csv → Es tu base de datos de películas.
movies.csv_pics → Carpeta con las imágenes.
Post Reply