5abiomat

0. Come realizzare un sito….

P= er realizzare un sito Internet indipendentemente, senza appoggiarti ad un service esterno, una breve traccia può essere la seguente: <= /span>

1) trova uno spazio Web (hosting). Per fare in mod= o che tutto il mondo veda le tue pagine Web (tue personali o della tua azienda), = queste pagine devono essere “ospitate” da = un computer permanentemente collegato alla rete. Ci sono diverse aziende colle= gate permanentemente ad Internet che si offrono di ospitare le tue pagine, facen= doti pagare un canone annuale. Ci sono anche aziende che ti ospitano gratis, in cambio della visualizzazione di un banner sul t= uo sito (cosa fortemente sconsigliata se il tuo &eg= rave; un sito aziendale);

2) acquista (eventualmente) un nome di dominio. Ci sono aziende che si = occupano esclusivamente della vendita/registrazione di domini, ci sono anche aziende= che offrono sia uno spazio Web, sia la registrazione del dominio. Se hai gi&agr= ave; un sito “free” alcune aziende che o= ffrono la registrazione del dominio offrono anche un servizio di “redirezione” o “forw= ard”, cioè possono fare in modo che il dominio “punti” al sito free, esempio www.tuosito.it punta a www.tiscali.it/tuosito.<= o:p>

1b-2b) esiste anche un altro modo, praticato do= ve i costi sono più accessibili, cioè acquistare un collegamento diretto ad Internet da un gestore telefonico ed installare un server Web su un proprio PC (richiede comunque certe capacità tecniche);

3) annotati per bene i parametri FTP forniti al momento dell’attivazione del servizio di hosting<= /span>.= Sono in genere nome del server, nome utente, password;

4) procurati un editor HTML ovvero un programma per realizzare pagine Internet= , ed impara ad usarlo;

5= ) una volta creato il tuo sito sul tuo PC, non rimane che da pubblicarlo in rete, attraverso un software FTP.

6= ) per fare conoscere il tuo sito, è una buona i= dea segnalarlo ai motori di ricerca;

&= nbsp;

L= a realizzazione di un sito Internet, con un po’ di pazienza, è alla portata di tutti. Una volta com= prese le operazioni tecniche, l’importante è cercare di non strafare, di mantenere un layout semplice, e progettare in modo lineare le pagine e i collegamenti. Non bisogna infatti dimenticare che i siti più usati e più visitati sono quelli più semplici.

<= o:p>

T= ermini utili

H= OSTING: chi fa “hosting” è qu= alcuno che può ospitare le tue pagine Internet su un PC permanentemente “collegato”, in modo che tutto il mondo le possa vedere, sempre

H= OST: PC permanentemente collegato, che ospita pagina Internet

R= EGISTRAZIONE DOMINI: è un servizio che fa in modo che il nume= ro identificativo a cui sono associati tutti i PC collegati in Internet, e qui= ndi anche il tuo host, sia associato ad un nome più facile da ricordare (ad esempio 123.12.123.1= 2 a www.paperinik.com).

F= ORWARDING: è un servizio che fa in modo che un dominio “punti̶= 1; ad un altro indirizzo. Può riguardare un dominio vero e proprio, ad esempio www.tuosito.it punta a www.tiscalinet.it/tuosi= to.

I= P: identificatore univoco di un PC collegato a Internet. Chi si collega via modem riceve un IP “dinamico”

D= NS: un server DNS è semplicemente un server che traduce un nome tipo www.tuosito.it in qualcosa come 123.234.123.21, cio&egr= ave; un identificatore univoco di un PC in Internet = (si chiama IP). Nel caso di hosting, il serv= er DNS sarà un PC collocato nei locali della società che fornisce l’hosting; nel caso di forwarding, sarà la società che registra il dominio a provvedere un server DNS che una volta interpellato effettuerà= la redirezione al tuo sito.

1. INTERNET,DALLE ORIGINI AL TERZO MILLENNIO. 2

2.= TCP/IP ovvero protocolli e indirizzi 7

3.= Lezioni di Html 10

4. Cos'è un URL. 18

5.= COS'E' UN NOME DOMINIO?. 19<= /o:p>

1. INTERNET,DALLE O= RIGINI AL TERZO MILLENNIO

Lo sbarco dell’uomo sulla Luna è stato indubbiamente l’evento che ha caratterizzato il 1969 come l’alb= a di una nuova era. Ma esiste almeno un altro motivo perché lo si possa ritenere epocale: il 1969 è l’anno di nascita = di Internet. Esiste una stretta correlazione tra Internet e la conquista dello spazio. Molti pensano che la Rete delle Reti sia “un’invenzione degli anni ‘90”, ma in realtà questo è vero solo = per alcuni elementi. E’ anzi possibile affermare che la storia di Internet ha avuto un corso parallelo alla Storia contemporanea ufficiale, benché inizialmente molti avvenimenti siano stati noti solamente agli addetti ai lavori.

1.1. LA GENESI

Nel 1957 l’Unione Sovietica realizzò un importantissimo progetto spaziale: la messa in orbita dello Sputnik. Fu un evento che diede un notevole scossone tanto all’orgoglio tecnologico degli Stati Uniti d’America quanto alla loro sicurezza di primato in campo militare. La risposta non tardò a venire: alla fine degli anni ’50, durante la guerra fredda, l’amministrazione Eisenhower si diede ad una efficace attività di

stimolo (e di finanziamento) della ricerca militare nel settore dellecomunicazioni= . In seguito all’approvazione del Congresso, il Dipartimento della Difesa degli Stati Uniti nel 1958 diede vita all’ARPA (Advanced Research Projects Agency), con= sede all’interno del Pentagono, a Washington.

I progressi sovietici in cam= po spaziale continuarono. Nel 1961 portarono nello spazio il primo uomo (Yuri Gagarin). Gli Stati = Uniti decisero di stanziare maggiori finanziamenti nel campo della ricerca aerospaziale e costituirono la NASA. Il governo trasferì ad essa la competenza di gestire i programmi spaziali, co= n i relativi capitali (che in breve tempo diedero frutto, dando vita alle missi= oni Apollo) e l’Arpa dovette cercarsi un nuovo “oggetto di studio parallelo”; lo trovò nella scienza dell’informazione e d= ella comunicazione. La direzione dell’agenzia, avendo a disposizione costo= si elaboratori elettronici, decise di sviluppare un progetto che conferisse a quelle macchine la capacità di comunicare e trasferire dati.

Nel 1969 nacque il primo risultato concreto del proget= to, chiamato ARPAnet. Secondo molte “biografie” - anche attuali - che trattano<= /span> la storia di Internet, l’obiettivo primario di A= rpanet era di garantire la sicurezza dei dati in caso di guerra nucleare. In realt= à, almeno inizialmente, si prefiggeva di ottimizzare lo sfruttamento delle cos= tose risorse informatiche nel campo della ricerca: di fatto, Arpanet consentì addirittura la condivisione dei sistemi tra i vari poli universitari. L’ipotesi militare è dovuta<= /span> alla locazione della sede dell’Arpa (Pentagono, Washington) e al fatto che Arpanet seguisse le direttive generali di sicurezza dei dati indicate dall’ingegner Paul Baran, un dipendente della Rand<= /span> Corporation, centro della costa occidentale legato al= la ricerca militare e aerospaziale.

