PAGINE WEB
Indice della lezione n.3
•
Linguaggio di programmazione, di marcatura HTML; HTML; HTML; HTML;
•
Linguaggio CSS; CSS; CSS; CSS;
Un nuovo modo di comunicare: il web 2.0
•
Linguaggio CSS; CSS; CSS; CSS;
•
Sistema CMS; Sistema CMS; Sistema CMS; Sistema CMS;
•
Progettare il proprio spazio web Progettare il proprio spazio web Progettare il proprio spazio web Progettare il proprio spazio web
Materiale Didattico a cura di angela.unito44@gmail.com
PAGINE WEB 2.0
Comunicare mediante Internet, alcuni vantaggi:
Vasta platea
Velocità di diffusione
Capillarità
Capillarità
Economicità
Permanenza delle informazioni on line
Materiale Didattico a cura di angela.unito44@gmail.com
WEB 2.0
L’utente del web 2.0 è il protagonista e chiede di poter:
Riprodurre i contenuti altrui;
Commentare, valutare i contenuti altrui;
Commentare, valutare i contenuti altrui;
Utilizzare le informazioni ed i dati selezionati per costruire proprie banche dati;
Condividere dati e informazioni con altri.
Materiale Didattico a cura di angela.unito44@gmail.com
PAGINE WEB 2.0 – IL TURISMO
La comunicazione e la relazione con i clienti deve tener conto delle nuove esigenze e deve offrire immagini, video, recensioni.
Le strategie tradizionali del marketing sono
Le strategie tradizionali del marketing sono superate con l’introduzione delle nuove
tecnologie 2.0 portatrici di offerte ed opportunità vantaggiose.
Materiale Didattico a cura di angela.unito44@gmail.com
PAGINE WEB - HTML
HTML HTML HTML HTML (HyperText Markup Language) è il linguaggio che definisce la struttura della pagina web.
Es:<div>inserire i caratteri</div>; questo tag Es:<div>inserire i caratteri</div>; questo tag tag tag è utilizzato per definire tag tag è utilizzato per definire tag tag un’area della pagina web;
Questo linguaggio permette di definire le dimensioni, il colore, il bordo, lo sfondo i margini delle pagine web e degli elementi che queste
contengono.
Parentesi uncinate racchiudono le diverse funzioni(attributi); / indica la chiusura del tag;
<TagAttributo1=“valore1”>Inserisci il tuo testo</tag>
Materiale Didattico a cura di angela.unito44@gmail.com
CSS
CSS CSS CSS CSS Cascade Style Sheet – fogli di stile a
cascata, un file contenente una serie di regole es:
p{color:blue;font-size:20px}
p{color:blue;font-size:20px}
P=selettore
Color=proprietà
Blue=valore
Materiale Didattico a cura di angela.unito44@gmail.com
PAGINE WEB
Cms Cms Cms Cms - Content management system, software come sistema di gestione dei contenuti delle pagine web. Strumento
flessibile e multimediale.Non è indispensabile conoscere linguaggi di programmazione o avere conoscenze tecniche specifiche.
Caratteristiche:
Funzionalità estendibili (plug in);
Funzionalità estendibili (plug in);
Aggiornamenti;
Workflow management (gestione di attività sequenziali e cicliche);
Collaborazione multipla simultanea;
Document management (gestione di tutto il ciclo di vita di un documento- creazione, revisione, pubblicazione, archiviazione, eliminazione);
Visualizzare i contenuti (anteprima);
Multilingua
Materiale Didattico a cura di angela.unito44@gmail.com
CMS CONTENT MANAGEMENT SYSTEM
CMS: sistema di gestione dei contenuti, si
tratta di una categoria di sistemi software che serve a organizzare e facilitare la creazione
collaborativa di documenti e di altri contenuti
collaborativa di documenti e di altri contenuti
PAGINE WEB – WEB HOSTER E DOMINIO
URL:www.notizienotizieblog.wordpress.com
Nostro Blog 1 – Pagine web
Scritte in HTML – ASP – PHP
1
Computer Remoto= Server Provider=società
che gestisce il Server Web hoster
1
Si fornisce il servizio di hosting (si affitta parte dello spazio )
PROGETTARE PAGINE WEB
La progettazione parte dal rispondere ad alcune domande:
1. - aaaa cosacosacosacosa serveserveserveserve (informare, vendere, condividere);
2. - aaaa chichichichi serveserveserve, quali sono i potenziali utenti ( commerciante, studente, viaggiatore,serve pensionato…);
3.
3.3.
3. ---- quandoquandoquandoquando serveserveserveserve (a lavoro, a casa, a scuola, in viaggio…);
4. - dovedovedovedove serveserveserve (sul pc, sul tablet, sullo smartphone);serve
Esercitazione:Esercitazione:Esercitazione:Esercitazione:
Cercare sito d’informazione (Università di Torino ; Comune di Torino) ; http://www.comune.torino.it/
Cercare sito di vendita abbigliamento giovani;
http://www.latuamoda.it/vendite-online/ABBIGLIAMENTO-216;
Cercare sito di giochi on line ; http://www.flashgames.it/
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
FASI DEL PROGETTO – ANALISI STRATEGICA
Analisi strategica Analisi strategicaAnalisi strategica Analisi strategica
Analisi degli obiettivi Visibilità, comunicabilità
Analisi Target
Analisi concorrenza
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
comunicabilità
PROGETTARE PAGINE WEB – STUDIO DEI CONTENUTI
Studio dei Studio dei Studio dei Studio dei contenuti contenuti contenuti contenuti Creazione blog Creazione blog Creazione blog Creazione blog
Studio architettura del blog Progetto grafico
Scelta applicativi Creazione contenuti
Test di visibilità Implementazione
PROGETTARE PAGINE WEB
In base alla percentuale di contenuti ed
interattività è possibile tracciare il seguente grafico:
game EEEE---- Interattività
InterattivitàInterattività
Interattività game EEEE----
commerce commerce commerce commerce
Brochure aziendale
Librerie digitali Interattività
InterattivitàInterattività Interattività
Contenuto Contenuto Contenuto Contenuto bassa
poco Fonte: Polillo, Etnoteam
PROGETTARE PAGINE WEB - COMUNICARE
Primo assioma Primo assioma Primo assioma Primo assioma della comunicazione è…
Non si può non comunicare Non si può non comunicare Non si può non comunicare Non si può non comunicare.
Allo stesso modo ogni elemento inserito sulla nostra pagina web è un elemento comunicativo.
pagina web è un elemento comunicativo.
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
PROGETTARE PAGINE WEB – ELEMENTI DEL COMUNICARE
Ogni elementoelementoelementoelemento della comunicazione è legato ad una funzionefunzionefunzionefunzione
Contatto Contatto Contatto
Contatto (fatica ) –
lavoro del comunicare.
Emittente Emittente Emittente Emittente (emotiva) – esprimere
Messaggio MessaggioMessaggio
Messaggio (poetica) -
organizzazione del messaggio.
Destinatario Destinatario Destinatario Destinatario
(conativa) – gli effetti del messaggio
esprimere emozioni.
del messaggio
Codice CodiceCodice
Codice(metalinguistico,) - codice scelto per creare il rapporto.
Contesto Contesto Contesto
Contesto (referenziale) – parlare di qualcosa.
PAGINE WEB – PROGETTARE
Progettare principalmente per l’utente, la
persona sempre al centro della progettazione.
Interattività Interattività
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
WEB 2.0 – PROGETTARE – QUALE ATTIVITA’?
Analisi dei requisiti, individuare le attività che l’utente svolgerà.
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
WEB 2.0 – PROGETTARE – RACCOGLIERE INFORMAZIONI
Usabilità Usabilità Usabilità Usabilità delle pagine web
1.
Realizzare un prodotto che tenga conto delle abilità e dei limiti fisici e cognitivi delle persone; delle attività che essi devono svolgere attraverso lo strumento progettato; tener conto del contesto culturale, fisico ed organizzativo in cui conto del contesto culturale, fisico ed organizzativo in cui lo useranno.
2.
Tener conto delle motivazioni, le aspettative, il background culturale delle persone.
E’ indispensabile raccogliere informazioni raccogliere informazioni raccogliere informazioni raccogliere informazioni
Materiale didattico a cura di Angela. Mail: angela.unito44@gmail.com
PROGETTARE PAGINE WEB
I nomi assegnati a tutti gli elementi di navigazione dicono molto riguardo al vostro tipo di azienda.
http://www.francorosso.it/preventivo_box.asp
PROGETTARE PAGINE WEB –GABBIA O SCHEMA
Dove posiziono le informazioni? Prendi carta e penna.
Logo - Frase…
HOME CHI SONO CONTATTI MISSION NOVITA’
TESTO DEI POST
RRRICERCA CATEGORIE
LICENZA CREATIVE COMMONS CC
ARCHIVI
