¿Crear un sitio web HTML estático para tontos?

1

Mi esposa quiere compartir una gran cantidad de fotos de la vieja escuela con sus amigos.

Algunos de sus amigos le sugirieron que usara iCloud, pero sé que puedo configurar Apache y la conexión a Internet de mi casa para servir estas fotos, ya sea con un enlace IP estático o preferiblemente con mi propio nombre de dominio. Probablemente lo haré con mi propio nombre de dominio.

Pero es la presentación de la página con la que necesito ayuda.

Necesito una forma simple de generar un archivo HTML que muestre miniaturas en la página de cada imagen de la escuela, luego el usuario puede hacer clic en la imagen para verla en tamaño completo y descargarla.

No hay contenido activo, no hay videos, no hay animaciones. Es solo una página web de propósito único para alojar y compartir fotos de la vieja escuela.

Recuerdo que hace muchos años había un paquete de software llamado "Netscape Communicator" y le permitía crear una página web simple como lo describí, pero ahora no puedo encontrar nada en el repositorio que me ayude.

Sugiera una solución que me permita completar el proceso.

Gracias geo

Geo
fuente
tal vez esto sea interesante para usted: softwarerecs.stackexchange.com/a/37856/9157
DJCrashdummy

Respuestas:

1

Se puede crear un archivo HTML simple con un montón de miniaturas de imágenes y enlaces con bastante facilidad. Asumiendo:

  • El archivo HTML es el mismo directorio que las imágenes.
  • Todas las imágenes tienen alguna propiedad que hace que sea fácil recorrerlas en la línea de comando (todos los archivos con extensión .jpg, por ejemplo).

    Esto facilita la creación de miniaturas para ellos. Debe usar miniaturas para que las personas no descarguen el conjunto completo de imágenes simplemente abriendo su página.

Adaptando esta publicación :

printf "%s\n" '<!DOCTYPE html><meta charset=utf-8><title>Images</title>' > images.html
mkdir thumbs
for i in *.jpg
do
    convert "$i" -thumbnail 100 "thumbs/$i"
    printf '<a href="%s"><img src="%s" alt="%s"></a>\n' "$i" "thumbs/$i" "$i"
done >> images.html

Ahora, images.htmltiene el HTML5 mínimo válido que muestra un montón de miniaturas y se vincula a las imágenes de las miniaturas. Apunte su instancia de Apache al directorio y sirva según sea necesario.

Probablemente puedas intentar hacer una tabla con ella o algo así, pero esto debería ser suficiente.

Un ejemplo usando las imágenes de /usr/share/background:

$ head images.html
<!DOCTYPE html><meta charset=utf-8><title>Images</title>
<a href="160218-deux-two_by_Pierre_Cante.jpg"><img src="thumbs/160218-deux-two_by_Pierre_Cante.jpg" alt="160218-deux-two_by_Pierre_Cante.jpg"></a>
<a href="Black_hole_by_Marek_Koteluk.jpg"><img src="thumbs/Black_hole_by_Marek_Koteluk.jpg" alt="Black_hole_by_Marek_Koteluk.jpg"></a>
<a href="Cielo_estrellado_by_Eduardo_Diez_Viñuela.jpg"><img src="thumbs/Cielo_estrellado_by_Eduardo_Diez_Viñuela.jpg" alt="Cielo_estrellado_by_Eduardo_Diez_Viñuela.jpg"></a>
<a href="clock_by_Bernhard_Hanakam.jpg"><img src="thumbs/clock_by_Bernhard_Hanakam.jpg" alt="clock_by_Bernhard_Hanakam.jpg"></a>
<a href="Dans_ma_bulle_by_Christophe_Weibel.jpg"><img src="thumbs/Dans_ma_bulle_by_Christophe_Weibel.jpg" alt="Dans_ma_bulle_by_Christophe_Weibel.jpg"></a>
<a href="Flora_by_Marek_Koteluk.jpg"><img src="thumbs/Flora_by_Marek_Koteluk.jpg" alt="Flora_by_Marek_Koteluk.jpg"></a>
<a href="Icy_Grass_by_Raymond_Lavoie.jpg"><img src="thumbs/Icy_Grass_by_Raymond_Lavoie.jpg" alt="Icy_Grass_by_Raymond_Lavoie.jpg"></a>
<a href="Night_lights_by_Alberto_Salvia_Novella.jpg"><img src="thumbs/Night_lights_by_Alberto_Salvia_Novella.jpg" alt="Night_lights_by_Alberto_Salvia_Novella.jpg"></a>
<a href="passion_flower_by_Irene_Gr.jpg"><img src="thumbs/passion_flower_by_Irene_Gr.jpg" alt="passion_flower_by_Irene_Gr.jpg"></a>

ingrese la descripción de la imagen aquí

muru
fuente
Buena solución bash!
derHugo
¡Eso fue extremadamente elegante! No sabía que el sistema operativo en sí podría generar las miniaturas y escribir el archivo HTML. Estoy tratando de agregar algunas palabras al archivo HTML, como un título básico, la década en la que se tomaron las fotos y dónde. Estoy tratando de usar un programa llamado "Bluefish" para editar el archivo HTML para insertar un título para que el espectador lo observe, pero no tengo suerte. El título parece estropear el diseño de las miniaturas.
Geo
Gracias por su ayuda, puse todo en funcionamiento y registré mi nombre de dominio, por lo que ahora las fotos de la vieja escuela de mi esposa se pueden compartir con sus antiguos compañeros de clase, incluso si están en todo el país.
Geo
@Geo, ¿resolviste el problema del título?
muru
Sí, lo descubrí. Ha pasado mucho tiempo desde que jugué con este tipo de cosas, así que tuve que volver a aprender un poco.
Geo