ubiquitour.com

Cómo construir páginas Web móviles

Cómo construir páginas Web móviles

Tráfico a sitios web móviles sigue creciendo, según Nielsen Media Research. Cada año, más consumidores comienzan a utilizar dispositivos móviles para navegar por la Web como smartphones--rica dispositivos móviles equipados con múltiples aplicaciones Web--comienzan a asumir el control el mercado de telefonía celular. Sitios web para navegación móvil es en esencia despojadas versiones de sitios tradicionales y se optimiza mediante lenguaje de marcado inalámbrico (WML).

Instrucciones

Dominio y configuración de documento

1 Configurar un dominio móvil si tu sitio móvil será un compañero para un sitio completo que ya posees. Se puede definir un dominio como Mobile.sudominio.com mediante el panel de control de tu Web servicio de hosting.

2 Abra su editor de texto para crear un documento WML. Las páginas de un sitio web móvil son también denominadas tarjetas. Si usas Dreamweaver, puede seleccionar entre los tipos de archivo enumerados en la categoría "Otros" al seleccionar "Nuevo" del menú "Archivo" WML.

3 Escriba las dos líneas:

<? xml version = "1,0" encoding = "utf-8"? ><! Html DOCTYPE público "-//WAPFORUM//DTD XHTML Mobile 1.0 / / EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd & amp; quot; >

Estas líneas decir un navegador móvil qué tipo de documento que es lectura y que debe utilizarse el estándar WML para interpretar el documento.

4 Escriba el siguiente código de encabezado:

< html >< head >< title > nombre de dominio, azulejo de la página < / title >< estilo tipo = "text/css" > cuerpo {margen: 0 0 0 2. color: #000; fondo: #fff; Fuente: 10px Verdana, Arial, sans-serif;} p {margen: 5px 0 3px;} < / estilo >< cuerpo >

5 Reemplazar la información de etiqueta de título en el código con su nombre de dominio y el título de la página. Reemplazar la información de estilo con información de la hoja de estilo en cascada si desea agregar más estilos a tu página. El estilo incluido arriba es para un diseño sencillo.

Contenido

6 Si tienes una versión pequeña de su logo en formato GIF o JPEG puede incluir en la parte superior del documento para indicar su marca. Mantener el tamaño de las imágenes muy pequeñas. Phonescoop.com tiene una lista de los teléfonos más populares en el mercado con sus datos de resolución de pantalla para ayudarle a decidir sobre la mejor anchura para las imágenes.

7 Inserte el código HTML que incluye su contenido. Para incluir un párrafo, rodean el contenido con la etiqueta de párrafo.

< p > esta es una línea de texto < /p >

8 Incluyen un enlace a otra página mediante la etiqueta de anclaje:

< a href = "Set" rel = "nofollow" target = "_blank" > http://yourdomain.com/page2.wml&quot;>Set o cambiar mi PIN < /a >

9 Escriba el código siguiente cuando haya terminado, incluyendo el contenido:

< /body >< / html >

10 Guarde el archivo con extensión .wml

nameofyourfile.wml

Sube tu archivo a tu espacio de alojamiento Web.