Archivio per la tag 'GSFE'

YDNW: strumento per creare un sito web con Google Docs

YDNW è un interessantissimo strumento per creare un sito web con Google Docs, ossia con l’applicazione web di Google che consente di editare testi in stile Microsoft Word.

Il nome stesso è tutto un programma. YDNW, infatti, indica il nome esteso del tool, You Don’t Need WordPress, ossia non c’è bisogno di WordPress.

Come si sa WorPress è la piattaforma per il blogging più completa, più famosa e più diffusa al mondo con cui è anche editato questo blog per esempio (più del 30% dei siti internet esistenti sono costruiti con questo CMS).

YDNW si rivolge a chi ha bisogno di editare un blog in modo semplice e a costo zero:. Il tool si integra facilmente con Google Drive che quindi funziona come servizio di hosting dei file online con un conseguente risparmio dei costi per acquistare uno uno spazio di archiviazione e di pubblicazione di contenuti web.

In pratica, tramite un account Google e i suoi strumenti, possiamo realizzare un sito internet completo ed immediato: basta creare un documento con Google Docs per ogni pagina del nostro blog e archiviarlo in una cartella online.

Esattamente come con Documenti di Google si possono usare gli strumenti di formattazione del testo, cambiare i colori, inserire tabelle ed elenchi e via dicendo. Ma l’aspetto più interessante è la collaborazione e la condivisione dei contenuti con altri utenti, proprio come permette di fare Google Documenti.

YDNW è uno strumento open source gratuito per tutti ma che potrebbe tornare comodo specificamente anche agli insegnanti in alternativa a Google Sites, lo strumento per la creazione di siti aziendali ed educativi o di classe incluso in Google Suite For Education.

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.


Pixel Art

Pixel Art

Coding

Coding

albertopiccini.it

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

Seguimi

Fanpage: