Online HTML generation-how to develop html on the mobile terminal, that is, the mobile phone?

What tools can easily generate HTML5 pages without coding? It can be roughly divided into two categories: website tools based on HTML5 and mobile APP tools (of course, there are some others, such as those based on WeChat official account, which will be introduced below).

Let me talk about my personal feelings first.

1. Tool website based on HTML5: powerful, with strong operability of a single page, which can complete various page interaction effects; However, sometimes the operation "fails", such as uploading pictures, clicking Save, generating and so on. You know why ~

2. Mobile phone tool APP: Compared with the tool website, it is relatively smooth, and a large number of templates are applied, making it simple and fast; However, sticking to the existing templates, a single page won't have much room for operation, so the interactive effect of DIY can't be realized.

Let's talk about every used tool.

HTML5-based tool website:

Rabbit exhibition

Advantages: The DIY degree of the page is high, the dynamic effect is simple and convenient to realize, and a more willful H5 page can be made.

Disadvantages: the screen interface size cannot be adjusted, and the uploaded map will be out of proportion; After generation, there will be various sizes of stretching on the screen page.

(This picture is intended to show that the size of the uploaded picture is the default size of the website itself, not the size of the picture itself, which is not conducive to user adjustment. )

Can be edited in detail, and the single page has strong operability. There are two editing modes: novice (with template) and advanced (without template). The effect of turning pages is more than that of rabbit exhibition, and the template is more powerful.

Highly interactive periodicals

Advantages: One of the easiest tools to use, add it step by step according to the prompts, and finally generate micro-magazines in 4 steps. Compared with other online tools, it is more stable.

Disadvantages: At present, we haven't tried to make interactive effects on a single page, and we haven't found the entrance to open the pro function.

animator

Advantages: Like the online version of flash, it is powerful and can make HTML5 animations. Suitable for people with animation foundation to make presentations.

Disadvantages: animation foundation is needed; Long response time of working interface; It seems that only twitter, Facebook, google+ and tumblr can share?

iSpring7

Shantou is a tool to convert PPT into HTML5, which is perfectly compatible with PPT and can make Html5 mobile courseware.

But at present, I can only connect to VPN and then open the website link with Safari.

Hidezo

Advantages: simple layout, fast production speed and stable broadband.

Disadvantages: the display of pictures and words on various screens is not suitable; You cannot adjust the position of text editing in the template.

Mobile tool application:

At the beginning of this page

Advantages: high template quality, high template editing efficiency, simple and quick operation, and outstanding effect and experience in the APP tool for making H5 pages.

Disadvantages: the operability of a single page is low, and only templates can be applied.

Quick invitation, quick invitation.

Advantages: easy to use, time-saving and efficient, and convenient for statistics.

Disadvantages: the page is simple, and you can only choose the inherent template to create text and add pictures.

Yi Qixiu's Mobile Scene Marketing Manager for SMEs

Advantages: the template is applied and quickly created for enterprise introduction and product recommendation. It has powerful promotion statistics and customer management functions. Well, here's a compliment.

Disadvantages: only templates can be used, and the degree of DIY is low; The accuracy of statistical data needs further confirmation. At present, there may be a phenomenon of missing data (in a small-scale test, the number of statistics is less than it should be).

Micro-posts: Create an H5 page through WeChat official account.

Advantages: Just create a page directly in the official account of mobile phone WeChat, and you can create it according to the prompts. It is brainless, convenient and fast.

Disadvantages: it is only a single page display, and it can't carry special effects such as interactive effects and more content.

abstract

The H5 page made by the tool website pays more attention to the self-defined interaction scheme of a single page, which has a high degree of DIY, takes a long time and is limited by bandwidth factors, so it affects the operation.

H5 pages made by tool APP pay more attention to efficiency. At present, templates are applied, and the DIY degree of a single page is low, and the interaction effect is limited.

As a new PM of mobile Internet, individuals generally use MAKA and rabbit exhibition, which is relatively more suitable for half a day. If you want to make a display page quickly, use it at the beginning of the page, which is more prominent from the functional efficiency and design sense; Organize activities, make invitations, and issue event notices. ; Usually promote new products, contact customers and recruit new people.

How to develop HTML on the mobile terminal, that is, the mobile phone? You are talking about the knowledge system that html5 development and mobile web design must learn.

First, HTML5 supports test lists.

Before you start, you need to understand the support of modern browsers and mobile platforms for HTML5.

Overview of HTML5 functional support for mainstream browsers

Overview of HTML5' s support for mobile platforms

HTML5 support test

HTML5 demo

Second, make HTML5 elements available.

The old IE browser cannot recognize the new HTML elements. However, some JavaScript or CSS solutions can be used to make up for this defect.

HTML5Shiv: This script allows IE to recognize HTML5 elements.

HTML5Enabler: the function is similar to HTML5Shiv.

Modernizr: It enables developers to make full use of their features in browsers that support HTML5 and CSS3 without sacrificing control over other browsers that do not support these new technologies.

HTML5Reset: It provides a set of HTML and CSS files so that you can start a new project in the shortest time. It uses modernizr to support HTML5 and CSS3.

Third, browser plug-ins.

Here are some JavaScript plug-ins that can make up for some browsers' support for HTML5.

1. Video

VideoJS is an HTML5 video player that can be used in all browsers, including IE6 and mobile devices. For browsers that don't support HTML5, use Flash player to play automatically.

2. audio JS

HTML audio player. Used to make HTML5

Tags can be used in various browsers, including mobile devices.

3.HTML5Widget

HTML5 form module, including calendar, palette, sliding parts, client verification and so on.

4.web Form 2

Supports HTML5 form properties such as mode, required and autofocus.

5.LimeJS

LimeJS is a game framework of HTML5, which is used to create fast and localized games for modern touch devices and desktop browsers.

6.FlexieJS

Support CSS3 FlexibleBoxModel.

Fourth, online tools.

In addition, there are some online tools that can help developers speed up the development of HTML5 projects.

1.html 5 template file

Is an HTML/CSS/JS template, which is the best practice to realize cross-browser standardization, performance optimization and cross-domain Ajax, Flash and other stable optional functions. Developers call it a collection of skills that meet your needs to develop a cross-browser and future-oriented website.

2.SwitchtoHTML5

Very useful online tool, which can generate HTML5 document structure according to your preference.

How to generate html online from pdf file? Use php website system? If it's simpler, just

You can also convert pdf into swf format, which is not easy for users to download directly, but you must first convert it in the background of the website. If it is a foreign language pdf, using pdf2swf and flexpaper, Chinese pdf will be more troublesome.