Arpanet coinvolse inizialmente quat= tro “utenti” importanti: la UCLA (Università di Los Angeles) dotata di un Xerox<= /span> DSX-7; la UCSB (Università di Santa Barbara) dotata di un IBM 360/75, l’Università dello Utah che aveva un DEC PDP-10 e lo SRI (Stanford Research Institute) con il proprio XDS 940; ad ognuno fu consegnato un IMP (Interface Message Processor), un computer dedicato alla gestione del traffico dati, prodotto dalla BBN (Bolt Beranek & Newman), la= cui piattaforma di base era costituita da un elaboratore H= oneywell 516 con una memoria centrale di “ben”12 K (la sim card di un moderno telefono cellulare può averne 64 o 128). I quattro nodi furono collegati tra loro attraverso circuiti a 50Kbps prodotti dalla AT&T.

Il primo esperimento di collegamento ebbe uno svolgime= nto che oggi non ci stupirebbe granché: le cr= onache del tempo narrano che il professor Kleinrock dell’UCLA tentò, da Los Angeles, di accedere al sistema Xds di Stanford con un gr= uppo di studenti che seguiva le operazioni per telefono, collegato con altri studen= ti presso lo SRI.

Kleinrock iniziò digitando la “L”, che apparì sul video del computer remoto. Continuò entusiasta digitando la “O” (a= nche questa apparve sul video di Stanford, come da conferma telefonica), ma quando digitò la “G” il sistema andò in tilt (la cosa ricorda un po’ certe operazioni svolte o= ggi in Windows...). Il secondo tentativo andò a buon fine e conferm&ogra= ve; che il progetto stava percorrendo la giusta direzione.

I dettagli tecnici che delineano la composizione di Arpanet non sono stati coper= ti da segreto. Il dominio pubblico di queste informazioni confuterebbe quindi l’opinione generalizzata di molti testi che parlano delle origini di Internet descrivendone le finalità militari, poiché i fatti descritti ci consegnano la storia di studi ed esperim= enti condotti alla luce del sole, da soggetti con culture differenti. Le applicazioni militari (sicuramente, se si fosse verificato un bombardamento= il rischio di perdita di dati sarebbe stata scongiurato, dato che comunicazioni e archivi potevano essere trasmessi tra computer dislocat= i in diverse località) furono comunque conseguenza “obbligata”= ; di un progetto che poteva nascere solamente dalla sinergia delle uniche due entità che, all’epoca, disponevano della tecnologia informatica necessaria: il Dipartimento della Difesa e l’ambiente universitario d= ella ricerca.

1.2. LO SVILUPPO=

L’IMP concepito dalla = BBN poteva collegarsi, al massimo, con 64 computer e una sola rete locale. Limi= ti che oggi farebbero tenerezza: oggi Internet ha m= ilioni e milioni di utenti.

Nel 1971 Arpane= t era formata da 15 nodi e 23 host, dei quali entrò a far parte anche la Nasa; gli ute= nti erano qualche centinaio.

I software di interfacciamento e di trasferimento dati seguirono un protocollo denominato FTP (File Transf= er Protocol, utilizzato ancor oggi) e con il passare del= tempo subirono molte evoluzioni, facendosi sempre più raffinati.

Il progetto era ben avviato e gli sviluppi che stavano seguendo erano molto interessanti, per cui nel 1= 972 fu deciso di dimostrare tutto in un evento pubblico, inserito nella International Conference = on Computer Communications. L’evento ebbe successo e costituì lo stimolo a ricercare= una modalità di dialogo tra reti costituite su piattaforme differenti.

Bob Kahn della BBN e Vinton Cerf dell’Ucla, le menti più illuminate in ambito Arpanet, studiarono per mesi avvalendosi anche dei risultati ottenuti da esperimenti paralleli, come quelli condotti dall’Università delle Hawaii (Aloha-net) basati su comunicazioni radio e satellitari; in poco tempo riuscirono a fis= sare nuove specifiche di comunicazione dei dati, il cui insieme fu identificato = come TCP (Transmission Control = Protocol).

La DARPA (vale a dire l’ARPA, alla cui sigla di identificazione fu premesso il termine Defense) investì sul primo impiego pubblico de= l TCP, dimostrato in un’applicazione alquanto singolare: uno scambio di=

messaggi tra un elaboratore installa= to a Londra e uno installato su un caravan in viaggio lungo la baia di San Franc= isco in California. I successivi investimenti della Darpa e gli studi che seguirono poi, consentirono nel ’78 di sviluppare un’evoluzione del protocollo, che fu scomposto in due parti: il TCP per la gestione dei pacchetti di dati e l’IP (In= ternet Protocol) per la loro canalizzazione.

Il TCP/IP costituisce da allora la base della moderna concezione di Internet, considerando che ogni co= mputer connesso alla rete ha un proprio indirizzo ip.<= o:p>

Alla fine degli anni ’70 Ar= panet constava di soli quindici nodi, ma negli Stati Uniti esistevano altre centi= naia di dipartimenti di informatica. Per evitare che = questi ultimi venissero emarginati dagli sviluppi delle= comunicazioni, la National Science= Foundation (NSF) iniziò a finanziare la costit= uzione di reti più economiche tra i vari poli universitari (Usenet, Csnet, Bitnet che abbracciò la prestigiosissima Yale), col= legate tra loro mediante il TCP/IP.

1.3. DA ARPANET AL= WORLD WIDE WEB<= span lang=3DEN-GB style=3D'font-size:12.0pt;font-family:Verdana;mso-ansi-languag= e:EN-GB'>

Ben presto attorno ad Arpanet si andò a costruire una rete più estesa.

Nel 1983 la Defense Communication Agency, ass= umendo ufficialmente l’utilizzo del TCP/IP, la divise in due sezioni. La pri= ma, chiusa, a carattere militare (Milnet), la secon= da a carattere scientifico (Arpanet), che non aveva = alcun limite di connettività.

Nello stesso periodo, John= Postel creò un nuovo protocollo per la gestion= e della posta elettronica, denominato SMTP (Simple Mail Transfer Protocol) e insieme a Craig Partridge e Paul Mockapetris studiò un nuovo sistema di identificazione dei nodi della rete che fosse pi&ug= rave; immediato ed intuitivo dell’utilizzo dell’indirizzo ip. Il risultato della loro ricerca fu il Domain Name System (che n= ella rete ci consente di identificare, ad esempio, il server che ha numero ip 15.61.3.56 con un determinato nome, come hotmail.c= om).

Da quel momento in avanti lo sviluppo della tecnologia della rete andò a toccare un’altra caratteristica: la velocità di trasmissione dei dati. Le Università di Princeton= e Pittsburgh, assieme ad altri tre centri di ricerca, dis= ponevano di elaboratori particolarmente avanzati e costosi e la NSF decise di investire nella realizzazione di una dorsale che li collegasse con una line= a a 56K (la velocità raggiunta dagli attuali modem analogici con tecnolo= gia V90). Il successo del collegamento convinse tutte le università amer= icane a sottoscrivere l’offerta della NSF, originando = NSFnet. Gli host diventarono diecimila e Compuserve, Decnet e MCI si collegarono alla rete, portando= vi tutti i propri utenti.

Nel 1988 NSFnet= dovette adeguare la velocità della linea al crescente numero degli u= tenti e la portò a 1,5 Mbps. Nello stesso anno nacque IRC (Internet Replay Chat), in assoluto la prima chat che permise a più utenti di dialogare per iscritto in tempo reale. I diecimila host decuplicarono nel giro di un ann= o.

La “vecchia” Arpanet<= /span> segnava il passo e in confronto a NSFnet si dim= ostrava ormai obsoleta. Nel 1989 la Darpa trasfer&igrav= e; sulla nuova rete tutti i siti e decretò ufficia= lmente la fine di Arpanet. Tutto questo avvenne parall= elamente alla caduta del Muro di Berlino, che segnò un’altra fine: quel= la della guerra fredda, che vide nascere e crescere una rete che avrebbe cambi= ato il mondo.

