Un Evento Unico. 5 Sale. 27 Interventi. SEO, SOCIAL, E-Commerce, Mobile, Turismo.
CLICCA QUI e SCOPRI DI PIù X Chiudi
 
Forum GT: Condividiamo idee e conoscenza Forum GT: Condividiamo idee e conoscenza


Condividi questo contenuto nei Social Network:
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.


Vai indietro   Forum per Webmaster: Condividiamo Idee e Conoscenza > Sviluppo e Gestione siti web > W3C - Usabilità - Accessibilità - Qualità
Benvenuto! Forum Regole FAQ Lista utenti Calendario Segna come letti

W3C - Usabilità - Accessibilità - Qualità Consigli e linee guida per siti fruibili e di qualità

Hey Amico Visitatore,
Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione W3C - Usabilità - Accessibilità - Qualità


Rispondi
 
LinkBack Strumenti di discussione
Vecchio 06-11-09, 23:13   #1 (permalink)
 
Data di registrazione: Oct 2008
Messaggi: 254
Adattare un sito alle varie risoluzioni

Ho sviluppato un sito nel mio notebook a 1280 x 800 che è la risoluzione ottimale per il mio portatile (AsusZ9200KM),

ora vorrei sapere come poter riuscire a fare in modo che anche chi utilizza diverse risoluzioni veda il sito nello stesso modo in cui lo vedo io.

L'ho sviluppato con larghezze fisse e quindi le proporzioni rimangono tali ma se ad esempio un utente lo visualizza in 800 x 600 il sito viene dimezzato dalle scrollbar,io vorrei ovviare a questo problema...

Ultima modifica di lucaeffe : 06-11-09 23:52. Motivo: Maggiori dettagli
lucaeffe non in linea   Rispondi citando
Vecchio 10-11-09, 15:16   #2 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
Ciao lucaeffe,
il sito da te realizzato in dimensioni fisse non è possibile ridimensionarlo per altre risoluzioni.
Una struttura invece liquida può essere ridimensionata a seconda della risoluzione.
Ti sconsiglio comunque di progettare a 1280, per ora la risoluzione ottimale è 1024 massimo e 980 per il template.

__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 11-11-09, 11:41   #3 (permalink)
 
Data di registrazione: Oct 2008
Messaggi: 254
Quindi la mia risoluzione è poco usata o la più usata è la 1024 x768?

Ho già progettato tutto il sito a 1280 x 800 (in realta è un portfolio che si estende in verticale con container di 950px in cui è compreso tutto) e non mi va di cancellare tutto.

Avevo pensato quindi di usare quello script che ti permette di adattare diversi fogli di stile a seconda della risoluzione.
Ti ricordi per cas come si chiama cosi cerco qualche articolo ?
lucaeffe non in linea   Rispondi citando
Vecchio 11-11-09, 11:57   #4 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
La risoluzione più usata ora è 1024, puoi ovviare al problema creando più stili per risoluzioni e farli cambiare con uno script che ti posto qui:

Codice:
<script type="text/javascript" language="javascript">
<!-- //
var l=screen.width;
switch(l) {
 case 800:
  document.write("<link rel='stylesheet' href='stile800.css' type='text/css'>");
 break;
 case 1024:
  document.write("<link rel='stylesheet' href='stile1024.css' type='text/css'>");
 break;
 default:
  document.write("<link rel='stylesheet' href='stiledefault.css' type='text/css'>");
}
// -->
</script>
Devi creare gli stili e formattare il sito con più risoluzioni.
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 11-11-09, 12:20   #5 (permalink)
 
Data di registrazione: Oct 2008
Messaggi: 254
Grazie mille!
In
href='stiledefault.css' ci va il link al sito che ho sviluppato a 1280?
lucaeffe non in linea   Rispondi citando
Vecchio 11-11-09, 12:22   #6 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
Hai capito benissimo.
Ciao e buon lavoro.
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 07-04-10, 17:26   #7 (permalink)
User Newbie
 
L'avatar di happydesign2
 
Data di registrazione: Apr 2010
Messaggi: 5
Quote:
studiograficoroma Visualizza il messaggio
La risoluzione più usata ora è 1024, puoi ovviare al problema creando più stili per risoluzioni e farli cambiare con uno script che ti posto qui:

