Current location - Music Encyclopedia - Today in History - How to typeset a website How to typeset a website to look good?
How to typeset a website How to typeset a website to look good?
Several web page layout methods

1。 Fixed width layout: Set a fixed width for the webpage, usually in px, which is common in PC-side webpages. 2. Stream Layout: Set the relative width of the webpage, usually expressed as a percentage.

3. Rasterized typesetting: artificially divide the width of a web page into equal lengths, and then typeset and typeset with these equal lengths as the unit of measurement, usually dividing them into equal lengths in percentage.

4. Responsive layout: Determine the layout of the webpage by detecting the device information, that is, if users access the same webpage with different devices, they may see different contents. This is usually achieved by detecting the width of the device screen.

Note: The above layout methods do not exist independently, but are often combined with each other in the actual development process.

How to write a novel?

First, the basic requirements for novel typesetting: 1, with two spaces at the beginning of each natural paragraph; 2. Divide the story into natural paragraphs. Try to avoid large paragraphs without paragraphs. 3. The dialogue between characters starts from a new line. 4. Determine the title of the chapter. It is better to have a subtitle in the chapter to express the essence of this part of the story. 5. Quote sentences and words with special meanings, mark notes, and explain the source and notes (such as historical allusions) at the end of the chapter. Foreign languages, celebrity language, etc. Secondly, you can use electronic typesetting software. Now writing uses electronic document editing, typesetting software can get twice the result with half the effort, saving time and effort. On some websites that publish original novels, there is even an automatic typesetting function. Regular typesetting makes readers feel pleasing to the eye when reading and increases their desire to continue reading.

How to adjust the layout of a web page?

Web page layout adjustment method:

1. First, in the open webpage, click the file once, and then save it as. In short, find the command button that can save the webpage, and click Save the webpage.

2. Select the option of "Web page, html only" in the pop-up save menu, and click Save.

3. Now find our web page file, and right-click to convert it into adobepdf for adjustment.

Web design and production process?

The analysis is as follows:

1. Download and install Dreamweaver first. After opening, create a new web page. You usually choose "HTML" to create a web page. Selecting the "classic" interface will help us to use the software more conveniently.

2. Select the following three interfaces: coding, splitting and design. Generally, the default interface is designed, which is more intuitive for beginners and can make the webpage better.

Let's make a website and build a file on the computer as the root directory. All the files and pages of our website are saved in this file. The function of a website is to make the framework between pages of your website clear. Give the website a name at the same time.

4. Then, create a file under the root directory of the website to store the pictures of the website, and set the default. In this way, all the pictures you add to this website will be automatically saved in this file and will not be lost. Note that the file name should be in English. Let me introduce it with the basketball information network I created. Click the Basketball Information Network-drop-down management website-click Advanced Settings-and set the default picture folder as the newly created picture. Save.

5. Make the homepage of this website first, and learn to add pictures first. Insert-Image-Select the material to add. Click on the image to edit the following properties, modify the image size, add hyperlinks and so on. Next, I will modify the size of the picture for demonstration.

6. Let's learn to add text. Edit "Basketball Information Network". You can set the text font, add hyperlinks, and so on for the following properties. Click page properties to edit text properties in detail.

7. Web pages are basically a combination of words and pictures. Adding videos also requires learners to search Dreamweaver's videos for learning. Remember to save the web page after making it. The file is in the upper left corner-save.

8. Finally, we learn to add hyperlinks. I use the second web page to demonstrate. Select the basketball information network text, click the Properties-Links-Click the File button at the bottom of the page, select the first webpage, and the basketball information network text will turn blue. This is an internal link of a website, and on the contrary there is an external link. If you add a picture, you must write http:// ......

9. Finally, we browse the web. File in the upper left corner-browse the webpage in the browser and click two links in the webpage to reach the specified webpage.

Extended data:

web design

When designing a website, we should pay attention to two points: overall style and color matching.

style

The overall style and creative design of the website are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme, no two people can design exactly the same website.

The style is more abstract. Refers to the comprehensive feeling that the overall image of the website gives visitors. This "overall image" includes CI (logo, color, font, slogan), layout, browsing mode, interactivity, words, tone, content value, existence significance, site honor and many other factors.

Color matching

Whether graphic design or web design, color is always the most important part. When we are far away from the display screen, what we see is not a beautiful layout or a beautiful picture, but the color of the webpage.

Web page color matching skills:

1. Use a color: This refers to selecting a color first, and then adjusting the transparency or saturation to make the page look uniform and layered;

2. Use two colors: first choose a color, and then choose its contrast color;

3. Use color system: In short, use a feeling color, such as light blue, light yellow and light green; Or khaki, khaki, khaki.

In the web page color matching, but also remember some misunderstandings:

1. Don't use all colors, try to control within three to five colors;

2. The contrast between the background and the previous article should be as large as possible (never use complicated patterns as the background) in order to highlight the main content.

References:

Baidu Encyclopedia: Design

How to solve the problem of page bar code paper typesetting?

1. Set the format of the webpage, and typeset the barcode paper of the webpage by using the table label of HTML and the floating property of CSS.

2. Determine the width of the bar code paper, and then set the format of the bar code paper by using the floating property of CSS.

3. Use CSS media query statements to realize responsive design and automatically adapt to different screen resolutions.

4. Use the positioning attribute of CSS to set the position of barcode paper and realize positioning typesetting.

5. Using the custom function of Javascript, after the webpage is loaded, the typesetting of the barcode paper of the webpage is automatically detected to realize automatic typesetting.