All’inizio degli anni ’90 le politiche di accesso a NSFnet venner= o modificate per consentire l’ingresso nella rete anche per fini commerciali.=

La crescita del numero di u= tenti divenne quasi incontrollabile e, dal momento che non era possibile tenere s= otto controllo anche la loro qualità, ben pr = esto si rese necessario pensare alle misure di sicure= zza da adottare sulla rete: già nel 1988 fu rilevato il primo virus, che av= eva causato danni agli oltre 60.000 computer connessi.

Philip Zimmer= man inventò Pretty Good= Privacy (PGP), un sistema di crittazione dei me= ssaggi che fu adottato anche da CIA e FBI, mentre Paul= Lindner e Mark McCahill dell’Università del Minnesota c= rearono, con Gopher, una razionalizz= azione delle informazioni, strutturate per gerarchia, basata sul modulo server che gestisce la struttura ad albero accessibile al client<= /span>.

Nel 1991 iniziò la collaborazione “europea” alla struttura di Internet= : Tim Berners Lee del Cern di Ginevra sviluppò un sistema = per consultare in modo intuitivo informazioni, dati e immagini che diede corpo = al World Wide Web . La consultazione fu così fluida da essere definita surfing (“navigazione” in italiano), grazie all’Hyper Text Marking Language (HTML), il linguaggio con cui da quel momento in avanti vennero composti i dati da consultare. Presto nacquero anche gli strumenti di consu= ltazione e ricerca come Veronica (1992), che precedette i capostipiti degli attuali browser: il primo probabilmente fu Mosaic (1993) della National Center Supercomputing Applications, a cui seguirono Ne= tscape Navigator (1994) e Microsoft Internet Explorer (1995). Tutte queste premesse costituirono la base di una rete caratterizzata dal rapido sviluppo commerc= iale e dall’accesso sempre più capillare (ad oggi, in Italia, si co= ntano oltre 20 milioni di utenti, tra connessioni priv= ate e business). Una estensione tale da rendere indispensabile, nell'ultimo decennio, l'adozione di adeguate misure di sicurezza informatica. Ma questo è un alt= ro argomento.

2. TCP/IP ovvero protocolli e indirizzi <= /h2>
2.1. Il protocollo TCP/IP

Una rete di computer pu&ogra= ve; essere composta da calcolatori che appartengono a differenti piattaforme hardware e software. Tale varietà comporta la necessità di trovare un linguaggio di comunicazione che permetta a tutti i componenti della rete di capirsi e dialogare senza difficoltà. In pratica, è necessario individu= are un protocollo di comunicazione che sia supportato dai vari sistemi operativi installati nelle macchine della stessa rete. Per comprendere meglio il concetto di "protocollo" si pensi, per analogia, alla lingua Inglese, la quale è= ormai punto di riferimento nella comunicazione tra i popoli di tutto il mondo. Al= lo stesso modo, il TCP/IP è il punto di riferimento per quanto concerne l'interconnessione delle reti presenti nel pianeta, da quelle di piccole e medie dimensioni (LAN) a quelle di grande portata (Internet).

Si definisce "protocollo" una serie di regole e convenzioni alle quali ci si attiene per effettuare una comunicazione<= /b>.

Il TCP/IP (Transport Control = Protocol / Internet Protocol) è una= suite di protocolli implementata per interconnettere reti di calcolatori. Fra i numerosi protocolli che compongono tale suite prendiamo in considerazione i cinque fondamentali: HTTP, POP3, SMTP, NNTP, FTP.

HTTP (H<= /b>yper Text Transfer Protocol): è il protocollo utilizzato per la navigazione in Internet e consente l’utilizzo dell’ipertesto.

POP3 (Post Office <= span class=3DSpellE>Protocol 3): è il protocollo del= la posta in arrivo, necessario per verificare la ricezione di nuove e-mail.

SMTP (Simple Mail Transfer Protocol): &egr= ave; il protocollo della posta in uscita, necessario per l’invio di ciascuna e-mail.

NNTP (Network News= Transfer Protocol): è il protocollo utilizzato per il funzionamento dei gruppi di discussione (newsgroups).

FTP (File Transfer Protocol): è il protocollo che consente il trasferimento dei file.

Il TCP/IP è definito protocollo “a commutazione di pacchetto” perché ogni sin= gola unità di dati, prima di essere inviata da un punto all’altro, = viene frazionata in singoli pacchetti di dati. Ciascun= o di tali pacchetti include, oltre al contenuto dei dati da trasportare, l’indirizzo del computer mittente e quello del destinatario.

- Il TCP è il protoco= llo di rete per eccellenza, poiché detta le regole per il corretto instradamento dei pacchetti di da= ti lungo tutta la rete. Esso permette, in sostanza, che le informazioni partano da un mittente e giungano regolarmente ad un destinatario. I dati vengono suddivisi in gruppi elementari, chiamati pacchetti, i quali viaggiano autonomamente nella rete.=

Il TCP assicura che tutti i pacchetti inviati ad un computer remoto arrivino a destinazione. Esso si oc= cupa non solo di spezzettare in datagrammi i dati da inviare, ma anche di riassemblare i datagrammi ricevuti e di richiedere il reinvio dei pacchetti di dati, qualora questi siano anda= ti perduti durante il trasporto.

- L̵= 7; IP coordina il percorso dei pacchetti di dati che viaggiano in una rete proced= endo all'instradamento degli stessi. In altre parole= , esso consente di individuare il computer al quale si = intende recapitare il pacchetto dati. L’IP è un protocollo senza connessione e, in quanto tale, non garantisce l’effettiva consegna dei pacchetti. Inoltre non assicura che il loro ordine di partenza sia rispettato all'arrivo.

Dunque, mentre l’IP si limit= a a spedire rapidamente i dati che gli arrivano senza preoccuparsi troppo se qualcosa va male, il TCP si occupa invece di verificare che l’informazione inoltratagli arrivi correttamente a destinazione.

In altre parole, attraverso = il TCP i dati vengono trasmessi sotto forma di flusso (da= ta stream) e giungono a destinazione nello stesso ordine= in cui sono partiti. Tramite l’IP, invece, i dati ve= ngono suddivisi in pacchetti e possono arrivare in un ordine sparso rispetto a qu= ello stabilito in fase di trasmissione.

2.2. L’indirizzo IP

L’indirizzo IP è= ; un codice numerico che consente di identificare un computer connesso a Internet. E' costituito da quattro serie numeriche a= venti al massimo 3 cifre, ciascuna delle quali è compresa tra 0 e 255. Un ese= mpio di indirizzo IP può essere il seguente: 62.11.4.101

Gli indirizzi IP pubblici so= no in genere dinamici, cioè cambiano ad ogni connessione. In alcuni casi, gli ISP assegnano IP statici: si tratta, in sostanza, di IP che non variano ad ogni connessi= one, bensì rimangono immutati. In genere, questi IP v= engono offerti sotto forma di servizio a pagamento.

Un computer necessita di un indirizzo IP pubblico statico nel caso in cui si debba offrire un servizio Internet, ad esempio una macchina su cui è installato un Se= rver Web.

Per conoscere l'indirizzo IP= di una macchina con piattaforma Windows è sufficiente digitare dal prompt di MS-DOS il comando ipco= nfig. In alternativa, è possibile affidarsi a programmi ad interfaccia grafica disponibili nell'area software di rete di questa sezione.

Gli indirizzi IP, come gi&ag= rave; menzionato, identificano un computer della rete in modo univoco. Per la verità identificano un'interfaccia di rete, quin= di un host con più interfacce possiede pi&ugr= ave; indirizzi IP.

