Il 0% ha trovato utile questo documento (0 voti)

21 visualizzazioni41 pagine

Informatica 4°

Il documento fornisce una panoramica completa dei tag HTML e dei loro attributi, spiegando la loro funzione e utilizzo. Include dettagli su tag fondamentali come <html>, <head>, <body>, <meta>, <title>, e vari tag per la formattazione del testo e la creazione di strutture come tabelle e liste. Inoltre, illustra l'importanza di metadati e design responsivo per migliorare l'esperienza utente su diverse piattaforme.

Caricato da

whxps4pvmy

Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.

Formati disponibili

Scarica in formato PDF, TXT o leggi online su Scribd

Il 0% ha trovato utile questo documento (0 voti)

21 visualizzazioni41 pagine

Informatica 4°

Caricato da

whxps4pvmy

Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.

Formati disponibili

Scarica in formato PDF, TXT o leggi online su Scribd

Sei sulla pagina 1/ 41

HTML

<!doctype html > dichiarazione che comunica al browser il tipo di documento che dovrà
interpretare, in modo che possa farlo correttamente

per fare commenti in html, racchiudere ciò che si vuole tra <!— commento —>

attributi: elementi interni ai tag, che ne specificano le informazioni o configurazioni, dopo

essere stati aperti vanno chiusi

tag cosa fa attributI che si spiegazione esempio

possono attributi
applicare

< html> tag che

</html> racchiude
l’intero
contenuto della
pagina web

<meta> tag che charset, name, charset: attributo <meta

contiene content che definisce tra charset=”UTF-8”>
soltanto doppi apici il set
metadati, dati di caratteri da <meta
relativi alla usare per la name=”viewport”
pagina web, pagina web, es: content=”width=de
che non UTF-8 è una vice=width,
appariranno codifica che usa initial-scale=1.0”>
nella pagina gruppi di byte
stessa, ma per
sono importanti rappresentare i
per trasmettere caratteri unicode
informazioni al
browser, ai
motori di ricerca
e ad altri servizi
del web.

"viewport"
fornisce al
browser
istruzioni su
come controllare
le dimensioni
della pagina e la
scala iniziale.

width=device-wi
dth: Imposta la
larghezza del
viewport (la
"finestra"
attraverso la
quale il tuo sito
web è
visualizzato)
sulla larghezza
effettiva del
dispositivo.

initial-scale=1.0:
Imposta il livello
di zoom iniziale
quando il sito
viene caricato
per la prima
volta. Un valore
di 1.0 indica
nessun
ingrandimento o
rimpicciolimento
iniziale.

Questi parametri
sono
fondamentali per
garantire che il
tuo sito web sia
visualizzato
correttamente su
una vasta
gamma di
dispositivi,
adattando la
larghezza del
contenuto alla
larghezza
effettiva dello
schermo del
dispositivo e
impostando una
scala iniziale
appropriata. In
sintesi, questi
tag
contribuiscono a
migliorare
l'esperienza
dell'utente su
dispositivi con
schermi di
diverse
dimensioni,
supportando
così il design
responsivo del
tuo sito.

<title> </title> tag che

racchiude il
titolo che si
legge sulla
linguetta che si
vede quando si
apre la pagina
web

<style> tag in cui

</style> inserire le css
da applicare
alla pagina web

<body> tag entro il leftmargin, leftmargin: <body>

</body> quale sono text, attributo che leftmargin=”185”
scritti tutti gli background, imposta il text=”black”
elementi che bgcolor, margine sinistro background=”imma
definiscono il onload del contenuto gine.img”
contenuto all'interno del bgcolor=”pink”
effettivo, visibile corpo della onload=”funzione()
della pagina pagina, in base ”>
al numero scritto
dopo l’uguale, scrivo tuttecos
che indica il
numero di pixel </body>
da cui il margine
deve essere
costituito

text: attributo
che imposta il
colore delle
scritte

background:
attributo che
consente di
impostare
un’immagine
come sfondo

bgcolor: attributo
che imposta il
colore dello
sfondo

onload:attributo
che fa eseguire
la funzione
specificata in
script quando si
verifica il
caricamento
completo del tag
body della
pagina

<p> </p> tag che align, class, align: attributo <p align=“center”
definisce un eventi, id che allinea in </p>
paragrafo, ossia una certa
un blocco di posizione un
testo standard elemento,
paragrafi,
immagini,
tabelle, ecc della
pagina web

<div> </div> tag che crea class

una divisione in
sezioni il body
della pagina,
ciascuna delle
quali funge da
contenitore per
le altre pagine

<font> tag che align, face, face: attributo <font

</font> specifica la size, color che definisce il align=“center”
formattazione carattere da face=“verdana”
del testo, quindi usare nel testo size=“4”
ne descrive color=“black”>
colore, size: attributo
grandezza ecc definisce la
del carattere grandezza del
carattere del
testo

color: attributo
che definisce il
colore del tag

<tt> </tt> tag che

permette di
scrivere in
mono
spaziatura

<br> tag che

definisce
l’interruzione di
una riga, non ha
tag di chiusura
e consente di
andare a capo

<b> </b> tag che scrive in

grassetto la
frase che
racchiude

<i> </i> tag che scrive in

corsivo la frase
che racchiude

<mark> tag che

</mark> evidenzia ciò
che il testo che
racchiude

<u> </u> tag che scrive in

sottolineato la
frase che
racchiude

<s> </s> tag che scrive in

barrato la frase
che racchiude

<small> tag che scrive in

</small> piccolo la frase
che racchiude

<sup> tag che scrive in

</sup> alto la frase che
racchiude

<sub> tag che scrive in

</sub> basso la frase
che racchiude

<em> </em> tag enfatizza la

frase che
racchiude

<a> </a> tag che rende href, target href: contiene il <a>
possibile percorso del link href=“https://chat.o
l’ipertestualità, penai.com/c/157a5
collegamenti o target: b0a-4648-4bb2-b6
link tra le stabilisce se il 4b-fa8ac1e4aec5”
risorse web, link viene aperto target=“_blank/_sel
quindi tra una nella stessa f” Premere su
pagina web e pagina della questo link per
un’altra pagina web vedere un gatto
originale (_self) </a>
o in un’altra
pagina (_blank)

