Marco Panella marco@unipr.it Pubblicare in rete Marco Panella marco@unipr.it
Marco Panella - Pubblicare in rete Sommario Il protocollo HTTP e i server web Il linguaggio HTML Come costruire una pagina web Editor di testo Programmi Pubblicare un documento MS Office 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Protocollo HTTP Server - client Server WWW Apache MS IIS Client WWW (browser) 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Preparazione 1 Usiamo SSH verso www.sci.unipr.it Il server distribuisce le pagine sotto /var/www /home/studenti/<utente>/html (crearla se non esiste) cd ; mkdir html 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Preparazione 2 Occorre valutare i permessi dei file /home/<utente> e /home/<utente>/html devono essere percorribili chmod 711 /home/<utente> chmod 711 /home/<utente>/html Lanciamo il server X-Win 10/01/2019 Marco Panella - Pubblicare in rete
Creiamo un primo documento Apriamo emacs emacs index.html & Scrivete qualcosa e salvate Aprite IE Collegatevi a http://nemo.unipr.it/%7E<utente>/index.html 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Successione Scala basso->alto Rete fisica Protocollo IP Protocollo TCP Protocollo HTTP Linguaggio HTML (editor di testo) Programmi di creazione pagina Programmi di creazione siti / portali 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Il linguaggio HTML Usato per la creazione di ipertesti Un documento HTML contiene Testo da visualizzare Comandi da interpretare <COMANDO></FINECOMANDO> Conoscere i tag del linguaggio HTML non è importante per scrivere pagine web http://www.w3c.org/ 10/01/2019 Marco Panella - Pubblicare in rete
Creazione di un sito web Fasi della creazione Progettazione editoriale Progettazione tecnica Realizzazione pagine Verifica Aggiornamento 10/01/2019 Marco Panella - Pubblicare in rete
Progettazione editoriale Scegliere destinatari Argomento Frequenze di aggiornamento Attenzione alle leggi in vigore Sui siti giornalisitici 10/01/2019 Marco Panella - Pubblicare in rete
Progettazione tecnica Struttura delle pagine Frame Menu Presenza di forum, chat 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Realizzazione pagine Contenuti indispensabili Dati ultimi aggiornamento Responsabili (del contenuto e tecnico) Recapito Mai dimenticare i destinatari 10/01/2019 Marco Panella - Pubblicare in rete
Verifica e aggioramento Verifica della funzionalità prima di metterlo on-line Politiche di aggiornamento Frequenza sui dati e sulla grafica Feedback dagli utenti (guestbook) 10/01/2019 Marco Panella - Pubblicare in rete
Pubblicare con MS Office Oggetto: le relazioni Modalità: File / Salva come HTML Via sftp portate le pagine in /home/studenti/<utente>/html 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Alcuni tag HTML Necessari per riconoscere il testo come HTML Per la formattazione del testo Creare un link Tabelle e frame Interattività: i form Opzioni dei tag 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete I tag necessari <HTML><HEAD></HEAD><BODY></BODY></HTML> HTML inizio e fine del file HEAD intestazione del file BODY corpo del file Tag dell’intestazione KEYWORD parole chiave (per la ricerca con i motori) TITLE titolo della pagina 10/01/2019 Marco Panella - Pubblicare in rete
I tag per la visualizzazione <!-- --> è un commento <Hn></Hn> è un titolo (n da 1 a 6) <P>[</P>] indica un paragrafo <BR> è un ritorno a capo <OL></OL> elenco numerato <UL></UL> elenco puntato <LI></LI> elemento di un elenco <EM>, <STRONG>, <CITE>, <U>, <I>, <B>, <TT> formattano il testo <HR> mette una riga orizzontale 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete I tag per i link <A HREF=“URL”>testo</A> <A NAME=“label”>[</A>] Usando <A HREF=“URL#label”></A> si raggiunge un punto preciso di una pagina <IMG SRC=“”> 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Tabelle e frame <TABLE><CAPTION></CAPTION><TR><TH></TH></TR><TR><TD></TD></TR></TABLE> <FRAMESET cols=x rows=y><FRAME name=“label1”></FRAME><FRAME name=“label2”></FRAME></FRAMESET> Target è il frame su cui visualizzare le pagine aperte con i link 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete I form <FORM method=“” action=“URL”>campi del form</FORM> Input type Select Textarea 10/01/2019 Marco Panella - Pubblicare in rete
Marco Panella - Pubblicare in rete Opzioni Molti di questi tag possono avere opzioni Width=n (in pixel) o width=n% (in % sullo schermo) Height=n (in pixel) o height=n% (in % sullo schermo) align={top|bottom|left|middle|right} allineamento Alt=“testo alternativo” 10/01/2019 Marco Panella - Pubblicare in rete