Indice del forum -> Classe 3N - 1 Modulo. Inviato: 11 Set :00 am Oggetto: 1 Modulo - Classe 3N

Transcript

1 lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 1 Modulo - Classe Indice del forum -> Classe - 1 Modulo Precedente :: Successivo Autore Messaggio Inviato: 11 Set :00 am Oggetto: 1 Modulo - Classe Appunti illustrati durante le lezioni in laboratorio relativi al 1 modulo Inviato: 14 Set :53 am Oggetto: 14/09/ html hypertext markup language I Browser (Internet Explorer, NetScape, Opera, FireFox etc) sono interpreti del linguaggio HTML Internet Explorer è anche il file manager di windows. Un file manager è il modulo di Sistema Operativo che sovraintende la gestione dei file un file HTML è un file di testo contenente dei tags ovvero delle parole chiave racchiuse tra < e > Un file di testo (o file ascii) è un file contenente una sequenza di caratteri priva di caratterizzazioni tipografiche (esempio il grassetto) - Un file di WOrd non è un file di testo!! - I programmi che consentono di modificare un file di testo si dicono editor (Notepad) Un programma riesce a leggere i file che sono stati registrati in un formato per lui comprensibile Per Formato intendo la modalità di registrazione di un documento Il formato testuale (file di testo) consente di trasferire dati tra una applicazione ed un'altra - Il file di testo è un formato leggibile praticamente da tutti i prg e anche da sistemi operativi diversi

2 La scelta di utilizzare i file di testo per creare file HTML è quindi dovuta alla alta portabilità Un file HTML di esempio <HTML> cioo </BODY> </HTML> Inviato: 19 Set :51 am Oggetto: 19/09/ gli spazi e gli invii multipli vengono ignorati dal browser Un file HTML di esempio <HTML> ciao<caio>hhh</caio> </BODY> I browser quando incontrano un tag cercano di interpretarlo altrimenti lo ignorano completamente - non generano in questo caso nessun errore Tabella ascii: consente di codificare sequenza numeriche con simboli comprensibili all'utente esempio corrisponde alla lettera A corrisponde alla lettera B corrisponde alla lettera C etc Il computer non può registrare simboli ma solo sequenza di 0-1 All'interno della sezione <HEAD possiamo posizionare i META TAGS. Tale strumento consente, mediante delle parole chiave, di classificare il nostro documento. I meta tags erano usati dai motori di ricerca per collocare un documento in un certo contesto. Ad oggi l'uso non corretto di tale dispositivo da parte di alcuni WEBMASTER ha portato i motori di ricerca a considerare, al posto della sezione <HEAD>, la parte iniziale del. <meta http-equiv="content-language" content="it"> <meta name="generator" content="microsoft FrontPage 5.0"> <HTML> <HEAD><TITLE></TITLE></HEAD> </BODY> </HTML>

3 Gli attributi di un TAG servono a modificare il comportamento di default (predefinito) di tale tag. Il tag di chiusura corrispondente non presenta mai attributi <P align=left> </p> <P align=center> </p> <P align=right> </p> <P align=justify> </p> I valori degli attributi vanno racchiusi tra " se e solo se il valore contiene uno spazio: esempio <FONT FACE="Times New Roman"> <FONT FACE=Times New Roman> è errato Inviato: 21 Set :56 am Oggetto: 21/09/ La visualizzazione delle pagine HTML dipende dalle impostazioni del browser (menu Visualizza - carattere). Chi scrive pagine HTML quindi non può essere sicuro dell'aspetto finale delle proprie pagine - Il problema può essere aggirato mediante l'utilizzo dei fogli di stile i codici iso (quelli con &) vengono utilizzati per visualizzare nel browser caratteri speciali (esempio <, > & e spazio) <hr width=50% size=10 color=red noshade align=right> Se una misura è espressa in % allora è rispetto all'ampiezza della finestra del browser Se le dimensioni sono indicate senza % l'unità di misura sono i punti video. Qualora il monitor del client abbia una risoluzione maggiore rispetto a quella del WebDesigner l'oggetto apparirà + piccolo Inviato: 26 Set :52 am Oggetto: 26/09/ il font courier è un carattere monospaziato: ogni simbolo occupa lo stesso spazio OL ==> order list UL ==> Unorder List LI ==> list item L'attributo TYPE è applicabile anche al singolo <LI> - <LI type=circle>livello principale Compilazione dell'attributo SRC ) Posso mettere un URL ovvero un percorso contenente il prefisso (In questo

4 caso il file viene prelevato mediante il protocollo http) 2) SRC=pippo.gif in questo caso il file immagine pippo.gif deve trovarsi nella cartella corrente del documento HTML contenente il tag <IMG>. Per Cartella corrente di un documento intendo la cartella che contiene tale documento La cartella corrente è un riferimento relativo (dipende da dove è stato registrato il ns documento) 3) SRC=/pippo.gif oppure SRC=\pippo.gif La radice o root rappresenta un riferimento assoluto. In Windows ogni unità logica (A:, C: etc) ha una propria root ed è unica. Nel nostro esempio pippo.gif è ubicato nella radice della unità logica corrente. L'unità logica corrente è l'unità che contiene il ns documento html. C:\PIPPO\PLUTO\CAIO ==> Caio è dentro Pluto, Pluto è dentro Pippo e Pippo si trova nella radice di C: C:PIPPO\PLUTO\CAIO ==> Caio è dentro Pluto, Pluto è dentro Pippo e Pippo si trova nella cartella corrente di C: PIPPO\PLUTO\CAIO ==> Caio è dentro Pluto, Pluto è dentro Pippo e Pippo si trova nella cartella corrente dell'unità logica corrente. Le tre diciture coincidono se e solo se l'unità logica corrente e la directory corrente sono c:\ I riferimenti ai files che iniziano con \ o presentano \ dopo i : della U.L. usano un riferimento assoluto che rimane inalterato indipendentemente dalla posizione dei documenti Se non facciamo riferimento alla radice si parla di rifermenti relativi che fanno sempre capo alla cartella e all'unità logica corrente Quando pubblico delle pagine o le registro su CD devo usare l'indirizzamento relativo - in questo modo le immagini saranno sempre visibili a patto che non si modifichi la struttura delle cartelle Inviato: 28 Set :42 am Oggetto: 28/09/ directory (o cartella) precedente (rispetto a quella corrente) TESINA ITALIANO ita1.htm STORIA immagini GiulioCesare.gif IMMAGINI blueball.gif

