La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

1 I fogli di stile CSS 2 Cristina Gena

Presentazioni simili


Presentazione sul tema: "1 I fogli di stile CSS 2 Cristina Gena"— Transcript della presentazione:

1 1 I fogli di stile CSS 2 Cristina Gena

2 2 logo Float right 1Float right 2Float right 3Float right 4 immagine float left Testo float right

3 3 Esercizio sull'usabilità Alla luce dei criteri di usabilità WEB commentati a lezione, o reperiti da altre fonti: analizzare un sito orientato alla formazione a distanza, evidenziando quali degli aspetti di usabilità siano evidentemente presenti e quali, invece, non lo siano. Possibili siti da analizzare sono uno tra quelli esaminati o cui si è fatto riferimento durante le lezioni, o altri siti di formazione on-line, o mista (inclusi quelli con materiale su corsi tenuti dal docente, oppure uno tra quelli offerti da W3Schools).W3Schools per almeno uno degli aspetti di usabilità, suggerire le modifiche nell'impostazione dei criteri di progettazione del sito, col fine di correggere la carenza. quindi, ridisegnare almeno una pagina del sito analizzato, Img cv interessi foto fun

4 4 Esercizio sull'usabilità Alla luce dei criteri di usabilità WEB commentati a lezione, o reperiti da altre fonti: analizzare un sito orientato alla formazione a distanza, evidenziando quali degli aspetti di usabilità siano evidentemente presenti e quali, invece, non lo siano. Possibili siti da analizzare sono uno tra quelli esaminati o cui si è fatto riferimento durante le lezioni, o altri siti di formazione on-line, o mista (inclusi quelli con materiale su corsi tenuti dal docente, oppure uno tra quelli offerti da W3Schools).W3Schools per almeno uno degli aspetti di usabilità, suggerire le modifiche nell'impostazione dei criteri di progettazione del sito, col fine di correggere la carenza. quindi, ridisegnare almeno una pagina del sito analizzato, Div relativo Div assoluto con distanza top e left di 10 con float=left, width= 800 Diamo ai div larghezza fissa. Es width= 150, e width= 500 Div relativo con float right

5 5 Img cv interessi foto fun Il testo ora sta in un nuovo div con dimesioni più piccole e float=right img Limg è dentro un div con float=left

6 6 Img cv interessi foto fun Il testo ora sta in un nuovo div con dimesioni più piccole e float right img Se volete più img aggiungete un div contenitore con float=left e al suo interno le immagini img

7 7 Img cv interessi foto fun Img in un div, con float=left Il div arancione ha solo funzione di contenitore al quale potete assegnare una larghezza (e se volete unaltezza con scrolling) Testo in un div con float= right Img in un div, con float=left Testo in un div con float=right

8 8 Img cv interessi foto fun Img dentro un div con float=left Img dentro un div con float=right


Scaricare ppt "1 I fogli di stile CSS 2 Cristina Gena"

Presentazioni simili


Annunci Google