Universit degli Studi di Parma Corso di laurea

Università degli Studi di Parma Corso di laurea in biotecnologie Pubblicare in rete Marco Panella marco@unipr. it Marco Panella - Pubblicare in rete

Università degli Studi di Parma Corso di laurea in biotecnologie 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 9/21/2021 Marco Panella - Pubblicare in rete 2

Università degli Studi di Parma Corso di laurea in biotecnologie Ø Protocollo HTTP – Server - client Ø Server WWW – Apache – MS IIS Ø Client WWW (browser) 9/21/2021 Marco Panella - Pubblicare in rete 3

Università degli Studi di Parma Corso di laurea in biotecnologie 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 9/21/2021 Marco Panella - Pubblicare in rete 4

Università degli Studi di Parma Corso di laurea in biotecnologie Preparazione 2 Ø Occorre valutare i permessi dei file – /home/<utente> e /home/<utente>/html devono essere percorribili – chmod 711 /home/<utente>/html Ø Lanciamo il server X-Win 9/21/2021 Marco Panella - Pubblicare in rete 5

Università degli Studi di Parma Corso di laurea in biotecnologie Creiamo un primo documento Ø Apriamo emacs – emacs index. html & Ø Scrivete qualcosa e salvate Ø Aprite IE Ø Collegatevi a – http: //nemo. unipr. it/%7 E<utente>/index. html 9/21/2021 Marco Panella - Pubblicare in rete 6

Università degli Studi di Parma Corso di laurea in biotecnologie 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 9/21/2021 Marco Panella - Pubblicare in rete 7

Università degli Studi di Parma Corso di laurea in biotecnologie 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. w 3 c. org/ 9/21/2021 Marco Panella - Pubblicare in rete 8

Università degli Studi di Parma Corso di laurea in biotecnologie Creazione di un sito web Ø Fasi della creazione – – – Progettazione editoriale Progettazione tecnica Realizzazione pagine Verifica Aggiornamento 9/21/2021 Marco Panella - Pubblicare in rete 9

Università degli Studi di Parma Corso di laurea in biotecnologie Progettazione editoriale Ø Scegliere – destinatari – Argomento – Frequenze di aggiornamento Ø Attenzione alle leggi in vigore – Sui siti giornalisitici 9/21/2021 Marco Panella - Pubblicare in rete 10

Università degli Studi di Parma Corso di laurea in biotecnologie Progettazione tecnica Ø Struttura delle pagine – Frame – Menu – Presenza di forum, chat 9/21/2021 Marco Panella - Pubblicare in rete 11

Università degli Studi di Parma Corso di laurea in biotecnologie Realizzazione pagine Ø Contenuti indispensabili – Dati ultimi aggiornamento – Responsabili (del contenuto e tecnico) – Recapito Ø Mai dimenticare i destinatari 9/21/2021 Marco Panella - Pubblicare in rete 12

Università degli Studi di Parma Corso di laurea in biotecnologie Verifica e aggioramento Ø Verifica della funzionalità prima di metterlo on-line Ø Politiche di aggiornamento – Frequenza sui dati e sulla grafica – Feedback dagli utenti (guestbook) 9/21/2021 Marco Panella - Pubblicare in rete 13

Università degli Studi di Parma Corso di laurea in biotecnologie Pubblicare con MS Office Ø Oggetto: le relazioni Ø Modalità: File / Salva come HTML Ø Via sftp portate le pagine in /home/studenti/<utente>/html 9/21/2021 Marco Panella - Pubblicare in rete 14

Università degli Studi di Parma Corso di laurea in biotecnologie 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 9/21/2021 Marco Panella - Pubblicare in rete 15

Università degli Studi di Parma Corso di laurea in biotecnologie I tag necessari Ø <HTML><HEAD></HEAD><BODY></BO DY></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 9/21/2021 Marco Panella - Pubblicare in rete 16

Università degli Studi di Parma Corso di laurea in biotecnologie 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 9/21/2021 Marco Panella - Pubblicare in rete 17

Università degli Studi di Parma Corso di laurea in biotecnologie 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=“”> 9/21/2021 Marco Panella - Pubblicare in rete 18

Università degli Studi di Parma Corso di laurea in biotecnologie Tabelle e frame Ø <TABLE><CAPTION></CAPTION><TR>< TH></TR><TD></TR></ TABLE> Ø <FRAMESET cols=x rows=y><FRAME name=“label 1”></FRAME><FRAME name=“label 2”></FRAMESET> – Target è il frame su cui visualizzare le pagine aperte con i link 9/21/2021 Marco Panella - Pubblicare in rete 19

Università degli Studi di Parma Corso di laurea in biotecnologie I form Ø <FORM method=“” action=“URL”>campi del form</FORM> – Input type – Select – Textarea 9/21/2021 Marco Panella - Pubblicare in rete 20

Università degli Studi di Parma Corso di laurea in biotecnologie 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” 9/21/2021 Marco Panella - Pubblicare in rete 21