<img> tag che src, width, src: attributo che <img

consente di height, indica il percorso src=“nome_immagi
inserire usemap de file ne.img” width=“75”
un’immagine (abbreviazione height=“75”
all’interno della di “source”, usemap=“#mappa”
pagina web origine) >

width: attributo
che definisce la
larghezza di
un’immagine,
riducendo o
aumentando le
sue dimensioni
rispetto alle
dimensioni
originali

height:attributo
che definisce la
larghezza di
un’immagine,
riducendo o
aumentando le
sue dimensioni
rispetto alle
dimensioni
originali

usemap:
attributo che
consente di
identificare
l’immagine
acquisita come
mappa

<footer>
<p>
disclaimer: tutto ciò
che state leggendo
è frutto della mia
interpretazione,
non affidatevi
troppo a una come
me
</p>
</fotter>
<ol> </ol> tag che type, start type: attributo <ol type=“i”
definisce un che stabilisce start=“10”>
elenco puntato l’indice della lista <li> ananas</li>
secondo un ordinata, <li> mela </li>
indice ordinato, a=lettera, <li> penna </li>
come un i=numero </ol>
numero romano
normale, 1=numero di
romano o una partenza
lettera
start=indice di
partenza

<ul> </ul> tag che <ul>

definisce un <li> ananas</li>
elenco puntato <li> mela </li>
secondo un <li> penna </li>
indice non </ul>
ordinato, come
un pallino

<li> </li> tag che

contiene ogni
punto
dell’elenco
puntato

<dl> </dl> tag che

contiene una
<dl>
<dt> ananas 🍍 </dt>
lista descrittiva
🍎🍏
<dd> frutto giallo </dt>
<dt> mela </dt>

🖊️
<dt> </dt> tag che <dd> frutto rosso o verde</dt>
contiene i <dt> penna </dt>
termini da <dd> utensile per scrivere </dd>
definire della </dl>
lista

<dd> </dd> tag che

contiene le
definizioni dei
termini da
definire di una
lista descrittiva

<th> </th> tag che

identifica le
intestazioni,
come ad
esempio, la
prima cella di
ogni colonna

rowspan:
attributo che
indica quanti
riquadri verticali
della tabella una
determinata
cella dovrebbe
occupa

<img> tag che src, width, <img

consente di height, src=“nome_immagi
inserire usemap ne.estensione”
un’immagine width=“75”
all’interno della height=“75”
pagina web usemap=“#mappa”
>

<map> tag che name name: attributo <map>

</map> consente di che identifica name=“mappa”
suddividere l’immagine che </map>
un’immagine in si intende
più parti e di suddividere in
assegnare ad più aree attive
ogni parte un
link differente

CERCHIO
<svg width=“70”
height=“75” >

<text> fill=white
font-size=“40”
font-family=“verdan
a” x=45 y=50 CIAO
</text>
</a>
</svg>

ANIMAZIONE
<style>
rect {width: 100 px;
height:100 px;
background:red;
transition
duration:5s;}

rect: hover {width:

300 px;}
<style>
…

<rect x=“50” y=“20”

fill=“green”/ >

</svg>

<video> tag che width, height, controls: fa <video

</video> consente di controls, apparire i width=”450”, “360”
gestire un autoplay tradizionali controls>
filmato (facoltativo) elementi di
muted gestione del <source
(facoltativo) video src=”qual.webm”
(avvio/arresto, type=”cosa.webm/
scorrimento, ogg/mp4” >
volume e
dimensione) </video>

autoplay: fa
partire
automaticament
e il video inserito

muted: disattiva
automaticament
e l’audio del
video inserito

<audio> tag che <audio>

</audio> consente di
gestire un file <source
audio src=”qual.webm”
type=”cosa.mpeg/
wav/ogg” >

</audio>

<source> tag che effettua src, type <source

il collegamento src=”qual.webm”
al file del video type=”cosa.webm/
ogg/mp4” >

colori in html

codifica cosa fa sintassi

nome del colore in inglese applica all’elemento in cui è color=“white”

posto l’attributo il colore
scritto

codice rgb applica all’elemento in cui è color=rgb(0,146,98)

posto l’attributo un colore tra
i 256^3 possibili nella scala
cromatica, in base alla
quantità di rosso, verde e
blu, stabilità rispettivamente
dai 3 numeri tra parentesi,
che sono compresi tra 0 e
255

codice esadecimali applica all'elemento in cui è color=#FF0000

posto l’attributo un colore
descritto dai 6 cifre
esadecimali, da 00 a FF,
ogni 2 cifre corrispondono
ad uno dei 3 valori del
codice rgb

CSS: linguaggio dei fogli di stile che permette di trasformare l’aspetto visivo delle pagina
web, curandone l’estetica

pseudoclasse: consente di settare un tag in relazione al suo stato, nella pseudoclasse ci

sono due punto e non uno come nelle classi

per differenziare un link già visitato da uno da visitare, colorare il link, inserire nell’head il tag
style interviene sul colore del link,

CSS (che straminch!ia stiamo facendo? ovviamente)

nav ul {list-style-type: none; allinea a sinistra la sezione principale della

padding: 0;} pagina, aggiunge 20px dal bordo sinistro,
imposta la larghezza della sezione al 70%,
article {float: left; imposta il colore dello sfondo e l’altezza a
padding: 20px; 200 px
width: 70%;
background-color: #f1f1f1; mette uno sfondo giallo al piè di pagina, lo
height: 200px;} allinea a sinistra, imposta la larghezza al
massimo, il padding a 10px, allinea il testo
footer {background-color: yellow; al centro e rende il testo blu
float:left;
width: 100%; stabilisce che, quando si verifica la
padding: 10px; condizione tra (), in questo caso quando la
text-align: center; larghezza della pagina è 550px, viene
color: blue;} applicata la regola posta tra {}, in questo
caso la larghezza di nav e article diventa il
@media (max-width: 550px) 100% della pagina e l’altezza è deteminata
{nav, article {width:100%; height:auto;}} automaticamente in base al contenuto

</style>

BOX MODEL tag che costituisce un modello a riquadri in

