I file HTML sono file testuali caratterizzati dalla presenza di TAG ovvero parole "Chiave" comprese tra i simboli < > esempio <TABLE>

Transcript

1 lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 3N - 1 Modulo Indice del forum -> Classe 3N - 1 Modulo Precedente :: Successivo Autore Messaggio Inviato: 19 Set :06 am Oggetto: 3N - 1 Modulo Appunti illustrati durante le lezioni Ultima modifica di il 21 Ott :29 am, modificato 2 volte in totale Inviato: 19 Set :54 am Oggetto: 3N - 19/09/2006 HTML ==> Hyper text Markup language I file HTML sono file testuali caratterizzati dalla presenza di TAG ovvero parole "Chiave" comprese tra i simboli < > esempio <TABLE> I files testuali sono sequenze di caratteri ascii (sono leggibili con il notepad) Un file di word non è testuale (ha caratterizzazioni tipografiche al suo interno) I file HTML sono di tipo testuale (sequenze di caratteri ASCII) per via della loro alta portabilità. I files ascii possono essere letti da qualsiasi sistema operativo. Per formato si intende la modalità di registrazione di un certo documento. Solo l'applicativo che conosce il formato di un file è in grado di aprire quel file. Ogni prg ha il proprio formato per salvare i propri documenti

2 Presentato cosa succede se rinomino un file di excel e poi tento di aprirlo con WORD. http ==> hyper text transfer protocol ==> insieme di regole che definisce il trasferimento di files ipertestuali (file dotati di tag) --> mezzo di trasmissione per le pagine html Internet Explorer (IE) è un interprete HTML che può ricevere i files trasmessi tramite il protocollo HTTP ma anche direttamente dal vs disco Chi legge HTML si dice interprete html Client HTTP: Firefox, Internet Explorer, Netscape, Opera Client HTTP: Firefox, Internet Explorer, Netscape, Opera Le regole di definizione dell'html vengono fatte da un particolare ente w3c Le differenti versioni (rilasci) di HTML generano errori qualora un browser (client http) non supporti una determinata versione. I browser oltre a riconoscere i formato HTML sono in grado di interpretare dei linguaggi di programmazione (esempio JavaScript, VBScript etc.) VB Script è usato solo da IE - JavaScript ha un meccanismo insito nella sua struttura che gli impedisce di arrecare danni alla macchina ricevente (client http). Le pagine statiche sono immutabili nel tempo - Quelle dinamiche invece cambiano a secondo dell'input dell'utente Le pagine statiche possono essere prodotte mediante editor (frontpage - dreamweaver - golive) Inviato: 23 Set :01 am Oggetto: 3N - 23/09/2006 dinamica: cambia a secondo dell'input dell'utente: richiedono una programmazione lato server Le pagine statiche sono immutabili nel tempo - Quelle dinamiche invece cambiano a secondo dell'input dell'utente Le pagine statiche possono essere prodotte mediante editor (frontpage - dreamweaver - golive) I files html hanno estensione.htm o html (le 3 lettere seguono da un vincolo del dos che prevedeva nei nomi dei file una estensione di 3

3 caratteri) Un documento HTML inizia col tag <HTML> e finisce con </HTML> tra <BODY> e </BODY> inseriremo il contenuto della ns pagina html Nella sezione <TITLE> </TITLE> avrò il titolo del documento Tra <HEAD> </HEAD> (testata) ho i meta tag. Consentono una classificazione del documento utilizzato da alcuni motori di ricerca, la definizione dell'autore e così via Il browser non considera le sequenza multiple di spazi od invii e le sostituisce sembre con un singolo spazio I documenti html sono ipertestuali poichè consentono di passare a documenti collegati mediante semplici click <font> </font> <p> <br> I tag sconosciuti vengono ignorati dal browser. Questo comportamento ha origine nell'esigenza di mantenere la portabilità tra le diverse versioni html esempio <U> è il tag per sottolineare - I browser che non conoscono tale tag lo ignorano e non vanno in errore - gli altri faranno vedere la frase sottolineata tenere il vademecum come riferimento I tag presentano generalmente delle direttive che ne modificano il comportamento di default (predefinito) esempio <P> allineamento a sinistra con una riga al termine del paragrafo <P ALIGN=CENTER> allineamento del testo centrato I TAG e le direttive non risentono del maiuscolo/minuscolo P ==> tag align ==> direttiva center ==> valore della direttiva (talvolta il minuscolo e maiuscolo danno risultati differenti)

