Evalúe su presencia en la web actual
El primer paso en el desarrollo de un plan para un nuevo sitio web para el iPhone o el iPad es valorar lo que tienen (o no tiene) en el aquí y ahora. Si va a crear un nuevo sitio Web, usted necesita un plan muy diferente de acción que si está desarrollando una nueva versión de un sitio existente para el iPhone o el iPad.
Aquí están algunos puntos de partida comunes y cuestiones a tener en cuenta:
Crear un sitio iPhone / iPad a partir de cero: Si va a crear un nuevo sitio desde cero, asegúrese de comenzar su plan desde el principio. En muchos sentidos, esta opción es la más sencilla, ya que no tiene que acomodar el contenido heredado o características que sería difícil de transferir a estos nuevos dispositivos.
Usted ya tiene un sitio moderno diseñado con (hojas de estilo en cascada) CSS: Si su sitio ya está en marcha y que creó el sitio siguiendo los estándares web actuales (lo que significa que ha utilizado CSS y HTML para separar el formato del contenido), usted está apagado a un buen comienzo.
El punto clave es que la separación de su diseño de tu sitio le permite crear el diseño de su sitio móvil de contenido existente con mucha más facilidad.
Usted tiene un sitio web muy antigua: Si ha creado su sitio hace años y el diseño se integra dentro del HTML, usted tiene su trabajo cortado para usted.
Si su sitio utiliza la etiqueta de tabla HTML para crear el diseño, usted debe comenzar por el rediseño del sitio antiguo, incluso antes de empezar a crear la nueva versión, móviles utilizando la última HTML5 y CSS 3 tecnologías o elegir el primer método en esta lista (para crear uno desde cero).
Tomarse el tiempo para hacer la transición al modelo más moderno usando las hojas de estilo en cascada le permite ahorrar tiempo. La creación de su sitio con una clara separación de contenido y diseño mediante el desarrollo de un sitio que almacena la información en HTML y crea el diseño con CSS es la forma correcta de desarrollar sitios de acuerdo con el World Wide Web Consortium (W3C), el grupo que establece el normas para la tecnología web.
Considere esta situación una oportunidad perfecta para rediseñar su sitio para ponerla a trabajar para usted. Comience su plan con este primer paso en la mente.
Sobre el autor
Html recursos para la construcción de un sitio web HTML es el lenguaje de la Web. Cada sitio web se basa en esta lengua o en una variante de la misma. Sin embargo, el HTML no se debe intimidating- es una tecnología relativamente sencilla. Si usted necesita ayuda, aquí están algunas grandes…
Crear un plan de pruebas de sitio móvil Prueba temprana y la prueba a menudo - pruebas repetitivas es la clave para el desarrollo de un sitio para el iPhone y el iPad de forma rápida y con confianza. Creación de un plan de pruebas detallado es una adición importante a cualquier buen…
Crear un marco adaptable con html5 Antes de crear un marco para un sitio web que se mostrará en el iPhone y el iPad, es útil pensar en el futuro acerca de cómo desea que sus páginas se ven cuando se agrega los estilos. Aquí es donde wireframes pueden realmente ayudar.En las…
Desarrollar un plan de proyecto para su sitio web Un buen plan de proyecto para su nueva página web para que aparezca en el iPhone y el iPad se compone de una serie de tareas, un presupuesto, una línea de tiempo, y una lista de los recursos y materiales necesarios. Tomarse el tiempo para crear un…
Cómo crear un sitio web con HTML5 Los diseñadores web a menudo utilizan términos como architecting, edificio, y construcción cuando hablan de la creación de páginas web, porque hay una gran cantidad de similitudes entre la construcción de una casa y el diseño de un sitio web…
Cómo crear un wireframe LA wireframe describe la estructura de su sitio web, sin empantanarse en todos los detalles de diseño web. Si usted está construyendo un sitio sencillo para iPhone o iPad o una gran complejidad, obra maestra interactiva, tomarse el tiempo para…
Optimizar diseños web para el iphone La pantalla del iPhone es pequeño, pero trate de dejar de pensar en las limitaciones y empezar a centrarse en las increíbles nuevas oportunidades - como atraer a una audiencia de personas en movimiento - personas que puedan estar de pie justo…
Esbozar un mapa del sitio para el diseño web El mapa del sitio web muestra las secciones principales del sitio web, y cómo las páginas de su nueva página web que se muestran para el iPhone o el iPad se vinculará a la otra.Un mapa de sitio como el que se muestra ofrece un panorama visual de…
Pon a prueba tu código con las herramientas del W3C Prueba tus diseños web con la World Wide Web Consortium (W3C) herramientas de validación siempre ha sido una buena idea, pero es aún más importante para el diseño web móvil. Navegadores web de escritorio, incluyendo Internet Explorer, Firefox…
Elija una estrategia de diseño web para móviles Su enfoque para el diseño de un sitio web móvil depende de su contenido del sitio, sus recursos y su público. Los siguientes consejos pueden ayudarle a entender las posibles estrategias de diseño web móvil y elegir uno que funcione para…
La elección de una estrategia para el diseño de su web móvil Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…
¿Cómo construir un mapa para un rediseño del sitio web Mucha gente asume que el diseño web es siempre acerca de la creación de un nuevo sitio web desde cero. Bueno, casi todas las organizaciones de cualquier tamaño ya tiene un sitio web. Su necesidad principal es mantener el sitio web existente…