doc5N - Appunti di INFORMATICA
download 
Reclamo Transcript
5N - Appunti di INFORMATICA
lnx.brescianet.com
Sito didattico - Prof. Sechi Marco
FAQ
Profilo
Cerca
Lista degli utenti
Non ci sono nuovi messaggi
Gruppi utenti
Logout [ e01692 ]
5N - 3° Modulo
Indice del forum -> Classe 5N - 3°Modulo
Precedente :: Successivo
Autore
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Messaggio
Inviato: 24 Feb 2007 09:06 am
Oggetto: 5N - 3° Modulo
Appunti illustrati in laboratorio
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 24 Feb 2007 09:08 am
Oggetto: 5N - 21-02-2007
pagine ipertestuali=> pagine che consentono di saltare da un argomento in maniera contestuale (dipendente dal contesto)
Le pagine html sono composte da TAG (parole comprese tra < e > - I files html sono testuale (formato di registrazione che garantisce la
portabilità dell'informazione su sistemi operativi differenti)
riprendere dall'organizzazione logica dei documenti
-----c:\tesina
+-------> immagini (immagini comuni a tutto il sito)
+-------> Filosofia
+-------> immagini (immagini comuni a filo)
+-------> Matematica
+-------> immagini
+-------> Italiano
+-------> immagini
struttura documento
<html>
<head>
<TITLE>titolo in cima la browser</title>
</HEAD>
<BODY>
contenuto del vostro documento
</body>
</html>
tag grafico
esempio <b> </b> ==> grassetto
in html gli spazi e gli invii sono ignorati
<BR> non ha </BR> (ritorno a capo)
Codici iso
==> spazio
< ==> minore
> ==> maggore
& ==> e commerciale
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 06 Mar 2007 11:08 am
Oggetto: 5N - 06/03/2007
<BODY BGCOLOR="#FFFFFF">
direttiva ==> attributo di un tag che modifica il suo comportamento
predefinito
rgb = red - green - blue
0..255 ==> i valori ammessi per ogni colore di base
255 rosso 0 verde 0 blu ==> rosso
notazione esadecimale (hex)
0 --> 0
1 --> 1
...
9 --> 9
A --> 10
B --> 11
C --> 12
D --> 13
E --> 14
F --> 15
10 --> 16
11 --> 17
...
1F --> 31
20 --> 32
21 --> 33
...
FE --> 254
FF --> 255
colore ff0000
256 (da 0 a 255) TONALITà DI ROSSO
nr di colori nella RGB => 256^3 ==> 2^24 ==> 24 bit per esprimere
un colore rgb
da dec a hex
1°digit - 2° digit
sia n un numero espresso in notazione decimale (base 10)
1° digit ==> è il simbolo esadecimale corrispondente alla divisione intera
tra n e 16
2° digit ==> è il simbolo esadecimale corrispondente alresto della divisione
tra n e 16
dec hex
32 ==> 20
33 ==> 21
80 ==> 50
160 ==> A0
da hex a dec
moltiplico il primo digit per 16 e lo sommo al valore decimale corrispondente
al 2° digit
hex
33 ==> 3 *16+3 ==> 51
A0 ==> 10*16+0 ==> 160
<ciao>cosa</ciao> ==> i tag sconosciuti vengono ignorati - lo scopo è quello
di garantire la compatibilità di lettura da parte dei vecchi browser che
saranno così in grado di visualizzare pagine HTML (che usano tag HTML recenti)
senza errori od omissioni nei contenuti
<TT> (oppure <CODE>) visualizza il testo con il font courier (è un font
monospaziato ovvero ogni carattere occupa lo stesso spazio orizzontale utile per semplici allineamenti - era il font tipico delle macchine da
scrivere
<FONT SIZE=6>divertente</FONT> ==> la dimensione è relativa alle
impostazioni del browser (menu visualizza - voce carattere di I.E.
(internet explorer))
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 20 Mar 2007 10:46 am
2^3^4
Oggetto: 5N - 20/03/2007
2<SUP>3<SUP>4</SUP></SUP>
H2O ==> H<SUB>2</SUB>O
<FONT FACE=Arial SIZE=3 COLOR=RED>Ciao</FONT>
<TH>colonna 1</TH> equivale a <TD ALIGN=CENTER><B>Colonna 1</B></TD>
VALIGN ==> allineamenti verticali
ALIGN (valori LEFT RIGHT CENTER) ==> allineamenti orizzontali
la larghezza e l'altezza possono essere espresse in pixel o in % (rispetto all'ampiezza
della finestra)
esercitazione 1, 2, 6 , 8,10 (2 ore)
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 27 Mar 2007 10:15 am
Oggetto: 5N - 27/03/2007
le valorizzazioni delle direttive dei tag HTML sono case-sensitive
<UL>
<LI TYPE=disc>Capitolo 1
<LI TYPE=disc>Capitolo 2
<LI TYPE=disc>Capitolo 3
</UL>
equivale a
<UL TYPE=disc>
<LI>Capitolo 1
<LI>Capitolo 2
<LI>Capitolo 3
</UL>
<OL TYPE=I>
<LI>Capitolo
<LI>Capitolo
<LI>Capitolo
<LI>Capitolo
<LI>Capitolo
</OL>
------
1
2
3
4
5
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 03 Apr 2007 09:36 am
Oggetto: 5N - 3/04/2007
---------------------Spiegato NOBR
<HR ALIGN="RIGHT" WIDTH="50%" SIZE=20 noshade color=RED>
<IMG SRC=IMG.GIF BORDER=0 USEMAP=#PIPPO>
<MAP NAME=PIPPO>
<AREA SHAPE=RECT COORDS="109,53,250,154" HREF="AZZURRO.HTM">
<AREA SHAPE=POLY COORDS="306,155, 322,196, 267,194" HREF="GIALLO.HTM">
<AREA SHAPE=CIRCLE COORDS="96,133, 59" HREF="VIOLA.HTM">
<AREA SHAPE=DEFAULT HREF=BIANCO.HTM>
</MAP>
Vantaggi
1) Facilità di consultazione o navigazione
2) Facilità la gestione di quelle informazioni che sono comuni a
tutto il mio sito
svantaggi
1) le singole pagine sono costruite in un contesto multipagina che per
i motori di ricerca è sconosciuto. Se durante una ricerca viene restituita
la pagina del menu questo potrebbe non funzionare se non sono aperti i frame
previsti
Se si vuole dare massima visibilità al proprio sito non è opportuno usare i frame
I frame sono usati nei siti intranet (I dipendenti hanno così immediata visibilità
dei contenuti disponibili)
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 17 Apr 2007 01:50 pm
Oggetto: 5N - 17/04/2007
COLS - ROWS ==> se ho valori in % sono riferiti all'ampiezza della finestra di IE
<FRAMESET ROWS="33%,33%,33%">
è meglio
<FRAMESET ROWS="*,*,*">
oppure
<FRAMESET ROWS="33%,33%,*"> ==> in questo caso l'asterisco assume il significato di parte rimanente
<FRAMESET ROWS="30,*,2*,*,*">
alla prima finestra sono assegnati 30 pixel - la parte rimanente è divisa in 5 (considero due *
quando ho 2*) e il valore ottenuto è la larghezza corrispondente all'*
<FRAMESET COLS="*,*">
<FRAMESET ROWS="*,*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
<FRAMESET ROWS="*,*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
</FRAMESET>
oppure
<FRAMESET ROWS="*,*">
<FRAMESET COLS="*,*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
<FRAMESET COLS="*,*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
</FRAMESET>
esempio a + frame
<FRAMESET COLS="*,2*">
<FRAME SRC="">
<FRAMESET ROWS="*,*">
<FRAME SRC="">
<FRAMESET COLS="*,*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
</FRAMESET>
</FRAMESET>
Il tag <BODY> non è mai presente in una pagina contenente i frames. Unica eccezione se uso
il tag <NOFRAMES>
<NOFRAMES>
I LINK in un frame
Ogni frame ha un attrivu
<A HREF=link.htm TARGET=_____>
se il target è omesso nel frame verrà caricata la pagina indicata in HREF
<A HREF=link.htm TARGET=PIPPO>
Se esiste un frame con nome PIPPO (Attenzione è case sensitive) la pagina indicata in HREF
verrà visualizzata in PIPPO
<A HREF=testo.htm target=pippo>clicca qui</A>
<A HREF=tad.htm target=pippo>clicca qui</A>
Se il nome inserito in target non esiste verrà aperta una nuova finestra. Tutti i link con lo
stesso TARGET riverseranno la pagina indicata in HREF dentro quella finestra
l'uso dei sottoframes consente di cambiare con un solo click + pagine inserite in diversi frame
esempio completo
=======================================
Pagina principale a.htm
<frameset cols="*,2*">
<FRAME SRC="indice.htm" name="MENU">
<FRAMESET ROWS="*,2*">
<FRAME SRC="" name=titolo>
<FRAME SRC="b.htm" name=SottoFrame>
</FRAMESET>
</FRAMESET>
Pagina Indice.htm
<HTML>
<BODY>
<A HREF=pagina1.htm>link 1 (senza target)</A><BR>
<A HREF=pagina1.htm target=MENU>link 1 (TARGET MENU)</A><BR>
<A HREF=pagina1.htm target=Menu>link 1 (TARGET Menu)</A><BR>
<A HREF=pagina2.htm target=Menu>link 2 (TARGET Menu)</A><BR>
<A HREF=pagina1.htm target=titolo>link 1 (TARGET titolo)</A><BR>
<A HREF=pagina2.htm target=titolo>link 2 (TARGET titolo)</A><BR>
<A HREF=pagina1.htm target=CONTENUTO>link 3 (TARGET CONTENUTO)</A><BR>
<A HREF=pagina1.htm target=SottoFrame>link 1 (TARGET SottoFrame)</A><BR>
<A HREF=pagina3.htm target=SottoFrame>link 3 (TARGET SottoFrame)</A><BR>
<A HREF=pagina1.htm target=_blank>link 1 (TARGET _blank)</A><BR>
<A HREF=pagina1.htm target=_top>link 1 (TARGET _top)</A><BR>
<A HREF=pagina1.htm target=_self>link 1 (TARGET _self)</A><BR>
<A HREF=pagina1.htm target=_parent>link 1 (TARGET _parent)</A><BR>
</BODY>
</HTML>
Pagina b.htm (è un sottoframe)
<frameset cols="*,2*">
<FRAME SRC="">
<FRAMESET ROWS="*,2*">
<FRAME SRC="">
<FRAME SRC="">
</FRAMESET>
</FRAMESET>
Pagina1.htm
<HTML>
<BODY>
<H1>Sono la pagina 1</H1>
</BODY>
</HTML>
Pagina2.htm
<HTML>
<BODY>
<H1>Sono la pagina 2</H1>
</BODY>
</HTML>
Pagina3.htm
<frameset rows="*,*">
<FRAME SRC="indice.htm" name="MENU">
<FRAME SRC="pagina1.htm" name="MENU">
</FRAMESET>
******
TAG MAGICI (case sensitive ==> vanno scritti minuscoli)
TARGET=_blank ==> ad ogni pagina apre sempre una nuova finestra
TARGET=_top ==> la suddivisione principale in frame verrà sostituita con quella indicata
nell'HREF
TARGET=_self ==> indica lo stesso frame contenente il link stesso (è utile solo se uso JS
javascript)
TARGET=_parent ==> sostituisce l'SRC del frameset contenitore della pagina con quel link.
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 20 Apr 2007 07:51 am
Oggetto: 5N - 20/04/2007
-------------------------------------------Una pagina dinamica è una pagina che cambia i contenuti a secondo dell'input dell'utente.
L'input dell'utente avviene mediante pagine contenenti dei forms
La direttiva NAMEè usata dalla pagina dinamica per andare a leggere quei controlli
SIZE ==> larghezza in caratteri della casella di testo
RADIO BUTTON==> usati per le scelte esclusive
Nei radio button il testo indicato nella direttiva VALUE verrà spedito al server http
se il controllo risulta "checked"
CHECKbox ==> usato nelle risposte multiple
SELECT ==> direttiva per i LISTBOX - il valore spedito al server se manca la direttiva VALUE
nel TAG OPTION è quello dell'etichetta selezionata - La direttiva VALUE è usata solitamente
per inserire il campo chiave (esempio la matricola dello studente)
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 24 Apr 2007 09:38 am
Oggetto: 5N - 24/04/2007
-------------<INPUT TYPE=SUBMIT VALUE="Titolo del bottone"> ==> bottone per sottomettere il form (inviarlo al
server) - la direttiva ACTION del tag FORM definisce la pagina (sul server) che riceverà i dati
del form
<form action=pippo.asp><INPUT TYPE=SUBMIT Value="carica pippo.asp></FORM>
Valore RESET della direttiva type ==> bottone che riporta il form ai valori di default (iniziali)
Valore BUTTON della direttiva type ==> definisce un bottone al quale posso collegare del codice javaScript
<INPUT TYPE=BUTTON onClick="JavaScript:alert('Ciao a tutti')" VALUE="Salutone!">
Il type=button è il + utilizzato - mediante il codice javaScript controllo la correttezza dell'input
da parte dell'utente - se tutto è OK viene effettuata la sottomissione dei dati al server che li
elabora. Se non sono corretti verrà dato un messaggio di avviso che esclude l'intervento del server
esempio da non studiare ***
<FORM NAME=ACCESSO>
Email:<INPUT TYPE=TEXT NAME=Email>
</FORM>
<INPUT TYPE=BUTTON onClick="Controlla()">
<SCRIPT LANGUAGE=>
function Controlla()
{
var checker="";
var f1=document.ACCESSO.Email.value;
if (f1 == '')
{
checker = checker + "Digitare l'email alla quale spedire la password!";
alert(checker);
}
else
if (isEmail())
{
document.ACCESSO.action="http://lnx.brescianet.com/accedi/mspasswd.php";
document.ACCESSO.submit();
}
else
alert("Digitare l'Email in modo corretto!")
}
function isEmail()
{
emailAddress=document.ACCESSO.Email.value;
if (emailAddress.indexOf ('@',0) == -1 || emailAddress.indexOf ('.',0) == -1)
return false;
return true;
}
</SCRIPT>
*** fino a qui - sotto studiare
---- le immagini
GIF e JPEG sono modi di registrare un'immagine (formati)
formato non compresso ==> bitmap
immagine 800x600 a 24 bit (profondità di colore RGB) ==> 800x600x3 (byte) ==> memoria richiesta
immagine 800x600 a 256 colori (profondità di colore 2^8) ==> 800x600x1 (byte) ==> memoria richiesta
immagine 800x600 a monocromatico (profondità di colore 1 bit) ==> 800x600/8 (byte) ==> memoria richiesta
agendo sul nr di colori posso diminuire la dimensione dell'immagine
Il gif utilizza la profondità di colore per ottimizzare le dimensioni e la ripetizione dello stesso
colore in aree adiacenti
Caratteristiche del GIF
1) non supporta + di 256 colori (non è quindi adatto a fotografie con numerose sfumature) - è
adatto quindi per immagini al tratto (esempio fumetti)
2) Trasparenza
3) Animazione
4) mantiene la qualità identica all'originale
5) Interlacciamento o visualizzazione progressiva dell'immagine
Caratteristiche del JPEG
1) E' un algoritmo che modifica la qualità dell'immagine originale - sostituisce aree con colori
2) Non supporta trasparenze ne animazioni
3) supporta + di 256 colori (è quindi addatto per fotografie) - xchè è inutile comprimere con winzip
un'immagine JPEG ?
FORMATO TIFF (nato per i fax)
1) non distruttivo
2) usa l'algoritmo di compressione zip
3) usato per i formati di stampa
simili utilizzando variazioni di colore che dovrebbero risultare impercettibili ad occhio umano
Torna in cima
Mostra prima i messaggi di: Tutti i messaggi
Indice del forum -> Classe 5N - 3°Modulo
Prima i vecchi
Vai
Tutti i fusi orari sono GMT
Pagina 1 di 1
Controlla questo Topic
Vai a: Classe 5N - 3°Modulo
Vai
Puoi inserire nuovi Topic in
Puoi rispondere ai Topic in
Puoi modificare i tuoi messaggi in
Puoi cancellare i tuoi messaggi in
Puoi votare nei sondaggi in
Puoi moderare
Administration Panel
Powered by phpBB 2.0.10 © 2001, 2002 phpBB Group
questo
questo
questo
questo
questo
questo
forum
forum
forum
forum
forum
forum
