Tecnología

Inicio

Cómo construir página web móvil

Cómo construir página web móvil


El tráfico a los 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 teléfonos inteligentes - dispositivos móviles con múltiples funciones equipados con varias aplicaciones web - empezar a tomar el control del mercado de la telefonía celular. Sitios web construidos para la navegación móvil son, en esencia, versiones reducidas de los sitios tradicionales y se han optimizado con Wireless Markup Language (WML).

Instrucciones

Configuración de dominio y de documentos

1 Configurar un dominio móvil si su sitio móvil será un compañero a un sitio completo que ya posee. Puede configurar un dominio tal como mobile.yourdomain.com través del panel de control de su servicio de alojamiento web.

2 Abra su editor de texto para crear un documento WML. Las páginas de un sitio web móvil también se conocen como tarjetas. Si utiliza Dreamweaver, puede seleccionar WML de entre los tipos de archivos que aparecen en la categoría "Otros" al seleccionar "Nuevo" del menú "Archivo".

3 Escribe las dos líneas:

<? Xml version = "1.0" encoding = "UTF-8"?>
<! DOCTYPE html PUBLIC "- // WAPFORUM // DTD XHTML Mobile 1.0 // EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd&quot;>

Estas líneas indican un navegador móvil el tipo de documento que está leyendo y que la norma WML debe utilizarse para interpretar el documento.

4 Escriba el siguiente código de cabecera:

<Html>
<Head>
<Title> Nombre de Dominio - Azulejo de la página </ title>
<Style type = "text / css"> body {margin: 0 0 0 2; color: # 000; fondo: #fff; fuente: 10px Verdana, Arial, sans-serif;} p {margin: 5px 0 3px;} </ style>
<Body>

5 Vuelva a colocar la información de la 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 la información de la hoja de estilo en cascada si prefiere añadir más estilos a su página. El estilo incluida arriba es para un diseño simple.

Contenido

6 Si usted tiene una pequeña versión de su logo en formato GIF o JPEG, puede incluirlo en la parte superior del documento para indicar su marca. Mantener el tamaño de las imágenes muy pequeños. 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 el mejor ancho de las imágenes.

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

<P> Esta es una línea de texto </ p>

8 Para incluir un enlace a otra página mediante el uso de 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 siguiente código cuando haya terminado de incluir contenido:

</ Body>
</ Html>

10 Guarde el archivo con la extensión .wml

nameofyourfile.wml

Sube el archivo a su espacio de alojamiento web.