Allo stesso tempo, per&ograv= e;, l'indirizzo IP indica anche la rete a cui appartiene l'host. Tali informazioni sono indispensabili per i dispositivi che effettuano le operazioni di routing, cioè di instradamento dei pacchetti nella rete.

Come già accennato, l'indirizzo IP è composto da quattro serie numeriche aventi al massimo 3 cifre, ciascuna delle quali è compresa= tra 0 e 255, ad esempio: 192.234.24.98. Quest'ultimo numero identifica l'indiri= zzo IP di un host ed è espresso in forma dec= imale. Ma come è noto, i calcolatori interpretan= o il sistema numerico binario (1 e 0). L'indirizzo IP è composto da 32 bit, o 4 byte di otto bit ciascuno (192.234.24.9= 8 =3D 11000000.11101010.00011000.01100010). Il sistema numerico decimale è utilizzato semplicemente per facilitare la gestione degli indirizzi da parte degli amministratori di rete.

L'indirizzo IP è sudd= iviso in due campi: uno identifica la rete; l'altro l'host. Tale suddivisione ha porta= to alla classificazione degli indirizzi in tre classi principali (A,= B, C), le quali si differenziano in funzione di quanti dei quattro byte identificano la rete e quanti l'host.

Di seguito un piccolo riepil= ogo.

Classe A: è rappresentata dag= li indirizzi IP compresi tra 1.0.0.0 e 127.255.255.255. Il primo byte identifica la rete, mentre i tre byte succesivi identificano l'host. In questo modo si possono ottenere 127 reti costituite ciascuna da 16.777.216 host. Tantissimi? In verità no, vista la crescita esponenziale di Internet.

Classe B: è rappresent= ata dagli indirizzi IP compresi tra 128.0.0.0 e 191.255.255.255.<= b> In questo caso, la rete è identificata nei primi due byte, mentre i due= successivi fanno riferimento agli host per un totale di 16.384 reti composte da 65.536 host.

Classe C: utilizzata per le reti più piccole, è composta dagli indirizzi compresi tra 192.0= .0.0 e 223.255.255.255. In questo caso, l'host è identificato solo dall'ultimo byte mentre i primi tre rappresentan= o la rete. Pertanto, è possibile gestire 2.097.152 reti composte <= span class=3DGramE>da 256 host.

Classi D ed E: utilizzate per scopi particolari. Gli indirizzi di classe D non identificano né la rete né l'host, bensì un indirizzo multicast: sono quindi utilizzati per le trasmissioni= in multicast, dove un solo host trasmette e tutti gli altri ricevono. Gli indirizzi di classe E sono invece destinati ad un utilizzo futuro.

Le reti di classe A, B e C p= ossono essere suddivise in sottoreti. Tale operazione, denominata Subnetting, viene effettuata sia per facilitare le operazioni di routing= e di gestione degli indirizzi che per evitare sprechi nell'utilizzo degli indirizzi (che, come già detto precedentemente, sono una risorsa limitata con i sistemi di indirizzamento attual= e, ovvero gli IPV4).

La suddivisione di una rete = in due o più sottoreti si esegue attraverso la <= span class=3DSpellE>netmask, che stabilisce quali indirizzi IP pos= sono essere usati nelle sottoreti.

Per la classe A, la <= span class=3DSpellE>subnet mask deve essere i= mpostata a 255.0.0.0. Per la classe B, deve essere settata a 255.225.0.0. Per la classe C, che è la classe che sicuramente ci interessa di più, la subnet deve essere impostata a 255.255.255.0. =

Quindi, se gli indirizzi disponibi= li vanno da 192.0.0.0 a 223.255.255.255 e la nostra rete di classe C possiede,= ad esempio, un indirizzo IP 192.234.24.0, la maschera di sottorete dovrà essere impostata a 255.255.255.192. Per quanto riguarda le due sottoreti, a= lla prima può essere assegnato come gateway l'indirizzo IP192.234.24.0 (e alle macchine che= la compongono gli indirizzi dal 192.234.24.1 al 192.234.24.126), mentre alla seconda può essere assegnato come gateway l'indirizzo IP 192.234.24.128 (e alle macchine che la costituiscono gli indirizzi dal 192.234.24.129 al 192.234.24.254). In questo modo, nonostante= si possieda un solo indirizzo IP che identifica una rete composta al massimo da 256 host, è possibile creare virtualmente altre due reti.

3. Lezioni di Html

Html è il linguaggio con = cui le pagine web vengono scritte e progettate, anche se molti progettisti si rifiutano di pensare all'html come ad un linguaggio di layout. In effetti l= 'Html non è nato per essere un linguaggio di progettazione, ma per essere un linguaggio di visualizzazione, che possa es= sere mostrato in modo diverso a seconda dei diversi computer e dei diversi siste= mi operativi.

L'Html<= /span>, però, che ci piaccia o meno, è il linguaggio del web e quindi se si vuole costruire un sito o una pagina web bisogna conoscerlo. Magari non è necessario conoscere tutti i tag e tutti gli attributi, anche perchè oggi disponiamo di editor WYSIWYG molto p= otenti e precisi, ma conoscere almeno a grandi linee il linguaggio Html è fondamentale e risulta di grande aiuto nella realizzazione di qualunque progetto web.

3.1. Notizie storiche

T= im = Berners-Lee stava cercando un modo per gestire e distribuire fra i colleghi grandi quantità d'informazioni e nel 1989 propose l'adozione del linguaggio HTML al laboratorio europeo per la fisica delle particelle (CERN). Egli propose una rete di documenti connessi tramite collegamenti ipertestuali e ospitati da computer chiamati server ipertestuali. Seguendo i progressi di questa idea, la piccola rete inizia= le divenne il World Wide Web. = Berners-Lee creò un'applicazione del linguaggio SGML (Standard Generalised Markup Language), un sistema standard utilizzabile per specificare la struttura di un documento,= e lo chiamò HTML (HyperText Markup Language).

Il linguaggio HTML riduce enormemente la complessità dei linguaggi SGML per migliorare la tras= missione dei dati via Internet. La prima bozza del lingua= ggio HTML includeva elementi quali i titoli, i paragrafi e gli elenchi di punti.= Il linguaggio HTML è stato concepito per rappresentare documenti dalla struttura molto semplice e non era adatto a gestire la = grande varietà d'informazioni attualmente in uso, quindi è stato manipolato in migliaia di modi per comprendere la grande varietà d'informazioni disponibili nel Web.

Il concetto che sta alla bas= e del World Wide Web e l'idea più rivoluzionar= ia concepita da Berners-Lee è l'uso dell'ipertesto per collegare fra loro le informazioni disponibili in Internet. Un ipertesto è un modo non linea= re di organizzazione delle informazioni. = Quando si usa un sistema ipertestuale si può sal= tare da un argomento a un altro argomento correlato per trovare rapidamente le informazioni cui si è interessati e poi tornare al punto di partenza= o passare a un altro argomento. L'autore dell'ipertesto sceglie i termini da trasformare in collegamenti ipertestuali e la destinazione del clic dell'utente.

Nel Web i collegamenti ipertestuali, che possono essere testi o immagini, possono inviare ad un'al= tra pagina Web o possono aprire o prelevare un file, ad esempio un suono, un'immagine, un filmato o un file eseguibile. Inizialmente Internet era costituita solo da file di testo e binari; quando furono introdotte queste nuove funzionalità ipertestuali, si dovette coniare un nuovo termine= : ipermedia, il concatenamento d'informazioni di natura eterogenea tramite il World Wide Web.