Codice:
<script type="text/javascript" language="javascript">
<!-- //
var l=screen.width;
switch(l) {
 case 800:
  document.write("<link rel='stylesheet' href='stile800.css' type='text/css'>");
 break;
 case 1024:
  document.write("<link rel='stylesheet' href='stile1024.css' type='text/css'>");
 break;
 default:
  document.write("<link rel='stylesheet' href='stiledefault.css' type='text/css'>");
}
// -->
</script>
Devi creare gli stili e formattare il sito con più risoluzioni.
Ciao a tutti sono nuovo del vostro forum e m i chiamo Paolo, desideravo avere maggiori informazioni sullo script sopra quotato e per la precisione, dove va piazzato e come interagisce con i fogli di stile che io creo.

GRAZIE
happydesign2 non in linea   Rispondi citando
Vecchio 08-04-10, 11:07   #8 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
Ciao happydesign2 e benvenuto nel Forum GT,
lo script deve essere inserito tra il tag di apertura <head> e quello di chiusura </head>.

Agisce riconoscendo le impostazioni del monitor al momento del caricamento della pagina e associa lo stile assegnato a quella risoluzione.

Ciao!
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 08-04-10, 11:46   #9 (permalink)
User Newbie
 
L'avatar di happydesign2
 
Data di registrazione: Apr 2010
Messaggi: 5
Grazie mille sia per il benvenuto che per la spiegazione! Però mentre davo un occhiata al contenuto della cartella del template, ho visto che non ci sono file HTML o meglio sono presenti nella cartella i seguenti file:

index.php

component.php

I tag da te indicati sono presenti in tutti e due i file su citati e quindi sorge il dubbio: in quale di questi due va inserito lo script?

Ultima modifica di happydesign2 : 08-04-10 11:51.
happydesign2 non in linea   Rispondi citando
Vecchio 08-04-10, 12:00   #10 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
Posso sapere che se piattaforma stai usando?
joomla, wordpress, drupal...
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 08-04-10, 12:06   #11 (permalink)
User Newbie
 
L'avatar di happydesign2
 
Data di registrazione: Apr 2010
Messaggi: 5
Giusto non ne ho fatto neanche il più piccolo cenno....
La piattaforma è la Joomla
happydesign2 non in linea   Rispondi citando
Vecchio 08-04-10, 14:43   #12 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
In joomla devi andare nella cartella template, sprire la cartella del template che stai usando e aprire il file index.php. Inserisci lo scirpt prima della chiusura del tag </head>.

A volte i template joomla possono avere i file separati, controlla se nella cartella html è presente una pagina head.php

Ciao
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Vecchio 08-04-10, 15:01   #13 (permalink)
User Newbie
 
L'avatar di happydesign2
 
Data di registrazione: Apr 2010
Messaggi: 5
Grazie mille mi sei stato davvero d'aiuto!!!
happydesign2 non in linea   Rispondi citando
Vecchio 09-04-10, 12:22   #14 (permalink)
User Newbie
 
L'avatar di happydesign2
 
Data di registrazione: Apr 2010
Messaggi: 5
Ciao giusto un'ultimissima spiegazione: alla voce "default:" cosa devo scrivere? Il riferimento al foglio di stile che dovrebbe apparire di default? Era un dubbio che mi era venuto leggendo:

"In href='stiledefault.css' ci va il link al sito che ho sviluppato a 1280?"
happydesign2 non in linea   Rispondi citando
Vecchio 09-04-10, 14:47   #15 (permalink)
Moderatore
 
L'avatar di studiograficoroma
 
Data di registrazione: Sep 2009
Messaggi: 182
Invia un messaggio tramite MSN a studiograficoroma Invia un messaggio tramite Skype a studiograficoroma
Devi inserire il css di default che vuoi far aprire alle risoluzioni che non hai settato.
__________________
Espositori Online
LoTrovi.it
studiograficoroma non in linea   Rispondi citando
Rispondi


Strumenti di discussione

Regole di scrittura
Non puoi postare nuove discussioni
Non puoi rispondere alle discussioni
Non puoi allegare file
Non puoi editare i tuoi post

BB code is Attivo
smilies è Attivo
[IMG] il codice è Attivo
Il codice HTML è Disattivato
Trackbacks are Attivo
Pingbacks are Attivo
Refbacks are Disattivato
Vai al forum



Tutti gli orari sono GMT +3. Attualmente sono le 02:41.




Forum GT - © 2004-2009 GT idea S.r.l P.iva 02418200800 - Privacy/Disclaimer

SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.