Buongiorno ragazzi, vi presento oggi un nuovo piccolo progettino che sto portando avanti, si tratta di un modello in html che permette di stampare su un foglio A4 la scheda dettagliata da affiancare alle vostre piante, con voci e testi ovviamente personalizzabili.
Su internet non trovavo nulla di simile, e su Office trovavo scomodo strutturare questo layout.
Perché ho utilizzato l'html e non altri linguaggi?
1)Perché volevo rendere il foglio semplice;
2)Perché non occorreva fosse un lavoro interattivo (infatti è pensato
per essere stampato);
3)Per rendere compatibile la visualizzazione su tutti i Browser;
Questo aiuterà i meno esperti a lavorarci senza troppi fronzoli.
E' stato realizzato interamente con il Notepad presente su tutti i sistemi Windows, basterà infatti trascinare la pagina che scaricherete sul Blocco Note del PC, modificare i testi e\o immagini\ icone ed infine andare semplicemente su Salva per completare il lavoro.
Aprirete cosi con doppio click la pagina, poi -> click destro (del mouse) -> stampa, ed infine attendere che esca la scheda descrittiva su orientamento verticale o orizzontale (a vostra discrezione).
Inoltre per facilitare le cose metterò a disposizione 2 file, uno che presenta il modello privo di immagini, quindi molto semplice, ed uno invece con la foto in alto della pianta in questione, già con l'impostazione adeguata.
Mi raccomando, è importante per la corretta visualizzazione mantenere i file al proprio posto, quindi le immagini nella cartella "foto" e le icone nella cartella "icon", anche nel caso in cui le modifichiate, per non cambiare il codice mantenete sempre gli stessi nomi ed estensioni.
Scheda Descrittiva (senza foto)
Scheda Descrittiva (con foto)
[AVANZATE] - OPZIONALI
Le icone sono modificabili andando nella cartella "icone", basterà però avere l'accortezza di mantenere lo stesso nome come dicevo sopra.
Oppure rinominare sia immagine che l'indirizzo presente nel codice del modello, pena non apparirà più l'immagine.
Il codice che specifica l'immagine è :
<img src="cartella\link_immagine.png">
-dove "cartella": sarà il nome della cartella in cui saranno le immagini
-dove "immagine.png": sarà il nome dell'icona o della foto
Potete quindi creare anche nuove cartelle, ampliare il codice, creare paragrafi e parametri, basterà avere un po di dimestichezza con l'html.
-La dimensione per le icone è 50 x 50 px.
-La dimensione per le foto è 500 x 300 px.
(tutto con estensione .png)
_______________________________
Per qualsiasi domanda, personalizzazione come sfondi\icone\riquadri\paragrafi non esitate a scrivermi.
Il modello potrebbe essere aggiornato, migliorato, e rilascerò eventuali altre versioni qui!
Il codice è libero e gratuito, non utilizzate quindi quest'ultimo per fini di lucro.
L'unica cortesia che chiedo, per rispetto almeno del tempo impiegato, è di mantenere integra la fonte a fine pagina qualora vogliate condividere i file altrove.
Un Saluto e a presto, Alessandro.