Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML Hyper Text Markup Language Linguaggio a Marcatori per IperTesti -…
HTML
Hyper Text Markup Language
Linguaggio a Marcatori per IperTesti
STORIA
Vannevard Bush
Direttotre capo dell'Ufficio americano per la Ricerca e lo Sviluppo scientifico dal 1941
MEMEX
Memory Extender
Dispositivo meccanico con scrivania meccanizzata formata da schermi translucidi inclinati e una tastiera con gruppi di bottono e leve
Theodor Holms Nelson
Sociologo e filosofo statunitense, attivo negli ambiti dell'informatica e delle interfacce uomo-macchina che coniò nel 1963 il termine ipertesto per descrivere un testo che seguisse le idee di Bush
L’ipertesto avrebbe dovuto collegare dei documenti per creare una rete di relazioni con l’intento di estendere ed accrescere il significato di un testo "piatto" con collegamenti ad altri testi.
Tim Berners-Lee
Un ricercatore del Conseil Europeen pour la Recherche Nucleaire (Consiglio europeo ricerca nucleare) (CERN)
Nel marzo del 1989, 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.
OBBIETTIVI DELLA PROPOSTA
Hyertext and CERN
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" (tutti possono entrare), che avrebbe permesso ad un qualunque utente della rete di accedere ad un qualunque tipo di informazione.
la creazione di un’interfaccia utente utilizzabile su tutte le piattaforme, per permettere all’utente di accedere alle informazioni da diversi computer (Browser)
6 agosto 1991
IL PRIMO SITO WEB chiamato info.cern.ch che contiene informazioni riguardanti il progetto WWW, così che i visitatori hanno la possibilità di conoscere più da vicino l'ipertesto e i dettagli tecnici necessari per creare una propria pagina web.
febbraio del 1993
nasce il browser Mosaic sviluppato dall’NCSA (National Center for Supercomputing Applications) sotto la guida di Marc Andreessen che in seguito sarebbe diventato uno dei fondatori di Netscape
W3C
Versioni
STRUTTURA BASE
Head
Serve per aggregare i metadati relativi alla pagina. si tratta di informazioni che non sono visualizzate direttamente sulla pagina
Body
Copro vero e proprio della pagina, comprensivo di tutto il contenuto che il browser deve mostrare in fase di rendering
Interpretazione
Il browser interpreta un Document Object Model (DOM) che chiameremo noi listato, ed esegue il parsing del markup, genera una rappresentazione ad albero della struttura del documento HTML
SINTASSI GENERALE
TAG
START TAG
<STARTTAG attributo1="valore" attributo2="valore2">
<FONT size="3" face="Arial"> CIAO A TUTTI < FONT>
END TAG
EMPTY TAG
<TAG attributo="valore" />
<IMG width="300px" />
cosa sono:
TAG
Contrassegnio o marcatore, rappresenta un'informazione di natura strutturale con un significato semantico particolare, che dentota in qualche modo il testo a esso collegato. Ogni tag è racchiuso da parentesi angolari < >
TAG annidato
I vari tag vengono annidati uno dentro l'altro, in maniera tale da comporre una struttura complessa posizionate secondo determinate regole di precedenza (TAB)
Attributo
Il tag di apertura di un elemento può essere dotato di attributi, ovvero proprietà il cui scopo è quello di fornire informazioni aggiuntive al tag (codice colore
Valore
Valore è la tipologia che l attributo ammette
colore, testo colore
""#RRGGBBi
SITO WEB
CATEGORIE
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 (Javascript) e lato server (PHP, JSP, ASP) e altre tecnologie per la comunicazione C/S nel web.
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.
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.
FIGURE PROFESSIONALI
COPYWRITER o CONTENT MANAGER
scrive tutti i testi;
WEB DESIGNER
progetta la parte grafica del sito;
ACCOUNT MANAGER
si occupa di interfacciarsi con la clientela;
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;
WEB MARKETER
si occupa della promozione del sito.
