Archivio per la tag 'blogging'

Come inserire una galleria di foto e un elenco di file di Google Drive in una pagina web

Per quanti usano le Google App ed in particolare Google Drive, per le aziende che usano le Google Apps for Work o le Google Apps for Education (ora semplicemente chiamate G Suite e G Suite for Education), per i webmaster in generale e per gli insegnanti in particolare che si occupano del sito web della scuola, può tornare comodo questo breve tutorial su come inserire una galleria di foto e un elenco di file residenti in Google Drive in una pagina web.

Dal momento che i file non risiederanno direttamente sul nostro sito, questa pratica è molto opportuna per non sovraccaricare la pagina web  rendendola lenta nel caricamento e per non consumare lo spazio acquistato dall’hosting provider, generalmente limitato, evitando eventuali costi aggiuntivi di abbonamento.

La procedura è piuttosto semplice e non richiede grande conoscenza dei linguaggi di programmazione. Eccola:

  1. creare una cartella in Google Drive e assegnarle un nome
  2. inserire i file o le immagini da mostrare dentro la cartella e concludere l’upload
  3. renderla pubblica cliccandoci sopra con il tasto destro del mouse, condividi>avanzate>Pubblico sul Web – Chiunque abbia accesso a Internet può trovare e visualizzare
  4. procurarsi l’ID della cartella aprendola, si tratta di una striscia di caratteri che si trova nella URL della barra di navigazione del browser dopo la scritta folders e lo slash (vedi sotto):

https://drive.google.com/drive/folders/ID

A questo punto non vi resta che copiare ed incollare nella vostra pagina web questa striscia di codice opportunamente modificata nella parte in grassetto e salvare:

<iframe style="width: 500px; height: 500px; border: 0;" src="https://drive.google.com/embeddedfolderview?id=IDFOLDER#grid" width="300" height="150">&lt;br /&gt;</iframe>

Oppure, se usate G Suite o G Suite for Education, quest’altra striscia dove mettere anche il nome a dominio del sito su cui sono installate le G Suite:

<iframe style="width: 100%; height: 600px; border: 0;" src="https://drive.google.com/a/NOMEDOMINIO/embeddedfolderview?id=IDFOLDER#grid" width="300" height="150">&lt;br /&gt;</iframe>

In questo modo, con l’attributo grid, otterrete una cornice iframe a griglia.

Se invece volete una visione a lista basta cambiare l’attributo grid con list.

Si può infine modificare la dimensione della cornice intervenendo sul numero di pixel in altezza e larghezza o sostituendo px con il simbolo della percentuale che ovviamente non deve superare il 100%.

Vedi sotto un esempio di codice di una lista di file con percentuale:

<iframe src="https://drive.google.com/embeddedfolderview?id=IDFOLDER#list" style="width:100%; height:600px; border:0;"></iframe>

Ecco un esempio di una serie di gallerie di immagini a griglia inserite nel mio blog didattico qui.

Cliccando su una di esse si aprirà in una nuova finestra del browser dove potrà essere zoomata e scaricata.

Il Metropolitan Museun of Art di New York mette a disposizione quasi 400.000 immagini gratuite sotto licenza CC

Il Metropolitan Museun of Art di New York mette a disposizione quasi 400.000 immagini gratuite sotto licenza Creative Commons senza vincoli di copyright.

Ovviamente si trovano foto e immagini bellissime che possono essere scovate attraverso un apposito motore di ricerca interno al sito in base ad alcuni criteri: autore, tipo, periodo storico, localizzazione geografica, materiale, tipo di oggetto.

Una volta trovata l’immagine da scaricare, oltre alla descrizione dell’opera, sarà possibile effettuare il download con un semplice click e riutilizzarla liberamente per i nostri progetti (vedi immagine sopra).

Si tratta di un catalogo di immagini digitali anche di alta qualità molto importante, davvero imperdibile anche e soprattutto per la scuola e gli insegnanti.

CC Search: un motore di ricerca di immagini Creative Commons di libero utilizzo

Creative Commons lancia CC Search un motore di ricerca delle immagini di libero utilizzo fornite con le celebri licenze senza vincoli di copyright.

