Elementos que integran HTML5

Please download to get full document.

View again

All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
 4
 
  Descripcion de cada elemnto que integra HTML5, así como también el uso de Frameworks para desaroolo móvil
Related documents
Share
Transcript
  1 INSTITUTO TECNOLÓGICO SUPERIOR DE LIBRES Organismo Público Descentralizado del Gobierno del Estado de Puebla INGENIERÍA EN SISTEMAS COMPUTACIONALES “ Informe del Tema 1 ”  Aplicaciones Móviles II PRESENTA: JOSÉ TRINIDAD LUNA FERNÁNDEZ LIBRES, PUEBLA, 21 de Abril del 2018  2 Índice Contenido Ventajas y Desventajas de los Sitios Web para la Visualización de los Dispositivos Móviles ............................................................................................................................. 3 Tecnologías Web Utilizadas para el Desarrollo de Web Móvil ...................................... 4 Elementos de HTML5 ....................................................................................................... 6 Elemento raíz  ............................................................................................................................... 6 Metadatos del documento ........................................................................................................ 6 Scripting  ....................................................................................................................................... 7 Secciones  ..................................................................................................................................... 7 Agrupación de Contenido  ........................................................................................................ 8 Semántica a nivel de Texto  ...................................................................................................... 9 Ediciones  .................................................................................................................................... 12 Contenido incrustado .............................................................................................................. 12 Datos tabulares  ......................................................................................................................... 13 Formularios  ................................................................................................................................ 14 Elementos interactivos  ........................................................................................................... 15 Viewport y Media queries .............................................................................................. 16  3 Ventajas y Desventajas de los Sitios Web para la Visualización de los Dispositivos Móviles Ventajas:   Los smartphones y las tablets se han convertido, en muchos casos, en el canal de ventas principal y en el escaparate online de muchas marcas.   Requiere menos recursos que una aplicación.   Es más fácil y rápido poner en marcha un sitio web móvil.   Es accesible para todos los dispositivos con acceso a Internet.   Si la marca no es conocida, es difícil que se descarguen su aplicación.   El móvil se ha convertido en uno de los dispositivos que más se utilizan para conectarse a Internet en cualquier parte del mundo.   Facilidad de uso e inmediatez: su cliente sólo deberá acceder de forma natural a la de url de su sitio web y el sistema es el encargado de redirigirlo de forma transparente a la versión móvil.   Optimizada para su visualización en móviles.   Multiplataforma: compatibilidad con todos los navegadores móviles utilizando estándares como HTML5 para su desarrollo.   Económico de diseñar y desarrollar puesto que se utiliza una única versión para todos los dispositivos.   Independencia total con respecto a los diferentes repositorios de aplicaciones y condiciones impuestas Desventajas:   Aunque ha mejorado notablemente, aún existen limitaciones para acceder a determinadas funciones o aprovechar todos los recursos del teléfono.   Un sitio web adaptado debe adaptarse a las medidas de un dispositivo móvil, además, la mayoría de los navegadores móviles son extremadamente simples.   Un sitio web móvil será menos atractivo, además, nunca será tan complejo y dinámico como una aplicación.  4   Imposibilidad de utilizarse offline, sin conexión a Internet.   No existe un canal de distribución como ocurre con las Apps nativas Tecnologías Web Utilizadas para el Desarrollo de Web Móvil Diseño Web Responsive Un sitio web con diseño responsive o adaptativo son aquellos diseñados con diferentes técnicas (HTML5, CSS3, Media Queries, etc. que permiten que un mismo sitio web se adapte, en cuanto a su diseño, disposición de elementos y contenido, a cualquier dispositivo o, mejor dicho, a su resolución de pantalla gracias a la disposición líquida de los elementos. De esta forma sólo es necesario desarrollar una única web para visualizarla en PC, teléfono, tablet, etc.  Algunas ventajas:   Una única web para todos los dispositivos, simplificando su mantenimiento.   SEO: Al existir una única web y url de acceso se favorece el posicionamiento, evitando contenido duplicado en varias urls (como ocurre en las versiones móviles)   Mejora la usabilidad y experiencia del usuario al permitir que, por ejemplo cambiando la orientación de su dispositivo, el sitio web se adapte perfectamente a la nueva visualización.   Mayor facilidad al compartir en redes sociales: muchos de los enlaces desde redes sociales se abren en el móvil, en este caso, el usuario verá directamente una versión adaptada de su web, independientemente a su dispositivo y de forma directa. E inconvenientes:   Mayor coste de desarrollo que una web estándar.    Mayor dificultad técnica.  
Related Search
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks