corso - INFN

Transcript

corso - INFN
3URJUDPPD
➤ TCP/IP
➤ Internet
e i suoi servizi
➤ www, ftp, telnet, smtp
➤ directories e search engines
➤ Browser
➤ HTML Basics
➤ Office e HTML
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 1
7&3,3
➤I
computer comunicano tra di loro non
solo via floppy ma anche via rete
➤ TCP/IP è un protocollo di rete nato nelle
Università
➤ Altri protocolli: Decnet, SNA, NetBeui,
Appletalk
➤ Si appoggia su altri protocolli: Ethernet,
FDDI, X25, modem, ATM
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 2
,QGLUL]]L7&3,3
➤ Internet
è l’insieme di tutte le NET, le
reti TCP/IP.
»
»
»
Ogni nodo ha un indirizzo diverso da ogni
altro.
All’interno della LAN ogni macchina vede
“direttamente” ogni altra macchina.
In una WAN ogni rete vede le altre reti
attraverso nodi chiamati “router”
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 3
1XPHUL,3
➤ Il
»
»
»
»
»
numero IP ha questa forma: 192.135.1.12
192.135.1 è il numero di rete
I vari nodi hanno numeri da 1 a 255
però alcuni numeri sono riservati
192.135.1.254 è il default gateway
192.135.1.255 è “tutte le macchine nella rete”
(broadcast).
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 4
1XPHULHQRPL
➤ C’è
un servizio “DNS” per tradurre nomi in
numeri e viceversa.
➤ In prima approssimazione ad ogni rete viene
assegnato un nome
»
Es 192.135.15 diventa pd.infn.it
➤ Ad
»
ogni nodo della rete un nome
Es. 192.135.15.100 diventa pcmic.pd.infn.it
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 5
1XPHULHQRPL
➤ In
realtà diverse reti possono avere lo stesso
nome.
➤ Una rete può essere divisa in sotto reti con
nomi diversi
➤ Ad un nome possono corrispondere diversi
numeri (raro)
➤ Ad ogni numero corrisponde un solo nome
ma anche alcuni “alias”.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 6
(VHUFL]L
➤ La
finestra nera di DOS. Siamo in una shell
DOS nel PC locale con Windows NT
➤ La finestra bianca dell’applicazione telnet
per aprire una shell unix in remoto su
ospd01
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 7
&RPDQGLGHOODVKHOO'26
»
»
»
»
»
»
»
»
mkdir corso : creo la directory corso
cd corso : per andare nella directory corso
cd .. : per salire alla dir superiore
cd : per vedere dove siamo
dir : per vedere il contenuto della directory
telnet : per aprire l’applicazione telnet
ftp : per aprire una sessione ftp
telnet <nodo> , ftp <nodo>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 8
&RPDQGLGHOODVKHOO'26
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 9
&RPDQGLGHOODVKHOOXQL[
»
»
»
»
»
»
mkdir abc : creo la directory abc
cd abc: per andare nella directory abc
cd .. : per salire alla dir superiore
ls : per vedere il contenuto della directory
ls -l : per vedere altre informazione della dir
pwd : per vedere dove siamo
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 10
&RPDQGLGHOODVKHOOXQL[
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 11
3LQJH7UDFHURXWH
➤ Esercizio:
»
»
»
»
»
»
Collegarsi con ospd01. User cors1, cors2...cors8
password Mmb5-1…Mmb5-8
ping ospd03 - ping ospd03.pd.infn.it
ping www.cern.ch
traceroute ospd03
traceroute www.cern.ch
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 12
3LQJ
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 13
3LQJ
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 14
7UDFHURXWH
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 15
6HUYL]L,QWHUQHW
➤ Un
»
computer può fornire servizi:
telnet, ftp, smtp (e-mail), web, Usenet News.
➤ Esercizio:
»
a ospd01: fare un get e un put
➤ Esercizio
»
»
»
fare un ftp
fare un ftp anonimo:
ftp.unipd.it
User: anonymous; Password il proprio e-mail
ls, dir, get, put, mget
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 16
&RPDQGLGLIWS
»
»
»
»
»
»
»
>ftp ospd01.pd.infn.it : apro sessione ftp
rispondo con username e password
dir oppure ls : per vedere il contenuto
cd abc : per andare in abc se abc è una dir
get filename per prendermi il file filename
(da unix a dos)
put filename: per mettere il file filename
(da dox a unix)
quit oppure bye per uscire
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 17
(VHPSLRGLIWS
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 18
:HEHLQWHUQHW
➤ La
differenza tra WEB e Internet
»
Internet è il backbone fisico (Hardware)
Web è un insieme di services e applicazioni
(software) che viaggiano su Internet
La storia di internet:”
»
http://www.isoc.org/zakon/Internet/History/HIT.html
»
»
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 19
&RV¶H¶LO:HE"
➤ Il
World Wide Web è un ambiente
globale in cui tutte le informazioni (testi,
immagini, audio, video, altri servizi)
sono accessibili da Internet e sono
accessibili in modo semplice e
consistente usando un insieme
standard di convenzioni di accesso e di
naming.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 20
3URWRFROORVWDQGDUG
➤I
Web servers usano gli stessi protocolli
e modi di accesso:
»
http, httpd, URLs
➤I
Web clients (detti browsers)
conoscono lo stesso linguaggio base
»
HTML HyperText Markup Language
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 21
&RVWUXLUHOD85/
➤ Protocollo://nodo.rete[:port]/path
»
»
»
»
»
»
»
http://www.cern.ch/
http://www.cern.ch/CERN/Phone.html
http://www.cern.ch/map/building?bno=27
http://www/
ftp://ftp.unipd.it/
mailto:[email protected]
telnet://ospd01.pd.infn.it/
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 22
(VHUFL]LRFHUFDUHOH85/
»
»
»
»
»
»
»
L’indirizzo dell’IBM, o della Apple
L’indirizzo di Repubblica
L’indirizzo dell’Università di Padova
della sezione INFN di Milano
L’indirizzo delle Pagine Gialle
L’indirizzo delle Ferrovie Tedesce
L’indirizzo delle Compagnie Aeree Italiane
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 23
$LXWRQRQOHWURYR
»
Alcuni siti hanno un search all’interno
–
»
Alcuni siti hanno le search come scopo
principale:
–
–
»
Es: Cercare informazioni su Monarc al CERN
www.yahoo.com .de .it .fr
www.hotbot.com altavista.digital.com
Directory e Search Engines
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 24
$LXWRQRQOHWURYR
»
»
»
»
Se si conosce una parola chiave sono
meglio i search engine
Il problema sono i falsi hit o il numero
eccessivo. I search engine sono costruiri
dagli infobot, in automatico
Se si ha un idea dell’argomento meglio le
directories. Le directories sono fatte da
umani.
Convergenza verso i “Portals”
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 25
8VRGLXQDGLUHFWRU\
➤ Su
»
»
»
Trovare un dizionario di Inglese online
Trovare siti di viaggi aerei in particolare
informazione sui frequent flyer
Trovare siti per bambini
➤ Su
»
»
www.yahoo.com
www.yahoo.it
Trovare quali banche sono online
Elenchi telefonici, viaggi in Italia
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 26
8VRGLXQVHDUFKHQJLQH
➤ Su
www.hotbot.com, www.lycos.com,
www.lycos.it, altavista.digital.com,
www.virgilio.it, www.google.com
»
Il vostro Cognome, Monarc, Orari
ferroviari, Alpi Eagles, ricetta “tarte tatin”,
ricetta cocktail
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 27
&RPHVIROWLUHLULVXOWDWL
➤ Www.hotbot.com
»
➤
Advanced Search
must contain, should contain, must not
contain, solo certi tipi di file, frase esatte,
limiti sulle date, “sounds like”
Altavista.digital.com
»
»
advanced text
+ include - exclude, AND, OR, NOT, NEAR
traduzione del risultato (giusto per capire).
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 28
0RGHOOR&OLHQW6HUYHU
➤ Il
modello Client-Server Model è diventato il
modello di computing piu’ diffuso
➤ Server Side Components
»
Web server, HTML files, Support files
➤ Client
»
Side Components
Web browser, su PC, Mac, X-windows,
terminali, telefonini, TV.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 29
6HUYHU6LGH&RPSRQHQWV
➤ Web
»
server
un computer che spende la maggior parte
del suo tempo ascoltando richieste da
parte dei browser e cercando di esaudirle.
➤ HTML
»
file di testo ASCII con codici speciali
➤ files
»
files
di supporto
immagini, suoni, video, etc.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 30
&OLHQW6LGH&RPSRQHQWV
➤ Web
»
»
»
»
browsers
manda richieste ai Web server, riceve le
informazioni richieste
legge file HTML, interpreta i tags (i codici)
mostra le informazioni nel formato corretto
può gestire diversi tipi di oggetti, a volte
usa “Helper application”, programmi
esterni.
Può gestire altri protocolli oltre a http
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 31
&RPHIXQ]LRQDLO:HE
➤ Il
Web ha un’architettura semplice. I Clients
mandano messaggi ai Web servers,
chiamati anche HTTP daemons (HTTPD).
➤ Gli httpd servers hanno la responsabilità di
di spedire le informazioni richieste al client
(browser), che hanno la responsabilità di
mostrarle correttamente all’utente.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 32
&OLHQW6HUYHU$UFKLWHFWXUHRI
:HE
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 33
:HE&OLHQWV
➤ Web
»
»
»
Clients sono di solito browsers
Communicator (Netscape/AOL/Sun) or
Internet Explorer (Microsoft)
Lynx (terminale Unix)
➤ Il
Web client usually manda solitamente
un messaggio http ma può mandare
qualsiasi messaggio Internet message
(es. ftp, file, gopher, wais).
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 34
/¶LGHDQXRYD
➤ HTML
- Hypertext Markup Language
➤ Ipertesto è un modo per mostrare elementi
non testuali come foto e musica su una
pagina insieme al testo ordinario.
➤ Permette di navigare nel testo associando
alcuni punti ad altri.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 35
+70//D³OLQJXD´GHO:HE
➤ Il
linguaggio consiste di commandi
delimitati da tags <...>, attorno alle quali
si scrive testo normale, come un
normale documento testo. Alcuni
comandi commandi HTML hanno la
struttura
<command> text </command>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 36
+70/(VHPSLR
<html>
<head>
<title>Una home page di esempio</title>
</head>
<body background="bluemarble.gif">
<h1> La mia HomePage </h1>
<strong> Benevenuti nella mia homepage! </strong> <hr>
sono un dipendente dell’
<a href="http://www.infn.it/><strong>INFN</strong></a> a Padova.
<hr>
<address>
<a href="mailto:[email protected]">[email protected]</a>
</body></html>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 37
+70/(VHPSLR
<html>
<head>
<title>Una home page di esempio</title>
</head>
<body background="bluemarble.gif">
<h1> La mia HomePage </h1>
<strong> Benevenuti nella mia homepage! </strong> <hr>
sono un dipendente dell’
<a href="http://www.infn.it/><strong>INFN</strong></a> a Padova.
<hr>
<address>
<a href="mailto:[email protected]">[email protected]</a>
</body></html>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 38
+70/7DJV
A, ABBREV, ACRONYM, ADDRESS, APP, APPLET, AREA, AU,
B, BANNER, BASE, BASEFONT, BDO, BGSOUND, BIG, BLINK,
BLOCKQUOTE, BODY, BQ, BR, CAPTION, CENTER, CITE,
CODE, COL, COLGROUP, CREDIT, DD, DEL, DFN, DIR, DIV, DL,
DT, EM, EMBED, FN, FIG, FONT, FORM, FRAME, FRAMESET,
H1, H2, H3, H4, H5, H6, HEAD, HP, HR, HTML, I, IMG, INPUT,
INS, ISINDEX, KBD, LANG, LH, LI, LINK, LISTING, MAP,
MARQUEE, MENU, META, NEXTID, NOBR, NOEMBED,
NOFRAMES, NOTE, OL, OPTION, OVERLAY, P, PARAM,
PERSON, PLAINTEXT, PRE, Q, S, SAMP, SELECT, SMALL,
SPAN, STRIKE, STRONG, SUB, SUP, TAB, TABLE, TBODY, TD,
TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR,
WBR, XMP
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 39
3RSRODULWD¶GHO:HE
Perché il WEB è cosi popolare:
1.
2.
3.
4.
5.
6.
Facile da usare
Facile da spostare da un computer ad un altro
Gestisce tutti i tipi di file, testi, immagini, suoni
Ci sono molti tool che permettono di accedere al web
E’ facile pubblicare informazioni
E’ un modo veloce per raggiungere milioni di persone.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 40
6FKHOHWURGL+70/
<html>
<head>
Il titolo va qui (per la titlebar)
Head
</head>
<body>
Il documento va qui
</body>
</html>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Body
Slide 41
(VHPSLR
<html>
<head>
<title> My Summer Vacation </title>
</head>
<body>
<h1 align=center> Summer 98 Fun! Fun! Fun!
</h1>
<img src=”camping.gif" >
<h3> Welcome to my totally awesome Web
page
featuring my totally awesome summer vacation!
</h3>
<hr>
The rest of this page under construction.
</body>
</html>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 42
7DJIRUPDW
➤ Formats:
–
<tag_name>
–
<tag_name attribute_name = argument>
testo </tag_name>
<tag_name>
–
testo
</tag_name>
➤I
tags sono equivalenti a istruzioni e si
applicano a tutto ciò che sta all’interno
➤ Possono avere degli attributi
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 43
7LWROL
➤ Tag:
<title> testo </title>
➤ Usate
©1999, Michele Michelotto
solo un titolo, che sia corto
Corso WEB
Ottobre 1999
Slide 44
7H[W)RUPDWWLQJ7DJV
➤ Headings
<H1> text </H1>
» sei livelli, level 1 è il più grande
» le dimesioni esatte del font dipendono dal
browser.
» Si possono mettere attributi come ALIGN
(left, center, right):
» Esempio:
<h3 align = center> Homework 1 </h3>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 45
)RQW6W\OHV
➤ Font
styles (physical)
bold: <b>
italic: <i>
underline: <u>
typewriter font: <tt>
➤E
altri che trovate nei manuali
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 46
$OWULWDJV
➤ Paragraphs:
»
»
<p>
L’inizio di un paragrafo. Manda a capo
</p> spesso viene omesso.
➤ Line
break: <br>
➤ Horizontal line: <hr>
➤ Center: <center> </center>
»
per immagini e tabelle
➤ Commenti:
©1999, Michele Michelotto
<!-- comment -->
Corso WEB
Ottobre 1999
Slide 47
/LVWH
➤ Tipi
»
»
»
»
di liste:
unnumbered: <ul>
ordered: <ol>
menu: <menu>
directory: <dir>
➤ Gli
elementi di una lista sono marcati
usando il tag <li>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 48
(VHPSLRGL/LVW
<ul> Cose da fare oggi
<li> andare a lezione
<li> prendere i buoni pasto
<li> esercizi
Cose da fare oggi
</ul>
• andare a lezione
• prendere i buoni pasto
• esercizi
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 49
,PDJHWDJV
➤ Formato:
<img src=“posizione del file”>
➤ Attributi:
»
»
alt: testo da mostrare se non si carica
l’immagine
align: top, middle or bottom. Specifica le
relazioni con il testo attorno
➤ Esempio:
<img src = “mypic.gif” align = middle>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 50
/LQNLQJ
➤ Formato:
<a href = “URL o posizione del target”> testo </a>
➤ Esempi:
<a href = “lab1.doc”> clicca qui per Lab1 </a>
<a href = “http://www.cern.ch”> Click per
CERN</a>
<a href = “mailto:[email protected]”> mandami un mail
</a>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 51
/LQNLQJ3DUWH,,
➤ L’ambiente
HTML riconosce tre tipi di
link:
»
»
»
hyper links di tipo testo
hyper links di tipo immagine
hyper links di tipo image map
➤ Hyper
»
Link testo
<a href =“Activity.html”> Le mie vacanze
estive </a>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 52
/LQNLQJ3DUWH,,,
➤ Links
»
»
<a href = “Activity.html”> <img src =“activity.jpg”>
</a>
<a href = “list.html”> <img src =“list.jpg”> </a>
➤ Image
»
immagine
Maps
Si crea un immagine con molti link. Si usa
software (es. Adobe Photoshop, Macromedia
Dreamweaver, etc.) per mappare diverse parti
dell’immagine a links diversi
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 53
&RORUL
I colori sono miscele di red, green, and blue:
rrggbb
» da 000000 (nero) a ffffff (bianco)
» ff0000 - red puro, 00ff00 - green puro…etc.
➤ Si usano gli attributi nel body per cambiare il
colore di default
» bgcolor = “rrggbb”
» text = “rrggbb”
» link = “rrggbb”
➤ Provate!!!
Corso WEB
©1999, Michele Michelotto
Slide 54
➤
Ottobre 1999
7DJVWH[W
LPDJHVEDFNJURXQG
Aqua
Black
Yellow
Purple
Blue
Fuchsia
White
Red
Gray
Green
Teal
Olive
Lime
Maroon
Silver
Navy
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 55
&DPELDUHLFRORULHVHPSL
Per cambiare…
Usa il tag
Colore del testo
<font color = Blue>
</font>
Sfondo
<body bgcolor =
white>
</body>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
e chiudi il tag
Slide 56
,QIRUPD]LRQL
➤ Guardando
pagine che ci sembrano ben
fatte
➤ Cercando WEB tutorial sul web
➤ Diversi siti sul web, incluso il NCSA
(inventore of Mosaic)
http://notme.ncsa.uiuc.edu/Indices/Resources/html-resources.html
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 57
*XLGDDOODSURJHWWD]LRQH
»
Le vostra pagina potrebbe avere un
aspetto diverso
–
diversi browsers (es text browsers), diversi
schermi e configurazioni del browser, etc.
»
Tenete in mente il vostro pubblico
»
minimizzate I tempi di download
»
Navigate Il web con occhio critico ma...
»
Attenti al copyrigth
»
Sperimentate nuove cose.
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 58
7DEHOOH
»
Tabelle
–
»
permettono di inserire tabelle nel
documento HTML
° <Table > …contenuto della tabella... </Table>
Esempio:
–
<Table Border>
°
°
°
°
–
<TR>
·
<TD> Cell One <TD>
·
<TD> Cell Two <TD>
<TR>
<TR>
·
<TD> Cell One <TD>
·
<TD> Cell Two <TD>
<TR>
</Table>
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 59
(VHUFL]L
Prendere una semplice pagina HTML e
modificarla
➤ Aprire Notepad e creare da zero una pagina
HTML valida, con titolo, banner, una lista, link,
immagine embedded, mailto
➤ Creare due/tre file HTML con Netscape Composer
con link tra i vari files
➤
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 60
9HGHUHODSDJLQDGDO:(%
Nella propria home directory creare la directory
public_html (mkdir public_html)
➤ entrarci dentro (cd public_html)
➤ creare file oppure spostare file creati sul PC
➤
»
➤
con il comando touch nomefile oppure via ftp
si vedono come http://www.pd.infn.it/~cors8
~cors08/public_html/progetto1/rivelatore3.gif
http://www.pd.infn.it/~cors08/progetto1/rivelatore3.gif
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 61
9HGHUHODSDJLQDGDO:(%
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 62
9HGHUHODSDJLQDGDO:(%
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 63
2IILFH
»
»
»
»
Circolari (Word)
Gestione di fondi (Excel)
Presentazioni
(PowerPoint)
Gestione di oggetti
(Access, Filemaker)
Total Sales by Country in Europe
Q2 1998 revenue
Sorted by total sales in the quarter
Country
Germany
United Kingdom
France
Italy
Spain
Switzerland
Netherlands
Greece
Protons
Electrons Higgs Bosons
12’000.00 CHF 12’000.00 CHF 36’000.00 CHF
6’000.00 CHF 5’000.00 CHF 45’000.00 CHF
10’000.00 CHF 10’000.00 CHF 24’000.00 CHF
2’000.00 CHF 2’000.00 CHF 15’000.00 CHF
1’500.00 CHF 1’500.00 CHF 12’000.00 CHF
800.00 CHF
800.00 CHF 1’500.00 CHF
600.00 CHF
600.00 CHF 1’500.00 CHF
600.00 CHF
600.00 CHF 1’200.00 CHF
Neutrinos
25’000.00 CHF
17’000.00 CHF
18’000.00 CHF
18’000.00 CHF
7’000.00 CHF
1’400.00 CHF
1’500.00 CHF
1’200.00 CHF
Total Sales
85’000.00 CHF
73’000.00 CHF
62’000.00 CHF
37’000.00 CHF
22’000.00 CHF
4’500.00 CHF
4’200.00 CHF
3’600.00 CHF
291’300.00 CHF
Sales by Country in Europe
Total sales for Q2 =
291’300.00 CHF
Performance Ratio for Q2 =
116.52 %
180’000.00 CHF
160’000.00 CHF
Expected performance for Q2 =
140’000.00 CHFCHF
250’000.00
120’000.00 CHF
100’000.00 CHF
Total Sales
CHF
Neutrinos
80’000.00 CHF
Higgs Bosons
Electrons
60’000.00 CHF
Protons
40’000.00 CHF
20’000.00 CHF
0.00 CHF
Germany
United
Kingdom
France
Italy
Spain
Switzerland
Netherlands
Greece
Country Name
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 64
2IILFH:RUG
»
»
»
»
I documenti di Word si possono convertire
direttamente in HTML
Editor WYSYWYG
Pieno supporto degli iperlink
WEB page Wizard
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 65
2IILFH:RUG
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 66
2IILFH([FHO
➤ Regioni
dello spreadsheet sono
convertite in tabelle HTML
➤ Grafici sono convertiti in file GIF
➤ Questi oggetti possono poi essere
inseriti in file HTML, oppure si può
creare un nuovo file con header, titoli
etc...
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 67
2IILFH3RZHUSRLQW
»
»
»
»
Il wizard html converte le presentazioni in
uno show pronto per il WWW
Ogni slide diventa un’immagine gif
il tutto viene confezionato per la diffusione
via web
Qualcosa viene perso, animazioni, oggetti
embedded (colonne sonore, voce).
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 68
2IILFH$FFHVV
»
»
»
Le tabelle di Access, le queries e i reports
sono convertiti in pagine HTML (senza
interazioni, senza update in real-time).
L’interattività di ottiene con le pagine ASP
ma c’è bisogno di un server http
Le form non possono essere esportate
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 69
(VHUFL]L
Creare un file con Word. Salvarlo in HTML
➤ Creare un foglio elettronico con Excel. Salvarlo in
html.
➤ Web server personali dentro Access o FileMaker
➤ Salvare come Postscript
➤ Salvare come “text only”
➤
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 70
*XLGDGLVWLOH
Attenzione a non esagerare.
➤ Scegliete uno stile semplice e lineare e attenetevi
a questo
➤ Errori comuni:
➤
»
»
»
»
Usare frames
Tecnologie super-moderne 3-d,VRML
scrolling text
URL Complesse
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 71
*XLGDGLVWLOH3DUWH,,
»
»
»
»
»
»
Pagine orfane. Riferimento alla Home page
Pagine troppo lunghe
Supporto alla navigazione
colore dei link non-standard
informazioni obsolete
tempi di download troppo lunghi. (grosse immagini)
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 72
'RFXPHQWLQHOODUHWH
File di testo Pro e Contro
➤ File HTML Pro e contro
➤ File RTF, Word
➤ File Excel
➤ File Postscript, Acrobat PDF
➤ File GIF, JPEG, PNG
➤
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 73
&KHIRPDWRXVDUH
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 74
3URWH]LRQLVXOVHUYHU
➤ Una
pagina che non volete far vedere a
tutti
»
»
»
»
»
Pubblicate dicendo la URL solo agli interessati e non la
linkate dalla home page
Protezione per sito
Protezione con password: una password per tutti
Protezione con password: una password ciascuno
Mandate la pagina html via mail
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 75
,O:(%PRGHUQR
➤ CGI/forms
- server side processing of forms
➤ Java
➤ Javascript
/ vbScript
➤ Plugins
»
»
RealAudio, ShockWave, Chemscape Chime
LiveConnect - Built into Netscape
➤ VRML
- Virtual Reality Markup Language
➤ XML
©1999, Michele Michelotto
Corso WEB
Ottobre 1999
Slide 76