-
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</a> & lt; / li "rel =" nofollow "target =" _blank "> http: //google.com"> Google & lt; / a> & lt; / li>
<Li> <a href="Bing</a> & lt; / li "rel =" nofollow "target =" _blank "> http: //bing.com"> Bing & lt; / a> & lt; / li>
<Li> <a href="Yahoo!</a> & lt; / li "rel =" nofollow "target =" _blank "> http: //yahoo.com"> 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.