Introduzione alle Reti e Linguaggio HTML

Transcript

1 Reti Le Reti Introduzione alle Reti e Linguaggio HTML Reti: insieme di calcolatori tra loro connessi Le reti hanno il compito di mettere in comunicazione differenti calcolatori I calcolatori posso essere molto distanti Lo scopo è: condividere risorse (file, stampanti) distribuire la capacità di calcolo condividere informazioni 1 2 Le Reti Esistono numerose tipologie di rete, distinguibili in base a: Dimensioni fisiche Tecnologia trasmissiva Canale trasmissivo Protocollo utilizzato (Dimensioni Fisiche) Le reti si possono classificare in base alle dimensioni: PAN (Personal Area Network) LAN (Local Area Network) WLAN (Wireless Local Area Network) MAN (Metropolitan Area Network) WAN (Wide Area Network) 3 4

2 (Tecnologia Trasmissiva) Ci sono due principali modi di connettere calcolatori: Le reti punto a punto (POINT-TO-POINT) Le reti BROADCAST (Canale Trasmissivo) Doppino telefonico Modem (56Kbit/s): Non richiede modifiche alla rete esistente ISDN [128Kbit/s]: trasmette in digitale utilizzando due canali telefonici ADSL [4Mbit/sec]: trasmette in digitale utilizzando un singolo canale (2 differenti bande) Wireless (rete senza fili) Fibbre ottiche Satellite 5 6 (Protocollo Utilizzato) Reti orientate alla connessione: i pacchetti dati seguono tutti lo stesso percorso Esempio: protocollo usato nelle reti GSM Reti a commutazione o senza connessione (datagram): i percorsi dei pacchetti dati non possono essere prestabili a priori Esempio: Internet protocol (IP) Internet E la rete delle reti Router connettono reti di differente tipo Utilizza collegamenti di vario tipo Dispositivo connesso direttamente ad Internet si chiama host (calcolatori, cellulari, ) I dati circolano sotto forma di pacchetti Seguono il percorso più conveniente al momento della comunicazione 7 8

3 TCP/IP Protocolli di Rete Il protocollo di Internet è TCP/IP (Transmission Control Protocol / Internet Protocol) Ad ogni signola macchina sulla rete è assegnato un indirizzo IP Esempio: I pacchetti contengono informazioni per l instradamento (ad es. indirizzo del destinatario) I router instradano i pacchetti in base all indirizzo IP del destinatario I PC domestici non hanno un proprio indirizzo IP, ma possono prenderne uno in prestito: collegandosi ad un provider tramite la normale linea telefonica o ADSL utilizzare l indirizzo IP fornito dal provider durante la connessione rilasciare l indirizzo e la connessione 9 10 Protocolli di Rete Al protocollo TCP/IP si appoggiano altri protocolli (a livello applicativo) HTTP (browser internet; es. Internet Explorer) FTP (trasferimento di file) TELNET/SSH (terminali remoti) SMTP (trasferimento ) Applicazioni Client-Server Il server si occupa di gestire i dati, di eleborare le richieste e dialogare con gli utenti I clients si occupano di gestire l interfaccia utente, dell immisione dei dati e della stampa dei risultati Host client Applicazione client Host server Applicazione server 11 12

4 World Wide Web Client web: un browser Server web: fornisce una pagina web Statica dinamica Server db: fornisce i dati per la costruzione di pagine dinamiche WWW: l insieme dei web-server presenti su internet (ad es. Apache HTTP Servers, ) HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup: descrive il contenuto Le pagine web sono documenti ipertestuali Non è un linguaggio case-sensitive Permette di integrare contenuti multimediali in un documento ipertestuale Testi formattati (font, colori, ecc.) Immagini, suoni, filmati Collegamenti ad altri oggetti (links) Script (JavaScript, CGI) Un documento HTML è un file con estensione.htm o.html. Si può generare: Con un semplice editor di testo Con apposite applicazioni WYSIWYG (What You See Is What You Get) che consentono di creare pagine molto complesse senza conoscere il linguaggio 15 16

5 I componenti fondamentali sono detti tag (di apertura/chiusura) I tag sono segnalini (markup) I tag si scrivono tra parentesi angolari < > Ad ogni tag (salvo poche eccezioni) corrisponde un tag di chiusura. <TAG attributi>contenuto</tag> - Struttura delle Pagine Web - I tag possono contenere elementi al loro interno e anche altri tag La base di ogni documento HTML è: <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Struttura delle Pagine Web - Le informazioni nel tag <HEAD> non vengono visualizzate Il tag <HEAD> contiene altri tag, ad esempio: <HEAD> <TITLE> Prima pagina Web </TITLE> </HEAD> - Struttura delle Pagine Web - Il resto della pagina sta invece all interno della sezione delimitata dai tag <BODY> <BODY> </BODY> 19 20

6 - TAG per l Indentazione - Il Tag <P> </P> inizia un nuovo paragrafo <P align="right"> </P>: inizia un nuovo paragrafo allineato a destra <P align= center"> </P>: inizia un nuovo paragrafo centrato <P align= left"> </P>: inizia un nuovo pagrafo allineato a sinistra <CENTER> </CENTER>: centra il testo <br>: va a capo - TAG per la Formattazione - <B> </B>: testo in grassetto <I> </I>: testo in corsivo <U> </U>: testo sottolineato <PRE> </PRE>: testo preformattato <H1> </H1>,, <H6> </H6>: grandezza del testo <SUP> </SUP>, <SUB> </SUB>: apice/pedice Caratteri speciali: Es. è si scrive e&grave TAG per Elencare - - TAG per Collegare - <UL> <LI> elemento1 </LI> <LI> elemento2 </LI> </UL> <OL> <LI> elemento1 </LI> <LI> elemento2 </LI> </OL> (lista non ordinata) (lista ordinata) <A indirizzo>testo</a> <A HREF= > Home Page del corso di Informatica A</A> <A HREF="mailto:saetti@ing.unibs.it">saetti@ ing.unibs.it</a> NOTA: Tra doppie virgolette si scrive l URL (Uniform Resource Locator) ovvero l indirizzo della risorsa 23 24

7 -TAG per Includere Immagini- <IMG indirizzo attributi> <IMG SRC= immagini/pic1.jpg WIDTH=640 HEIGHT=480> NOTA: in questo caso il tag possiede anche degli attributi, cioè WIDTH e HEIGHT 25