3.2. Come funziona

Un file HTML non è al= tro che un file di testo (definito genericamente "puro testo" o "testo ASCII"), sostanzialmente identico ai f= ile di tipo TXT che si possono scrivere con un comune editor di testo, come il blocco note di windows. Per funzionare come pagina web, questo file di testo deve essere rinominato con il suffisso .HTML o .HTM e deve contenere, oltre= al testo vero e proprio, anche le istruzioni che consentono al browser di riconoscerlo e gestirlo correttamente. Queste istruzioni sono chiamate Tag (marcatori). Un tag<= /span> è un comando racchiuso tra i segni < (minore) e > (maggiore), chiamati anche parentesi angolari. Quando il browser incontra questi simboli capisce che si tratta d'istruzione da eseguire e non di testo da visualizzare sullo schermo.

Nella maggior parte dei casi= i tag funzionano in coppia, richiedono cioè un'istruzione d'apertura ed una di chiusura secondo lo schema:

<TAG DI INIZIO>elemento cu= i si applica l'istruzione</TAG DI= FINE>

È anche possibile inc= ludere coppie di tag all'interno d'altre coppie di tag mantenendo una sequenza simmetrica. A titolo d'es= empio, il tag identifica il grassetto ed il = tag il corsivo. Così per formattare = in grassetto e corsivo una parola si deve scrivere:

Testo oppure: = Testo ma non: = Testo

I tag in generale possono contenere attributi che ne definiscono determinate proprietà. Ogni attributo può assumere differenti valori. Quasi tutti i tag prevedono attri= buti che sono specifiche aggiuntive che ne influenzano il risultato. La sintassi è: <TAG ATTRIBUTO=3D"valore">; ad esempio: <IMG SRC=3D"foto.jpg">.

Le virgolette che racchiudon= o il valore di un attributo a volte sono obbligatorie= ed a volte no. In ogni caso sono sempre accettabili = anche quando non sono necessarie.

Come già detto, per c= reare un file HTML è sufficiente un editor di testo co= me il blocco note di Windows. Esistono anche programmi specializzati nell'elaborazione di pagine web e sono i cosiddetti editor tipo WYSIWYG (What You See Is What You Get: quello che= vedi è quello che ottieni) come Ms Frontpage e Macromedia Dreamweaver per citarni alcuni. Con questi software si opera in modo grafico e intuitivo, manipolan= do oggetti e pulsanti tramite il mouse e quindi non si deve scrivere a mano il codice HTML riga per riga e tag per tag.

Lo svantaggio è che n= on tutti questi editor generano un codice ottimizzato e perfettamente standard. Conoscendo bene il linguaggio HTML si può abbozzare una pagina o un intero sito con un editor WYSIWYG e in seguito apportare a mano al codice H= TML generato tutti i ritocchi necessari per raffinare e perfezionare ulteriorme= nte i risultati.

3.3. I tag essenz= iali

La struttura essenziale di ogni pagina web e costituita da:<= /p>
I tag <HTML> e &l= t;/HTML> all'inizio ed alla fine del documento; essi indicano al browser che tutto ciò che è compreso nel mezzo è una pagina web.

I tag <HEAD> e &l= t;/HEAD> racchiudono l'intestazione del documento dove si possono inserire informazi= oni che non vengono visualizzate nella pagina, ma ch= e ne descrivono caratteristiche come titolo, autore e parole-chiave. Quando il browser incontra questi simboli capisce che = si tratta d'istruzione da eseguire e non di testo da visualizzare sullo scherm= o.

I tag <BODY> e &l= t;/BODY> racchiudono il corpo del documento dove si inser= isce il contenuto da visualizzare nella pagina (testo, collegamenti, immagini e così via).

Esempio di pagina web vuota:=

<HTML>

 <HEAD>

 </HEAD>

 <BODY>

 </BODY>

</HTML>

Il codice base di ogni pagina web può contenere altri elementi aggiuntivi come:=

&= lt;!DOCTYPE attributi>: questo tag serve a dichiarare la versione HTML = su cui il documento è basato e va inserito all'inizio del file prima di <HTML>....</HTML>.=

&= lt;!- commento ->: questo tag consente di commentare alcune parti = del codice della pagina e può essere inserito= in qualsiasi punto.

Quando nel codice HTML si inseriscono questi tag aggiuntivi bisogna fare sempre attenzione a non accrescere esageratamente ed inutilmente le dimensioni della pagina che incidono sensibilmente sui tempi= di trasmissione, caricamento e visualizzazione nel browser.<= /p>
3.4. I tag di intestazione

I tag di intestazione sono:<TITLE> e <META>.

Con <TITLE> si definisce il titolo della pagina web. Il titolo appare sulla barra super= iore della finestra del browser quando la pagina viene visualizzata durante la navigazione. Questo tag richiede un'istruzione di apertura ed una di chi= usura. La sintassi corretta è:

<HEAD>

<TITLE>Titolo della pagina<= span style=3D'font-family:Verdana'></TITLE>

</HEAD>

È buona norma specifi= care il titolo di ogni pagina web perché una p= agina senza titolo è anonima e poco professionale. Non è possibile inserire nella stessa intestazione più di un ta= g <= TITLE>.

Mediante il tag <= META> si possono inserire nell'intestazione dei dati che non = vengono visualizzati nella pagina ma servono al browser e ai motori di ricerca per gestirne i contenuti in modo più efficace. È possibile specificare con il tag <META> informazioni come: il nome dell'autore della pagina, una breve descrizione = dei contenuti della pagina ed un elenco schematico di parole-chiave legate ai contenuti. Il tag <META> non richiede chi= usura ma l'aggiunta di alcuni attributi e dei rispetti= vi valori. La sintassi generica è:

<META ATTRIBUTO1=3D"VALORE" ATTRIBUTO2=3D"VALORE">

dove la voce ATTRIBUTO1 serve ad indicare il tipo di informazione e la voce ATTRIBUTO2 serve a specificare il contenuto concreto della meta-informazione.

Per inserire nell'intestazio= ne il nome dell'autore si utilizza: <META NAME=3Dauthor CONTENT=3D"nome e cognome">

Per inseri= re nell'intestazione una descrizione del documento si utilizza: <META NAME=3Ddecription CONTENT=3D"breve descrizione della pagina">

Per inserire nell'intestazio= ne un elenco di parole-chiave che specificano l'argomento della pagina si utilizza:

&= lt;META NAME=3Dkeywords CONTENT=3D"parola1, parola2, parola3, parola4><= /span>

Le parole chiave possono ess= ere separate sia da spazi che da virgole; alcuni motori di ricerca prediligono = la prima tecnica, altri la seconda.

3.5. Il corpo di una pagina Html

La sezione <BODY> è il corpo principale del documento HTML dove vanno inseriti tutti i contenuti che devono apparire nella pagina web. Vedremo adesso alcune caratteristiche generali del corpo del documento, come lo sfondo della pagi= na, il colore del testo ed il colore dei collegamenti ipertestuali, che possono essere specificate mediante attributi da aggiungere al tag <BODY>.

Per impostare un colore come sfondo della pagina web si usa l'attributo BGCOLOR. Se vogliamo realizzare una pagina con lo sfondo nero scriveremo allora:

<= BODY BGCOLOR=3D"#000000">

dove il codice del colore &egrav= e; in formato esadecimale.

Si può indicare il co= lore mediante il nome in inglese anziché il formato = esadecimale:

<= BODY BGCOLOR=3D"black">

Questa però non &egra= ve; una pratica comune perché non tutti i browser sono in grado di interpretare correttamente tale genere di espres= sione.

