GLI IPERTESTI IN AMBIENTE INTERNET

Transcript

1 GLI IPERTESTI IN AMBIENTE INTERNET Sandra Farnedi 29/09/ /13

2 Sandra Farnedi 29/09/ /13

3 CHE COS E UN IPERTESTO Un ipertesto è un documento in formato elettronico che contiene al suo interno collegamenti alcuni punti del testo e altri documenti o altri punti del documento stesso. I punti del testo in cui si trovano tali collegamenti sono detti punti sensibili dell ipertesto e vengono comunemente chiamati link o àncore. Un ipertesto è sempre composto da: home-page (prima pagina) pagine successive In ciascuna pagina si possono trovare: link ad altri punti della stessa pagina link ad altre pagine dello stesso ipertesto link ad altri ipertesti link a caselle di posta elettronica immagini suoni N.B. E sempre opportuno che ciascuna pagina contenga un riferimento alla home page. Sandra Farnedi 29/09/ /13

4 STRUTTURA DI UN IPERTESTO ad albero Home-page Pagina1 Pagina 2 Pagina 1.1 Pagina 1.2 lineare Indice Capitolo 1 Capitolo 2 Capitolo 3 Sandra Farnedi 29/09/ /13

5 circolare Home-page Pagina 1 Pagina 2 Pagina 3 a gerarchia libera Home-page Pagina1 Pagina 2 Pagina 1.1 Pagina 1.2 Sandra Farnedi 29/09/ /13

6 GLI IPERTETSTI E IL LINGUAGGIO HTML HTML: HyperText Markup Language Linguaggio per la stesura di ipertesti destinati alla pubblicazione su Internet Un ipertesto scritto in HTML è leggibile tramite un qualunque browser Internet Il linguaggio HTML si basa su concetti elementari ed è di facile apprendimento La stesura di ipertesti complessi richiede un approfondita conoscenza del linguaggio che esula dai nostri obiettivi I più moderni browser conglobano al loro interno anche un editor che consente la stesura di ipertesti Esistono prodotti che consentono una facile realizzazione di ipertesti pubblicabili su Internet anche a chi non conosce il linguaggio HTML Sandra Farnedi 29/09/ /13

7 UN ESEMPIO Proviamo ad analizzare un ipertesto semplice esaminandone anche il corrispondente codice HTML. Le pagine che seguono costituiscono un esempio di ipertesto che utilizza: link ad altre pagine dell ipertesto link ad altri punti della stessa pagina link a caselle di posta elettronica link a siti Internet immagini semplici e linkate pagine con lo sfondo colorato pagine aventi un immagine come sfondo liste ordinate e non Sandra Farnedi 29/09/ /13

8 Aspetto della prima pagina UNA STORIELLA AMENA STORIA DELLO STUDENTE MODELLO GINO ZAPPA Residente in: Via A.Grandi Saronno (VA) Tel.: 02/ scrivi una mail a Gino Questo è Gino: Potete cliccare sulla foto se ne volete un ingrandimento! Gino frequenta l'ultimo anno di una moderna scuola per ragionieri. In tale scuola si studiano un'infinità di materie e Gino ha serie difficoltà a seguirle tutte, soprattutto da quando il Preside ha deciso di introdurre in via sperimentale lo studio dell' Informatica. Pensate che si studiavano già ben sette materie: ITALIANO STORIA MATEMATICA INGLESE ECONOMIA AZIENDALE DIRITTO SCIENZA DELLE FINANZE E adesso ci mancava anche l'informatica! Gino, da studente puntiglioso e diligente qual è, vuole capirci meglio e informarsi di più, decide Sandra Farnedi 29/09/ /13

