Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML, <TAG attributo="valore">CONTENUTO</TAG> -…
HTML
STORIA
THEODOR HOLM NELSON
Sociologo e filosofo statunitense, lavorò sull'interfaccia uomo-macchina attraverso le idee di Bush nel 1965 conia il termine ipertesto.
IPERTESTO: collegamento tra documenti per creare una rete di relazioni con l'intento di estendere ed accrescere un testo piatto (questo progetto fu sviluppato negli anni 80, quindi dopo 20 anni dalla sua idea)
TIM BERNERS-LEE
-
Il primo sito si chiamava info.cern.ch, pubblicato il 6 agosto 1991. Contiene le informazioni riguardanti il progetto www.
Mosaic: febbraio 1993, browser sviluppato dalla NCSA che diventerà poi 'netscape'.
Ricercatore del cern di Ginevra (cern=centro europeo per la ricerca nucleare). Nel 1989 propose un sistema basato sull'ipertesto per permettere una più efficente condivisione delle risorse sviluppando il primissimo HTML assieme al protocollo http che dedicata al trasferimento dei documenti.
VANNEVAR BUSH
Direttore capo dell'ufficio americano di ricerca e sviluppo, 1941. Ha scritto un articolo "as we may think" in italiano "come potremmo pensare". Descrisse un sistema per collegare in modo associativo le informazioni
MEMEX: memory extender, dispositivo meccanico con scrivania meccanizzata formata da schermi transludici e una tastiera con bottoni e leve
W3C
Si sviluppa come wwwconsortium fondato nel 1994 al MIT con lo scopo di creare standard comuni per migliorare la qualità del web
-
SITI WEB
CATEGORIE
STATICO
Insieme di pagine tra cui l'utente può navigare attraverso i collegamenti intertestuali o utilizzando le funzioni fornite dal browser.
Cartatteristiche
- Semplice visualizzazione di contenuti;
- Mancanza di interazione tra utente e contenuti (non ci sono campi da compilare);
- Assenza di connesione ad un database;
- Impossibilità di modificare le informazioni.
DINAMICO
Sito più complesso da realizzare in quanto necessita di integrazione con linguaggi di scripting lato client (Java script) e lato server (php, asp) e altre tecnologie per la comunicazione c/s nel web.
C'è interazione tra utente e macchina.
VANTAGGI
offre visibilità ovunque e sempre, 24 su 24 - 7 giorni su 7
-
-
-
-
CARATTERISTICHE
FUNZIONALITA'
rappresenta l'insieme delle funzioni che il sito meta a disposizione dei suoi utenti,
CONTENUTO
qualità dei contenuti informativi presenti sul sito (affidabilità, livello di aggiornamento, comprensibilità del linguaggio),
COMUNICAZIONE
la chiarezza con cui il sito comunica il suo scopo, la coerenza con l'immagine dell'organizzazione, l'attrattiva grafica,
ARCHITETTURA
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à,
RESPONSIVE
prevede dei meccanismi automatici di adattamento alla dimensione della finestra dalla quale viene visualizzato, indipendentemente dalla natura del dispositivo
FIGURE
PROFESSIONALI
-
-
-
WEB DEVELOPER
si prende carico di scrivere tutto il codice necessario per le applicazioni web e gestisce il database;
WEBMASTER
amministra e gestisce il sito web, ne cura il posizionamento, studia il mercato e sviluppa i rapporti commerciali tramite il web;
-
STRUTTURA BASE
HEAD
aggrega i metadati alla relativi alla pagina (compresi i meta-tag utilizzati dai motori di ricerca per l'indicizzazione
BODY
rappresenta il corpo vero e proprio della pagina, comprensivo di tutto il contunuto che il broswer deve mostrare in fase di reading
INTERPRETAZIONE
il browser interpreta un Documento Object Model (DOM) [che chiameremo listato] ed esegue il parsing da markup, genera una rappresentazione ad albero della struttura del documento HTML
SINTASSI GENERALE
-
cosa sono
-
VALORE
tipologia numerica, testuale, link e codici. È di colore verde.
TAG
È una marcatore o un contrassegno e rappresentano una informazione di natura strutturale, è sempre racchiuso tra parentesi angolari e il colore è il viola.
-
PRIMO ESEMPIO
<!DOCTYPE html><html lang="it">
<head>
<title> titotolo della pagina </title>
<meta charset="xxxxx" />
<|- - codice per il server: meta comandi, ecc. - - >
</head>
<body>
Codice per visualizzare: testo, immagini, moduli, ecc.
</body>
</html>
-