È possibile impostare= come sfondo della pagina web un'immagine in formato GIF o JPEG utilizzando l'attributo BACKGROUND secondo la sintassi:

<= BODY BACKGROUND=3D"percorso e nome de= l file">

Se l'immagine si trova nella s= tessa cartella della pagina HTML e si chiama sfondo.gif scriveremo:

<= BODY BACKGROUND=3D"sfondo.gif">

Inserendo un'immagine come s= fondo della pagina web, questa viene automaticamente replicata dal browser in modo da coprire l'intero spazio visibile. Allora è opportuno scegliere un'immagine che si presti ad essere replicata e affiancata in un numero indefinito di copie, senza che si vedano le giuntur= e o si creino stacchi poco estetici.

Per impostare a priori il co= lore del testo del testo della pagina si usa l'attrib= uto <TEXT> secondo la sintassi:

<= BODY TEXT=3D"#codice del colore">

Se non specificato, il colore = di default del testo è il nero.=

Tramite gli attributi del tag <BODY> si possono definire anche i colori d= ei collegamenti ipertestuali.
I colori da definire sono tre: per i collegamenti ipertestuali in condizioni normali si usa l'attributo LINK=3D"cod= ice del colore"; per i collegamenti attivi, nel momento cioè in cui vi si fa clic, si usa l'attributo ALINK=3D"codice del colore"; per i collegamenti già visitati si usa l'attributo= VLINK=3D"codice del colore".

In pratica per personalizzar= e il colore dei collegamenti la sintassi è:

<= BODY LINK=3D"colore1" ALINK=3D"colore2" VLINK=3D"colore3"><= /p>
3.6. I collegamenti ipertestuali

I collegamenti ipertestuali = si creano associando l'indirizzo (percorso/nome file) del nodo di destinazione= ad un elemento visualizzato nella pagina corrente che può essere una stringa di testo o un'immagine. Questa associazione è basata sull'utilizzo del tag <A HREF> dove A <= span class=3DGramE>sta per ancoraggio ed HREF è l'abbreviazione di= Hypertext-Refernce (riferimento ipertestuale). Per cr= eare un collegamento verso un'altra pagina dello stesso sito la sintassi è= ;:

<A HREF=3D"pagina2.html"> Vai a pagina 2 </A>

Affinché il collegame= nto funzioni è fondamentale scrivere il nome = del file di destinazione correttamente, rispettando maiuscole e minuscole. Nel = caso in cui il file di destinazione non si trovi nella stessa directory del file di posizione bisogna specificare anche il percorso completo.

Il tag<= /span> <A HREF> permette di puntare un collegamento anziché ad una pa= gina web ad un'immagine. La sintassi è:

<A HREF=3D"foto.jpg"> Vai a foto </A>

Anche in questo caso bisogna specificare correttamente il nome dell'immagine e l'eventuale percorso; supponendo che l'immagine si trovi nella cartella imag= es si dovrà scrivere:

<= A HREF=3D"images/foto.jpg">= Vai a foto = </A><= /p>
Se si vuole creare un colleg= amento ad un file da aprire o da scaricare come ad esempio un filmato o un pacchet= to compresso la sintassi è:

<A HREF=3D"file.zip"> Scarica il file in formato zip </A>

dove file.<= span class=3DGramE>zip è il file che verrà scaricato= sul computer di chi naviga.

Per creare un collegamento v= erso un'altro sito web è sufficiente inserire nel tag <A HREF> l'indirizzo completo del sito in questione:

<A HREF=3Dhttp://www.gdesign.it> Principi di Web Design by GDC </A>

Quando una pagina è m= olto lunga e suddivisa in sezioni distinte si possono creare dei collegamenti all'interno della stessa pagina che permettono al lettore di saltare facilmente da un punto all'altro del testo. Per creare i collegamenti interni bisogna innanzitutto definire le destinazioni (ancore)= nei vari punti prescelti mediante il tag <A NAME=3D"nome scelto dal webmaster">. Supponiamo di aver definito due destinazioni all'interno della nostra pagin= a:

<A NAME=3D"sezione1"> Sezione 1 </= A>

<A NAME=3D"sezione2"> Sezione 2 </= A>

adesso possiamo creare i collegame= nti che ci portano alle due destinazioni secondo la sintassi:=

<A HREF=3D"#sezione1"> Vai alla sezione 1 </A>=

<A HREF=3D"#sezione2"> Vai alla sezione 2 </A>=

Si possono anche combinare collegamenti esterni ed interni, cioè def= inire un collegamento ipertestuale che punta ad un'ancora specifica all'interno di un'altra pagina web.

<A HREF=3D"pagina2.html#sezione1"> Vai alla sezione 1 della pagina 2 </A>

Naturalmente anche in questo= caso bisogna aver definito in precedenza l'ancora di destinazione nella pagina2.html.

È consigliabile inser= ire nelle proprie pagine web un indirizzo di posta elettronica cui i visitatori= possano rivolgersi. Allora si può inserire un indirizzo cliccabile, associato cioè alla casella e-mail corrispondente, in modo che l'invio del messaggio sia q= uasi automatizzato. La sintassi è:

<A HREF=3D"mailto:info@gdesign.it> Scr= ivimi per informazioni </A>

Fin'ora abbiamo visto collegamen= ti associati ad un testo, ma i collegamenti possono essere associati anche ad un'immagine. Quindi è possibile avere un'immagine cliccabile che ci porti ad un'altra pagina web, a un sito, ad una sezione e via dicendo. Per associare un collegamento ad un'immagine si usa = il tag <IMG SRC> con l'attributo BORDER=3D"0".

Ad esempio:<= /p>
<A HREF=3D"pagina2.html"><IMG SRC=3D"pagina2.gif" BORDER=3D"0"></A>

Se non si specifica l'attribut= o BORDER=3D"0" l'immagine apparirà con= tornata da un profilo colorato e ciò è sconsigliabile dal punto di vi= sta estetico.

Quando si clicca su un collegamento in una pagina web, viene cari= cata la nuova destinazione (immagine, pagina o sito) nella stessa finestra del browser. Seguendo i vari collegamenti ipertestuali, il lettore potrebbe non ricordarsi più il punto di destinazione. Per prevenire questo inconveniente si può fare in modo che la destinazione del collegamento venga visualizzata in una nuova finestra del browser che si sovrappone a quella di partenza. Per ottenere questo risulta= to basta aggiungere al tag <A HREF> di parte= nza l'attributo TARGET. Ad esempio:

<A HREF=3D"pagina2.html" TARGET=3D"_blank"> Vai a pagina 2 </A>

Il valore dell'attributo TAR= GET (nell'esempio:_blank) è un nome convenzionale e può essere inventato di sana pianta senza alcun vincolo. Il suo effetto è di aprire in ogni caso una finestra a sé stante.

3.7. Impostare i caratteri=

Le prime versioni del lingua= ggio HTML così come le prime versioni dei browser consentivano unicamente= la scelta tra due tipi di caratteri, uno a spaziatura variabile, analogo al Times, che è il tip= o di carattere predefinito, ed uno a spaziatura fissa analogo al Courier. Nella versione 3.2 di HTML è stato introd= otto il tag  che permette di personalizzare l'aspetto del testo tramite gli attributi FACE per impostare il tipo di carattere, COLOR per impostare il colore d= el testo e SIZE per impostare la dimensione del testo. La sintassi per impostare il tipo di carattere è:

<= FONT FACE=3D"tipo di carattere"> testo 

