Newsgroup: it.lavoro.professioni.webmaster
Titolo: Risoluzione

Buonasera,
sono nuovo del ng e forse mi farò una domanda banale.
Come posso far si che un sito sia "godibile" da ogni tipo di risoluzione
video?
Uso frontpage
Grazie!

ciao!
bhè, puoi progettare il sito in almeno due  modi (semplificando):
1. dai una larghezza fissa (ad esempio 600 px) alle tabelle: in questo
modo però chi ha la risoluzione a + di 800 x 600 vede una banda vuota
a sx, a dx e sx o solo a dx (perchè no?  ;oP). Chi ha come me almeno
1280x1024 vede parecchia banda :O))
2. fai le tabelle impostate in % per cui ridimensioni il sito in base
alla risoluzione.
Analizzaizmo il secondo caso:
definisci una tabella principale a 100% come larghezza. bene, il primo
passo è fatto. Puoi usare qualsiasi editor (Fp, DW, GoLive..), visto
che comunque la sintassi è sempre:
<table width="100%" border="0">
bene.
Ora si tratta di definire il contenuto.
Perchè spesso si definisce solo questa tabella principale senza
pensare a cosa ci starà dentro.
Secondo me dovresti prima di tutto scaricare un software molto utile:
si chiama "Browse master" e non chiedermi l'url :O) perchè non me lo
ricordo ma na 
download.com
 lo trovi.
Permette di visualizzare il sito a diverse risoluzioni. Così con +
finestre di BM aperte puoi seguire lo sviluppo del tuo progetto.
Un consiglio: tabelle principali definiscile a mano, è + semplice che
con i software, con i quali basta un clic e la dimensione di tabelle
e celle (soprattutto) viene bloccata a % o px senza volerlo.
Ottimo edito free. notepad  :O)  Oppure 1st Page su 
eversoft.com
Hai definito le tabelle interne? Okkio quando le annidi, metti prima
tutto su carta e cerca di semplificare al massimo (anche perchè +
tabelle annidate = + kb nella pag... limiamo il peso, dove possiamo!
;O) )
Bene!
Direi che siamo a buon punto. La parte progettuale è importante in un
sito.
Vedi, se avessi scelto la prima soluzione, avevi tranquillità: il sito
era di larghezza ben definita, tutto stava nella "matrioska" delle
tebelle giusta... potevi lavorare e fare anche errori tanto le tebelle
superiori forzavano quelle + annidate... invece con la % e il relativo
ridimensionamento devi stare + attento.
Personalmente ho scelto nelgi ultimi siti sviluppati di fare come al
punto 1.  (e se devo essere sincero dovrei limare la larghezza del mio
sito, lo farò nelle vacanze natalizie!  ;O)  
E' una scelta, ma non ho alcun problema a fare come al punto 2.
Durante la progettazione, decido cosa fare.
A volte mi chiedo se questa "forzatura" che porta alla scelta 1 sia
dovuta al fatto che sempre + spesso si presenta al cliente una bozza
grafica e pertanto si "limita" ad uno spazio ben definito lo spazio
visivo sulla pagina.
Forse è un modo + o - inconscio per tutelarsi dal fatto che poi,
spesso, capita che il cliente abbia risoluzioni e impostazioni
particolari e non si vogliono sorprese.
Ma ci sarebbe da aprire una nuova discussione (apriamola!!!).
E questa è una nuova avventura...  ;O)
Scusa per la risposta lunghissima!  :O)
Emanuele
www.emanuelechiesa.it

 ha scritto nel messaggio
news:hpqc1u8vdi7h8gr4e...@4ax.com...

Ehm, ho stampato e poi me lo leggo con calma ^_^
Cmq grazie 1000

Cmq grazie 1000
sorry!  :O))
Emanuele
www.emanuelechiesa.it

 particolari e non si vogliono sorprese.
Eh eh ... ti confesso che quando gli mostro il sito tutto fatto in
percentuale un po' di panico c'è sempre! :-)
In ogni caso non ho mai avuto problemi.
Bye
Neapolito

 video?
Uno dei modi più veloci ed "ovvi" è usare la percentuale nelle
impostazioni della tabella, come già spiegato da Emanuele, in
questo modo riesci ad avere l'opportunità di vedere il tuo sito
che si adatta alla risoluzione.
Ci sono però due "controindicazioni":
1. Devi partire con il tuo progetto dalla risoluzione minore che
    vuoi adattare, per esempio 640x480, e lavorare su grafica,
    immagini e testo a quella risoluzione. Di contro hai però che
    a risoluzioni maggiori si allarga lo spazio orizzontale
    disponibile e il contenuto si distribuisce in tutta la larghezza,
    a volte con risultati non proprio entusiasmanti;
2. Lavorando con testo e immagini a 640x480, c'è il rischio che nelle
    risoluzioni di una certa portata (sopra i 1024) si veda tutto molto
    piccolo e perda di identità.
E' il metodo che cmq uso anch'io, sistemando il tutto tra percentuale
e fisso (pixel), più che altro per un motivo di tempo, che altre
strade oggi mi obbligherebbero ad un percorso più lungo.
Una delle soluzioni migliori, a mio parere, ma più lunghe nello
sviluppo iniziale, è quella di usare scripting e sniffer lato
client-server (Javascript, PHP, ASP, ecc.) in modo da poter
adattare il sito in base alla risoluzione.
Con questa soluzione, quindi, puoi miscelare CSS e scripting per
gestire testo, tabelle, immagini. Tieni conto che il punto più
doloroso sono le immagini, mentre il testo è più facile da gestire.
Consideriamo comunque che le tabelle "sarebbero" da usare solo per
contenere dati, non per impaginare, usando invece i <DIV>. Dico
"sarebbero" perchè ad oggi i fogli di stile non sono ancora pienamente
supportati da tutti i browser, con le conseguenti difficoltà.
Ach... sono stato prolisso anch'io! :c)
Beh, spero possa esserti utile... ;c)
Bai!
-- 
Bazzmann Labs(c) - Accessibilita', usabilita', design & comunicazione
::--------------------------------::---------------------------------::
http://www.bazzmann.it
      | Il sito ufficiale di Bazzmann Labs.
http://www.bazzmann.com
     | La risorsa per informare e aggiornare.
http://www.usareinternet.it
 | La rete, conoscerla per rispettarla.
http://www.dev2dev.it
       | Elemento D2D002

>Ach... sono stato prolisso anch'io! :c)
certo che fra il tuo intervento e il mio potremmo farci un bel
documento  :O))
"come adattare un sito in base alla risoluzione: pro e contro"
eh eh eh!
Buon lavoro!
Emanuele
www.emanuelechiesa.it

 documento  :O))
Dai, chiamiamo l'editore... domani in edicola a fascicoli da
9.000 lire l'uno! :c)


ah ah ah!  ;O)
4.65 Euro... facciamo 5 Euro? Sai, è per gli spiccioli... stressano in
tasca... tutte le monetine... che dici?
Emanuele
www.emanuelechiesa.it