Want to make H5 micro pages and micro magazines, which software is better? ..

Select a template first

Search Tuzhan on Baidu, enter the website, register an account and log in, you can enter the production interface. You can see many available templates on the interface. Click on the corresponding template according to your needs.

Enter the production platform

After selecting the template, you will automatically enter the production platform. On the production platform, there are three main areas: the work structure display area on the left, the work production area in the middle, and the component attribute modification area on the right.

Text

1. Function definition: used to display text content. By modifying the display properties of the text, various display effects can be generated.

2. Operation method: Click the text option on the right, and a text input box will appear in the upper right corner of the editing panel. Double-click the input box to modify the text content; modify the attribute options on the right to change the display of the text. style.

3. Attribute description:

1) Font: Change the font of the text. The font provided is the font of the Tuzhan database, not the local font of the computer.

2) Font size: Modify the display size of the text.

3) Line spacing: Modify the spacing between two lines of text.

4) Palette: Modify text color.

5) Width: Modify the width of the text input box, in pixels.

6) Height: Modify the height of the text input box in pixels.

7) Transparency: Modify the transparency of the text, 100 is opaque, 0 is fully transparent.

8) Rotation: Adjust the angle between the text and the horizontal line. A positive number means clockwise rotation, and a negative number means counterclockwise rotation.

Pictures

1. Function explanation: Used to display pictures. By modifying the display properties of the picture, the size, transparency, angle, etc. of the picture can be changed.

2. Operation method:

1) Activate function: Click the picture option on the right, and the logo picture of Tu Zhan will appear in the upper right corner of the editing panel.

2) Upload new pictures: Click the upload button in the property bar to upload pictures from the local computer for replacement.

3) Pictures in the picture library: If you have uploaded pictures before, you can select the pictures to be displayed from the picture library.

4) Screenshot: Hold down the left mouse button and drag to select the image area, then click the screenshot button or double-click the selected image area to crop the selected image area.

3. Attribute description:

1) Width: Modify the width of the picture.

2) Height: Modify the height of the picture.

3) Original proportion: If this option is checked, the width and height of the image will be displayed according to the original proportion of the image. If one of the values ??is modified, the other value will be changed in addition.

4) Transparency: Modify the transparency of the image, 100 is opaque, 0 is fully transparent.

5) Rotation: Adjust the angle between the picture and the horizontal line. A positive number means clockwise rotation, and a negative number means counterclockwise rotation.

Button

1. Function explanation: Used to add link buttons, which can add links to all pages, such as: Weibo links, WeChat public account follow links, official website links, Taobao links etc.

2. Operation method: Click the button option on the right, and a text input box will appear in the upper right corner of the editing panel; modify the attribute options on the right to change the parameters and style of the button.

3. Attribute description:

1) Text: Modify the text displayed on the button.

2) Link: The page to which the button needs to be linked. Note that the link must contain "http://" at the beginning.

3) Fill color: the background color on the button.

4) Border color: the border color of the button.

5) Shape-Border: Modify the width of the border, "0" means the button has no border.

6) Border - Rounded Corners: Modify the roundness of the corners of the border. The larger the value, the rounder the corners of the button.

7) Width: Modify the width of the button.

8) Height: Modify the height of the button.

9) Transparency: Modify the transparency of the button, 100 is opaque, 0 is fully transparent.

10) Rotation: Adjust the angle between the button and the horizontal line. A positive number means clockwise rotation, and a negative number means counterclockwise rotation.

Form

1. Function explanation: It is a functional component that allows users to enter and submit text information in the form. The information submitted by the user can be displayed in the form data under the account column. In the form, you can customize the name of each option and the number of items.

2. Operation method: Click the form option on the right, a new form window will pop up, and add the form content.

3. Attribute description:

1) Form title: Add the title of the form.

2) Row title: Add the row title of the form.

3) Button content: Add the display text of the button.