adattare pagina web a tutte le risoluzioni

gizasmc · 2006-08-17T03:09:13+0200

salve a tutti, ho scelto questo forum per fare sta domanda dato che penso sia il più fornito di menti adatte:mavieni:
allora, lavoro con dreamweaver e mi chiedevo se esiste un modo per fare adattare tutto il layout del mio sito anche alle risoluzioni superiori a 800 per 600 pixel... cioè 1024 etc..
mi sono accorto che con la risoluzione 1024 le scritte sono praticamente invisibili e il layout si concentra al centro dello schermo diventando piccolo...
posso fare qualcosa o non esiste rimedio?
grazie.

dead · 2006-08-17T09:50:14+0200

perchè il layout si adatti a tutte le risoluzioni, devi creare i contenitori del tuo sito (div, tabelle ecc) in percentuale e non in pixel.
Questa tecnica non è facilissima da gestire, ma per fortuna in rete ci sono molti esempi.
Prova a cercare "layout liquido a due (o tre) colonne" con google.

Per quanto riguarda il testo, devi dare una dimensione di partenza al body
es: font-size:10px
e poi se vuoi variare le dimensioni fallo in "em".
1em è uguale al valore del font del body, moltiplicato per la percentuale di grandezza degli elementi child.

Mi spiego meglio con questo esempio:

<body style=" font-size:12px;">
Questo è 12px
<div style="font-size:2em;">
questo è 24px
<div style="font-size:0.25em;">questo è 6px (12x2x0,25=6)</div>
</div>
</body>

gizasmc · 2006-08-17T14:00:43+0200

dead ha scritto:
perchè il layout si adatti a tutte le risoluzioni, devi creare i contenitori del tuo sito (div, tabelle ecc) in percentuale e non in pixel.

diciamo che se prima non sapevo come fare adesso non so neanche di cosa stiamo parlando...
da quello che hai scritto allora è possibile farlo? c'è chi dice che i layout composti da gif non possono variare di dimensione.

lukeonweb · 2006-08-17T14:22:24+0200

conosci l'html e i css? perchè se hai una domanda dovresti sapere di cosa stiamo parlando...

gizasmc · 2006-08-17T22:03:02+0200

lukeonweb ha scritto:
conosci l'html e i css? perchè se hai una domanda dovresti sapere di cosa stiamo parlando...

conosco l'html ma in maniera superficiale, lavoro con dreamweaver e se devo inserire un codice faccio copia e incolla quindi poche cose a memoria. i ccs so cosa sono ma solo per sentito dire, quindi mai usati.
volevo sapere se devo cambiare tutta la struttura della pagina e quindi rifare tutto o si può agire tramite un codice o un trucchetto qualsiasi.

dead · 2006-08-18T07:51:52+0200

Eh no, Il trucchetto non c'è. Anzi, fare dei buoni lay-out adattabili a tutte le risoluzioni è una delle parti più difficili del lavoro.
Se poi il tuo lay-out è composto principalmente da immagini (pessima scelta), diventa ancora più difficile renderlo adattabile.

Se come dici tu lavori con DW, e non stai solo divertendoti, è tassativo imparare almeno discretamente xHTML e i CSS.

gizasmc · 2006-08-18T16:59:06+0200

si è formato da immagini gif... a me piace la grafica e le cose sterili mi mettono tristezza... strano che non esista nulla, si può fare tutto al giorno d'oggi ma non adattare una pagina come la mia a tutte le risoluzioni...:crying:
ma i ccs in linea generale a che servono esattamente?

dead · 2006-08-18T23:09:12+0200

gizasmc ha scritto:
si è formato da immagini gif... a me piace la grafica e le cose sterili mi mettono tristezza...

Anche scrivendo un buon codice si possono realizzare siti graficamente ottimi. Vai a vedere per esempio QUESTO SITO
o QUESTO, realizzati da dei veri professionisti.

strano che non esista nulla, si può fare tutto al giorno d'oggi ma non adattare una pagina come la mia a tutte le risoluzioni...:crying:

esiste eccome! si chiama xHTML scritto bene. Ma scusa un po', se tu fossi un cuoco, mica pretenderesti di fare una minestra nel tostapane! O impari la ricetta giusta o non riesci. Questo vale anche nel web.

ma i ccs in linea generale a che servono esattamente?

I CSS sono files che permettono di separare la parte grafica del sito dalla struttura e dai contenuti.
A prima vista sembra una cosa di poco conto, ma per siti di una certa qualità è F O N D A M E N T A L E !

gizasmc · 2006-08-19T14:22:42+0200

ok mi stai dicendo che il mio sito è possibile adattarlo a tutte le risoluzioni grazie all xHTML giusto? quindi in pratica devo convertire la mia pagina o devo ricostruire tutto? c'è un modo per sapere come devo fare con dreamweaver? ps: la pagina contiene anche elementi flash.

dead · 2006-08-21T07:55:07+0200

gizasmc ha scritto:
ok mi stai dicendo che il mio sito è possibile adattarlo a tutte le risoluzioni grazie all xHTML giusto? quindi in pratica devo convertire la mia pagina o devo ricostruire tutto? c'è un modo per sapere come devo fare con dreamweaver? ps: la pagina contiene anche elementi flash.

No.
Sto dicendo che l'xHTML permette di fare siti adattabili a tutte le risoluzioni, ma non so se il tuo sito in particolare è strutturato in maniera giusta.
Se posti il link del sito ti posso suggerire se sia più facile "metterlo a posto" o rifarlo da zero.

Per quanto riguarda Dreamweaver, non lo uso quindi non posso aiutarti in quel senso.
Dubito fortemente però che DW sia in grado di convertire un lay-out da fisso a liquido, automaticamente...

Cerca

Cerca

adattare pagina web a tutte le risoluzioni

gizasmc

Nuovo Utente

dead

Utente Attivo

gizasmc

Nuovo Utente

lukeonweb

Utente Attivo

gizasmc

Nuovo Utente

dead

Utente Attivo

gizasmc

Nuovo Utente

dead

Utente Attivo

gizasmc

Nuovo Utente

dead

Utente Attivo

Discussioni simili