adattare pagina web a tutte le risoluzioni

gizasmc

Nuovo Utente
17 Ago 2006
16
0
0
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

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
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

Nuovo Utente
17 Ago 2006
16
0
0
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.
 

gizasmc

Nuovo Utente
17 Ago 2006
16
0
0
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

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
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

Nuovo Utente
17 Ago 2006
16
0
0
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

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
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

Nuovo Utente
17 Ago 2006
16
0
0
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

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
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...
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Adattare la pagina web creata ad ogni monitor HTML e CSS 11
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1
L [HTML] Adattare bordo al contenuto HTML e CSS 4
D [Javascript] Convertire ed adattare una data Javascript 1
Juriy APP: Adattare immagini a GIF animata in real time Programmazione 0
B Adattare testo a cornice HTML e CSS 2
felino [CSS][Wordpress] Adattare delle immagini alla dimesione del box contenitore HTML e CSS 2
felino Adattare un layout desktop ad un responsive HTML e CSS 9
K Adattare app ad ogni schermo Sviluppo app per Android 1
L Adattare sfondo in base alla risoluzione WordPress 3
P Adattare sito alle varie risoluzioni... HTML e CSS 2
R Adattare immagini alla dimensione del monitor Javascript 2
P Risoluzione del sito si può adattare? HTML e CSS 0
V Adattare sito web per tutte le risoluzioni ? HTML e CSS 1
P Adattare sito a diverse risoluzioni HTML e CSS 14
M Adattare script di "form mail con upload file" al mio form mail HTML! PHP 7
C Adattare uno script di altro linguaggio a javascript Javascript 11
W Adattare immagini slideshow a riquadro predefinito Webdesign e Grafica 0
matrobriva Adattare classe Odt2Xhtml PHP 2
F [HELP] Adattare al form Visual Basic 0
L Adattare il sito a qualsiasi computer Webdesign e Grafica 4
P Adattare un layer alle varie risoluzioni HTML e CSS 0
D Adattare contenuto a risoluzione utente HTML e CSS 5
G adattare sito con frame a monitor [era:Frame] Webdesign e Grafica 3
M Adattare iFrame HTML e CSS 5
B Adattare tabella a immagine di sfondo con Dreamweaver Cs3 Webdesign e Grafica 3
StefanoITA Adattare il sito alla risoluzione del visitatore HTML e CSS 5
M Adattare sito a risoluzione video [era:help me] HTML e CSS 6
C Adattare un filmato a vari monitor Flash 5
C Adattare il sito a vari schrmi HTML e CSS 2
L Problemi form Pagina php HTML e CSS 3
L php mysql cerca e visualizza pagina PHP 0
S Variabile in post su altra pagina PHP 2
D Visualizzazione pagina basata sul valore di un campo del database PHP 0
D Pagina non trovata Wordpress WordPress 7
E Pagina Cloudflare e captcha Domini 1
W Anomalia Pagina Facebook Facebook 8
A Aiuto per pagina php PHP 0
T Risolto Redirect a pagina esterna Javascript 2
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
T Offuscare link pagina web PHP 2
D Stampa a video in altra pagina html Database 3
Cosina script data aggiornamento pagina Javascript 1
Y cambiare sfondo di una pagina Javascript 1
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
S Apertura in una nuova pagina PHP 6
G creazione menu a tendina e invio a pagina php PHP 1
B Stampare una porzione della pagina PHP 0
D Pubblicità Instagram su pagina da 144 mila follower Vendere e Acquistare pubblicita' online 2
A Dare l'accesso ad una pagina solo ad un utente specifico PHP 0

Discussioni simili