9 quindi di rivolgersi ad un certo William Gates, detto Bill, di cui tutti gli hanno parlato molto bene. Bill Gates, a quanto si dice, dispensa consigli e conoscenze a tutti coloro che si recano in pellegrinaggio a Seattle dove Lui ha il suo Quartier Generale: uno strano edificio in cui non ci sono porte, ma solo finestre. Questo strano edificio è stato da Bill battezzato MICROSOFT che, tradotto dall'ingreco, significa "piccolo e soffice". Gino ha deciso, si recherà personalmente da Bill e, giunto al Suo cospetto, Gli rivolgerà le tre domande che da quando sa di dover affrontare lo studio dell'informatica lo assillano continuamente: 1. Perché il Quartier Generale, che non ha nessuna porta, ha avuto, fin dall'origine, ben 95 finestre che divennero dapprima 98, poi continuarono ad aumentare fino ad arrivare a 2000, quindi ad Me (dove M è un numero grande a piacere ed e la nota costante di Nepero) e infine furono elevate ad una potenza P anch'essa grande a piacere e il loro numero, impossibile da scrivere, fu simbolicamente indicato con XP? 2. Per quale motivo al Quartier Generale è stato dato il nome di "PICCOLO E SOFFICE"? 3. Dove si trova la discarica in cui vengono continuamente svuotati i cestini del Quartier Generale che, a quanto si dice, sono sempre pieni di materiale impalpabile, ma, pare, estremamente ingombrante? Gino sente dentro di sé che solo dopo aver conosciuto le risposte alle tre domande fondamentali della sua vita potrà affrontare serenamente lo studio dell'informatica. GLOSSARIO INFORMATICA : il termine Informatica è un neologismo che deriva dall'unione delle due parole Informazione e Automatica ed è la scienza che studia tutte le tecniche e le tecnologie che riguardano la gestione automatica delle informazioni mediante l'utilizzo di elaboratori elettronici. Sandra Farnedi 29/09/ /13

10 Aspetto della seconda pagina VITA E OPERE DI UN GENIO William Gates, detto Bill, nacque sul Pianeta Terra nell'anno 0 dell'era digitale. Si narra che il suo primo vagito fu un bit-bit e il suo primo giocattolo una casetta con tante finestre che si potevano non solo aprire e chiudere, ma anche ingrandire e rimpicciolire. Fu proprio questo primo giocattolo d'infanzia che gli creò un'insana passione al limite del voyeurismo: stare affacciato alle finestre di casa, e la cosa gli piacque a tal punto che cominciò a collezionarle. Questa collezione consisteva nel costruire finestre di vario tipo nelle pareti di casa. Quando la casa fu completamente trasformata in un finestraio, decise che era giunto il momento di disfarsi della collezione. Fu così che cominciò a vendere finestre e, finestra dopo finestra, divenne miliardario. Il business delle finestre si rivelò talmente proficuo che divenne l uomo più ricco del mondo; a questo punto decise di dedicarsi alla beneficenza e di godersi, dall alto della sua residenza la VISTA del mondo che giocava con le sue finestre. Sandra Farnedi 29/09/ /13

11 Il codice HTML della prima pagina: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="it" lang="it"> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>la Storia di Gino</title> </head> <body> <div id="contenuto"> <h1> UNA STORIELLA AMENA</h1> <h3>storia DELLO STUDENTE MODELLO</h3> <h4>gino ZAPPA</h4> <h5>residente in:<br /> Via A.Grandi Saronno (VA)</h5> <h6>tel.: 02/ <br /><br /> <a accesskey="1" tabindex="1" title="collegamento alla casella di posta elettronica di Gino"> scrivi una mail a Gino</a></h6> Questo è Gino: <br /> <a href="gino.gif" accesskey="2" tabindex="2" title="collegamento alla foto ingrandita"> <img src="ginop.gif" alt="foto piccola di Gino" /></a> Potete cliccare sulla foto se ne volete un ingrandimento! <br /><br /><br /><br /> Gino frequenta l'ultimo anno di una moderna scuola per ragionieri. In tale scuola si studiano un'infinità di materie e Gino ha serie difficoltà a seguirle tutte, soprattutto da quando il Preside ha deciso di introdurre in via sperimentale lo studio dell' <a href="#info" accesskey="3" tabindex="3" title="collegamento alla spiegazione del termine informatica">informatica</a>. Pensate che si studiavano già ben sette materie: <ul> <li> ITALIANO</li> <li> STORIA</li> <li> MATEMATICA</li> <li> INGLESE</li> <li> ECONOMIA AZIENDALE</li> <li> DIRITTO</li> <li> SCIENZA DELLE FINANZE</li> </ul> E adesso ci mancava anche l'informatica! <br /> Gino, da studente puntiglioso e diligente qual è, vuole capirci meglio e informarsi di più, decide quindi di rivolgersi ad un certo William Gates, detto Bill, di cui tutti gli hanno parlato molto bene. <a href="bill.html" accesskey="4" tabindex="4" title="collegamento alla storia di Bill Gates"> Bill Gates</a>, a quanto si dice, dispensa consigli e conoscenze a tutti coloro Sandra Farnedi 29/09/ /13

12 che si recano in pellegrinaggio a Seattle dove Lui ha il suo Quartier Generale: uno strano edificio in cui non ci sono porte, ma solo finestre. Questo strano edificio è stato da Bill battezzato <a href=" accesskey="3" tabindex="3" title="collegamento al sito esterno della Microsoft">MICROSOFT</a> che, tradotto dall'ingreco, significa "piccolo e soffice". <br /><br /> Gino ha deciso, si recherà personalmente da Bill e, giunto al Suo cospetto, Gli rivolgerà le tre domande che da quando sa di dover affrontare lo studio dell'informatica lo assillano continuamente: <ol> <li> Perché il Quartier Generale, che non ha nessuna porta, ha avuto, fin dall'origine, ben <strong>95</strong> finestre che divennero dapprima <strong>98</strong>, poi continuarono ad aumentare fino ad arrivare a <strong>2000</strong>, quindi ad <strong>me</strong> (dove M è un numero grande a piacere ed e la nota costante di Nepero) e infine furono elevate ad una potenza P anch'essa grande a piacere e il loro numero, impossibile da scrivere, fu simbolicamente indicato con <strong>xp</strong>? </li> <li> Per quale motivo al Quartier Generale è stato dato il nome di "PICCOLO E SOFFICE"?</li> <li> Dove si trova la discarica in cui vengono continuamente svuotati i cestini del Quartier Generale che, a quanto si dice, sono sempre pieni di materiale impalpabile, ma, pare, estremamente ingombrante?</li> </ol> Gino sente dentro di sé che solo dopo aver conosciuto le risposte alle tre domande fondamentali della sua vita potrà affrontare serenamente lo studio dell'informatica. <p> <strong>glossario</strong> <a name="info" id="info" title="segnalibro di spiegazione della parola informatica"> INFORMATICA </a> : il termine Informatica è un neologismo che deriva dall'unione delle due parole Informazione e Automatica ed è la scienza che studia tutte le tecniche e le tecnologie che riguardano la gestione automatica delle informazioni mediante l'utilizzo di elaboratori elettronici. </p> </div> <!-- chiudo contenuto --> </body> </html> Sandra Farnedi 29/09/ /13

13 Il codice HTML della seconda pagina: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="it" lang="it"> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>la Storia di Bill</title> </head> <body> <div id="contenuto"> <h3> VITA E OPERE DI UN GENIO</h3> <img src="bill.gif" alt="foto di Bill" /> <br /> <br /> <br /> <br /> William Gates, detto Bill, nacque sul Pianeta Terra nell'anno 0 dell'era digitale. Si narra che il suo primo vagito fu un <em>bit-bit</em> e il suo primo giocattolo una casetta con tante finestre che si potevano non solo aprire e chiudere, ma anche ingrandire e rimpicciolire. Fu proprio questo primo giocattolo d'infanzia che gli creò un'insana passione al limite del voyeurismo: stare affacciato alle finestre di casa, e la cosa gli piacque a tal punto che cominciò a collezionarle.<br /> Questa collezione consisteva nel costruire finestre di vario tipo nelle pareti di casa. Quando la casa fu completamente trasformata in un finestraio, decise che era giunto il momento di disfarsi della collezione. Fu così che cominciò a vendere finestre e, finestra dopo finestra, divenne miliardario.<br /> Il business delle finestre si rivelò talmente proficuo che divenne l uomo più ricco del mondo; a questo punto decise di dedicarsi alla beneficenza e di godersi, dall alto della sua residenza la <strong>vista</strong> del mondo che giocava con le sue finestre. </div> <!-- chiudo contenuto --> </body> </html> Sandra Farnedi 29/09/ /13