Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML, <TAG attributo="valore">CONTENUTO - Coggle Diagram
HTML
STORIA
THEODOR HOLM NELSON
è un sociologo e fiilosofo statunitense lavora con l'interfaccia uomo-macchina che coniò nel 1963 il termine ipertesto (prima comparsa 1965)
avrebbe dovuto collegare documenti per creare una rete con l'intento di estendere ed accrescere il significato del testo "piatto"
-
TIM BERNERS-LEE
OBIETTIVI DELLA PROPOSTA
uno schema per quest’interfaccia che permettesse di accedere ad una grande varietà di tipi di documenti e di protocolli di informazione;
la predisposizione per un "accesso universale", che avrebbe permesso ad un qualunque utente della rete di accedere ad un qualunque tipo di informazione.
la creazione di un’interfaccia utente che potesse essere consistente su tutte le piattaforme, per permettere all’utente di accedere alle informazioni da diversi computer
nel 89 propose un sistema basato sull’ipertesto per permettere una più efficiente condivisione delle informazioni tra i membri della comunità scientifica dell’istituto per cui lavorava.
Nel febbraio del 1993 nasce il browser Mosaic sviluppato dall’NCSA sotto la guida di Marc Andreessen che in seguito sarebbe diventato uno dei fondatori di Netscape
VANNEVAR
-
dispositivo meccanico formata da schermi translucidi inclinati e una tastiera con gruppi di bottoni e leve (memory extender)
W3C
Nel 1994, il ricercatore inglese diventa uno dei sei membri della World Wide Web Hall of Fame, e fonda la W3C (World Wide Web Consortium) al Mit (Massachusetts Institute of Technology): essa include diverse compagnie impegnate nel creare standard comuni per migliorare la qualità del web.
-
SITI WEB
CARATTERISTICHE
-
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
RESPONSIVE
prevede dei meccanismi automatici di adattamento alla dimensione della finestra dalla quale viene visualizzato, indipendentemente dalla natura del dispositivo
VANTAGGI
offre visibilità ovunque e sempre, 24 su 24 - 7 giorni su 7
-
-
-
-
CATEGORIE
STATICO
Formato da un insieme di pagine tra cui l'utente può navigare attraverso i collegamenti ipertestuali o utilizzando le funzioni fornite dal browser.
Il browser, in base all'input fornito dall'utente, invia al web server la richiesta di scaricamento di una data pagina specificando l'URL; il web server individua nel proprio file system il file in formato *.html corrispondente alla pagina e lo invia al browser richiedente.
- la semplice visualizzazione dei contenuti,
la mancanza di interazione tra l'utente e i contenuti,
l'assenza di connessione a un database,
l'impossibilità per il generico amministratore di modificare le informazioni.
DINAMICO
Consente una interattività con l'utente finale impiegando funzioni per la registrazione, la ricerca, la consultazione di cataloghi utilizzando un DATABASE remoto, consentendo un più rapido aggiornamento del sito web da parte dell'amministratore.
Il sito dinamico è molto più complesso da realizzare in quanto necessita di integrazioni con linguaggi di scripting
FIGURE PROFESSIONALI
-
-
-
WEB DEVELOPER
si prende carico di scrivere tutto il codice necessario per le applicazioni web e gestisce il database
WEB MASTER
amministra e gestisce il sito web, ne cura il posizionamento, studia il mercato e sviluppa i rapporti commerciali tramite il web
-
STRUTTURA BASE
-
-
INTERPRETAZIONE
il browser interpreta un Document Object Model (DOM) [che chiameremo listato] ed esegue il parsing del markup, genera una rappresentazione adalbero della struttura del documento HTML.
-
SINTASSI GENERALE
-
cosa sono:
ATTRIBUTO
attributo, proprietà che fornisce informazoni aggiuntive
VALORE
caratteristica ammessa dall' attributo (testo numeri percorso, co4
TAG
contrassegno o marcatore rappresenta un’informazione di natura strutturale è racchiuso tra parentesi angolari quando il browser le incontra capisces che ci sono istruzioni e non contenuto
PRIMO ESEMPIO
-
-
-
-
-
<meta name="keywords" content="Steakhouse; Ristorante; Brunico, brunico, Riscone, Reischach, Alto Adige, Suedtirol
-
-
-
-
-
-
-