Strumenti via WEB per la gestione dinamica dei siti Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 1 Venerdì mattina: Ulterioni esercitazioni con il CMS AGENDA • CMS: Primo esercizio, tabella • CMS: Secondo esercizio, crea link • CMS: Terzo esercizio, immagini • CMS: Quarto esercizio, crea file nuovo • CMS: Quinto esercizio, caricamento da file storage Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 2 CMS: Primo esercizio, tabella • Collegarsi all’indirizzo del CMS: http://acs-svil:8035/ambiente/cms-ambiente • Dalla Site map accedere alla cartella /formazione/gruppo.. • Cliccare su file2 • Per avere un preview della pagina, cliccare sul link in alto a destra …/formazione/gruppo../file2 Il link HTML punta a http://www.html.it Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 3 CMS: Primo esercizio, tabella • Cliccare sul CMS su text entry (verso il fondo della pagina) • Modificare il codice HTML in modo da ottenere la seguente pagina • Cliccare su submit in basso a destra della finestra-editor • Cliccare su make this revision live • Cliccare su [edit], quindi sul checkbox live, infine su submit • Cliccare sul tasto di preview (come prima) per vedere se la modifica è corretta Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 4 CMS: Primo esercizio, tabella <table border=1> <tr> <td colspan=2 align = "center"> Valutazioni individuali </td> <tr> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedì </td> <td> Bene </td> <tr> <tr> <td> Martedì </td> <td> Sufficiente </td> <tr> </table> Sviluppo servizi su rete, banche dati <table border=1> <tr> <td colspan=2 align = "center"> Valutazioni individuali </td> <tr> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedì </td> <td> Bene </td> <tr> <tr> <td> Martedì </td> <td> Sufficiente </td> <tr> <tr> <td colspan=2 align = "center"> Giudizio finale: buono </td> <tr> </table> Corso di formazione Dicembre2002 5 CMS: Secondo esercizio, crea link • Dalla Site map accedere alla cartella /formazione/gruppo.. • Cliccare su file2 • Per avere un preview della pagina, cliccare sul link in alto a destra …/formazione/gruppo../file2 Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 6 CMS: Secondo esercizio, crea link • Cliccare sul CMS su text entry (verso il fondo della pagina) • Modificare il codice HTML in modo da ottenere la seguente pagina • Cliccare su submit in basso a destra della finestra-editor • Cliccare su make this revision live • Cliccare su [edit], quindi sul checkbox live, infine su submit • Cliccare sul tasto di preview (come prima) per vedere se la modifica è corretta Ricorda: table con border=0 <a href=“..”>..</a> Link al file “collegamento” che si trova nella cartella “formazione” Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 7 CMS: Secondo esercizio, crea link <table border=1> <tr> <td colspan=2 align = "center"> Valutazioni individuali </td> <tr> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedì </td> <td> Bene </td> <tr> <tr> <td> Martedì </td> <td> Sufficiente </td> <tr> <tr> <td colspan=2 align = "center"> Giudizio finale: buono </td> <tr> </table> Sviluppo servizi su rete, banche dati <center>Tabella riassuntiva</center> <table border=0 width="350"> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedi </td> <td> Bene </td> <tr> <tr> <td> Martedi </td> <td> Sufficiente </td> <tr> </table> <p> <a href="../collegamento”> Collegamento</a> </p> Corso di formazione Dicembre2002 8 CMS: Terzo esercizio, immagini • Dalla Site map accedere alla cartella /formazione/gruppo.. • Cliccare su file2 • Per avere un preview della pagina, cliccare sul link in alto a destra …/formazione/gruppo../file2 Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 9 CMS: Terzo esercizio, immagini • Cliccare sul CMS su text entry (verso il fondo della pagina) • Modificare il codice HTML in modo da ottenere la seguente pagina • Cliccare su submit in basso a destra della finestra-editor • Cliccare su make this revision live • Cliccare su [edit], quindi sul checkbox live, infine su submit • Cliccare sul tasto di preview per vedere se la modifica è corretta Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 10 CMS: Terzo esercizio, immagini <center>Tabella riassuntiva</center> <table border=0 width="350"> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedi </td> <td> Bene </td> <tr> <tr> <td> Martedi </td> <td> Sufficiente </td> <tr> </table> <p> <a href="../collegamento”> Collegamento</a> </p> Sviluppo servizi su rete, banche dati <center>Tabella riassuntiva</center> <table border=1 width="350"> <tr> <td> Giorno </td> <td> Voto </td> </tr> <tr> <td> Lunedi </td> <td> Bene </td> <tr> <tr> <td> Martedi </td> <td> Sufficiente </td> <tr> <tr> <td colspan=2 align="center"><img src="../im/ok.jpg"></td> </tr> </table> <p><a href="../link">Collegamento</a></p> Corso di formazione Dicembre2002 11 CMS: Quarto esercizio, crea file nuovo • Collegarsi all’indirizzo del CMS: http://acs-svil:8035/ambiente/cms-ambiente • Dalla Site map accedere alla cartella /formazione/gruppo.. • Sul menù a tendina in fondo, selezionare “add a new Article” • Cliccare sul pulsante Add item • Cliccare su Text entry, quindi su Submit • Compilare Name, Title ,Description (= file3) e Author (nome cognome) • Nello spazio “Content” digitare o copiare il codice HTML Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 12 CMS: Quarto esercizio, crea file nuovo • Cliccare su Submit in basso • Cliccare su Editing •Cliccare su make this revision live • Cliccare su Publishing •Cliccare su [edit], quindi sul checkbox live, infine su submit • Cliccare sul tasto di preview Il file HTML caricato dovrà essere: Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 13 CMS: Quarto esercizio, crea file nuovo <table border=1> <tr> <td colspan=3 align = "center"> Fantacalcio</td> <tr> <tr> <td> Squadra</td> <td> Vittorie </td> </tr> <tr> <td>Don Carlos I</td> <td>3</td> <tr> <tr> <td>Real Camp</td> <td>2</td> <tr> </table> Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 14 CMS: Quinto esercizio, caricamento da file-storage • Collegarsi all’indirizzo del CMS: http://acs-svil:8035/ambiente/cms-ambiente • Dalla Site map accedere alla cartella /formazione/gruppo.. • Cliccare su file3 • Per avere un preview della pagina, cliccare sul link in alto a destra …/formazione/gruppo../file3 Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 15 CMS: Quinto esercizio, caricamento da file-storage Da text entry, creare link nella posizione indicata che punti al documento file.ppt inserito tramite file-storage Importante: per linkare con file-storage ../../file-storage/download/formazione/gruppo1/file.ppt Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 16 CMS: Quinto esercizio, caricamento da file-storage <table border=1> <tr> <td colspan=3 align = "center">Fantacalcio</td> <tr> <tr> <td> Squadra</td> <td> Vittorie </td> </tr> <tr> <td>Don Carlos I</td> <td>3</td> <tr> <tr> <td>Real Camp</td> <td>2 <a href="../../file-storage/download/formazione/gruppo1/file.ppt"> Controlla </a> </td> <tr> </table> Sviluppo servizi su rete, banche dati Corso di formazione Dicembre2002 17