Come fare la tua Mobile Web Menu

November 18

Se si dispone già di accesso a un servizio di file o un server Web hosting, è possibile creare un semplice file HTML per visualizzare un menu web mobile. È possibile raggiungere questo menu Web in qualsiasi momento da qualsiasi dispositivo portatile che dispone di una connessione wireless a Internet. Creare il proprio menu mobile Web consente di aggiungere i vostri siti web più visitati alla lista del menu. Rende i tuoi siti preferiti uno scatto o via uno touch. Hai solo bisogno minimo di esperienza di programmazione HTML e stile CSS per creare il primo menu Web mobile.

istruzione

1 Aprire un editor di testo come Blocco note o WordPad.

2 Iniziare a creare il file HTML, inserendo il tag <html> sulla riga superiore.

3 Tipo <head> sulla seconda linea.

4 Lascia la tua documento HTML di un titolo, inserire <title> semplice Web Menu </ title> sulla terza riga.

5 Impostare le proprietà mobili. Copia e incolla questo codice alla quarta riga:

<Meta content = "minimo di scala = 1.0, width = dispositivo-larghezza, massima scala = 0,6667, user-scalable = no" name = "viewport" />

6 Stile vostro menu. È possibile scegliere il colore del carattere, dimensione del carattere, l'altezza della linea e l'allineamento del testo che meglio si adatta alle vostre preferenze. Utilizzare questo stile CSS campione come punto di partenza:

<Style type = "text / css">
ul {list-style: none; padding: 0; margin: 0; text-align: center;}
li {font-color: blue; font-size: 24px; line-height: 200%;}
</ Style>

Questo codice dovrebbe andare direttamente sotto il tag <meta>.

7 Chiudere il testata inserendo </ head> sotto lo stile CSS interno.

8 Tipo <body> nella riga sotto il </ head> tag.

9 Crea il tuo menu. Ciò richiede la digitazione <ul>, poi inserendo singolarmente ogni voce con il tag <li>. Copia e incolla questo esempio di menù, quindi modificare per includere i propri link di siti web:

<Ul>
<Li> <a href="Google&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //google.com&quot;> Google & lt; / a> & lt; / li>
<Li> <a href="Bing&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //bing.com&quot;> Bing & lt; / a> & lt; / li>
<Li> <a href="Yahoo!&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //yahoo.com&quot;> Yahoo & lt; / a> & lt; / li>
</ Ul>

10 Assicurarsi che ogni voce di menu è chiuso con un </ li> tag e il menu si chiude con un </ ul> tag.

11 Chiudere la sezione del corpo digitando </ body>, quindi chiudere il documento Web digitando </ html> nell'ultima riga.

12 Salvare e caricare il documento HTML per il tuo sito di hosting file o Web server.