Sempre più siti web stanno vedendo un aumento del traffico dal browser mobili, in particolare Safari Mobile, che gira su iPhone e iPod touch. Mentre Safari Mobile è perfettamente in grado di visualizzare siti Web progettati per un browser standard, ci sono momento in cui dettaglio si perde a causa delle dimensioni ridotte.

E 'possibile progettare un sito web in modo che nulla è perduto per iPhone visitatori seguendo un prendendo a pochi passi di modificare il sito esistente.

istruzione

1 Rimuovere qualsiasi contenuto Flash inutile. Il browser Safari Mobile non è in grado di visualizzare filmati Flash. Qualsiasi contenuto che era in Flash dovrebbe essere convertito in un formato di testo per i visitatori di leggere.

2 Usa il tuo programma FTP per scaricare il file CSS principale del tuo sito dal vostro web server. Una volta che avete questo file, aprirlo con il software di web design o editor di testo e incollare il seguente codice per nascondere gli elementi di navigazione:

@media solo schermo e (max-device-width: 480px) {
.Navigazione {
display: none;
}
}

Salvare il file.

3 Carica il file CSS appena modificato al server web.

4 Scaricare i file HTML per le pagine web che si desidera convertire al browser di iPhone. Su ciascuna di queste pagine, inserire il seguente codice per visualizzare gli elementi di navigazione in Internet Explorer:

<! - [If IE!]> ->
<Media link = "solo schermo e (max-device-width: 480px)"
rel = "stylesheet" type = "text / css" href = "iPhone.css" />
<! - <[Endif] ->

Salvare questi file e caricarle di nuovo al vostro web server utilizzando il programma FTP.

5 Creare un nuovo file chiamato iPhone.css. Questo conterrà gli elementi CSS per il browser Safari Mobile. È possibile utilizzare i CSS per lo stile le pagine in qualsiasi modo si vede in forma, ma deve contenere queste righe:

.Navigazione {
display: none;
}

Salvare il file e caricarlo di nuovo al vostro server

6 Testa le tue pagine web modificate nei vari browser web. Assicurarsi di verificare come il sito viene visualizzato su un iPhone o utilizzando il simulatore di iPhone (vedi Risorse).