Tecnología

Inicio

Cómo construir un sitio web de iPhone

Cómo construir un sitio web de iPhone


Para construir un sitio web para el iPhone que necesita saber cómo escribir HTML básico y crear hojas de estilo externas. Si ya tiene un sitio web y quieres que sea más compatible con iPhone, que puede hacer que mediante la adición de enlaces y etiquetas y hacer algunos ajustes menores a sus páginas. Gran parte de sus ajustes se pueden hacer en una sola hoja de estilos externa que se aplica a todas sus páginas.

Instrucciones

1 Crear sus páginas web en el Bloc de notas, edición de textos o en su programa de diseño de sitios web favoritos. Al crear su sitio, asegúrese de que es compatible con iPhone. Si ya tiene un sitio web que necesita para sacar ningún artículo sin soporte, elementos de ratón en off y mueva los enlaces que están demasiado cerca entre sí o que va a ser difícil para hacer clic. Puede encontrar una lista de elementos no compatibles en la Biblioteca de Referencia Safari.

2 Crear su hoja de estilos CSS externa para los usuarios de iPhone y vincular sus páginas web a la misma. Con esta hoja de estilo puede editar todas las páginas web a la vez, siempre y cuando están vinculadas a la hoja de estilo. Puede enlazar sus páginas web para su hoja de estilo mediante la aplicación de este código a la sección <head> de sus páginas web.

<= Media Link "única pantalla y (max-device-width: 480px)" href = tipo "yourpage.css" = "text / css" rel = "stylesheet" />

Tendrá que cambiar el nombre yourpage.css al nombre de la hoja de estilo. Asimismo, se dará cuenta en el comienzo de la relación que dice Safari esta página web es para un dispositivo con un ancho máximo de 480 píxeles. Cuando se utiliza Safari en el iPhone, el navegador ya sabrá que tiene un tamaño de pantalla máximo de 480 píxeles y luego dirigirá automáticamente a la hoja externa que ha creado con las especificaciones del iPhone en mente.

3 Añadir una etiqueta meta a la sección de cabecera de sus páginas web para controlar cómo su sitio web se escala en el iPhone. Safari controla automáticamente escalado sitio web, pero se puede controlar mediante la adición de la siguiente etiqueta.

<Meta name = "viewport" content = "width = 320, inicial escala =" 1.2 ", escalable user = no">

Usted tendrá que ajustar el tamaño de la escala inicial en función de las dimensiones de su sitio web personal.

4 Pruebe su sitio web utilizando un un sitio de prueba de sitios web iPhone o --- --- iPhoneTester como para asegurarse de que es compatible y completamente funcional. Si se utiliza un sitio de pruebas iPhone, utilizar el navegador Safari, ya que es la que utiliza el iPhone.

Consejos y advertencias

  • Hacer ningún uso de marcos; Safari no tiene barras de desplazamiento tanto de su sitio puede no ser visible. Recuerde que cuando los usuarios de iPhone tienen que escribir algo, el teclado ocupa la mitad de su pantalla. Mantener las formas corta y pequeña.
  • Puede editar la mayoría de los artículos en una hoja de estilos externa y no es necesario eliminarlos de su sitio web. Si decide eliminar algo, sin embargo, asegúrese de guardar una copia en caso de que desee añadir de nuevo más tarde.