cui ogni tag contenitore è considerato come
un tag a sé stante

attributi:
width: lunghezza contenuto
height: altezza contenuto
border: spessore cornice contento
padding: spazio tra il contenuto e la sua
cornice
margin: spazio tra la cornice e gli altri box
della pagina

altezza complessiva box:

height+2*(margin+border+padding)

responsive web design: tecnica di progettazione di pagine web flessibili che si

adattino in modo automatico ai diversi schermi dei dispositivi con cui le si consulta

JAVASCRIPT: linguaggio di programmazione scripting, lato client, a eventi, orientato

agli oggetti, case sensitive
Scripting perché è un linguaggio che rimane semplice testo (script) che è interpretato ed
eseguito a runtime, senza essere compilato e trasformato in codice binario.
Lato client,perchè è eseguito dal browser dell'utente e non dal server web che ospita il sito
visitato
a eventi: basato sulle interazione che avvengono attraverso l'interfaccia grafica del browser
orientato agli oggetti: gli oggetti in JavaScript possono contenere proprietà (dati) e metodi
(funzioni) che definiscono il comportamento dell'oggetto, ma il linguaggio non comprende le
classi
case sensitive: fa distinzione tra lettere maiuscole e minuscole
GERARCHIA OGGETTO PRINCIPALE

DOM DOCUMENT
● document object model ● oggetto principale del DOM
● rappresentazione gerarchica e associato alla pagina web corrente.
strutturata di una pagina web che ● Attraverso esso è possibile
consente agli script, come quelli accedere agli elementi della pagina,
scritti in JavaScript, di accedere modificarne il contenuto, la struttura
dinamicamente e manipolare il o gli attributi e gestire eventi.
contenuto, la struttura e lo stile di ● document.getElementById(nome_id)
una pagina web. può essere utilizzato per ottenere un
● Rappresenta la pagina come un riferimento a un elemento HTML con
albero di oggetti, dove ogni nodo un determinato ID, infatti viene
dell'albero rappresenta un elemento invocato il metodo getElementById
della pagina (come tag HTML) e gli dell’oggetto document e gli viene
oggetti forniscono metodi e proprietà passato come parametro “id”, che è
per manipolare quegli elementi. il tag su cui si vuole agire

BOM: WINDOW
● browser object model oggetto chiave nel BOM che fornisce
● gerarchia di oggetti manipolabili un'interfaccia per interagire con la finestra
attraverso JavaScript che del browser e gestire vari aspetti
rappresentano l'interfaccia grafica dell'ambiente di esecuzione del JavaScript
del browser. all'interno di una pagina web
● comprende oggetti come document
e window

codice descrizione

<!doctype html> type="text/javascript" attributo che