Quando si usa questo tag bisogna prestare attenzione al fatto che questa istruzione non è interpretata correttame= nte dalle versioni più vecchie dei browser. In particolare per Internet Explorer il tag è supportato a partire d= alla versione 4.x e per Netscape a partire dalla ver= sione 3.x. Bisogna considerare anche che è necessario che sul computer di = chi visualizza la pagina sia installato il tipo di carattere indicato nel tag . Infatti,= se il browser non trova sul computer di chi naviga il carattere previsto lo sostituisce con quello predefinito, cambiando radicalmente lo stile della pagina. Per aggirare il problema è possibile indicare una serie di caratteri alternativi secondo la sintassi:

<= FONT FACE=3D" Verdana, Arial, Helvetica, sans-serif&quo= t;> testo </A><= /p>
In questo modo se il primo carattere della lista non è presente sarà visualizzato il secondo; se anche il secondo non è presente sarà visualizzato= il terzo, e così via. Così facendo si ha un maggiore controllo s= ul tipo di carattere che deve essere visualizzato nella pagina web.=

Per impostare il colore del = testo, la sintassi è:

<= FONT COLOR=3D"#colore"> testo <= /p>
dove il colore va impostato nel formato esadecimale. Questo comando prevale sul colore eventualmente definito nel tag <BODY&= gt;.

Infine per modificare le dimensioni dei caratteri la sintassi è:

<= FONT SIZE=3D"valore"> testo 

dove il valore si esprime con un numero intero che può essere indicato in senso relativo o assoluto. = In senso relativo il valore va da -3 (molto piccolo) a +3 (molto grande). In s= enso assoluto il valore va da 1 (molto piccolo) a 7 (molto grande).

Evidentemente tutti gli attr= ibuti del tag esaminati possono essere combinati fra loro secondo la sintassi:

<= FONT FACE=3D"tipo di carattere" COLOR=3D"#c= olore" SIZE=3D"dimensione"> testo 

3.8. Le immagini

Per inserire un'immagine in = una pagina HTML basta inserire il tag: <IMG SRC=3D"nome immagine">; questo tag non ha bisogno di chiusura. Affinché l'immagine venga visualizzata nella pagina web bisogna specificarne il nome, l'estensione e l'eventuale percorso. Usando il tag in questo m= odo l'immagine appare allineata alla base della riga di testo corrispondente, s= enza spazi aggiuntivi e mantiene le sue dimensioni assolute. Adesso vedremo gli attributi del tag <IMG> che ci permettono= di personalizzare l'impaginazione dell'immagine. Possiamo definire le dimensio= ni di visualizzazione di un'immagine specificando g= li attributi WIDTH (larghezza in pixel) e HEIGHT (altezza in pixel). Ad esempio:

<= IMG SRC=3D"image.jpg" WIDTH=3D"100&q= uot; HEIGHT=3D"50">

Quando si specificano le dimensioni di un'immagine è necessario conoscer= ne le dimensioni effettive per mantenere inalterato il rapporto larghezza/altezza evitando così di deformare l'immagine. Anche se si vuole visualizzare l'immagine a grandezza naturale è sempre preferibile specificare i valori di WIDTH e HEIGHT perché così= ; il browser ha maggiori informazioni per collocare l'immagine ed il caricamento della pagina risulta molto più rapido.

Oltre alle dimensioni di visualizzazione possiamo definire anche l'allineamento dell'immagine rispet= to al testo circostante mediante l'attributo ALIGN. Esempio:=

<= IMG SRG=3D"image.jpg" ALIGN=3D"botto= m">

I valori di ALIGN ammessi sono:

<= span style=3D'mso-spacerun:yes'> Bottom<= /span>: il lato inferiore dell'imm= agine appare allineato alla base della riga di testo (valore predefinito);

<= span style=3D'mso-spacerun:yes'> Middle: il punto mediano dell'altezza dell'immagine = si allinea alla base della riga di testo; il testo si spezza e prosegue sotto l'immagine;

<= span style=3D'mso-spacerun:yes'> Left: l'immagine si posiziona sul lato sinistro della pagina e il testo scorre intorno a lei sul lato des= tro;

<= span style=3D'mso-spacerun:yes'> Right: l'immagine si posiziona sul lato destro della pagina e il testo scorre intorno a lei sul lato sinis= tro.

Nel caso in cui si voglia allontanare l'immagine dal testo si può aumentare lo spazio vuoto che circonda l'immagine attraverso gli attributi = VSPACE (spazio verticale, in pixel) e HSPACE (spazio orizzontale, in pixel). Ad esempio scrivendo:

<= IMG SRC=3D"image.jpg" VSPA= CE=3D"10" HSPACE=3D"20"><= /p>
oltre ad inserire nella pagina we= b image.jpg si specifica che sopra e sotto l'immagine d= evono rimanere 10 pixel vuoti, e a destra e sinistra dell'immagine devono rimaner= e 20 pixel vuoti.

Si può anche aggiunge= re un bordo intorno all'immagine tramite l'attributo BORDER che deve essere espresso in pixel secondo la sintassi:

<= IMG SRC=3D"image.jpg" BORD= ER=3D"5"><= /p>
Un attributo fondamentale de= l tag <IMG> è ALT (testo alternativo). Grazie a tale attributo si può definire una didascalia associata all'immagine. La sintassi corretta è:

<= IMG SRC=3D"nome immagine<= /span>" ALT=3D"breve descrizi= one testuale">
Questa didascalia associata all'immagine appare durante il caricamento della pagina o quando si passa c= on il mouse sopra l'immagine. I vantaggi principali dell'usare l'attributo ALT= sono: i visitatori possono capire prima del caricamento completo il contenuto delle immagini;i browser speciali per non-vendenti so= no in grado di interpretare correttamente la pagina; diversi motori di ricerca tengono conto del valore dell'attributo ALT delle immagini di una pagina per catalogarla con precisione.

Ad ogni immagine si pu&ograv= e; associare un collegamento ipertestuale includendo il t= ag <IMG> all'interno della coppia di tag <= ;A HREF> e </A> secondo la sintassi:

<= A HREF=3D"index.html"><IMG SRC=3D"index.gif"></A>

Associare un collegamento ipertestuale ad un'immagine è molto utile quando si vuole creare ad esempio un menù grafico di navigazione per un sito web. Creando imma= gini ad hoc come icone o pulsanti il visitatore n&eac= ute; intuirà la funzione a colpo d'occhio.

Però quando un'immagi= ne è cliccabile, appare generalmente circon= data da un bordo di colore blu che risulta anti-estet= ico. In questo caso basta indicare all'interno del tag <IMG> l'attributo BORDER=3D"0= " per fare in modo che il bordo resti invisibile.

3.9. Tag Html

Un elenco dei principali tag, (con descrizione) da conoscere per realizzare pa= gine html.

Tag<= /span> di base

<htm= l>...</html> » Definire un documento Html.

<head>...</head> » Definire le informazione di intestazione= come il titolo ed i meta-tag.

<tit= le>...</title> » Definire il titolo che appare alla = cima della finestra di browser.

<body>...</body> » Il corpo del documento Html.=

Corpo di un documento Html

<body>...</body> » Il corpo del documento Html.=

<body bgcolor=3D"#??????"> » Colore di sfondo del document= o.

<= body background=3D"nomefile.xxx"> &raqu= o; Immagine come sfondo.

<= body text=3D"#??????"> » Colore del testo del documento.

<body link=3D"#??????"> » Colore dei collegamenti ipertestuali.

<body alink=3D"#??????"> » Colore dei collegamenti ipertestuali attivi.

<body vlink=3D"#??????"> » Colore dei collegamenti ipertestuali già visitati.

Formattazione

... &raqu= o; Definire un nuovo paragrafo.

 » Allineare un paragrafo a destra,sinistra= e a centro.

