Ottimizzare sito web per gli smartphone

Ho da poco attivato l'account altervista. Ho caricato le mie pagine html e volevo sapere come configurare il sito se la connessione avviene tramite uno smartphone.
Vorrei che il sito riconoscesse se il dispositivo è un semplice computer o uno spartphone e quindi a seconda di uno dei due, presenta la pagina html standard se è un normale computer o la pagina ottimizzata per lo smartphone se è un dispositivo cellulare. Come fare?

[nicolobissacco]

lo puoi fare con il css mettendo la direttiva media=handheld ma i telefoni android e iphone non la leggono e visualizzano comunque il css relativo al computer.
devi utilizzare il php per riconoscere se è un telefono o un pc

[karl94]

Dipende, cosa dovresti ottimizzare? Quali sono per te le differenze tra i due tipi di dispositivo?

la differenza che non voglio far notare è che per lo piò gli accessi al mio sito verranno effettuati tramite dispositivi portatili, smartphone in primis, e le pagine che ho creato sono molto difficili da visualizzare con schermi piccoli. Certo c'è lo zoom però non ti da la visione completa della pagina, quindi vorrei fare in modo che il sito riconosca se è si è connesso uno smartphone o un computer

Si può usare anche il Java in comune con il CSS (credo)
Ti consiglio di guardare QUI, mi sembra che nella parte iniziale ne parla...

[karl94]

Ecco, dunque a te importa discriminare i dispositivi in base alla dimensione dello schermo, giusto?
Puoi benissimo preparare due (o più) fogli di stile, che contengono le regole e le proprietà per adattare il layout del tuo sito alle diverse dimensioni dello schermo. Puoi benissimo usare le Media Queries.
Noto che però il tuo sito è realizzato con un programma WYSIWYG, se è questo che desideri modificare te lo sconsiglio.

Si può usare anche il Java in comune con il CSS (credo)
Ti consiglio di guardare QUI, mi sembra che nella parte iniziale ne parla...

Non starai mica confondendo il Java con Javascript, vero?