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