3M - Prof. Marco SECHI

Transcript

lnx.brescianet.com
Sito didattico - Prof. Sechi Marco
FAQ
Profilo
Cerca
Lista degli utenti
Non ci sono nuovi messaggi
Gruppi utenti
Logout [ e01692 ]
2° Modulo - 3M
Indice del forum -> Classe 3M - 2°Modulo
Precedente :: Successivo
Autore
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Messaggio
Inviato: 25 Nov 2006 10:04 am
Oggetto: 2° Modulo - 3M
Appunti illustrati durante la lezione
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 25 Nov 2006 10:04 am
Oggetto: 3M - 25/11/2006
le coordinate delle mappe sono in pixel
I frames consentono:
1) facile accesso agli argomenti che possono essere classificati x argomento
2) Leggerezza (solo il frame interessato verrà inviato al client
3) Se ho uno spot pubblicitario con i frame posso inserirlo in una sola pagina
senza dover modificare i miei 3000 documenti costituenti il mio sito web
I frames non sono adatti al tipo di indicizzazione svolto dai motori di ricerca (indicizzano le
singole pagine e quindi restituiscono come risultato della ricerca una pagina fuori dal contesto
originale)
intranet ==> utilizzo delle modalità internet all'interno di una azienda (o rete locale)
Spiegato xchè uso src=""
Noframes è ignorato dal vecchio browser (esempio IE 30)
Spiegato come funziona il noframes
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 06 Dic 2006 09:23 am
Oggetto: 3M - 06/12/2006
assegnato eser 2.2 -3 -4 5 - assegnato compito delle vacanze x il 13/1/2007
ACTION ==> contiene il nome della pagina che riceverà i dati compilati nel modulo (di regola è una
pagina dinamica ==> esempio asp - php etc)
ACTION="mailto:[email protected]" ==> invia i dati all'indirizzo indicato - richiede che outlook sia
configurato
Attenzione al nome nei radio/checkbox
un checkbox non selezionato assume il valore Strnga vuota ==> ""
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3m - 29/11/2006
Cache o file temporanei
x velocizzare la visualizzazione delle pagine già visitate IE salva in locale una copia che verrà
ripresentata (senza quindi richiederla nuovamente al server web httpd)
target magici sono case sensitive (in realtà tutte le valorizzazioni delle direttive HTML sono case
sensitive: si pensi alla direttiva TYPE del tag <LI>
<A HREF=pippo.htm target=_self> equivale a <A HREF=pippo.htm>
<A HREF=pippo.htm target=_top>
<A HREF=pippo.htm target=_self>
----------------------------------------------------FRAME.HTM
----------------------------------------------------<FRAMESET COLS="*,*,*" border=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="*,*">
<FRAME SRC="A.htm" noresize>
<FRAME SRC="" NAMe=SOTTO>
</FRAMESET>
<FRAME SRC="" NAMe=centro>
<FRAME SRC="SOTTOFRAME.HTM" NAMe=DESTRO>
</FRAMESET>
----------------------------------------------------SOTTOFRAME.HTM
----------------------------------------------------<FRAMESET ROWS="*,*">
<FRAME SRC="a.htm" noresize>
<FRAME SRC="" NAMe=ALTRO>
</FRAMESET>
----------------------------------------------------A.HTM
----------------------------------------------------<HTML>
<BODY>
SONO A<BR>
<A HREF=b.htm>Cliccheggia qui (no target)</A><BR>
<A HREF=b.htm target=_self>Cliccheggia qui (SELF)</A><BR>
<A HREF=b.htm target=_top>Cliccheggia qui (TOP)</A><BR>
<A HREF=b.htm target=_blank>Cliccheggia qui (BLANK)</A><BR>
<A HREF=b.htm target=_parent>Cliccheggia qui (PARENT)</A><BR>
<A HREF=b.htm target=DESTRO>Cliccheggia qui (Destro)</A><BR>
<A HREF=b.htm target=SOTTO>Cliccheggia qui (BASSO)</A><BR>
<A HREF=a.htm target=DESTRO>Cliccheggia qui (a.htm) (Destro)</A><BR>
<A HREF=b.htm target=_TOP>Cliccheggia qui (Maiuscolo)</A><BR>
<A HREF=A.htm target=_TOP>Cliccheggia qui (a.HTM) (Maiuscolo)</A><BR>
<A HREF=b.htm target=CIAO>Cliccheggia qui (CIAO)</A><BR>
<A HREF=A.htm target=CIAO>Cliccheggia qui (a.HTM) (CIAO)</A><BR>
</BODY></BODY>
</HTML>
----------------------------------------------------B.HTM
----------------------------------------------------<HTML>
<BODY>
Sono B
</BODY>
</HTML>
Ultima modifica di e01692 il 07 Gen 2007 05:07 pm, modificato 1 volta in totale
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 13/12/2006
form
action ==> pagina che verrà richiamata quando clicco sul pulsante di conferma
ENCTYPE="application/x-www-form-urlencoded" ==> serve per indicare il tipo di documento
esempio
----------------------------------<FoRM ACTION=CAIO.htm METHOD=GET>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed" checked> Ed Holleran<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Rick"> Rick Weinberg<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Tom"> Tom Studd<P>
<INPUT TYPE=RADIO NAME="BEST1" VALUE="Ed" checked> Ed Holleran<BR>
<INPUT TYPE=RADIO NAME="BEST1" VALUE="Rick"> Rick Weinberg<BR>
<INPUT TYPE=TEXT VALUE="Ciao" NAME=textbox>
<INPUT TYPE=SUBMIT VALUE="Cliccheggia per confermare">
</FORM>
----------------------------------Spiegato METHOD=GET ACTION=CAIO.HTM
http://127.0.0.1:3000/CAIO.htm?BEST+FRIEND=Ed&textbox=Ciao
Spiegato METHOD=POST ACTION=CAIO.HTM
http://127.0.0.1:3000/CAIO.htm
nei radiobutton se metto un value questo rappresenta il valore spedito alla pagina indicata nella direttiva action
i checkbox non cliccati hanno come valore (inviato alla pagina indicata in action) la stringa vuota ("")
nel select il valore che viene inviato alla pagina indicata in action è quello indicato nella direttiva value del tag option selezionato - se
omesso usa la secrizione messa dopo <OPTION>
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 20/12/2006
crlf ==> invio carriage return - line feed ascii 10 e 13
wrap ==> diversa codifica della SEQUENZA Invio
I controlli di un form sono visti come delle variabili dai linguaggi di programmazione lato client
(esempio javascript)
BOTTONI GENERICI
<INPUT type=BUTTON Value="Ciao" onClick="JavaScript:alert('ciao')">
I CSS
Fogli di stile in linea ==> usati per caratterizzazioni tipografiche estemporanee
Fogli di stile incorporati ==> usati quando ho una sola pagina che usa quegli stili ma all'interno
tali stili risultano molto frequenti
Fogli di stile esterni ==> siti con molte pagine tutte caratterizzate dallo stesso layout grafico
I fogli di stile esterni non hanno il tag <STYLE>
PSEUDO CLASSI
<STYLE TYPE=text/css>
P.blu { font-size:15px; font-family:verdana; color:blue }
P.verde { font-size:15px; font-family:tahoma; color:green }
</STYLE>
<p class=blu> bbbb b bb b b b bbbbb bb bbb bb b bb b bb bb bbb bb b b bb bbbbb bb b b bb bb b</p>
<p class=verde> bbbb b bb b b b bbbbb bb bbb bb b bb b bb bb bbb bb b b bb bbbbb bb b b bb bb b</p>
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Inviato: 10 Gen 2007 08:51 am
Oggetto: 3M - 10-01-2007
font-family - font-size - color - font-style
UL { list-style-image: URL(http://server/img.gif }
display ==> direttiva x nascondere (none) o visualizzare un elemento
(block)
text-decoration
A:link, A:hover { background:red }
body { background-repeat: no-repeat }
body { background-image: url(http://nomeserver/nomeimg.gif) }
body { background-color: gray }
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 13/1/2007
Fogli di stile in linea ==> stile grafico estemporaneo valido solo per quella
porzione di testo
Fogli di stile esterni ==> usati quando voglio dare la stessa impronta
grafica a tutto il mio sito (stili comuni a + documenti)
Fogli di stile inclusi ==> usati quando all'interno ho degli stili grafici
che si ripetono ma non hanno niente a che fare con gli stili presenti in
altri documenti del nostro sito
Fare gli effetti sui link e sul body
Ricordarsi che è possibile definire immagini al posto di disc - square circle nelle UL
Possibile posizionare gli oggetti in modo preciso sulla pagina
z-index - visibility ===> si
esempio dei cursori
<STYLE>
IMG.LINK { cursor:hand}
</STYLE>
<IMG SRC=a.gif onClick="document.URL='form.htm'" class=LINK>
Ricordarsi che è possibile definire stili differenti a secondo del
dispositivo di visualizzazione (esempio video o stampante)
@media print
{
IMG.ORDINA { Visibility: hidden; }
INPUT.BOTTONI { Visibility: hidden; }
}
@media screen
{
IMG.ORDINA { cursor:pointer; }
INPUT.Bottoni
{
font-family: Tahoma;
color: white;
font-size: 12 pt;
background-color: CADETBLUE;
width=620;
}
}
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 17/01/2007
immagini nel computer sono composte da pixel (punti colorati) - la
composizione dei pixel determina l'immagine visualizzata - le
immagini sono registrATE IN MODALITà BITMAP
I NOMI jpeg - gif -TIFF - bmp RAPPRESENTANO MODI DI SALVATAGGIO DI
FILE IMMAGINI (SI DICE FORMATO DI SALVATAGGIO)
gif, Jpeg, tiff, bmp sono modi di registrazione adatti alle
immagini
jpeg=> immagini di tipo fotografico (quando ho + di 256 colori)
comprime le immagini in modo distruttivo (l'immagine finale ha una
qualità inferiore dell'immagine iniziale NON COMPRESSA)
- pixel vicini vengono sostituiti con un unico pixel il cui colore
è la media
- è inutile comprimerlo con lo zip - 4
gif ==> immagini al tratto (priva di sfumature)
non supporta + di 256 colori
comprime le immagini in modo non distruttivo (stessa qualita
dell'originale)
il gif supporta le animazioni e le trasparenze
Fatta demo per la trasparenza ==>(usare microsoft photo editor strumento trasparenza (simile ad un pulsante con una matita con una
L in basso)
TIFF ==>ottima x la stampa - ha un algoritmo di compressione (lo
stesso dei fax) non distruttivo - utilizzato nella composizione di
riviste etc - non è distruttiva come il jpeg - usata x gli archivi
documentali
BMP ==> non hanno algoritmi di compressione
fatto esempio con il paint (senza compressione)
Gli algoritmi di compressione distruttivi sfruttano l'incapacità
umana di percepire tutti le possibili variazione di colore (tipico
del jpeg come dell'MP3 (sfrutta frequenza audio non udibili)
METATAG -_> particolari scritture che vengono inserite nel
documento html e consentono la sua classificazione da parte dei
motori di ricerca
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 20/01/2007
Intranet ==> applicazione delle modalità internet all'interno di una rete locale (rete aziendale)
Palette ==> intestazione nel file immagine che abbina i colori presenti con
particolari sequenze di bit (che rappresentano i colori stessi)
W3C ==> società che gestisce la definizione degli standard in ambito internet
spiegato funzionamento della cache in IE
spiegato fino ai metatag rimanenti
Torna in cima
e01692
Site Admin
Registrato: 09/09/06 19:59
Messaggi: 277
Oggetto: 3M - 22/01/2007
I cookies sono files utilizzati dai server web per monitorare l'attività del
client (esempio ultima pagina visitata - argomenti preferiti dall'utente con
l'obbiettivo di inviargli pagine pubblicitarie mirate)
salvati in C:\Documents and Settings\<Nome utente>\Cookies
Fatto vedere come si rimuovono
Grafica Bitmap ==> definita per punti ==> gestita mediante i prg di grafica
pittorica/fotografica ==> Photoshop (Adobe), Corel Photo, Paintshop pro
Grafica Vettoriale ==> grafica descritta mediante delle equazioni matematiche
- Utilizzata per le logo e dei marchi, caratteri ==> programmi freehand,
Corel Draw ==> nella grafica vettoriale non abbiamo l'effetto di scalettatura
che si ha nei bitmap quando ingrandisco l'immagine -> fatto vedere esempio
dei font
jpeg progressivo - trasparente ==> studiare
interlacciamento => visualizzazione progressiva dell'immagine per dare
immediatamente un'idea del risultato grafico della pagina che un client
(browser) sta visualizzando
Torna in cima
Mostra prima i messaggi di: Tutti i messaggi
Prima i vecchi
Indice del forum -> Classe 3M - 2°Modulo
Vai
Tutti i fusi orari sono GMT
Pagina 1 di 1
Controlla questo Topic
Vai a: Classe 3M - 2°Modulo
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
Vai
questo
questo
questo
questo
questo
questo
forum
forum
forum
forum
forum
forum

3M - Prof. Marco SECHI

Transcript

Documenti analoghi

3N - Prof. Marco SECHI

Archivio di consultazione di sentenze varie: http://www.dplmodena.it

lamescolanza.it - Comune di Praiano

I paesi dell`Unione Europea

Lesson 5th November

Mahjong chem: dei numeri di ossidazioni Diversi

5I - Prof. Marco SECHI

Husqvarna Sm610 di Alexander

Übersicht Partnerunis

Siti DSA - lucca 2