Adattare alla risoluzione video
Author: Pasquale D.
Visited 8176,
Followers 1,
Shared 73
Buon Giorno, come faccio per far si che il mio sito si adatti a tutti i monitor e i cellulari? Graie!
Posted on the
... da programma non si può, (credo!)
... PRIMO: ...si dovrebbe realizzare una versione del sito dedicata alle unità "mobile", ed una versione per il WEB tradizionale;
... SECONDO: ...provare a documentarti in RETE sull'appicazione "User Agent", che credo sia più fessibile;
... TERZO: in alternativa, si potrebbe provare subito con uno dei seguenti codici J.S. da inserire nella sezone HEAD; ... J.S. che deve essere abilitato sull'unità "mobile":
...
...!... ovviamente, non avendo nè PC, nè programmi, nè telefonini di quelli, ...il test lo potrà fare chi ha condizioni e voglia per farlo...
bye
Author
ho provato con entrambi i codici, copiandoli e incollandoli pari pari nella sezione head (esperto), ma addirittura il sito non si visualizza su nessun monitor
... prova questi vecchi miei link sui supporti che puoi, settati su tre controlli:
<=480 : <=854 : 854 ++
>>>>> sul PC parti dal Link 480 >>>
... pagina di controllo: http://www.zspace.it/kolasim/website/def000/index.html
... pagina piccola (480px): http://www.zspace.it/kolasim/website/def480/index.html
... pagina media (854px): http://www.zspace.it/kolasim/website/def854/index.html
... pagina grande (999px): http://www.zspace.it/kolasim/website/def999/index.html
... se funzionano, magari ne riparleremo, io non sono in condizioni di testare...
bye
Author
Probabilmente o non ho capito cosa fare oppure non ho spiegato bene la mia esigenza.
Ho visto tutti e 4 i link su di uno schermo 1920*1280 e tutti e quattro i link compaion uguali (diciamo che il sito msura circa 30 cm).
poi li ho visti nuovamente su di un altro monitor, e i 4 link sono perfettamente uguali tra di loro anche dimensionalmente e diciamo che misura 25 cm.
E' giusto?
Author
Provo qui a spiegare megli la mia esigenza :
Dunque se io realizzo un sito di 1920x1280 e lo vedo su di un monitor delle stesse dimensioni, vedro tutto il sito.
se invece lo vedrò su di un monitor 1024*768, per vedere tutto il sito avrò bisogno delle barre di scorrimento.
Viceversa, se faccio un sito di 900x600, non vedrò le barre di scorrimento su di un nessun monitor, però è tutto piccolo e la larghezza sarà sempre di 900, a prescindere dal monitor.
La mia esigenza era quella di creare un sito di 1200x800, che su di un monitor 1920*1280 diventasse tale, allo stesso modo su di un monitor 1024*768.
Author
ecco qui un esempio : in allegato due immagini ottenute con un cattura schermo su due monitor diversi.
In entrambi i csi il sito non si adatta allo schermo.
Author
ti posto qui di seguito un esempio di sito che non si adatta
Author
come vedi, lo stesso sito visto su monitor diversi, è visualizzato diversamente.
... gli esempi si basano sulle definzioni riportate, visto che si parlava di cellulari su cui fare il test, o monitor più piccoli: <=480 : <=854 : 854 ++
... quindi se il monitor è più grande di 854px(smartphone), si vedrà sempre quello in apertura massima, 999px
... ma forse non ho capito se ti serva il ridimensionamento dello sfondo, perchè quello dovrebbe essere già possibile da programma...
... altrimenti c'è la versione "Accessibile" di WebSiteX5 che ha un layout elastico, ...ma è un altro programma a parte...
bye
Author
avevo avuto l'impressione che mi ero espresso male.
infatti non intendevo l'adattamento dello sfondo che si streccia in funzione dello schermo mentre la pagina resta invariata.
Ma intendevo un sito costituito da pagina+sfondo, oppure un sito a pagina intera dove diciamo che si zooma in funzione dello schermo.
Mi rendo conto che la parole zooma è equivoca...però spero abbia reso l'idea.
Ti ringrazio tanto e spero puoi darmi delle indicazioni.
... adesso forse è più chiaro per me...
... per usare i miei codici, dovresti creare più versioni dello stesso sito con layout diverso dedicato alle piattaforme destinatarie che ritieni più diffuse...
... nel mio esempio ci sono i telefonini, gli smartphone, ed i PC tradizionali, mancherebbe la versione per i grandi schermi tipo il tuo, diciamo oltre 1280px...
... una volta creato il Sito Base, non ci vorrebbe molto per generare i vari layout...
... per quanto riguarda l'effetto per comodità chiamato zoom, ...si potrebbe ottenere con layout liquidi e/o elastici, come lo è possibile, come detto, con la versione "WebSiteX5-Accessibile", di cui qui un esempio preso dall'Avo di Answers, per capire e provare, che si adatterà a qualsiasi monitor: http://www.isticomomo.it/
...oppure, altra alternativa, tanto per vedere e capire di cosa si tratta, per chi possiede SwishMax/Incomedia, potrebbe essere quella di realizzare un sito in tecnologia Flash, di cui due miei vecchissimi esempi (poco validi per telefonni della famiglia obsoleta): http://www.zspace.it/kolasim/miei_files/definizione_100_1H.html-http://www.zspace.it/kolasim/miei_files/provevarie/varie/definiz_K.html
bye
P.S.: risultando "RISOLTO", l'Argomento potrebbe non essere seguito...
Buonasera Pasquale e KolAsim,
Il software è in grado di generare automaticamente solamente pagine le cui dimensioni sono fisse. Per fare in modo che esse si adattino alle dimensioni dello schermo utilizzato sarebbe necessario modificare manualmente il template e il relativo CSS.
Alternativamente si possono seguire consigli di KolAsim, ovvero creare più progetti di dimensioni diverse ed indirizzare l'utente su uno o sull'altro in base alla risoluzione del suo schermo.
Author
grazie, ma mi sorgono due domande :
1) Come faccio a pubblicare nella stessa directori principale 4 o 5 siti con risoluzioni diverse, senza far si che si sovrascivono i file.
2) come fa il mio o tuo monitor 1024x768, quando il mio o tuo computer si collega al mio sito, per capire a quale sito collegarsi? (relativente alla risoluzione)
Author
dove e come scarico WebSiteX5-Accessibile"?
... anteprima: ... la regola dovrebbe essere quella di seguire la percentuale maggiore di utenti, quindi nel sito principale alla radice dello spazio WEB sarà posizionato il Sito Base che per l'90% del volume sarà aperto su monitor compresi tra 1024px e 1280px, e per queste piattaforme il Sito adatto sarebbe quello di 1000 pixel; ...quasi il 9% usa monitor di maggiori dimensioni (in costante crescita nella percentuale); ...meno del 1% aprirà il sito sugli stupidfonini, specialmente quelli della melamarcia, (!?!), (anche questi in costante crescita)...
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
>>> punto 1)
... quindi il Sito principale sarà sulla RADICE: www.nomesito.xyz/index.html
... i sotto-siti saranno posizionati in cartelle interne della radice, per es.:
www.nomesito.xyz/plus1280/index.html
www.nomesito.xyz/800_1024/index.html
www.nomesito.xyz/minor800/index.html
... ecc., ecc. ... (o le priorità che si preferiscono)
... con gli strumenti di WebSiteX5e non ci vuol molto a creare i sotto-siti...
... le rispettive cartelle vanno create come detto alla radice del Sito, ed ovviamente l'esportazione FTP dovrà aver impostata la cartella di destinazione relativa...
------------------------------------------------------------------------------------------------
...(!!!)... ho modificato i riferimenti del codice dei miei esempi editando in linea, ma è rimasto invariato il layout delle pagine già esistenti, ...quindi basta modificare le impostazioni definizione del monitor per effettuare il Test tra i valori 1280 e superiore, ed inferiore a 1280, per cui si dovrebbero vedere due pagine diverse con intestazione 999 l'una e 854 l'altra, quelle che erano già impostate in grafica, e chi proverà con telefonini =<480 vedrà il layout 480...
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
>>> punto 2)
... WebSiteX5-Accessibile >> qui: http://www.incomedia.eu/it/intro_software.html
------------------------------------------------------------------------------------------------
bye
Author
Grazie, ci provo e ti faccio sapere.
Non subito perchè sto completando il sito
ciao pasquale
hai risolto il problema relativo all'adattamento del sito alla risoluzione dei monitor?
Potresti spiegarmi come visto che ho lostesso problema?