ultimo “compito” : si parte!!! detto…fatto! ( ma è solo un sogno, ahime!!)
DESCRIPTION
- PowerPoint PPT PresentationTRANSCRIPT
![Page 1: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/1.jpg)
Selezionare un sito esistente di buon impatto grafico e costruito professionalmente e individuare:
• Tipo di font utilizzati: quale dimensione, colore, divisione in paragrafi.
• Uso del colore: il sito usa colori per individuare sezioni?• Immagini: uso delle immagini, grandezza e loro
posizionamento nella pagina.• Layout. il sito segue un layout fluido o fisso? Si adatta a più
risoluzioni? Cambia il suo aspetto su diversi monitor e su diversi browser?
![Page 2: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/2.jpg)
ULTIMO “COMPITO” : SI PARTE!!!
DETTO…FATTO! ( Ma è solo un sogno, ahime!!)
La ricerca comincia dal nuovissimo ( per noi italiani) motore di ricerca
![Page 3: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/3.jpg)
![Page 4: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/4.jpg)
SI PARTE !!!
![Page 5: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/5.jpg)
Vado a leggermi un po’ il codice
![Page 6: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/6.jpg)
Per i testi d pagina si è utilizzato il colore bianco, su sfondi verde, blu,rosso; nero per i testi su bianco/grigio e il blu chiaro Per i titoli di
pagina. non ci sono problemi legati ai contrasti cromatici, tranne che per il blu: non è browser safe, e quindi non possiamo sapere come verrà visualizzato su piattaforme diverse e con sistemi operativi diversi.
![Page 7: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/7.jpg)
Non tutte le scelte grafiche soddisfano criteri di accessibilità.
Il charset dichiarato nelle intestazioni di pagine non viene sempre rispettato nel corpo della stessa
![Page 8: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/8.jpg)
Per la formattazione dei testi si sono utilizzati i css sia esterni, che inline come attributi dei tag html. La codifica delle dimensioni per alcuni testi è stata settata con valori assoluti a 12px, mentre per altri in valore relativo xx-small o x-small. Quando si sono usati i css interni si è utilizzato il dimensionamento assoluto a 10 pt. Così, di fatto, nella pagina alcuni testi potranno essere ridimensionati, altri no e questo può creare problemi agli utenti che avessero bisogno di ridimensionare i font.
![Page 9: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/9.jpg)
Qui il dichiarato non è come “ l’agito”!
L’accessibilità ancora una volta non viene rispettata : l’interfaccia non è pensata per tutti gli utenti .
Nonostante…
![Page 10: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/10.jpg)
Nonostante…
![Page 11: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/11.jpg)
La homepage del sito gestisce il layout di pagina mediante tabelle, annidate;
![Page 12: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/12.jpg)
mentre per le pagine di secondo livello, le tabelle sono decine, annidate fino al 4/5 livello di profondità
![Page 13: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/13.jpg)
Le tabelle per la gestione del layout di pagina dell'homepage sono settate con valori assoluti, per le altre pagine sono utilizzate valori relativi, che a volte non consentono alle pagine di adattarsi a risoluzioni minori di 800 px di larghezza. Le immagini per il layout grafico che fanno ampio sfoggio di sfumature e giochi di "pieni e vuoti" incrementando il peso dela pagina otre il necessario.
![Page 14: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/14.jpg)
Sicuramente non sono stata esaustiva ma ho il rimedio:
![Page 15: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/15.jpg)
![Page 16: ULTIMO “COMPITO” : SI PARTE!!! DETTO…FATTO! ( Ma è solo un sogno, ahime!!)](https://reader036.vdocuments.site/reader036/viewer/2022062423/5681471b550346895db4524e/html5/thumbnails/16.jpg)
GRAZIE per l’attenzione
E.Riva _ classe E13