lnx.brescianet.com Sito didattico - Prof. Sechi Marco 2 Modulo - 3M Appunti illustrati durante la lezione le coordinate delle mappe sono in pixel

Transcript

1 lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 2 Modulo - 3M Indice del forum -> Classe 3M - 2 Modulo Precedente :: Successivo Autore Messaggio Inviato: 25 Nov :04 am Oggetto: 2 Modulo - 3M Appunti illustrati durante la lezione Inviato: 25 Nov :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)

2 Spiegato xchè uso src="" Noframes è ignorato dal vecchio browser (esempio IE 30) Spiegato come funziona il noframes Inviato: 06 Dic :23 am Oggetto: 3M - 06/12/2006 assegnato eser 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:xxx@xxx.xxx" ==> 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 ==> "" Inviato: 06 Dic :27 am 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>

3 <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>

4 <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 il 07 Gen :07 pm, modificato 1 volta in totale Inviato: 13 Dic :18 am 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

5 Spiegato METHOD=POST ACTION=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> Inviato: 20 Dic :08 am 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

6 <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> Inviato: 10 Gen :51 am Oggetto: 3M font-family - font-size - color - font-style UL { list-style-image: URL( } 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( } body { background-color: gray } Inviato: 13 Gen :49 am 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

7 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 print { IMG.ORDINA { Visibility: hidden; } INPUT.BOTTONI { Visibility: hidden; } screen { IMG.ORDINA { cursor:pointer; } INPUT.Bottoni { font-family: Tahoma; color: white; font-size: 12 pt; background-color: CADETBLUE; width=620;

8 } } Inviato: 17 Gen :50 am 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

9 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 Inviato: 20 Gen :50 am 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

10 spiegato funzionamento della cache in IE spiegato fino ai metatag rimanenti Inviato: 22 Gen :43 am 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

11 (browser) sta visualizzando Mostra prima i messaggi di: Tutti i messaggi Prima i vecchi Vai Indice del forum -> Classe 3M - 2 Modulo Tutti i fusi orari sono GMT Pagina 1 di 1 Controlla questo Topic Vai a: Classe 3M - 2 Modulo Vai Puoi inserire nuovi Topic in questo forum Puoi rispondere ai Topic in questo forum Puoi modificare i tuoi messaggi in questo forum Puoi cancellare i tuoi messaggi in questo forum Puoi votare nei sondaggi in questo forum Puoi moderare questo forum Administration Panel Powered by phpbb , 2002 phpbb Group