<br<= /span>> » Inserire una interruzione di riga.<= /o:p>

<blo= ckquote>...</blockquote> » Indentare il testo da entrambi i lati.

Testo<= /p>

<pre= >...</pre> » Testo preformatt= ato.

<hl>...</hl> a <h6>...</h6> » Titoli.

... &raqu= o; Testo in grassetto.

... &raqu= o; Testo in corsivo.

<cit= e>...</cite> » Citazione, generalmente in corsivo. =

<em<= /span>>... » Enfatizzare una parola (grassetto o corsivo).

...</strong= > » Enfatizzare una parola (grassetto o corsivo).

... &= raquo; Testo apice.

<sup= >... » Testo pedice

Caratteri<= /b>

... » Attributi dei caratteri.

... » Grandezza dei caratteri con valori da 1 (più piccolo) a 7 (più grande).

... » Tipo di caratt= eri.

... » Colore dei caratteri.

Il tag<= /span> è disapprovato nell'attuale specifica Html; è<= /span> preferibile usare i fogli di stile CSS per impostare i caratteri.

Elenchi

<dl>...</dl> &ra= quo; Elenco definizioni.

<dt<= /span>> » Precede ogni termine di definizione.

<dd<= /span>> » Precede ogni definizione.

<ol<= /span>>...</ol> » Elenco ordinato.

<li>...</li> &ra= quo; Precede ogni voce dell'elenco aggiungendo un numero.

<ul<= /span>>...</ul> » Elenco non ordinato.=

<div= align=3D?> » Tag= usato per allineare grossi blocchi di testo.

Collegamenti

<a>...</a> &raqu= o; Origine e destinazione di un collegamento ipertestuale.
<a h= ref=3D"url">...</a> » Collegamento ipertestuale.

<a h= ref=3D"#name">...</a> » Collegamento ad un'ancora nel documento stesso.

<a h= ref=3D"URL#name">...</a> » Collegamento = ad un'ancora in un altro documento.

<a n= ame=3D"name">...</a> » Ancora in un docu= mento.

<a h= ref=3D"mailto:e-mail">...</a> » Collegamento ad= una e-mail.

Tabelle

<tab= le>...</table> » Creare una tabella.

<tab= le border=3D"pixel"> » Grandezz= a del bordo della tabella.

<tab= le cellspacing=3D"pixel"> » Spa= zio tra le celle di una tabella.

<tab= le cellpadding=3D"pixel"> » Spa= zio tra il bordo e il contenuto delle celle di una tabella.

<tab= le height=3D"pixel" or "%">= » Altezza di una tabella.

<tab= le width=3D"pixel" or "%"> = » Larghezza di una tabella.

<td<= /span>>...</td> » Righe di una tabella.

<td<= /span> colspan=3D"colonne"> » Estendere l= a cella attraverso il numero di colonne specificato=

<td<= /span> rowspan=3D"righe"> » Estendere la = cella attraverso.

<td<= /span> nowrap> » Forzare il testo di una cella affinché non vada mai a capo.

<th<= /span>>...</th> » Tabella d'intestazione con il testo in grassetto, allineato al centro.

<tr<= /span>>...</tr> » Colonne di una tabella.

<tr<= /span> align=3D"?"> o <= td align=3D"?"> » Allineare il conten= uto di una cella a destra, sinistra o a centro.

<tr<= /span> valign=3D"?"> o <td valign=3D"?"> » Allineamento verticale di una cella a centro, sotto o sopra.

4. Cos'è un URL

Molti utenti della rete digi= tano in maniera automatica un indirizzo web nella barra degli indirizzi del prop= rio browser senza sapere cosa ci sta dietro. Ed anco= ra peggio, fra questi utenti, ci sono anche quelli che realizzano pagine e siti web se= nza sapere cos'è un URL.

Un URL (Universal Resource Locator)<= /strong> è un indirizzo in un formato specifico che può identificare in modo univoco la posizione di un oggetto sul web. In sostanza un URL è come un sofisticato indirizzo o numero di telefo= no, con il quale si dice al browser esattamente dove trovare un particolare ogg= etto nella rete. Un URL ha una sintassi molto semplice, che nella sua forma norm= ale si compone di tre parti:

tiposerver:= //nomehost/nomefile<= /strong>

&m= iddot; = &nb= sp; La prima parte indica con una parola chiav= e il tipo di server a cui si punta:può trattar= si di un server http, di un server ftp, di un server telnet<= /span> e così via;

&m= iddot; = &nb= sp; La seconda parte indica il nome simbolico dell'host su cui si trova il file indirizzato; =

&m= iddot; = &nb= sp; La terza parte indica nome e posizione del singolo documento o file a cui ci si riferisce.
Tra la prima e la seconda parte vanno inseriti i caratteri '://'= .

Analizziamo ad esempio l'url http://www.gdesign.it/index.htm:

&m= iddot; = &nb= sp; La parola chiave 'http' indica che ci si riferisce ad un server web; http è il protocollo usato dal browser p= er richiedere un file ad un server web.

&m= iddot; = &nb= sp; L'host è www.gdesign.it; si tratta del nome del server che contiene l'oggetto richie= sto. Molti browser accettano anche la parte host da = sola senza specificare http. Ricordate però che si tratta semplicemente di un'abbreviazione da parte del browser e non di un vero e proprio url.

&m= iddot; = &nb= sp; Infine index.htm è il nome del file= si trova nel server e che vogliamo che ci venga inv= iato.

4.1. URL Assolut= i e Relativi

Quando si specifica un URL c= ome http://www.host.it/page.html, si forniscono al b= rowser tutte le informazioni che gli occorrono per trovare qu= ell' oggetto sul web, compreso il protocollo sa usare (http), l'host da contattare (www.host.com) e il percorso esatto verso l'oggetto su quell'host (page.html).

A volte può essere più utile fare riferimento alla posizione di un oggetto in relazione alla posizione dell'ultimo oggetto che ab= biamo richiesto. Ed allora ecco la distinzione tra URL assoluti e relativi:

un URL assoluto è un URL completo che specifica l'esatta posizione dell'oggetto sul web come: http://www.gdesign.it/index.htm.
un U= RL relativo fornisce la posizione di un oggetto relativamente = alla posizione sulla pagina che contiene l'URL, come:image.= gif.

Facciamo un esempio per capi= re meglio cos'è un URL relativo; supponiamo di voler inserire l'immagin= e image.gif (http://www.gdes= ign.it/images/image.gif) all'interno della pagina http://www.gdesign.it/index.html.

Per inserire questa immagine nella pagina abbiamo due opzioni. Utilizzare un URL assoluto, quindi scrivere:

<IMG SRC=3D&= quot;http://www.gdesign.it/images/image.gif">

Oppure utilizzare un URL relativo scrivendo:

<IMG SRC=3D&= quot;images/image.gif">.

È consigliabile utilizzare l'U= RL relativo, perché in questo modo, quando si sposta la pagina ad un al= tro server, o persino ad un'altra cartella sullo stesso server non si avr&agrav= e; bisogno di aggiornare tutti gli URL in tutte le pagine HTML.

5. CO= S'E' UN NOME DOMINIO?=

Un nome a dominio identifica un indirizzo IP (indirizzo numerico di un computer collegato ad Internet); ad esempio, il domain <= span class=3DSpellE>name virgilio.it rapprese= nta l'indirizzo IP 212.48.2.21 (provate ad inserire questo numero al pos= to di www.virgilio.it nel vostro browser).

Ogni do= main name ha un suffisso (top l= evel domain) che ne indica il livello di appartenenza: