Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML, <TAG attributo="valore" >CONTENUTO </TAG> -…
HTML
STORIA
VANNEVAR BUSH
-
Il MEMEX
é l'acronimo di Memory Extender, dispositivo meccanico con scrivania meccanizzata formata da schermi translucidi e una tastiera con bottoni e leve.
THEODOR HOLM NELSON
chi è e cosa ha fatto
Sociologo e filosofo statunitense lavorò sull'interfaccio uomo-macchina attraverso le idee di Bash nel 1965 conia il termine ipertesto
l'ipertesto
sta per collegamento tra documenti per creare un rete di reazioni con l'intento di estendere e accrescere il significato di un testo "piatto" (base) (questo progetto fu sviluppato negli anni '80, dopo 20 anni dalla sua idea)
TIM BERNERS - LEE
ricercatore del CERN di Ginevra (centro europeo x la ricerca nucleare nel 1989 propose un sistema basato sull'ipertesto per permettere una più efficiente condivisione delle informazioni sviluppando il primo HTML insieme al protocollo http dedicato al trasferimento dei documenti
-
-
-
W3C
si sviluppa come world wild web consortium (WWW) fondato nel 1994 al MIT (Massachusetts istitute thecnology ) con lo scopo di creare standard comuni per migliorare la qualità del web
VERSIONI
HTML
Assistito dai suoi colleghi all'interno dell'istituto Svizzero, Berners-Lee concorse alla definizione della prima versione dell'HTML, che fu ufficialmente resa pubblica nel giugno del 1993
HTML 2.0
Nel 1993 Berners-Lee insieme allo IETF (comunità di tecnici interessata allo sviluppo di Internet) pubblicò "Hypertext Markup Language (HTML)" Internet-Draf, il primo documento ufficiale che proponeva una bozza per formalizzare il linguaggio.
Dopo ulteriori revisioni, il lavoro di stesura delle specifiche divenne HTML 2.0, a metà del 1993.
HTML 3.0
Nel 1995 il W3C definì la versione 3.0 di HTML, a cui seguì la versione 3.2 nel 1997. La specifica non ebbe successo per vari motivi, come l'imperversante guerra dei browser che in quel momento storico intercorreva tra Netscape e Microsoft.
Le due aziende decisero di implementare solamente un subset delle funzionalità aggiungendo al contempo estensioni proprietarie che miravano soprattutto al controllo dello stile e del visual markup.
HTML 4.0
Nel dicembre del 1997 il W3C pubblicò una nuova Reccomendation: HTML 4.0 (Cougar) che prevedeva tre varianti :
- Strict : gli elementi deprecati erano proibiti
- Transitional: gli elementi deprecati erano permessi
- Frameset: erano permessi solo gli elementi strettamente legati ai frames
Oltretutto questa versione deprecava tags Netscape relativi allo stile (font) favorendo in alternativa i CSS
HTML 4.01
La versione 4.01, pubblicata nel dicembre del 1999 e penultima versione ufficiale, è il risultato di diversi miglioramenti del decennio precedente, (separazione del livello di formattazione, in un'entità separata dall'HTML i fogli di stile a cascata (CSS), definiti nello stesso anno nella loro prima versione)
HTML 5
Nel 2006 il W3C decide di prendere parte allo sviluppo di HTML5 e nel 2007 si unì al WHATWG (Web Hypertext Application Technology Working Group), i due gruppi collaborano fino al 2011, ma avevano obbiettivi diversi:
il consorzio voleva tracciare una linea e pubblicare una nuova versione delle specifiche standard,
il WHATWG voleva uno standard in continua evoluzione.
Il W3C ha pubblicato la quinta revisione delle specifiche nel 2014
SITI WEB
-
FIGURE
PROFESSIONALI
-
-
-
-
Webmaster
amministra e gestisce il sito web, ne cura il posizionamento, studia il mercato e sviluppa i rapporti commerciali tramite il web;
-
CATEGORIE
statico
permette di interagire con l'utente finale utilizzando un DATABASE REMOTO, consente anche un rapido aggiornamento ma richiede l'utilizzo di linguaggi di scripting lato client (java) e lato server (ASP)
dinamico
è composto da una serie di pagine dove l'utente naviga grazie a collegamenti ipertestuali o con le funzioni del browser, il browser in base all'input fornito dall'utente esegue dei comandi (scarica un data, individua il formato di un file)
caratteristiche :
- la semplice visualizzazione di contenuti
- la mancanza di interazione tra utente e contenuti
- l'assenza di connessione a un database
- l'impossibilità per il generico amministratore di modificare informazioni
CARATTERISTICHE
Contenuto
qualità dei contenuti informativi presenti sul sito (affidabilità, livello di aggiornamento, comprensibilità del linguaggio),
Responsive
prevede dei meccanismi automatici di adattamento alla dimensione della finestra dalla quale viene visualizzato, indipendentemente dalla natura del dispositivo
Archittetura
struttura del sito coerente con i suoi contenuti e facile modalità di navigazione a disposizione degli utenti,
Gestione
misura la qualità complessiva del lavoro di gestione del sito durante la sua operatività,
Comunicazione
la chiarezza con cui il sito comunica il suo scopo, la coerenza con l'immagine dell'organizzazione, l'attrattiva grafica,
Funzionalità
rappresenta l'insieme delle funzioni che il sito meta a disposizione dei suoi utenti,
STRUTTURA BASE
HEAD
(intestazione)
Si aggregano i meta dati relativi alla pagina (compresi i meta-tag utilizzati dai motori di ricerca per l'indicizzazione). Sono informazioni che non sono visualizzate direttamente, sono perlopiù impostazioni.
indicizzazione --> inserimento di diverse parole in modo che un altra persona nel momento della ricerca lo veda
è improprio (non si unisce mai al body)
BODY
Il body è ciò che il browser ci fa vedere in fase di rendita quindi il corpo vero e proprio della pagina (area in cui viene visualizzato il corpo)
INTERPRETAZIONE
Il browser interpreta un Document Object Model (DOM) che chiameremo [listato] ed esegue il parsing del markup, genera una rappresentazione ad albero della struttura del documento html
(rispetto agli altri linguaggi lui legge anche se ci sono errori --> pseudolinguaggio)
-
PRIMO ESEMPIO
-
<!DOCTYPE html> -- spiega la tipologia di coumento analizzato, rimane identata sulla prima riga
poi si apre html per dire che stiamo usanto italiano<html lang = "it"><head/><title> </title> (insieme alla chiusura della pagina nella stessa riga)<meta charset="xxx">
<!-- per scrivre i commenti -->
</head><body>
Codice per testi,immagini,moduli ...
</body>
</hmtl>
non è case sensitive 'unica è la riga sotto il tritolo
-
-