Cosa succede quando si naviga

Transcript

1 Programma corso Introduzione (spicciola) di architettura del web Creazione del sito e primi passi Sito statico o blog? Inserimento ed aggiornamento contenuti Personalizzazione grafica Iscrizione ai motori di ricerca Alcuni concetti di grafica per il web

2 Cosa succede quando si naviga Fase 1 : richiesta del sito/pagina web Fase 2 : elaborazione da parte di un server Fase 3: risposta da parte del server Fase 4: visualizzazione a schermo della pagina

3 Navigazione su internet La procedura appena vista si applica quando una persona naviga su Internet La richiesta al server viene effettuata da un programma chiamato browser (programma per navigare sul web)

4 Indirizzo di un sito web Un sito/pagina web è identificata univocamente tramite il proprio indirizzo web Esempio: In tutti tre i casi la parte più importante dell'indirizzo è csvrovigo.it che si chiama Dominio

5 Piattaforma Csv I siti delle Associazioni ospitati come dei sottodomini di csvrovigo.it E' possibile per una associazione acquistare un proprio dominio e reindirizzare i visitatori nella piattaforma (è pure economico ~10-12 ) Tornando all'esempio di prima l'associazione Portaverta può acquistare il dominio e fare in modo che i visitatori siano indirizzati su senza che sia richiesto il loro intervento

6 Piattaforma Csv (2) Utilizza una piattaforma web (Wordpress-Mu) che permette di creare e mantenere un sito web in maniera semplice e veloce, senza richiedere competenze tecniche particolari I vari siti sono ospitati all'interno di un server del Csv situato nei suoi uffici in viale Trieste (causando una serie di piccoli problemi) E' in fase di valutazione da parte del direttivo l'acquisto di un server ad-hoc presso un Isp per fornire un servizio qualitativamente migliore

7 Piattaforma Csv (3) Compilare e restituire firmata la scheda di richiesta dello spazio web per formalizzare la richista (fino al cambio di server il Csv sostiene un costo) Per questa prima lezione il sito è raggiungibile solo dai computer del laboratorio; saranno visibili all'esterno nel giro di 2-3 giorni Ad ogni partecipante viene fornito un username e password per l'amministrazione del sito

8 Come funziona? Il sito è raggiungibile all'indirizzo oppure Nel foglietto consegnato trovate l'indirizzo e i dati per l'accesso Il sito è composto da due parti: Parte pubblica e visibile a tutti i visitatori Parte privata per la gestione accessibile alle persone dotate delle credenziali per accedere

9 Link / collegamenti Quando si deve inserire un link ad una pagina, una immagine o ad un sito esterno si usano strumenti diversi Ogni volta si deve inserire un file o una immagine o caricare un file scaricabile si usa il comando Aggiungi file Per mettere un link ad una altra pagina o articolo o ad una risorsa esterna si usa il comando link

10 Caricare un file

11 Caricare un file (2) E' possibile (e consigliato) inserire un titolo al file Premendo su Inserisci nell'articolo viene creato un link al file; il testo del link è appunto il titolo del file inserito sopra Premendo su cancella si elimina definitavamente il file Questa finestra appare dopo il caricamendo o cliccando su Visualizza su un file elencato in Galleria o nella Libreria Media

12 Caricare una immagine

13 Caricare una immagine (2) Le immagini sono trattate in modo diverso dagli altri tipi di file Una immagine messa nell'editor deve essere subito visibile E' consigliabile che una immagine (a meno che si crei una galleria) abbia un link a se stessa (è necessario usare il tasto unlink per togliere il link inserito ) Se si sceglie di creare una miniatura viene creata e incollata una versione ridotta dell'immagine (non serve ridimensionarla a mano)

14 Integrare una Galleria immagini Nella linguetta Galleria (2) sono presenti tutti i file associati all'articolo / pagina che si sta modificando Un file viene associato se caricato durante la creazione o modifica della pagina o articolo in oggetto Se nella galleria sono presenti più di una immagine appare il bottone Inserisci la galleria nel... che inserisce nell'editor la parola [gallery] ; al posto di questa parola sarà inserita le miniature delle foto cliccabili per visualizzare la versione a dimensioni reali

15 Integrare una Galleria immagini (2)

16 Integrare una Galleria immagini (3)

17 Creare dei link Se non si devono inserire immagini o collegamenti a file appena caricati si deve usare lo strumento Link Per inserire il link ad un file/sito esterno (o anche una risorsa interna diversa dai file, come per esempio un'altra pagina o articolo) è necessario disporre del suo URL completo nella forma:

18 Creare dei link (2) L'indirizzo deve essere completo e quindi cominciare con

19 Creare dei link (3) Per aggiungere un indirizzo cliccabile (in modo che l'utente clicchi e gli si apra una vuota pronta da inviare) è necessario utilizzare un link fatto ad-hoc nella forma: mailto: mailto: diprova@ .it Per le NON va inserito il codice obbligatorio per tutti gli altri tipi di link

20 Saluti Sarà deciso dopo l'estate la possibilità che possa continuare a collaborare col Csv anche in futuro Per problemi scrivete a webmaster@csvrovigo.it Le dispense del corso ed un programma di grafica gratuito sono disponibili all'indirizzo: