Newsgroup: it.comp.www.html
Titolo: Problema di layout e risoluzione

Buongiorno a tutti
Da bravo principiante sono andato a leggermi
i tutorial presenti su HTML.it, in particolare
per quanto attiene al layout ed ho scaricato
( 
http://blog.html.it/layoutgala/indexIta.html
 )
Layout Gala.
Devo pero' ammettere che ho le idee ancora molto
confuse; spero che possiate darmi qualche indicazione
per chiarirmele un po'.
[ 1 ]
Quanto preparo una pagina HTML (com'e' ovvio contente
immagini) e' importante la risoluzione su cui e' settato
il mio monitor LCD ? A occhio direi proprio di si, ma
come faccio a sapere qual'e' quella giusta per il mio
monitor? Ad esempio, su questa macchina ho la possibilita'
di scegliere tra
   800 x 600
   960 x 600
   1024 x 768
   1088 x 612
   1152 x 864
   1280 x 720
   1280 x 768
   1280 x 800
   1280 x 960
   1280 x 1024
   1360 x 768
   1440 x 900
ed ho la sensazione che cambiando risoluzione non vari solo
la dimensione delle immagini ma anche il loro rapporto di forma!
Voglio dire che cio' che e' quadrato ad una risoluzione
diventa rettangolare in un'altra.
[ 2 ]
Una volta che abbia capito come regolare il mio monitor
( ... e' una parola ... ) e' giusto affermare che la soluzione
di sviluppo piu' prudente ( cioe' quella che non crea problemi
a nessuno che consulti il sito, a qualsiasi risoluzione ) e'
preparare una pagina larga 768 pixel e poi "collocarla" su
uno sfondo largo 1280 pixel ( per riempire lo spazio a destra
ed a snistra ) ?
[ 3 ]
Se utilizzo un programma come XaraX, Photoshop, Illustrator
o CanvasX per creare il "progetto grafico" della pagina web
devo creare una nuova immagine la cui larghezza e' 768
pixel ( ammesso che sia vero quanto affermato al punto precedente )
o questa deve cambiare a seconda della risoluzione che adopero ?
Vi sarei molto grato se posteste indicarmi qualche lettura
per approfondire l'argomento.
Vi ringrazio molto per l'attenzione.
Buon lavoro !!!
Keplero
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 risoluzione che adopero ?
Vedi sopra.
Dove lavoro io di solito il progetto viene fatto in Photoshop a larghezza 
950px, altezza libera, poi l'HTMLista ritaglia i vari pezzi (bordi, 
sfondi, ecc.) e li "rimonta" in HTML. Se lo faccio io e il layout lo 
consente, cerco di tenermi fluido. Altri lo fanno direttamente fisso.
Bye.


 [ CUUUT ]
Ti rispondo rapidamente per quello che posso:
1 + 2) I monitor più venduti al momento hanno risoluzioni di:
1280*1024 (17" e 19" 4:3)
1440*900 (17" e 19" 16:10 widescreen)
1680*1050 (20", 22" e 24" 16:10 widescreen)
In ogni caso ti consiglio di non superare la larghezza standard di 1024 
pixel, onde non tagliare fuori gli utenti con vecchi CRT 17" e 19" o LCD 
15".
3) partendo col presupposto che userai come base 1024 pixel di 
larghezza, e non 768, devi includere lo spessore laterale dei margini 
del browser (di solito 6 pixel a destra + 6 pixel a sinistra) e le 
dimensioni della barra di scorrimento in verticale (26 pixel mi pare) + 
eventuali pixel di margine tabella.
Per le misure precise degli ingombri delle barre del browser, ti 
consiglio di fare un Print Screen e incollarlo in Photoshop, e poi 
misurare l'ingombro effettivo in pixel con una banale selezione.
-- 
_____________________________________
---- Mechmaniac'77 (30, 144, RM) ----
---- 156 1.8ts + Monster600 dark ----
http://blog.granderaccordoanulare.net
* * * togli N O S P A M x reply * * *


 misurare l'ingombro effettivo in pixel con una banale selezione.
Mai usare le misure precise, visto che gia` in XP variano di una decina di 
pixel solo cambiando tema. In Vista e in OSX e Linux (moltiplicato per 
qualche decina di migliaia di combinazioni DM+tema), poi, sono ancora 
diverse.
950 e` accettabile come misura, secondo me. Sono 74 pixel di margine che 
dovrebbero essere sufficienti per praticamente tutto.
Bye.


 approfondire l'argomento.
La tua è una delle domande poste più frequentemente. Sul web non ci sono
certezze, solo approsimazioni, alcune più buone e verificabili di
altre.
Così come non puoi sapere con che carattere l'utente visualizzerà la tua
pagina così non puoi sapere con che aggeggio questa verrà caricata:
iPhone, laptop o LCD da 20 pollici? Difficile esserne certi.
Una volta io questo lo vedevo come un forte limite, perché
guardavo alla grafica su carta come il punto di arrivo. Poi
mi sono ricreduto, i vantaggi del web sono talmente evidenti
che non è il caso di fare i romantici e guardare indietro.
Sul web il designer cede un po' di controllo su quello che
progetta all'utente in cambio di interattività, ubiquità,
e costi di produzione/tramissione per il committente che
rasentano quasi lo zero.
Capito quanto sopra visto che dobbiamo andare per approssimazioni direi
che tenere una risoluzione minima di 1024x768* -- dove 1024 è la
larghezza -- come riferimento è ormai accettabile.
Posto quindi che utilizzerai al max 1024 pixel di larghezza,
devi togliere qualcosina ancora per i bordi del browser, scrollbar
e quant'altro. Arriverai quindi a circa 960 pixel utili.
In Photoshop hai le guide e quindi puoi impostarle per non andare
oltre la soglia dei 960 pixel. Ovviamente quando lavori al sito
è comodo avere una risoluzione più alta, quindi per quanto riguarda
la prima domanda utilizzerei la risoluzione ottimale del tuo LCD.
Tra l'altro i monitor LCD hanno il problema che quando non li
usi alla risoluzione indicata dal costruttore come "ottimale"
tipicamente l'immagine è uno schifo.
FIXED vs. FLUID
Infine nel web design ci sono due scuole di pensiero: c'è chi pensa
che un layout dovrebbe adattarsi (con dei limiti) alla larghezza del
viewport del browser per facilitare la visione sui dispositivi più
diversi; mentre altri prediligono impostare una larghezza fissa in modo
da facilitarne la progettazione e aumentare la leggibilità dei testi.
Per quanto mi riguarda utilizzo spesso l'approccio fixed ed in casi
eccezionali uso dei layout fluidi.
Bye.
* Ovviamente qui si suppone che l'utente abbia un monitor 1024x768
e tenga il browser a tutto schermo *oppure* un monitor più grande e
la finestra del browser grande almeno 1024x768.
-- 
d.
http://passiomatic.com/


Grazie a tutti per le risposte !!
Le sto meditando attentamente e
poi mi faro' risentire per farvi
sapere a cosa sono approdato.
ciao !!
