knorrigt.com

Home > Internet > Cómo crear sitios web HTML5 que se acoplan en un iPad

Cómo crear sitios web HTML5 que se acoplan en un iPad

Advertisement

Cómo crear sitios web HTML5 que se acoplan en un iPad

La creación de sitios web para dispositivos móviles puede ser un reto si tenemos en cuenta la gama de navegadores y tamaños de pantalla disponibles. El iPad de Apple es una plataforma sencilla para diseñar debido a su resolución de pantalla estándar y el uso del navegador Safari. Para obtener su página web para "romper" a los bordes de la pantalla sin importar el nivel de zoom o la orientación del usuario se encuentra en, es necesario utilizar etiquetas HTML específicas diseñadas para controlar esta funcionalidad.

Instrucciones

Abrir un nuevo documento HTML en un editor de texto o HTML. Para utilizar la funcionalidad de HTML5 a través de su diseño, tendrá que iniciar el documento con el <! DOCTYPE html> declaración. Cree el resto de su estructura de documentos mediante la importación de código a partir de un diseño existente, o el uso de un esqueleto conjunto de etiquetas. Por ejemplo:

<! DOCTYPE html>

<Head>

</ Head>

<Body>

<Header>

</ Header>

<Artículo>

<Sección>

</ Section>

<Sección>

</ Section>

</ Article>

<Pie de página>

</ Pie de página>

</ Body>

</ Html>

Inserte una línea en blanco debajo de la etiqueta de "cabeza" y entrar en la "ventana" etiqueta meta. Safari usa esta etiqueta para controlar cómo se visualiza el contenido dentro de la ventana del navegador. Para permitir que la ventana se ajuste a su contenido en orientación vertical u horizontal, utilice la "width = device-width" valor:

<Meta name = "viewport" content = "width = device-width">

También puede mantener a los espectadores de escalar la página agregando un valor "escalable de usuario":

<Meta name = "viewport" content = "width = dispositivo de ancho, el usuario escalable: no">

Esta opción no permite que la capacidad del usuario para acercar o alejar con el fin de mantener el contenido de la página bloqueada en el tamaño de la pantalla.

Crear una hoja de estilo para su página o abrir la hoja de estilo existente. Decidir si se desea optimizar su contenido para orientación vertical u horizontal. Establecer la anchura de su contenedor de contenido principal a 980 píxeles para el modo horizontal o 768 píxeles para el retrato. Cuando optimizado para la orientación vertical, la etiqueta de visualización permite a su contenido para llenar la pantalla cuando el espectador se convierte en el dispositivo, en lugar de mostrar el espacio en blanco en los lados. Cuando optimizado para el modo horizontal, la vista adoptará automáticamente la escala de contenido para que encaje perfectamente en el espacio más estrecho.

Consejos y advertencias

Utilice los valores de porcentaje para tamaños de imagen para permitir que les permite escalar correctamente cuando los usuarios consulten la página Web en cualquier orientación. También puede utilizar CSS Consultas de medios para establecer los parámetros específicos de estilo CSS en función de la orientación del espectador está utilizando. Por ejemplo:

media única pantalla y (min-device-width: 481px) y (max-device-width: 768px) {

img {

max-width: 700px;

}

media única pantalla y (min-device-width: 481px) y (max-device-width: 1024px de) {

max-width: 940px;

Con una de las últimas versiones del software de Adobe Flash, ya sea la versión CS3 o CS4, puede crear sitios web dinámicos y luego publicarlos en Internet. En la aplicación Flash, los usuarios pueden diseñar diseños con una variedad de elementos de
Adobe Dreamweaver es sin duda el mejor producto de la consolidación de tela en el mercado, pero a veces la calidad aumenta la complejidad. A pesar de que ofrece una gama de herramientas para la creación de sitios web dinámicos - que son sitios web co
Internet proporciona un foro popular para compartir la historia familiar. La creación de una página web árbol genealógico es una excelente manera de intercambiar información, encontrar primos perdidos largo y conectarse con familiares. Sitios web fam
Lenguajes cuales se utilizan para crear sitios web?
Hay muchos lenguajes de programación que se pueden usar para crear sitios web. Muchas veces, varios idiomas se combinan para permitir el diseño complejo, estilo y funciones en un solo sitio. Diseño de páginas Web no requiere ningún software especial
Cómo crear páginas web utilizando HTML
Tener su propio sitio Web ofrece oportunidades para la expresión personal, promoción de negocios, redes sociales y mucho más. Obtener consejos sobre cómo crear páginas web utilizando HTML de un desarrollador de software en esta serie de videos gratis
El bloqueo de sitios web explícitos que tienen contenido pornográfico o vulgar puede ser una excelente medida de seguridad. Mientras que proteger a los niños, que bloquean estos sitios también pueden proteger su computadora de virus y otros peligros
¿Cómo encontrar sitios web inútil y poco fiables
sitios web confiables pueden hacer un gran trabajo de investigación. La información que proporcionan es específica y está escrito por una persona autorizada para quien una pasión correspondida por compartir información es toda la compensación que nec
Cómo desbloquear sitios web bloqueados en la Escuela
Las escuelas a menudo tratan de bloquear el acceso a sitios web visitados por un número de razones. Sea o no estos bloques están justificadas o una pérdida de tiempo, ya que son una forma de censura o de un método de gestión de recursos, son temas qu
Cómo utilizar Flash plantillas para crear sitios web
El uso de plantillas Flash para construir un sitio web basado en Flash es fácil y requiere mucho tiempo que la construcción de un sitio desde cero menos. Las plantillas son sitios web prefabricados que permiten que el usuario sólo tiene que rellenar
Cómo crear encabezados web personalizadas
Un encabezado de web es un gráfico que ayuda a traer el aspecto general y la estructura de su sitio web juntos. Sin algún tipo de encabezado, el texto y las imágenes de su sitio web pueden flotar por toda la página, que no están anclados correctament
Cómo crear una web gratuito Mostrar
Un podcast es un programa web gratuito que puede ser descargado en un reproductor multimedia portátil o iPod. Podcasts también se pueden ver en línea. Muchos son liberados como episodios (webisodes) sobre una base regular, aunque también pueden produ
Si usted tiene niños que tienen acceso a su computadora, es posible que desee configurar los controles parentales en su ordenador. De esta manera no serán capaces de ver material pornográfico o cualquier cosa con un maduro rating.This de contenido se
Cómo construir sitios web multilingüe
El mundo está más interconectado que nunca. El deseo y la necesidad de llegar a otras lenguas y culturas va en aumento. Si usted está interesado en hacer negocios con clientes en el extranjero, tratando de llegar a una comunidad de inmigrantes o simp
OpenCms es un sistema de gestión de contenidos de código abierto que es XML, JSP y Java basan. El programa puede ser usado para crear, administrar y mantener los sitios de Internet e Intranet. Si lo instala en un servidor web es una forma rápida y re
Los accesos directos son iconos que pueden aparecer en el escritorio del ordenador o en otros lugares. Cuando hace doble clic en los accesos directos, programas de lanzamiento, se reproducen las películas y archivos abiertos. Esto se debe a que el ac
Cómo crear gráficos Web
Puede hacer que los gráficos de las páginas web usando una variedad de herramientas y métodos. Las cámaras digitales y escáneres producen imágenes digitales que se pueden colocar en la web, y los programas de gráficos pueden hacer lo mismo. Antes de
Cómo bloquear sitios web inapropiados
Internet alberga una gran variedad de contenidos, muchos de los cuales no es adecuado para todo el mundo. Sus hijos pueden visitar estos sitios web, ya sea a propósito o accidentalmente. Usted puede proteger a sus hijos de sitios web inapropiados blo
Cómo bloquear sitios web en la red LAN
Una red de área local (LAN) ofrece velocidades rápidas de Internet que no bloquean las líneas telefónicas como un servicio de Red de acceso telefónico, por lo que aún puede hacer llamadas mientras está en línea. LAN es muy popular entre las empresas
Cómo crear botones Web con Illustrator
Adobe Illustrator es el estándar de la industria gráfica del diseño para la ilustración basada en vectores. Illustrator es un programa efectivo para la creación de gráficos para la Web. Illustrator puede prestar a todos los formatos comunes de imagen