April 2
Per costruire un sito web per l'iPhone è necessario sapere come scrivere HTML di base e creare fogli di stile esterni. Se si dispone già di un sito web e vuoi renderlo più compatibile con iPhone, è possibile farlo con l'aggiunta di link e tag e di apportare alcune modifiche minori alle tue pagine. La maggior parte delle regolazioni può essere fatto in un unico foglio di stile esterno che viene applicato a tutte le pagine.
1 Crea le tue pagine web in Blocco note, TextEdit o il vostro programma di progettazione sito web preferito. Quando si crea il tuo sito, assicurarsi che sia compatibile con iPhone. Se si dispone già di un sito web è necessario eliminare tutti gli elementi non supportati, articoli di mouse-over e spostare i collegamenti che sono troppo vicini tra loro o che sarà difficile fare clic su. È possibile trovare un elenco di elementi non supportati nella libreria di riferimento Safari.
2 Crea il tuo foglio di stile CSS esterno per gli utenti iPhone e collegare le pagine web ad esso. Con questo foglio di stile è possibile modificare tutte le pagine web in una sola volta, nella misura in cui sono collegate al vostro foglio di stile. È possibile collegare le pagine web al tuo foglio di stile, applicando questo codice alla sezione <head> delle tue pagine web.
<Media link = "solo schermo e (max-device-width: 480px)" href = tipo "yourpage.css" = "text / css" rel = "stylesheet" />
Sarà necessario cambiare il nome yourpage.css per il nome del foglio di stile. Inoltre, si noterà l'inizio del collegamento racconta Safari Questa pagina web è per un dispositivo con una larghezza massima di 480 pixel. Quando si utilizza Safari sul vostro iPhone, il browser già sapere che si dispone di una dimensione dello schermo massima di 480 pixel e sarà quindi indirizzare automaticamente al foglio esterno si è creato con le specifiche di iPhone in mente.
3 Aggiungere un tag meta per la sezione di testa delle tue pagine web per controllare come il vostro sito web viene scalato su iPhone. Safari controlla automaticamente il ridimensionamento sito web, ma è possibile controllare aggiungendo il seguente tag.
<Meta name = "finestra" content = "width = 320, iniziale scala =" 1.2 ", user-scalable = no">
Sarà necessario regolare la dimensione iniziale di scala a seconda delle dimensioni del tuo sito web personale.
4 Prova il tuo sito web utilizzando un iPhone o un sito di test sito web --- --- come iPhoneTester per assicurarsi che sia compatibile e perfettamente funzionante. Se si utilizza un sito di test iPhone, utilizzare il browser Safari dal momento che è quello che utilizza l'iPhone.