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
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
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)
Indirizzo di un sito web
Un sito/pagina web è identificata univocamente tramite il proprio indirizzo web
Esempio: www.csvrovigo.it/bancadati
www.csvrovigo.it/blog
http://portaverta.csvrovigo.it/
In tutti tre i casi la parte più importante
dell'indirizzo è ”csvrovigo.it” che si chiama Dominio
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
www.portaverta.it e fare in modo che i visitatori siano indirizzati su http://portaverta.csvrovigo.it senza che sia richiesto il loro intervento
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
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
Come funziona?
Il sito è raggiungibile all'indirizzo
http://nome_scelto.csvrovigo.it oppure www.nome_scelto.csvrovigo.it
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
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
Caricare un file
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
Caricare una immagine
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
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à
Integrare una Galleria immagini
(2)
Integrare una Galleria immagini
(3)
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:
http://portaverta.csvrovigo.it/cosa-facciamo/
http://www.csvrovigo.it/files/uplink/volantino.pdf
Creare dei link (2)
Creare dei link (3)
Per aggiungere un indirizzo e-mail cliccabile (in modo che l'utente clicchi e gli si apra una email vuota pronta da inviare) è necessario utilizzare un link fatto ad-hoc nella forma:
mailto: mailto:emaildiprova@email.it
Per le email NON va inserito il codice ”http://”
obbligatorio per tutti gli altri tipi di link
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:
www.csvrovigo.it/corsoweb2008