Tecnología

Inicio

Cómo hacer tu propio menú de red móvil

Si ya tiene acceso a un archivo de servicio o el servidor de alojamiento web, puede crear un archivo HTML sencillo para mostrar un menú Web móvil. Se puede llegar a este menú Web en cualquier momento desde cualquier dispositivo portátil que tiene una conexión inalámbrica a Internet. La creación de su propio menú Web móvil le permite agregar sus sitios web más visitados de la lista del menú. Hace que sus sitios favoritos de un clic o un solo toque de distancia. Sólo se necesita un mínimo de experiencia de programación HTML y estilos CSS para crear su primer menú Web móvil.

Instrucciones

1 Abra un editor de texto como el Bloc de notas o WordPad.

2 Comience a crear su archivo HTML, la inserción de la etiqueta <html> en la línea superior.

3 Tipo <head> en la segunda línea.

4 Dale a tu documento HTML un título, insertar <title> simple menú de red </ title> en la tercera línea.

5 Establecer las propiedades móviles. Copiar y pegar este código a la cuarta línea:

<Meta content = "mínima escala = 1,0, width = dispositivo de ancho, máximo escala = 0.6667, el usuario escalable = no" name = "viewport" />

6 El estilo de su menú. Se puede elegir el color de fuente, tamaño de fuente, el interlineado y la alineación de texto que mejor se adapte a sus preferencias. Utilice esta muestra estilo CSS como punto de partida:

<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>

Este código debe ir directamente debajo de la etiqueta <meta>.

7 Cerrar su sección de la cabeza mediante la inserción de </ head> debajo del estilo CSS interna.

8 Tipo <body> en la línea por debajo de la etiqueta </ ​​head>.

9 Cree su menú. Esto requiere la tipificación <ul> primero y luego insertar de forma individual cada elemento de línea con la etiqueta <li>. Copia y pega este ejemplo de menú, a continuación, modifique para incluir sus propios enlaces de sitios 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 Asegúrese de que cada elemento de menú se cierra con una etiqueta </ ​​li> y el menú se cierra con una etiqueta </ ​​ul>.

11 Cerrar la sección del cuerpo escribiendo </ body> y, a continuación, cierre el documento web escribiendo </ html> en la última línea.

12 Guardar y cargar el documento HTML en su sitio de alojamiento de archivos o servidor Web.