WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Adattare alla risoluzione video  it

Auteur : Pasquale D.
Visité 8212, Followers 1, Partagé 73  
Mots-clés :: adattare,risoluzione

Buon Giorno, come faccio per far si che il mio sito si adatti a tutti i monitor e i cellulari? Graie!

Posté le
17 RéPONSES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... da programma non si può, (credo!) Undecided

... 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":

<script> var larghezza = window.screen.width; if (larghezza <= 800) { location.href = "paginaMinore800.htm";} else { location.href = "paginaNormale.htm"; } </script> 
 

...
...!... ovviamente, non avendo nè PC, nè programmi, nè telefonini di quelli, ...il test lo potrà fare chi ha condizioni e voglia per farlo...Foot in mouth

bye 

 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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?

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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.

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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.

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

ti posto qui di seguito un esempio di sito che  non si adatta

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

come vedi, lo stesso sito visto su monitor diversi, è visualizzato diversamente.

Lire plus
Posté le de Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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.

Lire plus
Posté le de Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... adesso forse è più chiaro per me...Smile

... 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...


Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Incomedia
Claudio N.
Incomedia

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. Wink

Lire plus
Posté le de Claudio N.
Pasquale D.
Pasquale D.
User
Auteur

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)

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

dove e come scarico WebSiteX5-Accessibile"?

Lire plus
Posté le de Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... 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 



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

Grazie, ci provo e ti faccio sapere.

Non subito perchè sto completando il sito

Lire plus
Posté le de Pasquale D.
Amedeo S.
Amedeo S.
User

ciao pasquale

hai risolto il problema relativo all'adattamento del sito alla risoluzione dei monitor?

Potresti spiegarmi come visto che ho lostesso problema?

Lire plus
Posté le de Amedeo S.