4 L'aspetto delle pagine HTML è legato alle impostazioni del client (browser) (vedi menu visualizza-carattere) I css (fogli di stile) garantiscono allo sviluppatore di pagine web di avere un'impaginazione invariante dalle impostazioni di IE Inviato: 26 Set :03 am Oggetto: 3N - 2 Modulo L'aspetto delle pagine HTML è legato alle impostazioni del client (browser) (vedi menu visualizza-carattere) I css (fogli di stile) garantiscono allo sviluppatore di pagine web di avere un'impaginazione invariante dalle impostazioni di IE gestione dei colori Scala rgb ==> rosso-verde-blu 0-->255 hex ==> codifica esadecimale (simboli disponibili 16 ==> 0,1,.9,A,.. F 0 ==> 00 1 ==> ==> ==> 0A 11 ==> 0B 12 ==> 0C 13 ==> 0D 14 ==> 0E 15 ==> 0F 16 ==> ==> ==> FF #FF0000 ==> rosso #00FF00 ==> verde #0000FF ==> blu #FFFF00 ==> giallo #FFFFFF ==> bianco # ==> nero 2^24 ==> numero di colori digit ==> simboli usati nella notazione di un numero 1 digit==> 1 simbolo a sinistra

5 2 digit==> 1 simbolo a destra hex==> dec <1 digit>*16+<2 digit> FF==>15*16+15 (F è 15 in decimale) FE ==> 15*16+14 (E è 14 in decimale) dec ==> hex N è un numero intero espresso in notazione decimale esempio 255 Il resto della divisione per 16 è 15 che in hex è F ==> 2 digit la divisione intera tra 255 e 16 è 15 che in hex è F ==> 1 digit Il primo digit è il simbolo esadecimale corrispondente alla divisione intera tra il numero N e 16 Il secondo digit è il simbolo esadecimale corrispondente al resto della divisione tra il numero N e 16 Da fare esercizio 9 x la prossima lezione Nella valorizzazione delle direttive non è obbligatorio usare il doppio apice a meno che il valore non presenti al suo interno degli spazi esempio <FONT FACE="Arial Narrow">Testo</FONT> carattere monospaziato : esempio courier ==> ogni carattere occupa il medesimo spazio. Generalmente lo spazio viene allargato o ristretto per ottenere allineamenti giustificati Liste ordinate ==> order list <OL> Liste non ordinate ==> unorder list <UL> elementi della lista <LI> (list item) --- riprendere dalle liste (pagina 7) Inviato: 30 Set :01 am Oggetto: 3N - 30/09/2006 <DL> <DT>

6 <DD> indentare una lista <OL> <LI>Cap 1 <OL> <LI>Par 1.1 <LI>Par 1.2 <UL type=square> <LI type=disc>nota 1.2.a <LI type=circle>nota 1.2.b <LI>Nota 1.2.c </UL> <LI>Par 1.3 </OL> <LI>Cap 2 <OL type=i> <LI>Par 2.1 <LI>Par 2.2 <LI>Par 2.3 <LI>Par 2.4 <LI>Par 2.5 </OL> </OL> fare esercizi 3 e 4 Le dimensioni sono espresse in pixel (punto luminoso del monitor) oppure in % Se in % la dimensione è riferita alla larghezza ed altezza della finestra del browser <IMG SRC="fldclose.GIF" width=100 height=100 border=3> Non è opportuno utilizzare il ridimensionamento per ottenere immagini + piccole poichè le dimensioni in byte dell'immagine rimane inalterata Nei percorsi dei files.. indica la cartella precedente Nei percorsi dei files. indica la cartella corrente per cartella corrente si intende la cartella del documento html che contiene il tag <IMG> <img src=./pippo.gif> è equivalente a <img src=pippo.gif>

7 esercizio 10 (spiegato) <img src=/pippo.gif> supponiamo che pippo.gif sia sul floppy - la sua unità logica è a: se page1.html è su c: allora scrivere <IMG SRC=/pippo.gif> è equivalente a <img src="c:\pippo.gif"> Nei nomi del file devo stare attento al maiuscolo/minuscolo se il server dove pubblico le pagine è di tipo unix Inviato: 03 Ott :46 am Oggetto: 3N - 3/10/2006 riprendere questo pezzo La direttiva ALT (alternate text) consente di classificare l'immagine (utile nei motori di ricerca). L'effetto è quello di un tooltip (rettangolino giallo a scomparsa che appare per fornire un breve help all'utente) che contiene il valore assegnato a tale direttiva segnalibri o link interni # sharp <A Href=#FINE>Vai al capitolo 3</A> punto di arrivo <A NAME=FINE>Capitolo 3</A> per saltare in un altro documento HTML posizionandosi ad un certo punto combinerò i riferimenti esterni con i segnalibri esempio <a href=jjj.htm#fine>salta al capitolo 3</A> Inviato: 07 Ott :03 am Oggetto: 3N - 7/10/2006 HREF="/pippo.htm" fa riferimento alla document root di quel web server (detta anche radice) (riferimento assoluto --> risentono degli spostamenti) HREF="pippo.htm" fa riferimento alla cartella corrente del documento che contiene il tag <A> (riferimento relativo) index.htm ==> nome del documeto predefinito (directory index) ovvero il documento che verrà caricato quando non si specifica nel

8 percorso un nome di file eser 5 e 6 x martedì fatto veder come si ottiene effetto traparenza (immagini gif + photo Editor) <A HREF="mailto:molinam@gsnet.it">Paolo Rossi</A> Il collegamento ad una casella di posta fatto in questo modo è efficace solo per quegli utenti che stanno navigando sul vs sito con il loro PC con OUTLOOK (client di posta predefinito) già configurato. Generalmente è preferibile usare una pagina lato server come: spiegato come ottimizzare l'immagine di sfondo sfruttando il comportamento di riempimento della direttiva background del tag BODY La direttiva SIZE del tag FONT è relativa all'impostazione del browser (far vedere dove è impostata) Riprendere dai font TrueType (spiegare differenze) Inviato: 10 Ott :46 am Oggetto: 3N - 10/10/2006 TT ==> TrueType ==> font vettoriali ovvero descritti mediante equazioni matematiche ==> non presentano deformazioni se ingranditi A ==> Font Bitmap ==> descritti come punti ==> ingrandendo i punti aumentano di dimensione e si presentano con un effetto "scalettatura" courier (monospaziato), arial, tahoma, verdana, times new roman nelle tabelle non superate gli 800 pixel nelle dimensioni (direttiva width) pubblicare l'esercizio 2 x sabato P ==> align==> left, right, center, justify <table border=1 BGCOLOR=#ff0000 cellspacing=10 cellpadding=10 width=50%> <tr><th>col 1</th><th>Col 2</th></tr> <tr><td><b>col 1</B></td><td><B>Col 2</B></td></tr> <tr><td>1,1</td><td BGCOLOR=#ffff00>1,2</td></tr> <tr><td>2,1</td><td>2,2</td></tr> </table>

9 Inviato: 18 Ott :10 am Oggetto: 3N - 17/10/2006 Invio ==> fine paragrafo Shift+Invio ==> a cap i tag sconosciuti od errati verranno ignorati Mostra prima i messaggi di: Tutti i messaggi Prima i vecchi Vai Indice del forum -> Classe 3N - 1 Modulo Tutti i fusi orari sono GMT Pagina 1 di 1 Controlla questo Topic Vai a: Classe 3N - 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