compleanno="23112006";
somma=età+compleanno;
document.getElementById("types
4").innerHTML = "somma tra la mia età ed il
mio compleanno: "+somma;
document.getElementById("types
5").innerHTML = "somma tra la mia età ed il
mio compleanno: "+età+compleanno+". In proprietà dell’oggetto
questo caso invece, siccome età e variabili con cui si esegue il ciclo for/in, che
compleanno non sono le prime variabili a - non ha un indice numerico
comparire vengono interpretate come - esegue in modo iterativo le
stringhe da accodare"; istruzioni tra {} ripetendole una
document.getElementById("types volta per ogni oggetto
6").innerHTML = Questa riga non verrà
stampata a video perchè vanno sempre
messi gli apici!!+età+compleanno;
</script>
<!-->ARRAY<->
</script>
<p id="unoo"></p>
<p id="due"></p>
<p id="tre"></p>
<p id="quattro"></p>
<p id="cinque"></p>
<p id="sei"></p>
<p id="sette"></p>
<p id="otto"></p>
<p id="nove"></p>
<p id="dieci"></p>
<p id="undici"></p>
<script>
var numeri_angelici = [111, 222, 333];
var misto = [111, "ananas", 33.3];
document.getElementById("unoo").innerHT
ML = numeri_angelici;

document.getElementById("due").innerHTM
L = numeri_angelici[1];

var sommaNumeri = numeri_angelici[0] +

numeri_angelici[1] + numeri_angelici[2];

document.getElementById("tre").innerHTML
= sommaNumeri;

for(var i=0; i<numeri_angelici.length; i++)

{

document.getElementById("quattro").innerH
TML = sommaNumeri;
}

document.getElementById("cinque").innerH
TML = numeri_angelici.length;

var frutti = ["mela", "ananas", "pera"];

document.getElementById("sei").innerHTML
= frutti;

document.getElementById("sette").innerHT
ML = frutti.push("arancia");

document.getElementById("otto").innerHTM
L = frutti.unshift("pesca");
document.getElementById("nove").innerHT
ML = frutti.sort();

document.getElementById("dieci").innerHTM
L = frutti.shift();

document.getElementById("undici").innerHT
ML = frutti.pop();

</script>

OGGETTO, ESEMPIO
SENZA METODI <->
<p id=”obj”> </p>
<script>
var oggetto= {nome=”rettangolo”,
lunghezza:16.5, larghezza:8.5};
var x, testo=” ”;
for (x in oggetto)
{
testo=testo+oggetto[x]+ “ ”;
}
document.getElementById("oggetto").innerH
TML =testo;
</script>
OGGETTO 2, ESEMPIO
CON I METODI<->
<p id="obj2"></p>
<script>
var oggetto2 =
{
nome2: "Anna",
anni2: 16,
altezza2: 170.5,
stampa2: function(nome2, anni2,
altezza2)
{
return nome2 + " ha " + anni2 + " anni ed è
alta " + altezza2 + " cm";
}
};
document.getElementById("obj2").innerHTM
L = oggetto2.stampa2(oggetto2.nome2,
oggetto2.anni2, oggetto2.altezza2);
</script>

<!-->METODO COSTRUTTORE<->
<p id="m1"></p>
<p id="m2"></p>
<script>
function MetodoCostruttore (nome, anni,
altezza)
{
this.nome=nome;
this.anni=anni;
this.altezza=altezza;
};
var Elisa = new MetodoCostruttore("Elisa",
17, 165.5);
var Emma = new
MetodoCostruttore("Emma", 17, 162.5);
document.getElementById("m1").innerHTML
= Elisa.nome+" ha "+Elisa.anni+" anni ed è
alta "+Elisa.altezza;
document.getElementById("m2").innerHTML
= Emma.nome+" ha "+Emma.anni+" anni ed
è alta "+Emma.altezza;
</script>

PHP: linguaggio di programmazione scripting, lato server,case sensitive (non sempre),

software open source, debolmente tipizzato
Scripting perché è un linguaggio che rimane semplice testo (script) che è interpretato ed
eseguito a runtime, senza essere compilato e trasformato in codice binario.
Lato server,perchè ogni codice PHP risiede su un web server, che interpreta i comandi del
linguaggio e produce pagine web poi inviate al browser del client, interpretato da XAMPP
case sensitive ma non sempre:
- nome funzione può essere scritto come si vuole, viene sempre interpretato
correttamente
- nomi di variabili devono iniziare tutte con “$”
software open source:
- libero
- in continuo sviluppo
- eseguibile da tanti programmi per ogni sistema operativo
debolmente tipizzato: non è necessario dichiarare negli script il tipo di dato contenuto nelle
variabili perché l’interprete lo riconosce al momento dell’esecuzione del programma

quindi ha 2 vantaggi:
1) sgrava il browser dell’utente dal compito di eseguire script che potrebbero rallentare
il caricamento della pagina
2) evita problemi di compatibilità tra il linguaggio e il browser del client

CODICE DESCRIZIONE
<!DOCTYPE html> apertura e chiusura del tag php
<html> dichiarazione di una variabile numerica
<head> funzione che stampa la stringa nella pagina web
<meta charset="UTF-8"> Stringa di testo che contiene il testo "x = 5/2 = ".
<title>PHP: tipi di dato</title> operatore di concatenazione (.), che viene utilizzato per
</head> unire la stringa di testo alla variabile $x.
<body> istruzione che viene stampata nella pagina web
<?php La funzione gettype restituisce il tipo di dato della variabile
$x=5/2; x
echo "x = 5/2 = ".$x."<br>"; dichiarazione di una variabile string
echo "Il tipo di dato di x è " .gettype($x). "<br><br>"; funzione che restituisce il numero di caratteri della stringa
$y = 1; (spazi compresi)
echo "Il tipo di dato di y è " .gettype($y).“<br>"; variabile string a cui viene assegnato un carattere della
$frase= “Buongiorno a tutti”; stringa
echo strlen($frase). “<br><br>”; funzione che ricerca una sottostringa
$lettera=$frase{3}; “or”: sottostringa da ricercare
echo $lettera.“<br><br>”; funzione che permette di mandare a capo il testo così da
echo stristr($frase, “or”).“<br>”; rispettare un margine prefissato
$frase: stringa su cui agire
echo wordwrap($frase, 8, “<br>”); 8:numero massimo di caratteri per riga
<br>”: carattere da usare a fine riga
echo str_word_count(“ciaooo sono isa”).“<br>”; restituisce il numero di parole che compongono la stringa
tra parentesi in base al riconoscimento degli spazi bianchi
echo strpos(‘ciaooo sono isa’, ‘isa’).“<br>”; trova la prima occorrenza della sottostringa specificata
nel secondo argomento all’interno della prima

sostituire la parte di stringa indicata nel primo argomento

echo str_replace(“ciaooo”, “oooooo”, ‘ciaooo sono con quello che è indicato nel secondo
isa’).“<br>”; per stampare il contenuto di una variabile si usa la dot
notation
$k=true;
echo "il valore di y è ".$y. "<br><br>";
$z=10;
echo "Il tipo di dato di z è " .gettype($z). ";<br>"; dichiarazione di una variabile booleana
echo "il valore di z+5 è ".($z+5). "<br><br>";
echo "Il tipo di dato di k è " .gettype($k). ";<br>";
echo "il valore di k è ".$k;
operatore di comparazione di valore
if($x==$y) {echo “x e y sono uguali”.”<br><br>”}
else {echo “x e y NON sono uguali”.”<br><br>”}
if($x===$y) {echo “x e y sono identiche”.”<br><br>”} operatore di comparazione dei tipi
else {echo “x e y NON sono identiche”.“<br><br>”}

function rettangolo($lato1, $lato2)

{
echo “il lato 1 misura ”.$lato1. “<br> “il lato 2
misura”.$lato2.“<br> l’area misura ”.lato1*lato2;
}
rettangolo(10,20); inizializzazione degli attributi

$x=11; variabile globale: variabile dichiarata all’esterno delle

function mia_funz() funzioni, con ambito di visibilità limitato all’intero script php
{ escluse le funzioni, per farla visualizzare all’interno delle
echo “la variabile vista dentro la funzione è x= ”.$x; funzioni bisogna precedere la dichiarazione della variabile
con “global”
}
mia_funz();
echo “<br><br>”; non visualizzabile perchè l’ambito di visibilità della
echo “la variabile vista fuori dalla funzione è x= ”.$x; variabile globale non si estende all’interno della funzione,
per visualizzarla va resa global anche all’interno della
funzione

variabile locale: variabile dichiarata all’interno di uno script

php, con ambito di visibilità limitato alla funzione

static: parola chiave da precedere alla dichiarazione di una

variabile per far sì che quando viene chiamata essa
contenga ancora il valore che le era stato assegnato
dall’ultima esecuzione della funzione
$giorni = array ("lunedi","martedi", "mercoledì") ; array classico: strumento che permette di visualizzare dati
di tipo diverso, come string e integer, associati ad un
indice numerico che parte da 0(se non si scrive nulla
relativamente agli indici viene assegnato ad ogni elemento
dell’array un indice numerico in modo automatico)

$giorni = array (1=>"lunedì", 2=>"martedì", array associativo: strumento che permette di visualizzare
3=>"mercoledì") dati di tipo diverso, come string e integer, associati ad un
indice a scelta numero o stringa, che parte da un indice
scelto, da specificare
$giorni = array (“day1”=>"lunedì", “day2”=>"martedì",
“day3”=>"mercoledì") indice=key

struttura iterativa che fintantoché nell'array $giorni trova

foreach($giorni as $chiave => $valore) una chiave $chiave a cui è associato un valore $valore,
{ esegu le istruzioni racchiuse tra parentesi graffe
echo $chiave.“: ”.$valore.“<br>”;
ogni valore è associato ad una chiave
}
=>: operatore che stabilisce la relazione tra chiave e
valore e è permette al ciclo di non confondersi
sort($giorni);
print_r($giorni); ordina gli array classici in ordine crescente

rsort($giorni);
ordina gli array classici, in ordine decrescente dei valori;
print_r($giorni);

asort($giorni);
print_r($giorni); ordina l'array per valori: rimescola quindi le lettere così che
siano in ordine alfabetico

visualizza a schermo il contenuto di un array,

semplicemente passandone il nome come argomento alla
funzione;

foreach(range(0,100,10) as $decine) range: funzione che si usa se si vuole creare un array i cui
elementi formano una sequenza con intervalli regolari, es:
{
tabellina del 10
echo $decine.” ”;
} 0: valore di partenza
100: valore finale
10: frequenza dell’intervallo

restituisce la dimensione di un array, contando il numero

$numero_elementi = count($giorni); dei suoi elementi, ed è utile per «ciclare» gli array
echo "Numero di elementi nell'array giorni: " . indicizzati
$numero_elementi; numericamente
opera in modo analogo, ma per ogni elemento visualizza
anche il tipo di dato, oltre al valore.
$misto = array ("Isabella”, 17, 1.65, true)
var_dump($giorni).“<br>”;

ordina gli array associativi, in base ai valori degli elementi,

in ordine crescente
ordina gli array associativi in base ai valori degli elementi,
in ordine decrescente
asort($giorni);
ordina gli array associativi in base alle chiavi degli
print_r($giorni); elementi, in ordine crescente
arsort($giorni); ordina gli array associativi in base alle chiavi degli
print_r($giorni); elementi, in ordine decrescente
ksort($giorni);
print_r($giorni);
krsort($giorni);
print_r($giorni);

criterio di accessibilità

metodo getter per accedere all’età private

class persona
{
public $nome = "";
private $anni= "17";
public function getAnni() metodo setter per accedere all’età private
{
return $this->anni." ";
}
dichiarazione di un oggetto
public function setAnni($nuovo) inizializzazioni attributi dell’oggetto
{
$this->anni = $nuovo;}
}
$studente1 = new persona; variabile automatica o superglobale: variabile predefinita a
$studente1->nome="Anna"; cui si può accedere dall’interno dello script, incluse le
funzioni, consente di memorizzare informazioni utili ai
echo $studente1->nome." ha
creatori di siti web a personalizzare i contenuti delle
".$studente1->getAnni()."anni<br><br>"; pagine web:
- sui file in esecuzione
echo $_SERVER['PHP_SELF']; - sulla sessione internet
echo "<br>"."<br>"; - sulla trasmissione di dati tra client e server
in particolare questa è un array associativo di variabili, in
cui tra [‘ ’] sono specificate le sue chiavi

'PHP_SELF': chiave che contiene il nome e la posizione

del file in esecuzione
'HTTP_HOST': chiave che contiene il nome del server host
che esegue lo script
'HTTP_USER_AGENT': chiave che contiene il sistema
operativo e il browser del client
'SERVER_PORT':chiave che contiene la porta di accesso
al server
echo $_SERVER['HTTP_HOST']; 'SERVER_SIGNATURE': chiave che contiene il software
echo "<br>"."<br>"; utilizzato dal server
echo $_SERVER['HTTP_USER_AGENT']; 'SERVER_PROTOCOL': chiave che contiene il protocollo
echo "<br>"."<br>"; di trasmissione utilizzato
'REQUEST_TIME':chiave che contiene l’istante di tempo
echo $_SERVER['SERVER_PORT']; in cui è stata inviata la richiesta
echo "<br>"."<br>"; 'HTTP_ACCEPT_LANGUAGE': chiave che contiene le
echo $_SERVER['SERVER_SIGNATURE']; lingue accettate dal client in ordine di preferenza
echo "<br>"."<br>"; substr: funzione che permette di selezionare una stringa a
echo $_SERVER['SERVER_PROTOCOL']; partire da una sottostringa, ha come parametri
echo "<br>"."<br>"; 1) stringa di partenza
2) posizione iniziale della sottostringa
echo $_SERVER['REQUEST_TIME']; 3) numero di lettere della sottostringa
echo "<br>"."<br>";
echo $_SERVER['HTTP_ACCEPT_LANGUAGE'];

substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2)

MODULO LATO CLIENT DESCRIZIONE

<div>
<center><h1>Compila il modulo</h1>
<form action="http://localhost/prove_PHP/moduli_php.php"
method="get" target="_blank"> percorso del file php
<fieldset style="display:inline"> metodo del php usato per l’invio dei dati
<p>Nome:</p><input name="nome"><br>
<p>Nazione di provenienza</p>
<select name="nazione">
<option value="Italia">Italia</option>
<option value="Spagna">Spagna</option>
<option value="Francia">Francia</option>
<option value="Germania">Germania</option>
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="Portogallo">Portogallo</option>
<option value="Inghilterra">Inghilterra</option>
<option value="Belgio">Belgio</option>
<option value="Danimarca">Danimarca</option>

</select>
<p>e-mail</p><input type="email" name="email">
<p>Password </p><input type="password" name="pwd">

<p>Lascia un commento</p><textarea name="scrivi"

cols="25" rows="10"></textarea><br><br>
</fieldset></form> </center>
</div>
</body></html>

MODULO LATO SERVER DESCRIZIONE

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>LATO SERVER</title>
<style>
header{
background-color: blue;
padding: 10px;
color: white;
}
aside{
background-color: #e0e0d1;
font-size: 20px;
padding:10px;
width:500px;
}
</style>
</head>
<body >
<header>
<h1 align="center">Ecco il risultato della compilazione del
tuo modulo!</h1></header>
<aside>
<?php tag utilizzato per contenuti accessori o non centrali rispetto
echo "<br> <b>L'utente: </b>".$_GET["nome"]." al contenuto principale della pagina
".$_GET["cognome"]." <br><b>E' nato in data: $_GET: variabile superglobale, quindi un array associativo
</b>".$_GET["datanascita"]; in cui la chiave identifica il dato trasmesso al server,
echo "<br><b>Maggiorenne: </b>".$_GET["anni"]; alternativa: POST
echo "<br> <b>Proviene dal/dall': </b>".$_GET["nazione"];
echo "<br> <b>Ecco la sua e-mail: </b> ".$_GET["email"];
echo "<br><b> Ecco la sua password:</b>
".$_GET["pwd"];
echo "<br><b>Ecco il suo commento:
</b>".$_GET["scrivi"];
?>
</aside>
</body>
</html>

