Linguaggi lezione 3 12 ottobre 2021 - Analisi dei siti web - Lumsa a.a. 2021/2022 - Piero Polidoro
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
Analisi dei siti web – Lumsa
a.a. 2021/2022 – Piero Polidoro
12 ottobre 2021
lezione 3
linguaggi
L’immagine è tratta dal video “A day made of Glass”, della Corning Corp.
Linguaggi del web
Per cominciare…
5 buoni motivi per
imparare a programmare
https://www.ninjamarketing.it/
2013/11/20/5-motivi-per-
imparare-a-programmare/
3
© Piero Polidoro, 2021-2022
HTML
HTML =
HyperText Markup
Language
4
© Piero Polidoro, 2021-2022I linguaggi del web
I linguaggi di marcatura (come HTML, che sta
appunto per HyperText Markup Language) descrivono
la struttura e la semantica di un testo. Sono
caratterizzati da marcatori (per es., in HTML, ,
, , …).
Css (Cascading Style Sheets), invece, regola la
presentazione (visualizzazione) dei contenuti di
documenti HTML, XML e di altri linguaggi di marcatura.
I linguaggi di scripting (come Javascript) vengono
invece usati per implementare funzioni e presentazioni
avanzate e interattive.
23
© Piero Polidoro, 2021-2022Markup languages
“In computer text processing, a markup language is a
system for annotating a document in a way that
is syntactically distinguishable from the text, meaning
when the document is processed for display, the
markup language is not shown, and is only used to
format the text. The idea and terminology evolved from
the "marking up" of paper manuscripts (i.e., the
revision instructions by editors), which is traditionally
written with a red or blue pencil on authors'
manuscripts. Such "markup" typically includes both
content corrections (such as spelling, punctuation, or
movement of content), and also typographic
instructions, such as to make a heading larger or
boldface.”
(https://en.wikipedia.org/wiki/Markup_language, ultimo accesso: 23 feb 2020)
23
© Piero Polidoro, 2021-2022Markup languages
“In digital media, this "blue pencil instruction
text" was replaced by tags which ideally
indicate what the parts of the document are,
rather than details of how they might be shown
on some display. This lets authors avoid
formatting every instance of the same kind of
thing redundantly (and possibly inconsistently).
It also avoids the specification of fonts and
dimensions which may not apply to many users
(such as those with different-size displays,
impaired vision and screen-reading software)”.
(https://en.wikipedia.org/wiki/Markup_language, ultimo accesso: 23 feb 2020)
23
© Piero Polidoro, 2021-2022Markup languages
“Descriptive markup
Markup is specifically used to label parts of the
document for what they are, rather than how they
should be processed. Well-known systems that provide
many such labels include LaTeX, HTML, and XML. The
objective is to decouple the structure of the document
from any particular treatment or rendition of it. Such
markup is often described as "semantic". An example
of a descriptive markup would be HTML's tag,
which is used to label a citation. Descriptive markup —
sometimes called logical markup or conceptual markup
— encourages authors to write in a way that describes
the material conceptually, rather than visually.”
(https://en.wikipedia.org/wiki/Markup_language, ultimo accesso: 23 feb 2020)
23
© Piero Polidoro, 2021-2022HTML
“HTML provides a means to create structured
documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and
other items. HTML elements are delineated by tags,
written using angle brackets. Tags such as
and directly introduce content into the page.
Other tags such as surround and provide
information about document text and may include
other tags as sub-elements. Browsers do not display
the HTML tags, but use them to interpret the content of
the page.”
(https://en.wikipedia.org/wiki/HTML, ultimo accesso: 23 feb 2020)
23
© Piero Polidoro, 2021-2022CSS (Cascading Style Sheet)
“Cascading Style Sheets (CSS) is a style sheet language used for
describing the presentation of a document written in a markup
language like HTML. CSS is a cornerstone technology of the World
Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of presentation and
content, including layout, colors, and fonts. This separation can
improve content accessedibility, provide more flexibility and
control in the specification of presentation characteristics, enable
multiple web pages to share formatting by specifying the relevant
CSS in a separate .css file, and reduce complexity and repetition in
the structural content.
Separation of formatting and content also makes it feasible to
present the same markup page in different styles for different
rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-based
tactile devices. CSS also has rules for alternate formatting if the
content is accesseded on a mobile device”.
(https://en.wikipedia.org/wiki/HTML, ultimo accesso: 23 feb 2020)
23
© Piero Polidoro, 2021-2022Internet
“In senso tecnico Internet è un network di computer-
network: è infatti costituita da una serie di reti (private,
pubbliche, aziendali, universitarie, commerciali) connesse
tra loro fino a raggiungere una dimensione di accesso
globale. Le reti sono interconnesse in senso fisico (wired
e wireless) e in senso logico (distributed network);
trasportano i dati e li indirizzano su una pluralità di
dispositivi terminali (host, end system; dunque non solo
computer in senso stretto) facendo ricorso a un
medesimo gruppo di protocolli, l’Internet protocol suite.
L’Internet protocol (IP) identifica i nodi della rete, mentre
il trasporto viene generalmente gestito mediante uno
standard di commutazione a pacchetto (packet
switching)”.
(Treccani, Internet e web, https://www.treccani.it/enciclopedia/internet-e-
web_%28Enciclopedia-della-Scienza-e-della-Tecnica%29/)
23
© Piero Polidoro, 2021-2022Internet
“Rispetto alla molteplicità di reti digitali, Internet si
differenzia storicamente e si caratterizza soprattutto in
quanto standard, ovvero per il comune riferimento a
protocolli di comunicazione pubblici. Il network dei
dispositivi connessi a Internet presenta una molteplicità di
strati: i livelli inferiori usano sempre i medesimi protocolli di
rete, per garantire lo scambio di informazione tra i terminali
collegati, mentre i livelli superiori si differenziano per meglio
soddisfare specifici obiettivi di comunicazione. Si avrà così
un unico protocollo a livello di rete (IP), pochi protocolli a
livello di trasporto (soprattutto TCP ma anche UDP, User
datagram protocol, impiegato per lo streaming audiovideo e
VoIP, Voice over IP), molti protocolli a livello applicativo (per
es., SMTP e POP3, impiegati per la posta elettronica e HTTP
che caratterizza l’ambiente Web)”.
(Treccani, Internet e web, https://www.treccani.it/enciclopedia/internet-e-
web_%28Enciclopedia-della-Scienza-e-della-Tecnica%29/)
23
© Piero Polidoro, 2021-2022Web
“Appare evidente che Internet e il Web non possono
essere considerati sinonimi. Il Web è solo uno dei servizi
supportati da Internet e dal punto di vista della
configurazione del network complessivo rinvia al
sottoinsieme di server che gestiscono documenti in
formato HTML (Hypertext markup language), destinati a
essere letti su terminali utente dai browser (Explorer,
Netscape, Opera ecc.) attraverso un protocollo dedicato al
trasferimento dati in formato ipertestuale HTTP
(Hypertext transfer protocol)”.
(Treccani, Internet e web, https://www.treccani.it/enciclopedia/internet-e-
web_%28Enciclopedia-della-Scienza-e-della-Tecnica%29/)
23
© Piero Polidoro, 2021-2022Client / Server
“Client–server model is a distributed application
structure that partitions tasks or workloads
between the providers of a resource or service,
called servers, and service requesters, called
clients.”
(https://en.wikipedia.org/wiki/Client%E2%80%93server_model, ultimo accesso: 23
feb 2020)
23
© Piero Polidoro, 2021-2022Siti statici vs siti dinamici
siti statici
siti dinamici
23
© Piero Polidoro, 2021-2022Content Management System (CMS)
23
© Piero Polidoro, 2021-2022Content Management System (CMS)
23
© Piero Polidoro, 2021-2022Puoi anche leggere
