Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML Hyper Text markup language linguaggio a marcatori per iperte, <…
HTML
Hyper Text markup language
linguaggio a marcatori per iperte
Theodor Holm Nelson
è un sociologo e filosofos tatunitense, coniò nel 1963 il termine ipertestoper descrivere un testo che seguisse le idee di Bush
L’ipertesto avrebbe dovuto collegare dei documenti per creare una rete di relazioni per estendere il significato del testo 'piatto' che noi oggi li chiamiamo Link
Vannevar bush
direttore capo dell'Ufficio americano per la Ricerca e lo Sviluppo scientifico dal 1941.ha scritto un articolo nel 1945 che si chiamava (as we may think) .descrisse un sistema per collegare in modo associativo le informazioni.
Memex = memory extender dispositivo meccanico con scrivania meccanizzata formata da schermi translucidi inclinati e una tastiera con gruppi di bottoni e leve
Storia
Tim berners-Lee
un ricercatore del Consiglio di ricerca nucleare (CERN) a Ginevra (PAK) nel 1989 propone un sistema sull'ipertesto per permettere una condivisione delle informazioni soltanto tra i membri del CERN
OBIETTIVI DELLA PROPOSTA
la creazione di un’interfaccia utente utilizzabile su tutte le piattaforme
uno schema per quest’interfaccia che permette una grande varietà di tipi di documenti e di protocolli
la predisposizione per un "accesso universale",(per tutti)
6/08/1991 primo sito web chiamato info.cern,ch Riguardanti il progetto (WWW) World Wide Web Nel febbraio del 1993 il primo browser Mosaic sviluppato dall'NCSA (National Center For Supercomputing)
Struttura Base
Interpretazione
il browser interpreta un document object mode (DOM) che chiameremo listato ed esegue il parsing del maekup . genera una rappresentazione ed albero della struttura del documento HTML
Head
Serve per aggregare i metadati relativi alla pagina. Si tratta di informazioni che non sono visualizzate direttamente sulla pagina
Body
Corpo vero e proprio della pagina, comprensivo di tutto il contenuto che il browser deve mostrare in fase di rendering.
Sintassi Generale
TAG
EMPTY TAG
Tag vuotoi <TAG attributo=''valore''>
Start TAG
<START TAG attributo1 =''valore1'' CONTENUTO>ENDTAG <FONT ''3'
face=''And''>CIAO A TUTTI
END TAG
Cosa Sono
TAG
tag vengono annidati uno dentro altro in maniera per comporre una struttura complessiva posizionale secondo determinale regole di precedenza (TAG)
ATTRIBUTO
proprietà il cui scopo è quello di fornire informazione aggiuntive al tag
Siti Web
Categorie
Statico
CARATTERISTICHE:
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.
Formato da un insieme di pagine tra cui l'utente può navigare attraverso i collegamenti ipertestuali o utilizzando le funzioni fornite dal browser.
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 lato client
Vantaggi
conferisce prestigio all'azienda,
consente di praticare il commercio elettronico,
offre visibilità ovunque e sempre, 24 su 24 - 7 giorni su 7,
permette di aggiornare la propria offerta in tempo reale,
ha costi irrisori rispetto ad altre forme di comunicazione.
CARATTERISTICHE
ARCHITETTURA: struttura del sito coerente con i suoi contenuti e facile modalità di navigazione a disposizione degli utenti,
COMUNICAZIONE: la chiarezza con cui il sito comunica il suo scopo, la coerenza con l'immagine dell'organizzazione, l'attrattiva grafica,
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),
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
WEBMASTER: amministra e gestisce il sito web, ne cura il posizionamento, studia il mercato e sviluppa i rapporti commerciali tramite il web;
ACCOUNT MANAGER: si occupa di interfacciarsi con la clientela;
COPYWRITER o CONTENT MANAGER: scrive tutti i testi;
WEB DESIGNER: progetta la parte grafica del sito;
WEB DEVELOPER: si prende carico di scrivere tutto il codice necessario per le applicazioni web e gestisce il database;
WEB MARKETER: si occupa della promozione del sito.
<ENDTAG>