COOKIE DESCRIZIONE
<?php funzione PHP che restituisce la data e l'ora corrente
$nome = "mio_cookie"; secondo un particolare formato
$valore = "ultima visita: ".date(DATE_W3C); funzione che crea un cookie, lo invia al browser del cliente
setcookie($nome, $valore); e lo recupera, va chiamata prima dell'apertura della pagina
?> web dal client
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP e i cookie</title>
</head> isset: funzione che ha come argomento in contenuto del
<body> cookie restituito da $_COOKIE, variabile superglobale
<br> che memorizza il contenuto del cookie
<?php
if(!isset($_COOKIE[$nome]))
{echo "Cookie non settato.";}
else
{echo "Cookie settato! <br> ";
echo $_COOKIE[$nome];}
?>
</body>
</html>

INFORMAZIONE 1. materia prima che si ottiene relazionando,

interpretando e correlando in modo opportuno più
dati
2. può essere trasformata in sistemi informativi
3. Costituisce una risorsa per qualsiasi
organizzazione il cui valore effettivo è stabilito dalla
categoria in cui si può collocare

VALORE INFORMAZIONE inversamente proporzionale alla quantità di

informazioni di quel tipo disponibili, infatti, in un
grafico che mette sull’asse x la quantità di
informazione disponibile e sull’asse y il valore
dell’informazione si può notare che le informazioni
meno disponibili salgono di valore

ORDINE DI IMPORTANZA DELLE INFORMAZIONI A 1. Fonti informative primarie o dati grezzi

PARTIRE DAL BASSO 2. informazioni selezionate
3. report
4. indicazioni strategiche
FONTI INFORMATIVE PRIMARIE O DATI GREZZI informazioni più disponibili e con meno valore, che
possono essere considerate informazioni solo se
interpretate nel modo corretto

INFORMAZIONI SELEZIONATE informazioni molto disponibili, ma che hanno poco

valore

REPORT informazioni non molto disponibili con un certo valore

INDICAZIONI STRATEGICHE informazioni rare e preziose, date dall’elaborazione di

dati grezzi

SISTEMA INFORMATIVO componente di un’organizzazione che ha il compito di

gestire le informazioni

COS’E’ LA GESTIONE DELLE INFORMAZIONI 1. acquisizione

2. produzione
3. elaborazione
4. conservazione
5. distribuzione

SISTEMA INFORMATICO sottoinsieme automatizzato di un sistema informativo,

costituito dalle tecnologie informatiche e di automazione,
come le applicazioni automatiche di un elaborato
elettronico, che rendono il sistema informativo
computerizzato e più efficiente

COME GESTISCE LE INFORMAZIONI IL SISTEMA attraverso la rappresentazione codificata di un database

INFORMATICO?

COS’E’ UN DATABASE? una collezione di dati gestite da un DBMS

COS’E’ UN DBMS? sistema software che gestisce grandi masse di dati, di

ordine di gigabyte e terabyte, condivise da più applicazioni
ed utenti, e di cui ne garantisce la persistenza per cui la
loro sopravvivenza di fronte a malfunzionamenti dei
programmi

CHE REQUISITI DEVONO SODDISFARE I SERVIZI 1. attenzione ai problemi di efficienza per ottimizzare
OFFERTI DA UN DBMS? le richieste di ricerca nei dati
2. l’autenticazione e controllo degli accessi ai dati, per
garantire la persistenza, la condivisione dei dati e
la loro integrità, quindi la
non-modifica/danneggiamento dei dati
3. la disponibilità di funzionalità che permettono di
semplificare la trascrizione dei dati, lo sviluppo
delle applicazioni e l’amministrazione dei database

CHE SVANTAGGI HA UN FILE SYSTEM RISPETTO AD ● i meccanismi di condivisione sono più limitati, in
UN DBMS? particolare, il file non può essere modificato
simultaneamente da più persone
● ci potrebbero essere descrizioni errate e
inconsistenti perché l’accesso ai file condivisi
richiede che i file stessi siano descritti nel codice
sorgente della applicazioni
● non può rendere disponibili molti servizi offerti solo
dal DBMS

RIDONDANZA ripetizione dovute a copie multiple di uno stesso dato,

che costituisce un problema per più ragioni:
● spreca memoria di massa e tempo di calcolo
utilizzato per propagare le modifiche su tutte le
copie di un dato
● può generare problemi di inconsistenza delle
diverse copie di dati

ACCESSIBILITA’ DBMS le autorizzazioni all’accesso dei dati di un database

vengono associate in modo distinto a seconda del
tipo di utente e il criterio con cui si consente
l’accesso è stabilito dall’amministratore del
database

ARCHITETTURA DBMS 1. dispositivi della memoria di massa in cui sono

memorizzati i dati
2. programmi di gestione chiamati manager per
- l’immagazzinamento dei dati chiamato storage
- la memorizzazione temporanea chiamata buffer
- l’indicizzazione chiamata index
3. query manager per
- analizzare
- autorizzare
- ottimizzare
- eseguire
richieste
4. transaction manager per coordinare l’invio delle
richieste
5. concurrency manager per gestire gli accessi
concorrenti ai dati
6. logging per la protezione dai guasti

FASI DI PROGETTAZIONE DI UN DATABASE 1. CONCETTUALE: rappresentazione astratta delle

