Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML, <TAG attributo="valore"> CONTENUTO <TAG/> -…
HTML
SITI WEB
CATEGORIE
STATICO
insieme di pagine tra cui l'utente puo navigare attraverso i collegamenti ipertestuali o utilizzando le funzioni fornite dal browser
-
DINAMICO
sito più complesso da realizzare in quanto necessita di integrazione con linguaggi di scripting lato client (javascript) e lato server (PHP,ASP) e tecnologie di comunicazione client server (C/S) nel web
-
-
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 io rapporti commercialisti tramite il web
-
CARATTERISITICHE
-
CONTENUTO
quantità 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 modalita' 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
STRUTTURA BASE
HEAD
Si aggregano i metadati relativi alla pagina (compresi i meta tag utilizzati dai motori di ricerca per l'indicizzazione). Sono informazioni che non sono visualizzate direttamente sul sito ma sono soprattutto delle impostazioni.
BODY
corpo vero e proprio della pagina, quello che si vede sul browser in fase di rendering.
INTERPRETAZIONE
Il browser interpreta un Document Object Model (DOM) ed esegue il parsing del markup. che genera una rappresentazione ad albero della struttura del documento HTML
STORIA
VANIEVAR BUSH
direttore capo dell'ufficio americano di ricerca e sviluppo (1941) ha scritto un articolo "As we may think" descrisse un sistema per collegare in modo associativo le informazioni
Memory Extended, dispositivo meccanico con scrivania meccanizzata formata da schermi translucidi e una tastiera con bottoni e leve
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 accrescere ed estendere il significato di un testo "piatto", questo proggetto fu sviluppato negli anni 80
TIM BERNERS-LEE
ricercatore del CERN (centro europeo per la ricerca nucleare) 1989 propose un sistema basato sull'ipertesto per permettere una più efficiente condivisione delle informazioni sviluppando il primissimo HTML assieme al protocollo HTTP che serviva a trasferire i documenti
-
Il primo sito si chiamava info cern.ch, pubblicato il 6 agosto 1991 contenenti le informazioni riguardanti le informazioni sul progetto www
Mosaic, febbraio 1993 browser sviluppato dalla NCSA national center supercomputing application, NETSCAPE
W3C
si sviluppa come www consortium, fondaot nel 1994 al MIT con lo scopo di creare standard comuni per migliorare la qualità del web
-
-
SINTASSI GENERALE
-
cosa sono:
-
VALORE
Tipologia: numerica, testuale, link e codici, ed ha un colore verdastro
TAG
Marcatore o contrassegno che rappresenta informazioni di natura strutturale, è sempre racchiuso tra <> e il colore è violaceo
PRIMO ESEMPIO
<IDOCTYPE html> <html lang="it"> <head> ‹title > titolo della pagina </title> <meta charset="xxxxx" /> <!-- codice per il server: meta comandi, script, fogli di style, ecc.--> </head> <body>Codice per visualizzare: testo, immagini. modull, ecc. </body> </html>
-