Ancora in fase beta, offe la possibilità di ricercare immani all’interno di archivi aperti e secondo dei filtri prestabiliti.

Il database è basato principalmente su Flickr, 500px, la Biblioteca Pubblica di New York e il Museo Metropolitano di Arte, Rijksmuseum, con un catalogo di 10 milioni di file disponibili.

I filtri consentono di ricercare in base alla licenza, al nome, al possessore, a tags, a collezioni e istituzioni.

L’attribuzione delle immagini da usare nei nostri progetti risulta facilitata da un codice HTML o da un link condivisibile.

Da utenti registrati le ricerche possono essere salvate e si possono creare liste di preferiti.

Il progetto è destinato a migliorare in futuro, sia nel contenuti dei database, sia nelle funzioni da offrire all’utente.

 

Pixabay: un sito che offre immagini gratis di alta qualità e di libero utilizzo

pixabay

Pixabay è un sito che offre immagini gratis di alta qualità e di libero utilizzo.

Vi si può trovare immagini e foto libere da diritto d’autore e ognuna è condivisibile sotto licenza Creative Commons CC0.

 Vale a dire che è possibile copiare, modificare, distribuire ed utilizzare le immagini, anche a fini commerciali, senza chiedere alcun permesso e senza attribuzione.

Può essere che alcuni contenuti siano protetti da marchi, pubblicità o diritti sulla privacy, tuttavia le immagini di Pixabay possono essere usate anche su Facebook e altri social network senza problemi.

In Pixabay si trovano anche immagini di Shutterstock perché il sito ha bisogno di auto sostenersi e finanziarsi e tale immagini sono fornite con logo no hotlinkink, vale a dire che per mostrarle in un sito web devono essere caricate nel server che lo ospita.

Pixabay include un motore di ricerca interno e offre anche un API per consentire lo sviluppo di app di terze parti.

 

Unsplash: sito che offre immagini gratis di libero utilizzo

unsplash

Unsplash è un ottimo sito che offre immagini gratis da scaricare di libero utilizzo, molte delle quali in alta risoluzione.

Le foto possono quindi essere usate per progetti personali, educativi e anche commerciali.

Al momento l’archivio dispone di più di 50.000 immagini di alta qualità offerte da più di 40.000 collaboratori.

Unsplash, infatti, è un progetto collaborativo che funziona grazie alla partecipazione degli utenti attivi da più di tre anni.

Gli utenti possono creare delle Collezioni con le foto favorite ma ci sono anche collezioni realizzate dai creatori stessi. Tra le più interessanti segnalo soltanto a titolo di esempio quelle di @khoi (Adobe), @photomatt (WordPress), @guykawasaki (Canva), @pjrvs (Paul Jarvis), ma ce ne sono tante altre di molti conosciuti ed influenti guru internet.

Unsplash offre anche un comodo motore di ricerca interno che ricerca in base alle parole chiave ma anche in base alle località geografiche.

Il sito coltiva anche l’aspetto sociale tramite il bottone mi piace e quello per aggiungere un’immagine al volo alle collezioni.

Unsplash è un progetto davvero ottimo che offre un plugin per cambiare gli sfondi a Google Chrome, libera le API per consentire lo sviluppo di applicazioni di terze parti (in particolare per dispositivi mobili e progetti web), ma che soprattutto fornisce un sacco di immagini bellissime disponibili per il download ed adatte ad ogni uso.

Postagon: servizio per il blogging super minimalista

txt.io chiude e diventa Postagon, un servizio per il blogging super minimalista.

Ci si connette e si indica un nome utente che servirà anche per l’URL del nostro blog.

Mantiene la sua semplicità ma è anche possibile, oltre al testo, inserire immagini con il drag and drop e commenti ai post. Si adatta perfettamente ai dispositivi mobili.

Si tratta di una buona risorsa per chi vuol pubblicare contenuti incentrati soprattutto sulla scrittura senza distrazioni.

Postagon è uno strumento del tutto gratuito.


albertopiccini.it

Se stai cercando notizie e contenuti sul mondo della Scuola Primaria, clicca sul banner sopra.

Seguimi

Fanpage: