Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
Marco Panella marco@unipr.it
Pubblicare in rete Marco Panella
2
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
3
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
4
Marco Panella - Pubblicare in rete
Preparazione 1 Usiamo SSH verso 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
5
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
6
Creiamo un primo documento
Apriamo emacs emacs index.html & Scrivete qualcosa e salvate Aprite IE Collegatevi a 10/01/2019 Marco Panella - Pubblicare in rete
7
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
8
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 10/01/2019 Marco Panella - Pubblicare in rete
9
Creazione di un sito web
Fasi della creazione Progettazione editoriale Progettazione tecnica Realizzazione pagine Verifica Aggiornamento 10/01/2019 Marco Panella - Pubblicare in rete
10
Progettazione editoriale
Scegliere destinatari Argomento Frequenze di aggiornamento Attenzione alle leggi in vigore Sui siti giornalisitici 10/01/2019 Marco Panella - Pubblicare in rete
11
Progettazione tecnica
Struttura delle pagine Frame Menu Presenza di forum, chat 10/01/2019 Marco Panella - Pubblicare in rete
12
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
13
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
14
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
15
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
16
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
17
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
18
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
19
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
20
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
21
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
Presentazioni simili
