Personalizzazione ed utilizzo avanzato dei servizi

1
Personalizzazione ed utilizzo avanzato dei servizi

• 4 giornata di corso

2
Agenda

• Creare un sito concetti fondamentali
• Pubblicare una pagina FTP
• Inserire un contatore
• Inserire modulo per motore di ricerca
• Inserire un modulo di ricerca appuntamenti
• Inserire i link ai forum
• Utilizzo di un frameset per integrare i forum

3
Creazione del sito

• Procedura
• Realizzare sul proprio calcolatore le pagine HTML
• Utilizzando programmi di vario genere
• Un semplice editor di testo come Blocco Note
• Word
• Microsoft Front Page
• Macromedia Dreamweaver
• Trasferire le pagine sul server del sito
  associazioni
• Grazie a programmi come
• Cute FTP
• WS - FTP
• Internet Explorer 5 o superiore (il modo più
  semplice)

4
Email configurazione

• DATI email _at_associazioni.milano.it

• DATI FTP www.associazioni.milano.it/nome

• DATI link forum

5
Pubblicare FTP

• FTP File Transfer Protocol protocollo di
  trasmissione dei file
• FTP dati fondamentali
• home page http//www.associazioni.milano.it/democ
  orsi/
• server FTP ftp.associazioni.milano.it
• Userid assdemocorsi Password
• Riga di comando
• Programma Client CUTEFtp, WSFTP
• Internet Explorer 5 o superiore

6
FTP Internet Explorer 5

• ftp//assdemocorsi_at_ftp.associazioni.milano.it/
• con User_ID e password ASSOCIAZIONE
• CARICA (upload) Trascinare file e cartelle
• SCARICA (download) click tasto destro -gt copia
  nella cartella

7
La nostra prima pagina Web

• Usiamo una pagina desempio
• Collegatevi a www.associazioni.milano.it
• Assistenza ? Linea Diretta
• Troverete il messaggioEsercizi per lezione in
  aula
• Si tratta di un link ad una pagina web fuori dal
  sito
• Allinterno della pagina individuate il file
  Test.htm
• Fate clic destro su Scarica e poi su Salva
  oggetto con Nome
• Come destinazione del salvataggio scegliete
  Desktop e cliccate su Salva.
• Ora il file di esercitazione è sulla scrivania
  del PC

8
Personalizzazione della pagina

• Aprite la pagina salvata con Blocco Note
• Clic destro su test.htm ? Apri con ? Blocco Note
• Osservate la struttura dellHTML
• Personalizzate le informazioni in essa contenute
  inserendo i dati della vostra associazione
• Inserite i link ai forum dellassociazione
  digitando i comandi delle prossime slide o più
  semplicemente copiandoli dalla email di
  configurazione vista prima

9
Aggiungere il contatore

• Un contatore degli accessi è un programma che ci
  dice quante persone hanno fatto visita ad una
  pagina del nostro sito
• Inserire un contatore nel proprio sito è
  semplice, basta copiare il codice messo a
  disposizione in
• Servizi ? Crea il tuo sito ? Inserire un contatore

10
Contatore accessi

• È sufficiente posizionarsi sulla casella
  contente il codice e cliccare con il tasto destro
  del mouse
• Scegliete seleziona tutto
• Cliccate nuovamente con il tasto destro e
  scegliete copia

• Incollate il tutto nel punto della pagina html
  che state preparando
• Trasferirtela via FTP

11
Aggiungere un Motore di ricerca

• Aggiungere un motore di ricerca interno
• Psw gt personalizza la ricerca
• Aggiungi un modulo di RICERCA _at_ppuntamenti
  segnalati dalla propria associazione
• Psw
• Giorno, Settimana, Mese

12
Aggiungere un link ai forum

• Associazione Demo Corsi
• http//forum.associazioni.milano.it/Associazione2
  0Demo20Corsi/
• democorsi-NEWS creare DOCUMENT nei quali dare le
  novità
• http//forum.associazioni.milano.it/Associazione2
  0Demo20Corsi/democorsi-News/
• democorsi-LD la linea diretta per le discussioni
  col pubblico
• http//forum.associazioni.milano.it/Associazione2
  0Demo20Corsi/democorsi-LD/
• democorsi-SOCI area riservata
• http//forum.associazioni.milano.it/Login/democors
  i-Soci/
• democorsi-Staff area riservata
• http//forum.associazioni.milano.it/Login/democors
  i-Staff/

13
Link in html

• democorsi-SOCI area riservata
• http//forum.associazioni.milano.it/Login/democors
  i-Soci/
• in HTML devo inserire
• lta hrefhttp//forum.associazioni.milano.it
  /Login/democorsi-Soci/ target"mainFrame"gtArea
  Riservata Socilt/agt
• PARAMETRI importanti
• href è lindirizzo cui punta il link, ovvero la
  pagina che voglio collegare
• Target indica dove fare apparire la nuova
  pagina
• può essere _blank -gt Nuova finestra
• _self -gt stessa finestra
• _top -gt finestra principale
• _parent -gt livello superiore
• nome -gt nel frame chiamato nome
• RISULTATO Area Riservata Soci farà aprire il
  forum Soci nel frame chiamato mainFrame

14
FRAMESET

• Serve x dividere una pagina in più sezioni
• Nel codice HTML vengono indicati i file esterni
  che compongono il frameset
• Nellesempio sx.htm e il link allindirizzo
  esterno del forum Associazione Demo Corsi
• In sx.htm ci saranno tutti i link ai vari forum
  dellassociazione
• lthtmlgt
• ltheadgt
• lttitlegtSheda dell'associazione Associazione Demo
  Corsi"lt/titlegt
• ltmeta http-equiv"Content-Type"
  content"text/html charsetiso-8859-1"gt
• lt/headgt
• ltframeset cols"190,704" frameborder"NO"
  border"0" framespacing"0" rows""gt
• ltframe name"leftFrame" scrolling"NO" noresize
  src"sx.htm"gt
• ltframe name"mainFrame" src"http//forum.associ
  azioni.milano.it/ Associazione20DemoCorsi/"gt
• lt/framesetgt
• ltnoframesgtltbody bgcolor"FFFFFF"gt
• lt/bodygtlt/noframesgt

15
FRAMESET

• In sx.htm ci sono i link ai vari forum
  dellassociazione? barra di navigazione
• lttable width"175" border"0" cellspacing"0"
  cellpadding"0"gt
• lttrgt
• lttdgtlta hrefindex.htm target_topgtltimg
  src"/info/img/ico_hm.gif" width110 height25
  border0 alt"torna alla hompage"gtlt/agtlt/tdgt
• lt/trgt
• lttrgt
• lttdgtnbsplt/tdgt
• lttdgt
• lta hrefhttp//forum.associazioni.milano.it/Assoc
  iazione20Demo20Corsi/ targetmainFramegtltimg
  src"/info/img/ico_info.gif" width110 height25
  border0 altinfogtlt/agtlt/tdgt
• lt/trgt
• lt/tablegt