Un po' di storia personale
La programmazione in HTML e l'uso dei CSS, fa parte del mio background da informatico autodidatta. Ho scritto codice per una decina d'anni, verso la fine degli anni '90, agli albori di Internet. Successivamente ho cambiato lavoro non approfondendo ulteriormente l'argomento, ignorando l'evoluzione ed i cambiamenti che i linguaggi e le tecniche di programmazione hanno subito. Le mie conoscenze e le mie capacità di Web Designer si sono fermate alla fine del millennio scorso, lasciandomi legato ad un impaginazione obsoleta unita ad un estetica imbarazzante per gli standard odierni. L'uso di Wordpress, ha permesso di celare tali limiti, è sufficiente, infatti, cambiare il tema di fondo in uso, per dare un aspetto completamente diverso alle proprie pagine. Trucchetti simili, in uno spazio web vuoto, non funzionano. Tutto dipende dalle dita del programmatore, dalle sue capacità e dalla sua creatività.
Le pagine degli itinerari, per una mia necessità personale, sono state progettate, inizialmente, con una struttura altamente modulare, ovvero una serie di files più piccoli, uniti attraverso l'esecuzione di un batch in Dos. Mi sono chiesto se esistesse qualcosa di simile in rete, ovvero qualche comando che permettesse di unire più parti di codice, riusando quelli più comuni e velocizzando eventuali modifiche. Ho cercato in rete «HTML MODULARE». Il motore di ricerca, ai primi posti della sua pagina di risposta, ha piazzato i video tutorial realizzati da Andrea Marchetti della Marchetti Design. Solitamente, preferisco leggere i tutorial, piuttosto che guardare un video, ma gli argomenti riportati nella didascalia a lato, mi interessavano. Il loro autore è un Web Designer Freelance, fa il formatore per professione ed è bravo come divulgatore; si nota subito che conosce l'argomento che tratta. L'approccio tecnico, trattato nei video, mi ha aperto gli occhi, confermandomi che ero un programmatore fermo alla preistoria di Internet, ma dalle basi comunque solide che mi hanno permesso non solo di seguire, in modo fluido i tutorial, ma anche di assimilarne piuttosto velocemente i concetti, i contenuti e le tecniche spiegate.
Ho preparato una pagina, dove condividere queste informazioni, che dopo una cernita, dei video presenti su youtube, ho raccolto in un unico contenitore. Ho scelto quelli che mi sono serviti per cambiare il mio modo di approcciarmi alla progettazione ed alla programmazione di un sito web. Ho incluso anche quei tutorial che mi hanno fatto evolvere nella programmazione e nella realizzazione di queste pagine. Non è stato semplice adattarsi al nuovo modello, quanto ottenuto, però, è un prodotto più professionale, moderno ed accattivante.
Ho scelto di usare il più possibile l'Html ed i Css, a scapito di Php o Javascript; sia perché i primi li padroneggio meglio, mentre degli altri ho solo un infarinatura di base molto limitata, ma soprattutto per evitare, per quanto possibile di dover utilizzare cookies o codice che potesse, potenzialmente, ospitare codice malevolo creato da qualche malintenzionato o da criminali informatici.
L'imitazione è la più sincera delle adulazioni
Charles Caleb Colton
Per approfondire i vari concetti o esplorare nuovi orizzonti, rimando al sito ufficiale di Andrea Marchetti ed alle altre guide e tutorial realizzati.
Di seguito il link ad alcune risorse, citate nei Tutorial, ed i file di esempio, da me realizzati, sequendo le istruzioni presenti nei video.
- Sito modulare bem: Pagina Index
- Sito modulare bem: Pagina Single
- Sito modulare bem: Pagina Page
- Sito con bootstrap efficace: Pagina Index
- Sito con bootstrap efficace: Pagina Grid
- Sito con animazioni: Pagina Index
- Sito con animazioni: Pagina Single
- Originale di riferimento per il Sito animato:
katchme.fr
- Originale di riferimento per il Sito animato:
eventlytemplate.webflow.io/
Nel rispetto del lavoro presentato nei tutorial e del suo autore, non allego i sorgenti ottenuti, anche se un programmatore "sveglio" li ricaverà senza troppe difficoltà.
Gli stessi sorgenti sono reperibili assieme ad altro materiale, previa iscrizione, sul sito marchettidesign.net.
