Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso 1 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 2 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) 3 Email configurazione DATI email @associazioni.milano.it DATI FTP www.associazioni.milano.it/nome DATI link forum 4 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 5 FTP: Internet Explorer 5 ftp://[email protected]/ con User_ID e password ASSOCIAZIONE CARICA (upload): Trascinare file e cartelle SCARICA (download): click tasto destro -> copia nella cartella 6 La nostra prima pagina Web - Usiamo una pagina d’esempio: - Collegatevi a: www.associazioni.milano.it Assistenza Linea Diretta Troverete il messaggio:”Esercizi per lezione in aula” - - All’interno della pagina individuate il file Test.htm - - - Si tratta di un link ad una pagina web fuori dal sito 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 7 Personalizzazione della pagina - Aprite la pagina salvata con Blocco Note - - - Clic destro su test.htm Apri con Blocco Note Osservate la struttura dell’HTML Personalizzate le informazioni in essa contenute inserendo i dati della vostra associazione Inserite i link ai forum dell’associazione digitando i comandi delle prossime slide o più semplicemente copiandoli dalla email di configurazione vista prima 8 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 9 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 10 Aggiungere un Motore di ricerca - Aggiungere un motore di ricerca interno - - Psw –> personalizza la ricerca Aggiungi un modulo di RICERCA @ppuntamenti segnalati dalla propria associazione - Psw Giorno, Settimana, Mese 11 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/ 12 Link in html democorsi-SOCI: area riservata http://forum.associazioni.milano.it/Login/democorsi-Soci/ in HTML devo inserire: <a href=http://forum.associazioni.milano.it /Login/democorsi-Soci/ target="mainFrame">Area Riservata Soci</a> PARAMETRI importanti: href= è l’indirizzo 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” 13 FRAMESET Serve x dividere una pagina in più sezioni Nel codice HTML vengono indicati i file esterni che compongono il frameset: Nell’esempio sx.htm e il link all’indirizzo esterno del forum Associazione Demo Corsi In sx.htm ci saranno tutti i link ai vari forum dell’associazione <html> <head> <title>Sheda dell'associazione “Associazione Demo Corsi"</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <frameset cols="190,704*" frameborder="NO" border="0" framespacing="0" rows="*"> <frame name="leftFrame" scrolling="NO" noresize src="sx.htm"> <frame name="mainFrame" src="http://forum.associazioni.milano.it/ Associazione%20Demo%Corsi/"> </frameset> <noframes><body bgcolor="#FFFFFF"> </body></noframes> </html> 14 FRAMESET In sx.htm ci sono i link ai vari forum dell’associazione barra di navigazione <table width="175" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href=index.htm target=_top><img src="/info/img/ico_hm.gif" width=110 height=25 border=0 alt="torna alla hompage"></a></td> </tr> <tr> <td> </td> <td> <a href=http://forum.associazioni.milano.it/Associazione%20Demo%20C orsi/ target=mainFrame><img src="/info/img/ico_info.gif" width=110 height=25 border=0 alt=info></a></td> </tr> </table> 15