La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO.

Presentazioni simili


Presentazione sul tema: "2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO."— Transcript della presentazione:

1

2 2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO

3 3

4 4 Elenchi ordinati Elenchi non ordinati Elenchi di definizioni Sintassi nome del primo elemento nome del secondo elemento ………. ……

5 5 Elenchi ordinati Sintassi nome del primo elemento nome del secondo elemento ………. …… ol= order list li=list item Esempio primo elemento secondo elemento terzo elemento Testo fuori lista

6 6 Elenchi ordinati Sintassi nome del primo elemento nome del secondo ol= order list li=list item Attributo:1=numeri arabi; a=alfabeto minuscolo; A=alfabeto maiuscolo; i=romani minuscoli; I=romani maiuscoli Esempio primo elemento secondo elemento terzo elemento Testo fuori lista

7 7 Elenchi non ordinati Sintassi type=attributo> nome del primo elemento nome del secondo ul= unorder list li=list item Attributo:disc=pallino pieno; circle=pallino vuoto; square=quadrato pieno; Esempio primo elemento secondo elemento terzo elemento Testo fuori lista

8 8 Elenchi di definizioni Sintassi > nome del primo elemento nome del secondo dl= definition list Attributo: dt=senza rientro; dd= con rientro; Esempio nome del primo elemento nome del secondo

9 9 I link sono "il ponte" che consente di passare da un testo allaltro Sono formati da: la risorsa verso cui il collegamento punta contenuto che "nasconde il collegamento (non importa se si tratta di testo, di immagine o di files) Sintassi: contenuto ESEMPIO notizie su Catania e non solo Nota bene Per motivi di sicurezza non è possibile eseguire un file ".exe" direttamente dal web; lutente dovrà sempre prima scaricarlo sul proprio PC.

10 10 Nota bene E opportuno dividere il sito in varie sezioni, in modo da avere tutti i documenti dello stesso tipo allinterno di un contesto omogeneo. Per creare collegamenti verso i documenti più reconditi, destreggiandoci tra le strutture più ramificateesistono due tecniche: indicare un percorso assoluto Viene utilizzato per far riferimento ad un percorso certo(se si è già in possesso di un proprio sito) indicare un percorso relativo Viene utilizzato per far riferimento ad un percorso ancora da definire(se non si è già in possesso di un proprio sito)

11 11 Nota bene Lattributo title è molto importante per descrivere lelemento a cui fa riferimento il link ed è anche utilissimo per migliorare la propria presenza nei motori di ricerca, che ne vanno a leggere il contenuto. Sintassi: testo Lattributo title è molto importante, e serve per descrivere lelemento a cui fa riferimento il link.

12 12 Per far riferimento a un file che si trovi allinterno della stessa directory basta linkare il nome del file pagina Per far riferimento a un file contenuto in una cartella di livello inferiore alla posizione corrente, nominare la cartella seguita dallo "slash", e poi il nome del file. pagina interna Per tornare su di un livello, è sufficiente utilizzare la notazione pagina interna

13 13 Link interni alla stessa pagina Ci permettono di scorrere la pagina fra un punto e un altro sfruttando il meccanismo ad indice Sono costituiti da due parti: RISORSA CHE PUNTA Primo paragrafo #primo RISORSA PUNTATA Primo paragrafo

14

15 Vediamo un esempio E poi costruimao un esempio di due pagine collegate fra loro e che sfruttino le ancore.

16

17 Inutile provare dunque a inserire un file ".psd" (formato nativo di Photoshop) all'interno della vostra pagina HTML: con grande probabilità il browser non caricherà il file (dovete infatti prima convertire il file in uno dei formati sopra-indicati). È importante ricordare che il codice HTML fornisce delle indicazioni al browser su come visualizzare il testo e le immagini - ed eventualmente i video e i suoni - all'interno della pagina: il testo (come abbiamo visto) è scritto direttamente nel file HTML, le immagini invece sono caricate insieme alla pagina.

18

19 Immagini con link


Scaricare ppt "2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO."

Presentazioni simili


Annunci Google