1 Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso.

Presentazione sul tema: "1 Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso."— Transcript della presentazione:

1 1 Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso

2 2 - 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 AgendaAgenda

3 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 4 Email configurazione DATI email @associazioni.milano.it DATI FTP www.associazioni.milano.it/nome DATI link forum

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

6 6 FTP: Internet Explorer 5 ftp://assdemocorsi@ftp.associazioni.milano.it/ con User_ID e password ASSOCIAZIONE CARICA (upload): Trascinare file e cartelle SCARICA (download): click tasto destro -> copia nella cartella

7 7 La nostra prima pagina Web - Usiamo una pagina desempio: - Collegatevi a: www.associazioni.milano.itwww.associazioni.milano.it - Assistenza Linea Diretta - Troverete il messaggio:Esercizi 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 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 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 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 11 Aggiungere un Motore di ricerca - Aggiungere un motore di ricerca interno - Psw –> personalizza la ricerca - Aggiungi un modulo di RICERCA @ppuntamenti segnalati dalla propria associazioneRICERCA @ppuntamenti - Psw - Giorno, Settimana, Mese

12 12 Aggiungere un link ai forum Associazione Demo Corsi http://forum.associazioni.milano.it/Associazione%20Demo%20Corsi/ democorsi-NEWS: creare DOCUMENT nei quali dare le novità http://forum.associazioni.milano.it/Associazione%20Demo%20Corsi/democorsi-News/ democorsi-LD: la linea diretta per le discussioni col pubblico http://forum.associazioni.milano.it/Associazione%20Demo%20Corsi/democorsi-LD/ democorsi-SOCI: area riservata http://forum.associazioni.milano.it/Login/democorsi-Soci/ democorsi-Staff: area riservata http://forum.associazioni.milano.it/Login/democorsi-Staff/

13 13 Link in html democorsi-SOCI: area riservata http://forum.associazioni.milano.it/Login/democorsi-Soci/ in HTML devo inserire: Area Riservata Soci 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 -> Nuova finestra _self -> stessa finestra _top -> finestra principale _parent -> livello superiore nome -> nel frame chiamato nome RISULTATO: Area Riservata Soci farà aprire il forum Soci nel frame chiamato mainFrame

14 14 FRAMESETFRAMESET 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 Sheda dell'associazione Associazione Demo Corsi"

15 15 FRAMESETFRAMESET In sx.htm ci sono i link ai vari forum dellassociazione barra di navigazione