5 Il documento ITA1.htm per caricare blueball.gif deve usare il riferimento relativo../immagini/blueball.gif La cartella immagini posizionata ad un livello identico alle altre cartelle è utile per immagini comuni al vs sito (bottoni, logo etc). Immagini inerenti ad un solo argomento (esempio storia) vanno localizzate dentro la cartella storia oppure dentro una sottocartella di storia <IMG SRC=../pippo.gif> ==> pippo.gif deve trovarsi nella cartella superiore a quella che contiene il documento HTML che fa riferimento al tag IMG in analisi ATTRIBUTI DEL TAG IMG tag IMG Attributi Border ==> bordo espresso in punti o pixel (0 di dafault) width e height consentono di impostare dimensioni di visualizzazione differenti dalla dimensione dell'immagine. Se imposto delle dimensioni inferiori l'immagine risulta rimpicciolita ma l'utente internet prima di visualizzarla dovrà comunue scaricarla x intero. Rimpicciolire con questa tecnica le immagini trova applicazione quando vogliamo costruire una pagina indice delle foto salvate su un ns cdrom. Applicata ad una pagina pubblicata in internet diventa inutilizzabile poichè tutte le foto dovranno essere scaricate prima di visualizzarle Se le dimensioni sono espresse in % è rispetto alla finestra del browser Inserire le dimensioni consente di mantenere inalterato l'aspetto delle vs pagine anche quando le immagini non vengono caricate HREF va compilato seguendo le stesse regole di SRC Inviato: 03 Ott :51 am Oggetto: 03/10/ c:pippo/caio.htm è di tipo relativo poichè non fa riferimento alla root - anche gli indirizzi che richiamano l'url di un sito sono assoluti esempio: <A HREF=LIBRO.HTM#CAPITOLO1>Salta al capitolo 1 del file libro.htm</a> RGB ==> red, green Blue Il colore viene espresso in esadacimale 00 ==> 0 01 ==> ==> 9 10 ==> A 11 ==> B..

6 15 ==> F Per esprimere il colore uso 6 digit esadecimali La 1 coppia di digit indica la qta di colore rosso presente La 2 coppia di digit indica la qta di colore verde presente La 3 coppia di digit indica la qta di colore blu presente 00FF00 ==> non ho presenza di rosso e blu ma solo verde La qta di colore è espressa con un valore compreso tra 00 e FF ( ) Il nr di colori esprimibili con RGB è 256^3 La scala RGB richiede 24 Bit ==> il computer registra il colore utilizzando dei numeri Inviato: 05 Ott :56 am Oggetto: 05/10/ eser 2, 6 e 9 numero hex ==> dec (numero corrispondente al primo digit)*16+numero corrispondente al 2 digit esempio A2 ==> 10*16+2 numero dec ==> hex 1 digit hex= simbolo corrispondente alla divisione intera tra il numero decimale e 16 1 digit hex= simbolo corrispondente alresto della divisione tra il numero decimale e ==> ==> 4B Spiegata ottimizzazione delle immagini di sfondo Inviato: 10 Ott :14 am Oggetto: 10/10/ Assegnato eser 1, 8, 7 (saperlo spiegare) Escludere i frame Inviato: 17 Ott :16 am Oggetto: 17/10/2005-3M gopher: antenato servizio http <> se il server è di tipo unix Inviato: 18 Gen :56 am Oggetto: 18/01/2006 -

7 è possibile definire per lo stesso tag + stili <STYLE> TD.StileTesto {font-size: 12} TD.StileTitolo {font-size: 24}.Verdana { font-family: Verdana}.Arial { font-family: Arial} </STYLE> <table class=verdana> <tr><td class=stiletitolo>scritto alto 24pt</TD></TR> <tr><td class=stiletesto>scritto alto 12pt</TD></TR> </TABLE> ******* <STYLE> font {cursor: crosshair} font.cursore-hand {cursor: hand} font.cursore-n-resize {cursor: n-resize} img.conjs {cursor: hand} </STYLE> <font>croce</font> <font class="cursore-hand">mano</font> <font class="cursore-n-resize">resize</font> <IMG class=conjs SRC=logocalini.gif BORDER=0 onclick="alert('ciao')"> saper esempi x uso css in linea, incluso, esterno effetti sui link, body, mousepointer Mostra prima i messaggi di: Tutti i messaggi Prima i vecchi Vai Indice del forum -> Classe - 1 Modulo Tutti i fusi orari sono GMT Pagina 1 di 1 Controlla questo Topic Vai a: Classe - 1 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