| Fasi di realizzazione | Come/dove/risorse |
| A | analisi del materiale | |
| 1 | conoscere il materiale aziendale come foto dei mezzi, magazzino, luoghi particolari, la storia e le caratteristiche dei servizi offerti. | vedi le risorse organizzate su drive |
| 2 | scarica tutto o parte del materiale | su PC/drive del gruppo |
| 3 | riduci / taglia / comprimi le foto che hai scelto di utilizzare per renderle adatte all'uso su web | vedi elaborazione di immagini per il web al punto I) sul post: http://cenatiblog.blogspot.com/2018/10/its-corso-propedeutico-informatica.html |
| | |
| B | progetto di navigazione/impaginazione | |
| 1 | progetta il menu di navigazione | 3/5 voci di primo livello ed eventuali sottovoci per il menu a tendina |
| 2 | disegna la pagina principale - home e l'impaginato di una pagina interna | anche su carta, è un impaginato di massima da implementare poi con il tema grafico selezionato |
| 3 | rivedi e analizza anche gli esempi di siti aziendali del settore.
Se necessario stila un elenco di materiali testuali/fotografici o altro da richiedere all'azienda | vedi gli esempi suggeriti nella parte finale del post: http://cenatiblog.blogspot.com/2018/12/lab-its-siti-web.html |
| | |
| C | Realizzazione del sito con Wordpress.com | |
| 1 | accedi a wordpress.com come amministratore | stesse credenziali usate per il sito didattico |
| 2 | clicca sul bottone "crea un nuovo sito" | |
| 3 | inserisci nome e dominio. VEDI NOTA | (*) NB il dominio è già assegnato ai diversi gruppi. vedi indicazioni per il dominio assegnato al tuo gruppo sul blog |
| 4 | inserisci logo, icona, motto (anche successivamente) | |
| 5 | imposta la visibilità del sito come "nascosto", visibile solo a chi ha il link | |
| 6 | seleziona e applica il tema grafico più adatto (testata, widget, tema, tavolozza...) | https://it.support.wordpress.com/temi/ |
| 7 | naviga la demo live del tema grafico scelto per vedere come può apparire il tema e quali sono le sue potenzialità reali | |
| 8 | verifica come si usa il tema grafico nella sezione how to della demo live, passo passo. richiede tempo ma ne fa risparmiare molto di più. ogni tema ha sue caratteristiche ed è importante conoscerle per sfruttarle al meglio. | |
| 9 | aggiungi una pagina che sarà la home del sito | |
| 10 | aggiungi una o più pagina interne (servizi, flotta....) per cominciare a strutturare i contenuti e vedere meglio la resa reale del tema grafico scelto | |
| 11 | nelle impostazioni del tema seleziona quale debba essere la pagina home del sito | https://en.support.wordpress.com/pages/front-page/ |
| 12 | aggiungi tutte le altre pagine del sito sulla base del materiale e del menu | |
| 13 | inserisci colonne, gallerie, immagini, testi, titoli nelle diverse pagine | https://it.support.wordpress.com/editor-wordpress/blocchi/ |
| 14 | aggiungi eventuali articoli per aggiornamenti (con relative categorie, per es. news o altro) | https://it.support.wordpress.com/articoli/ |
| 15 | aggiungi voci al menu e verifica il funzionamento | https://it.support.wordpress.com/menu/ |
| 16 | aggiungi i widget più adatti sulla sidebar ed eventualmente nel footer del sito | https://it.support.wordpress.com/widget/ |
| 17 | traduci automaticamente il sito | https://en.support.wordpress.com/google-translate-widget/ |
| 18 | completa i test del sito anche con il supporto di altre persone e verifica tutti i contenuti e le funzionalità implementate | |
| | |
| D | Pubblicazione | |
| acquisto del dominio di secondo livello e cambio di dominio | |