categorie dei dati in esame e delle correlazione tra
loro
2. LOGICA: progettazione strutturale di un modello
dei dati che descrive come vanno organizzati e che
vincoli devono rispettare
3. FISICA: memorizzazione di dati e strumenti
hardware e software necessari per gestirli e
renderli accessibili agli utenti

MODELLO E-R modello entity-relationship, quindi entità-associazione,

strumento usato per modellare la realtà nella fase
di progettazione concettuale dei database

ENTITY categoria/classificazione di cose che presentano

proprietà comuni e riguardo alle quali sono
disponibili dati da trattare
RELATIONSHIP ⇒ ASSOCIAZIONE Legame Tra 2 o più entità caratterizzato da una
cardinalità

CARDINALITA’ ciò che indica quanti legami possono esistere tra le

COS’E’ istanze delle 2 entità
QUANTI E QUALI TIPI ESISTONO 3
ESEMPI uno-a-uno, uno-a-molti, molti-a-molti

ATTRIBUTI descrizioni delle caratteristiche rappresentabili in forma

di dati, che possono essere assegnate a ogni
entità ed ad ogni associazione, nella
rappresentazione tabellare diventa l’intestazione di
una colonnna

CHIAVE PRIMARIA attributo che identifica univocamente ogni istanza di

un’entità

CHIAVE ESTERNA O FOREIGN KEY attributo che permette di rappresentare l’associazione

tra entità

ISTANZA esempi specifici di un entità, corrispondono al valore

che ciascun attributo di un modello razionale può
assumere, quindi al contenuto effettivo delle celle

MODELLO LOGICO DEI DATI l'astrazione logica che descrive la struttura dei dati, le
associazioni tra loro e i vincoli che devono
rispettare con lo scopo di tradurre in uno schema
logico le informazioni contenute nel modello e-r.

MAPPING processo di traduzione del modello e-r nel modello

logico-razionale

MODELLO RELAZIONALE modello logico di dati che traduce il modello e-r in

tabelle

COMPONENTI RELAZIONE 1) parte intensionale, data dallo schema del

database, che descrive la struttura di dati e
permette di interpretare i dati dell’istanza
2) parte estensionale, data dall’istanza, cieè i dati
inseriti nello schema

SCHEMA ciascuno corrisponde ad ogni entità

INTESTAZIONE COLONNA attributo

TUPLA riga istanziata della tabella, insieme degli attributi

3 LINGUAGGI ASSOCIATI AL DBMS DDL, DML, DCl

DDL linguaggio che

- definisce gli schemi logici del database
- definisce e modificare la struttura delle tabelle e i
vincoli intra-tabella, cioè interni a una tabella, e
inter-tabella, cioè tra tabelle diverse
DML linguaggio che
- permette di interrogare il database
- modificarne le istanze
- compiere operazioni semplici su singole tabelle e
per la modifica dei dati delle tabelle
- effettuare operazioni su più tabelle mediante
l'operatore JOIN.

DCL linguaggio che consente di impartire comandi

gestionali, per esempio il controllo degli accessi al
database

SQL 1) settoriale: serve solo per i database, i database, le

tabelle e le relazioni tra tabelle ma non per altro
2) non è standard, ogni sua parte ha delle regole
diverse
3) query language ⇒linguaggio strutturato per l’
interrogazione al database, per ricavare
informazioni dai dati
4) linguaggio dichiarativo, non computazionalmente
completo, manca di alcune strutture tipiche del
linguaggio
5) crea le strutture: diversamente dai linguaggi di
programmazione procedurali, cioè, non specifica la
sequenza di operazioni da compiere per ottenere il
risultato; si limita invece a descrivere il risultato
desiderato, supponendo che l'elaboratore conosca
già la sequenza di azioni da compiere per ottenerlo

MODELLO RELAZIONALE - ha l’obiettivo di rendere possibile l'indipendenza

fisica e logica dei dati
- permette all'amministratore e al progettista di
intervenire sul database - con modifiche che di
norma mirano a migliorare l'efficienza dei
programmi applicativi - senza interferire con ciò
che vede l'utente finale.

INDIPENDENZA FISICA si ha quando una riorganizzazione dei dati nei

dispositivi di memorizzazione non ha effetti
collaterali sui programmi applicativi, che
continuano a funzionare come prima, quindi
l'utente finale del database non noterà alcun
cambiamento

INDIPENDENZA LOGICA si ha quando perfino un cambiamento dello schema

logico del database (che comporterà
necessariamente anche modifiche a livello fisico)
è trasparente per l'utente, cioè non è visibile
nell'interfaccia del DBMS, che rimane immutata.

MODELLO GERARCHICO O RETICOLARE - modello fortemente influenzato da considerazioni

di natura fisica
- a differenza del modello relazionale, esiste una
vera e propria teoria relazionale che si può usare
per progettare i database, per definire i linguaggi e
per ottimizzare le richieste di informazione da parte
dell'utente.

RELAZIONE - in linguaggio informatico è sinonimo di tabella

- è un insieme di tuple
- in essa tutt le tuple sono distinte tra loro e il loro
ordinamento non è importante
- nel modello relazionale dve essere nella prima
forma normale, i domini di ogni attributo devono
essere atomici, non ulteriormente suddivisibili

NULL - simbolo speciale che denota l’assenza di un valore

nel dominio d non è un valore del dominio stesso
- dato che NULL non corrisponde ad alcun valore,
due attributi che hanno entrambi valori NULL sono
diversi
- una chiave primaria non può essere NULL perchè
ciò renderebbe inutile la tupla

VINCOLO DI INTEGRITA’ proprietà che deve essere soddidfatta dalle istanze e

rende integri i dati di una tabella

VINCOLO DI TUPLA vincolo che esprime condizioni su ciascun record di

una tabella , indipendentemente dagli altri record.
Nel caso in cui è presente, i dati della tupla non
possono essere del tutto indipendenti tra loro

VINCOLO DI DOMINIO O VINCOLO SUI VALORI - caso particolare dei vincoli sulla tupla
- vincolo che si riferisce ai valori ammissibili
- Può essere ad esempio il dominio di una colonna,
cioè i valori per cui una colonna è limitata, es, nella
colonna voti, le istanze possono assumere valori
tra 1 e 10

