Generación de HTML en línea: ¿cómo desarrollar HTML en un terminal móvil, es decir, en un teléfono móvil?
¿Cuáles son las herramientas que pueden crear y generar fácilmente páginas HTML5 sin escribir código?
Las herramientas de creación de páginas HTML5 se pueden dividir aproximadamente en dos categorías: herramientas de sitios web basadas en HTML5 y herramientas de aplicaciones móviles (Por supuesto, hay algunos otros, como los basados en cuentas públicas de WeChat, que también se presentarán a continuación).
Primero que nada, déjame hablar sobre mis sentimientos personales en general
1. Herramienta de sitio web basada en HTML5: tiene funciones poderosas, gran operabilidad en una sola página y puede completarse. varios efectos de interacción de la página; pero a veces las operaciones pueden "fallar", como no cargar imágenes, no hacer clic en guardar, no generar, etc. Ya sabes el motivo~
2. Aplicación de herramienta móvil: en comparación con los sitios web de herramientas, parece más conveniente. Hay una gran cantidad de plantillas para aplicar y, sin embargo, es simple y rápido; Se adhiere a las plantillas existentes, lo que hace que una sola página sea insatisfactoria. Habrá un gran espacio maniobrable, lo que hará imposible lograr efectos interactivos de bricolaje.
Ampliamos cada herramienta utilizada
Herramienta web basada en HTML5:
Tu Zhan
Ventajas: Página Tiene un alto grado de bricolaje y es fácil y conveniente implementar efectos dinámicos. Puede crear páginas H5 más arbitrarias.
Desventajas: el tamaño de la interfaz de la pantalla no se puede ajustar y las imágenes cargadas estarán desproporcionadas después de la generación, la página se estirará en la pantalla de cada tamaño.
(Esta imagen pretende ilustrar que el tamaño de la imagen cargada es el tamaño predeterminado del sitio web en sí, no el tamaño de la imagen en sí, lo que no favorece el ajuste del usuario)
Se puede editar específicamente. La operabilidad de una sola página es alta y hay dos modos de edición: principiante (con plantilla) y avanzado (sin plantilla). Tiene más efectos de cambio de página que Tuzhan y las plantillas también son más potentes. .
Revista Jugao Interactive
Ventajas: Una de las herramientas más simples y fáciles de usar. Sigue las indicaciones para agregarla paso a paso, y finalmente genera un micro. revista. En comparación con otras herramientas en línea, es más estable.
Desventajas: Actualmente no he intentado crear el efecto interactivo en una sola página y no he encontrado la entrada para habilitar la función pro.
ANIMATRON
Ventajas: Al igual que la versión online de flash, es potente y puede crear animaciones HTML5. Es adecuado para personas con experiencia en animación para realizar presentaciones.
Desventajas: requiere producción de animación básica; largo tiempo de respuesta de la interfaz de trabajo, ¿parece que solo se puede compartir en Twitter, Facebook, Google y Tumblr?
iSpring7
El truco es que la herramienta de conversión de PPT a HTML5 es perfectamente compatible con PPT y puede producir material didáctico móvil HTML5.
Sin embargo, actualmente solo puedo abrir enlaces a sitios web usando Safari con una VPN conectada.
Producción del espectáculo
Ventajas: diseño sencillo, producción rápida y banda ancha estable.
Desventajas: No se adapta bien a la visualización de imágenes y texto en varias pantallas; no es posible editar y ajustar la posición del texto en la plantilla.
APP herramienta móvil:
Primera página
Ventajas: alta calidad de plantilla, alta eficiencia al aplicar plantillas para edición, operación simple y rápida, efectos y experiencia en haciendo H5 Las herramientas de la aplicación en la página son excepcionales.
Desventajas: La operatividad de una sola página es baja y solo admite la aplicación de plantillas.
Invita y crea invitaciones rápidamente
Ventajas: fácil de usar, ahorra tiempo, es eficiente y conveniente para las estadísticas.
Desventajas: La página es sencilla y sólo puedes elegir la plantilla inherente para crear texto y añadir imágenes.
Gerente de marketing de escena móvil de Yiqixiu para pequeñas, medianas y microempresas
Ventajas: aplique plantillas, cree rápidamente y utilícelas para realizar presentaciones de empresas y recomendaciones de productos. Tiene potentes estadísticas de promoción y funciones de gestión de clientes. Bueno, me gustaría estar aquí.
Desventajas: solo se pueden utilizar plantillas y el grado de bricolaje es bajo; se necesita mayor confirmación para garantizar la precisión de los datos estadísticos. En la actualidad, parece que pueden faltar datos (en pequeñas cantidades). pruebas de escala, el número de estadísticas es menor de lo que debería ser) cantidad).
Publicación de WeChat: cree una página H5 a través de la cuenta oficial de WeChat
Ventajas: cree una página simple directamente en la cuenta oficial móvil, solo siga las instrucciones para crearla, es fácil y rápido sin pensar.
Desventajas: solo se muestra una sola página y no puede incluir efectos especiales como efectos interactivos y más contenido.
Resumen
La página H5 creada por el sitio web de la herramienta presta más atención al esquema de interacción personalizado de páginas individuales. Tiene un alto nivel de bricolaje, lleva relativamente mucho tiempo y. está sujeto a factores de ancho de banda, por lo que afecta la operación;
Las páginas H5 creadas por la herramienta APP prestan más atención a la eficiencia y actualmente aplican plantillas. Por lo tanto, el grado de bricolaje para una sola página es bajo y el efecto interactivo. es limitado.
Como nuevo PM de Internet móvil, normalmente uso MAKA y Tu Zhan, que son relativamente más adecuados para completar medio día. Si desea crear rápidamente una página de visualización, simplemente use la primera página; , que es más destacado en términos de eficiencia funcional y sentido del diseño; use Kuaijixiu para organizar eventos, hacer invitaciones, distribuir avisos de eventos, etc.; use Yiqixiu para promocionar nuevos productos, contactar clientes y reclutar gente nueva. ¿Cómo desarrollar HTML en el terminal móvil, es decir, en el teléfono móvil?
Estás hablando del desarrollo HTML5, un sistema de conocimiento que se debe aprender para el diseño web móvil.
1. Lista de pruebas de compatibilidad con HTML5
Antes de comenzar, debe comprender la compatibilidad de los navegadores y plataformas móviles modernos con HTML5.
Descripción general de la compatibilidad con la función HTML5 en los navegadores convencionales
Descripción general de la compatibilidad con HTML5 en plataformas móviles
Prueba de compatibilidad con HTML5
Demostración de HTML5
2. Hacer que los elementos HTML5 estén disponibles
Las versiones antiguas de los navegadores IE no pueden reconocer nuevos elementos HTML. Sin embargo, se pueden utilizar algunas soluciones de JavaScript o CSS para solucionar este problema.
HTML5Shiv: Este script puede hacer que el navegador IE reconozca elementos HTML5.
HTML5Enabler: La función es similar a HTML5Shiv.
Modernizr: Permite a los desarrolladores aprovechar al máximo las características de HTML5 y CSS3 para el desarrollo en navegadores que soportan HTML5 y CSS3, sin sacrificar el control de otros navegadores que no soportan estas nuevas tecnologías.
HTML5Reset: Proporciona un conjunto de archivos HTML y CSS, permitiéndote iniciar un nuevo proyecto en el menor tiempo posible. Utiliza modernizr para admitir HTML5 y CSS3.
3. Complementos del navegador
Los siguientes son algunos complementos de JavaScript que pueden compensar los problemas de compatibilidad con HTML5 de algunos navegadores.
1. VideoJS
VideoJS es un reproductor de vídeo HTML5 que se puede utilizar en todos los navegadores, incluidos IE6 y dispositivos móviles. Los navegadores que no soportan HTML5 usarán automáticamente Flash Player para jugar.
2.AudioJS
Reproductor de audio HTML. Se utiliza para hacer que las etiquetas
de HTML5 se puedan utilizar en una variedad de navegadores, incluidos dispositivos móviles.
3.HTML5Widget
Módulo de formulario HTML5, que incluye calendario, paleta, widget deslizante, validación de cliente, etc.
4.Webforms2
Soporte de atributos de formulario HTML5, como patrón, requerido y enfoque automático.
5. LimeJS
LimeJS es un marco de juego HTML5 para crear juegos rápidos y localizados para dispositivos táctiles y navegadores de escritorio modernos.
6.FlexieJS
Soporta el modelo de caja flexible CSS3 (FlexibleBoxModel).
4. Herramientas en línea
Además, existen algunas herramientas en línea que pueden ayudar a los desarrolladores a acelerar el desarrollo de proyectos HTML5.
1.HTML5Boilerplate
es una plantilla HTML/CSS/JS que es la mejor manera de lograr la normalización entre navegadores, la optimización del rendimiento y características opcionales estables como Ajax entre dominios. y mejores prácticas. Los desarrolladores lo llaman una colección de consejos diseñados para satisfacer sus necesidades de desarrollo de un sitio web apto para varios navegadores y preparado para el futuro.
2.SwitchtoHTML5
Una herramienta en línea muy útil que puede generar una estructura de documentos HTML5 según sus preferencias. ¿Cómo generar html a partir de archivos pdf en línea? ¿Estás utilizando el sistema de sitio web php?
Si es más sencillo, simplemente enlace al archivo pdf. Para hacer esto, el usuario debe tener instalado Adobe Flash en la máquina, y el usuario también puede descargar directamente su archivo pdf.
También puedes convertir pdf a formato swf. Los usuarios no pueden descargarlo directamente, pero deben convertirlo primero en el fondo del sitio web. Si es un pdf en un idioma extranjero, usar pdf2swf y flexpaper en chino será más problemático.