HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab"

Giuditta Di Mauro
8 anni fa
Visualizzazioni

1 HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab

2 INTERNET Generalmente Internet è definita la rete delle reti, infatti Internet è costituita da tutta una serie di reti, private, pubbliche, aziendali, universitarie, commerciali, connesse tra di loro, (prima della sua nascita esistevano reti locali indipendenti) Un grande risultato della nascita e dell'affermazione di Internet è stato quello di creare uno standard tra i protocolli di comunicazione tra le varie reti, consentendo ai più diversi enti (e computer differenti con diversi sistemi) di scambiare dati mediante un protocollo comune, il TCP/IP Tutti i computer hanno un proprio nome, rappresentato da un numero (IP); parlano la stessa lingua, il protocollo, composto da una serie di regole da seguire Transmission Control Protocol Internet Protocol

protocolli di comunicazione tra le varie reti, consentendo ai più diversi enti (e computer differenti con diversi sistemi) di scambiare dati mediante un protocollo comune, il TCP/IP Tutti i

3 Nasce il W W W : World Wide Web Il World Wide Web (WWW) nasce negli anni per opera di un gruppo di fisici del CERN di Ginevra, con lo scopo di realizzare un nuovo protocollo per trasmettere immagini e pagine di testo collegate tra loro tramite una rete di rimandi ipertestuali La trasmissione delle informazioni avviene attraverso il protocollo HTTP Le pagine sono scritte utilizzando il linguaggio HTML per spedire posta elettronica protocollo SMTP; per trasferire file protocollo FTP Hyper Text Transfer Protocol Hyper Text Markup Language

ipertestuali La trasmissione delle informazioni avviene attraverso il protocollo HTTP Le pagine sono scritte utilizzando il linguaggio

4 Indirizzo IP e URL IP : indirizzi numerici [ ] costituiti da una sequenza di 4 numeri decimali ciascuno di 3 cifre separati dal punto. Sono assegnati da un organismo internazionale(internet Society) che distribuisce ad organizzazioni e società che poi a loro volta li mettono a disposizione dei privati. URL: indirizzo logico [ per accedere ad una pagina/sito web Indirizzo IP identifica una macchina nella rete URL Uniform Resource Locator Contiene il nome univoco (non numerico) e il suffisso all interno di un dominio DNS (Domain Name System) [de fr, it, uk, us,., com, edu, gov, mil, net, org]

privati. URL: indirizzo logico [http://www.uniroma3.it/avvisi.

5 Il Browser Un browser o navigatore è un programma che consente di visualizzare i contenuti delle pagine dei siti web e di interagire con essi, permettendo così all'utente di navigare in internet. Il browser è infatti in grado di interpretare l'html - il codice con il quale sono scritte la maggior parte delle pagine web - e di visualizzarlo in forma di ipertesto. I browser vengono principalmente utilizzati su personal computer, ma anche su altri dispositivi che consentono la navigazione in internet (come i palmari e gli smartphone). Quelli più noti e diffusi sono Internet Explorer, Mozilla Firefox, Google Chrome, Safari e Opera.

Il browser è infatti in grado di interpretare l'html - il codice con il quale sono scritte la maggior parte delle pagine web - e di visualizzarlo in forma di

6 Ipertesto Un ipertesto è un insieme di documenti messi in relazione tra loro tramite parole chiave (link, collegamenti). La caratteristica principale di un ipertesto è che la lettura può svolgersi in maniera non lineare, in base alla scelta del lettore di quale parola chiave usare come collegamento. All'interno dell'ipertesto sono possibili praticamente infiniti percorsi di lettura; collegamenti ipertestuali (hyperlink in inglese) in esso contenuti appaiono marcati (sottolineati oppure evidenziati in colore differente) in maniera da renderli riconoscibili.

7 HTML Hyper Text Markup Language In pratica un documento (o pagina) HTML è soltanto un file che contiene puro testo e nient'altro. Quando un browser apre un file HTML, sarà lo stesso browser a interpretare i codici (marcatori) HTML nel testo e ad usarli per modificare il layout, visualizzare immagini, o creare link per altre pagine. Essendo dei semplici file di testo, i documenti HTML possono essere scritti anche col più semplice text editor.

Quando un browser apre un file HTML, sarà lo stesso browser a interpretare i codici (marcatori) HTML nel testo

8 La visualizzazione di un file html da parte del browser Il compito del linguaggio HTML è dunque quello di spiegare al browser come i vari files relativi al documento in esame devono essere disposti all'interno della pagina che stiamo visualizzando. In qualsiasi momento è possibile visualizzare il codice HTML delle pagine che stiamo visitando. Con Internet Explorer: Visualizza > HTML Con Mozilla: Visualizza > Codice Sorgente Con Safari: Vista>Codice Con Chrome: tasto destro>visualizza codice

visualizzando. In qualsiasi momento è possibile visualizzare il codice HTML delle pagine che stiamo visitando.

9 Struttura di un marcatore tag All'interno di ogni pagina è presente una serie di TAG(= etichetta), a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione. I tag vanno inseriti tra parentesi uncinate (<TAG>), la chiusura del tag viene indicata con una "/" (è il simbolo comunemente detto "slash". Quindi: </TAG>). Il contenuto va inserito tra l'apertura e la chiusura del tag medesimo, secondo questa forma: Annidamento: i tag possono essere annidati l'uno dentro l'altro: molto spesso è necessario farlo. Case unsensitive è del tutto indifferente se scrivere i tag in maiuscolo o in minuscolo <TAG> contenuto</tag>

I tag vanno inseriti tra parentesi uncinate (<TAG>), la chiusura del tag viene indicata con una "/" (è il simbolo comunemente detto "slash". Quindi: </TAG>).

10 Struttura pagina HTML

11 Estensioni dei files Aprire "Risorse del computer Cliccare "Strumenti" e successivamente "Opzioni cartella". Selezionare la scheda "Visualizzazione". Deselezionare la casella "Nascondi le estensioni per i tipi di file conosciuti cliccare "Applica". Estensioni Mac: Per visualizzare l'estensione di tutti i documenti, scegli Finder > Preferenze e fai clic su "Avanzate", quindi seleziona "Mostra tutte le estensioni dei documenti".

Deselezionare la casella "Nascondi le estensioni per i tipi di file conosciuti cliccare "Applica".

12 N.B. i nomi dei files devono sempre essere scritti: Minuscoli Senza spazi Nomi brevi Notepad: salvare file.html

13 Formattazione Paragrafo PARTE I Tag vuoti A capo <BR> Inserimento Riga orizzontale <HR> ALIGN=LEFT RIGHT CENTER> spessore (in pixel) <HR SIZE= numero > larghezza (in pixel) <HR WIDTH= numero > larghezza % <HR WIDTH= numero%">

CENTER> spessore (in pixel) <HR SIZE= numero > larghezza

14 Formattazione Carattere PARTE I Grassetto <B>.</B> Corsivo <I>.</I> Sottolineato <U>.</U> Enfasi Titolo <H1>, <H2>, <H3> fino a <H6> Commento  <SUP>. </SUP> e <SUB>. </SUB> Caratteri speciali

15 Caratteri Speciali & & Copyright à à è è " Marchio registrato - spazio

16 Formattazione Paragrafo PARTE II Allineamento <DIV ALIGN=" ">..</DIV> right - center left Separazione paragrafi <P>.</P> Liste ordinate/non ordinate <OL> <LI>.</LI> <LI>.</LI> </OL>

17 Inserimento di immagini <IMG SRC= url/nome.estensione">

18 Link alla posta elettronica <a href= testo cliccabile </a>

Documenti analoghi

Architettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4)

Architettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4) Architettura del WWW World Wide Web Sintesi dei livelli di rete Livelli di trasporto e inferiori (Livelli 1-4) - Connessione fisica - Trasmissione dei pacchetti ( IP ) - Affidabilità della comunicazione