VINCOLO DI CHIAVE vincoli che vieta la presenza di tuple distinte in cui certi
attrbuti hanno lo stesso valore

VINCOLO REFERENZIALE
colonna che deve essere chiave primaria ID_ nomeclasse

Potrebbero piacerti anche

INFORMATICA HTML
Nessuna valutazione finora
INFORMATICA HTML
15 pagine
02 HTML
Nessuna valutazione finora
02 HTML
76 pagine
Spiega HTML
Nessuna valutazione finora
Spiega HTML
52 pagine
Guida HTML Css
Nessuna valutazione finora
Guida HTML Css
24 pagine
HTML e CSS
Nessuna valutazione finora
HTML e CSS
21 pagine
Lezioni Di HTML: A Cura Del Prof. Gennaro Cavazza
Nessuna valutazione finora
Lezioni Di HTML: A Cura Del Prof. Gennaro Cavazza
62 pagine
Pagine Web
Nessuna valutazione finora
Pagine Web
45 pagine
HTML
Nessuna valutazione finora
HTML
19 pagine
Linguaggi Del Web
Nessuna valutazione finora
Linguaggi Del Web
23 pagine
HTML
Nessuna valutazione finora
HTML
33 pagine
HTML
Nessuna valutazione finora
HTML
57 pagine
Studio Tecnologie Web
Nessuna valutazione finora
Studio Tecnologie Web
8 pagine
Guida Pratica HTML e CSS
Nessuna valutazione finora
Guida Pratica HTML e CSS
31 pagine
Appunti e Spiegazioni HTML
Nessuna valutazione finora
Appunti e Spiegazioni HTML
13 pagine
Guida Al Codice Di Enrico Mensa
Nessuna valutazione finora
Guida Al Codice Di Enrico Mensa
37 pagine
Sis e Reti + Info
Nessuna valutazione finora
Sis e Reti + Info
4 pagine
Introduzione A HTML
Nessuna valutazione finora
Introduzione A HTML
45 pagine
Teroia TSW
Nessuna valutazione finora
Teroia TSW
26 pagine
Corso HTML Css PPT
Nessuna valutazione finora
Corso HTML Css PPT
140 pagine
Corso HTML Base
Nessuna valutazione finora
Corso HTML Base
70 pagine
Prontuario HTML
Nessuna valutazione finora
Prontuario HTML
10 pagine
Slide HTML 5
Nessuna valutazione finora
Slide HTML 5
27 pagine
Comandi Base HTML
Nessuna valutazione finora
Comandi Base HTML
6 pagine
Visual Design Ed Elaborazione Grafica
Nessuna valutazione finora
Visual Design Ed Elaborazione Grafica
32 pagine
Guida HTML Facile
Nessuna valutazione finora
Guida HTML Facile
41 pagine
03 Hypertext Markup Language
Nessuna valutazione finora
03 Hypertext Markup Language
61 pagine
Lista Dei TAG HTML: Elementi Di Base
Nessuna valutazione finora
Lista Dei TAG HTML: Elementi Di Base
4 pagine
Guida HTML
Nessuna valutazione finora
Guida HTML
11 pagine
HTML5 - 02-Corpo Del Documento
Nessuna valutazione finora
HTML5 - 02-Corpo Del Documento
3 pagine
Web Design 1
Nessuna valutazione finora
Web Design 1
5 pagine
Informatica 3.
Nessuna valutazione finora
Informatica 3.
47 pagine
Appunti CSS 22-23 PDF
Nessuna valutazione finora
Appunti CSS 22-23 PDF
77 pagine
UA3 LEZ2 Introduzione all'HTML
Nessuna valutazione finora
UA3 LEZ2 Introduzione all'HTML
29 pagine
Guida Tag HTML
Nessuna valutazione finora
Guida Tag HTML
12 pagine
Guida HTML
Nessuna valutazione finora
Guida HTML
100 pagine
I Comandi HTML
Nessuna valutazione finora
I Comandi HTML
6 pagine
01 HTML
Nessuna valutazione finora
01 HTML
84 pagine
Css
100% (1)
Css
75 pagine
Comandi HTML
Nessuna valutazione finora
Comandi HTML
2 pagine
HTML, Dimensione Degli Elementi
Nessuna valutazione finora
HTML, Dimensione Degli Elementi
17 pagine
Lezione 6
Nessuna valutazione finora
Lezione 6
15 pagine
Nvu Guida
Nessuna valutazione finora
Nvu Guida
87 pagine
Lista Dei Tag HTML
Nessuna valutazione finora
Lista Dei Tag HTML
2 pagine
01 - HTML 2
Nessuna valutazione finora
01 - HTML 2
43 pagine
SVILUPPO WEB La Guida Completa Alla Programmazione Web Lato Client e Server (Italian Edition) by Oscar R. Frost (Frost, Oscar R.)
Nessuna valutazione finora
SVILUPPO WEB La Guida Completa Alla Programmazione Web Lato Client e Server (Italian Edition) by Oscar R. Frost (Frost, Oscar R.)
319 pagine
Informatica 1
Nessuna valutazione finora
Informatica 1
56 pagine
Paragrafi Div e Span
Nessuna valutazione finora
Paragrafi Div e Span
2 pagine
HTML e CSS
Nessuna valutazione finora
HTML e CSS
27 pagine
HTML Js
Nessuna valutazione finora
HTML Js
6 pagine
Fondamenti Di XML - Steven Holzner
Nessuna valutazione finora
Fondamenti Di XML - Steven Holzner
79 pagine
HTML - CSS
Nessuna valutazione finora
HTML - CSS
11 pagine
Bootstrap
Nessuna valutazione finora
Bootstrap
29 pagine
01 CSS
Nessuna valutazione finora
01 CSS
91 pagine
Guida Base Css
Nessuna valutazione finora
Guida Base Css
27 pagine
Machiavelli 3
Nessuna valutazione finora
Machiavelli 3
10 pagine
Dipinto Purgatorio
Nessuna valutazione finora
Dipinto Purgatorio
1 pagina
Opere Arte Verifica
Nessuna valutazione finora
Opere Arte Verifica
1 pagina
Giordano Bruno
Nessuna valutazione finora
Giordano Bruno
8 pagine