[xhtml] creare siti web per cellulari

[brianss]

ciao ragazzi, voglio avvicinarmi al mondo dei siti web per cellulari.
sono già uno sviluppatore di siti web, e volevo riuscire a creare un sito web per cellulari e palmari.

premetto che ho già cercato in giro per la rete e non ho trovato molto. Ho giusto visto che bisogna usare lo standard dell'xhtml

sapete indicarmi tool, guide, editor o quant'altro di utile per poter imparare?

grazie..

[teox13]

La guida di html.it sembra abbastanza semplice, prova a darli un'occhiata!

[brianss]

si ma l'ho trovata molto teorica e poco pratica....

[tomminno]

Originariamente inviato da brianss

ciao ragazzi, voglio avvicinarmi al mondo dei siti web per cellulari.
sono già uno sviluppatore di siti web, e volevo riuscire a creare un sito web per cellulari e palmari.

premetto che ho già cercato in giro per la rete e non ho trovato molto. Ho giusto visto che bisogna usare lo standard dell'xhtml

sapete indicarmi tool, guide, editor o quant'altro di utile per poter imparare?

grazie..

Mah io ho scritto tempo fa una pagina veramente banale per cellulari che mostrava una mappa con l'indicazione del luogo, 2 pulsanti per lo zoom e la stringa dell'indirizzo.
Testata su Backberry: supporto all'HTML veramente minimale, solamente tabelle senza nemmeno un miserissimo align, ovviamente nessun supporto ai div nè tanto meno ai CSS, niente javascript ovvero impossibilità di conoscere la dimensione dello schermo per mandare una immagine con le dimensioni appropriate per lo schermo.

Insomma ogni cellulare fa storia a se, una pagina adatta ai cellulari deve avere un layout semplicissimo realizzato con tabelle.
Non c'è niente da imparare, c'è solo da disimparare le odierne pratiche di realizzazione di pagine web.

Certo se pensi che gli utenti abbiano solo iPhone o cellulari Symbian il discorso cambia, purtroppo però queste supposizioni non si possono fare in ottica web.

[oRpo]

gioca con l'attributo media dei css:

http://css.html.it/guide/lezione/17/lattributo-media/


ciao

[tomminno]

Originariamente inviato da oRpo

gioca con l'attributo media dei css:

http://css.html.it/guide/lezione/17/lattributo-media/


ciao

Se ti riferisci a me, il browser del Blackberry testato non supporta nè css nè molti dei tag e attributi html standard, non interpreta il tag link, hai voglia a giocare con i css.

[brianss]

quindi con questo attributo basta che definisco un css apposito, e se il server riconosce un cellulare come client si occuperà di visualizzare il css apposito, è esatto?

invece se volessi mettere in una cartella sul server una versione apposita per i cellulari? in quel caso come si fa a passare quella versione ad un cellulare?

[tomminno]

Originariamente inviato da brianss

quindi con questo attributo basta che definisco un css apposito, e se il server riconosce un cellulare come client si occuperà di visualizzare il css apposito, è esatto?

Ma non avevi detto di essere uno sviluppatore web?
Il codice è unico è il css che specifica per quale media deve applicarsi una particolare sezione dello stesso.
Viene fatto tutto lato client il server in questo caso non interviene se non per inviare i dati tramite HTTP.

invece se volessi mettere in una cartella sul server una versione apposita per i cellulari? in quel caso come si fa a passare quella versione ad un cellulare?

A quel punto dovresti usare un linguaggio lato server, riconoscere l'identificativo del browser o del sistema e reindirizzare la chiamata verso la pagina creata ad hoc (riconsocere un browser per cellulari è un casino, si fa prima a riconoscere che non è un browser standard)

[brianss]

tutto chiaro grazie!

per quanto riguarda i css..da quello che hai detto ho capito che basta inserire nell'html un tag in più per uno stylesheet alternativo....il codice è unico, ma sono i css a cambiare...basta che definisco un css per i cellulari e uno per i pc....ho capito male?

visto che ci sono volevo fare un'altra domanda....visto che non riesco a navigare col mio n70 (mi sono fatto tutte le guide) posso mettere la pagina sul cell e caricarla in locale? (parlo di pagine con solo html e css)

[oRpo]

Originariamente inviato da tomminno

Se ti riferisci a me, il browser del Blackberry testato non supporta nè css nè molti dei tag e attributi html standard, non interpreta il tag link, hai voglia a giocare con i css.

Ma sul Blackberry non gira Opera? Mi potrei sbagliare visto che io ho sempre avuto cellulari in grado di fare 3 cose: inviare sms, chiamare e rubrica

Originariamente inviato da brianss

tutto chiaro grazie!
visto che ci sono volevo fare un'altra domanda....visto che non riesco a navigare col mio n70 (mi sono fatto tutte le guide) posso mettere la pagina sul cell e caricarla in locale? (parlo di pagine con solo html e css)

Penso basti passare le pagine normalemente con il cavetto (o il bluetooth) no? hai provato?

[brianss]

si ho provato da gestione file ad aprire direttamente il file html, ma non funziona!
apre il web browser predefinito ma visualizza una pagina bianca

[tomminno]

Originariamente inviato da oRpo

Ma sul Blackberry non gira Opera? Mi potrei sbagliare visto che io ho sempre avuto cellulari in grado di fare 3 cose: inviare sms, chiamare e rubrica

Chiaramente mi riferisco al browser integrato nel BB. Specialmente chi pensa IL Browser sia Internet Explorer e ignora l'esistenza di tutti gli altri.
Non tutti installano browser "alternativi".

[Antares88]

Non basta dire che il sito deve essere per cellulari, devi fare una scelta più ristretta. Infatti ci sono centinaia di modelli di cellulari/palmari che possono andare in internet, con vari browser diversi.
Io così su due piedi mi informerei sulle caratteristiche dei browser più comuni. A naso direi che sono quello del symbian, poi Internet Explorer Mobile e Opera Mobile/Opera Mini.

A mio parere (magari sbaglio) la gente che naviga frequentemente con dispositivi handeld ne utilizza di recenti, quindi non mi preoccuperei troppo di modelli e programmi vecchi.

Lavora bene sulla separazione netta tra dati e presentazione degli stessi sfruttando le CSS (sfruttando l'attributo media per la selezione del giusto stylesheet come ti è stato suggerito).
Usa XHTML 1.0 Strict che è un set di istruzioni molto ristretto: non correrai il rischio di usare tag non supportati. Sarà tua cura documentarti e scoprire se i browser mobile a cui punterai supportano pienamente l'xhtml 1 strict o se devi ulteriormente restringere i tag usati.

Sviluppa il sito aiutandoti con Firefox: dotalo di una estensione per developers come Firebug o Web Developer, e testa le pagine che realizzi sia con la css mobile sia disabilitando completamente le css.

Tieni presente la ristretta dimensione degli schermi per cellulari, anche se escluderei i modelli che hanno meno di 1.8" di diagonale (impossibile navigarci).

Alcuni browser mobile (Opera Mini ad esempio) ti danno un'overview di tutta la pagina e ti permettono di spostare il cursore su un'area e ingrandirla al 100%. Ricordalo, ma non ci fare troppo affidamento. La chiave è presentare poche informazioni essenziali in modo semplice e chiaro.

Lavora su testo e link, non usare tabelle per impaginare i contenuti ma solo per il loro scopo originale e stretto. Evita anche le immagini se possibile. La maggioranza dei terminali attualmente ha risoluzione 240x320 (o l'inverso, a seconda del form factor), perciò lo spazio è poco.

[brianss]

ti ringrazio!, più chiaro di cosi non potevi essere !!