How to layout a website How to layout a website to look good

Several web page layout methods 1. Fixed width layout: Set a fixed width for the web page, usually in px as the length unit, and is common on PC web pages.

2. Fluid layout: Set the relative width of the web page, usually in percentage as the length unit.

3. Raster typesetting: Artificially divide the width of the web page into equal lengths, and then use these equal lengths as the measurement unit for typesetting and layout. Usually, percentage is used as the length unit to divide it into equal lengths. length.

4. Responsive layout: Determine the layout of the web page by detecting device information. That is, if users use different devices to access the same web page, they may see different content. This is generally 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 during the actual development process.

How to format a novel?

1. Basic requirements for novel layout: 1. Two spaces should be left at the beginning of each paragraph; 2. Divide paragraphs into paragraphs according to the plot of the story. Try to avoid long paragraphs of text. 3. Start the character dialogue on a new line. 4. Decide on chapter and section titles. It is best to have subtitles for each chapter to express the essence of this part of the story. 5. Quote sentences and words with special meanings, mark them with notes, and indicate the source and notes at the end of the chapter (such as historical allusions, foreign languages, famous sayings, etc.). 2. You can use electronic typesetting software. Nowadays, all writing uses electronic document editing. Using typesetting software can get twice the result with half the effort, saving time and effort. On some websites that publish original novels, there are even automatic layout functions. The neatly typed text makes readers feel happy when flipping through it and increases their desire to read on.

How to adjust the web layout?

Web layout adjustment method:

1. First, click the file once in the opened web page and save it as. In short, find the command button that can save the web page and click to save the web page.

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

3. Now find our web page file, right-click and select Convert to Adobe PDF to adjust.

Webpage design and production process?

The analysis is as follows:

1. First download and install Dreamweaver. After opening it, create a new web page. Generally, select "HTML" to create a web page. Choosing the "Classic" interface will help us use this software more conveniently.

2. Select these three interfaces below, code, split, and design. Generally, the default design interface is used. This function is visual for novices and can better create web pages.

3. Next we will make a website and create a file on the computer as the root directory. All the files and web pages of the website we build are saved in this file. The function of the site is to make the framework between the web pages of your website clear. Also give the site a name.

4. Then create a file specifically for storing website images in the root directory of the site, and set the default. In this way, all pictures you add to this website will be automatically saved to this file and will not be lost. Note that the file naming must be in English. Below I will use the (Basketball Information Network) I created to introduce it. Click the Basketball Information Network in the lower right corner - drop down and click Manage Site - click Advanced Settings - set the default image folder to the newly created images. save.

5. Let’s make the homepage of this website and learn to add pictures first. Insert - image - select material to add. Click on the image, and the following properties can be edited to modify the image size, add hyperlinks, etc. Below I modify the image size as a demonstration.

6. Learn to add text below. Edit "Basketball Information Network". The following properties can be used to set text fonts, add hyperlinks, etc. Click on page properties to edit text properties in detail.

7. A webpage is basically a combination of text and pictures. Adding videos requires learners to search for Dreamweaver usage videos to learn. Remember to save the last web page you create.

File in the upper left corner - Save.

8. Finally, we learn to add hyperlinks. I used the second web page I created as an example. Select the text of the Basketball Information Network, click Properties at the bottom of the page - Link - click the small file button - select the first web page, so that the text of the Basketball Information Network turns blue. This is an internal link to the website, as opposed to an external link. When adding the picture, be sure to write http://... and that's it.

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

Extended information:

Web design

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

Style

The overall style of a website and its creative design are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme and no two people will be able to design an identical website.

Style is abstract. It refers to the comprehensive feeling that the overall image of the site gives to the viewer. This "overall image" includes the site's CI (logo, color, font, slogan), layout, browsing method, interactivity, text, tone, content value, existence significance, site honor and many other factors.

Color matching

Whether it is 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 the beautiful layout or beautiful pictures, but the color of the web page.

Tips for web color matching:

1. Use one color: This means selecting a color first, and then adjusting the transparency or saturation. This way the page will look uniform in color and layered;

2. Use two colors: first select one color, then select its contrasting color;

3. Use a color system: To put it simply, use a color that feels the same, such as light blue, light yellow, light green; or earthy yellow, earthy gray, earthy blue.

In web page color matching, there are some misunderstandings that should be kept in mind:

1. Don’t use all colors, try to limit it to three to five colors;

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

Reference materials: Baidu Encyclopedia: Design

How to solve the problem of barcode paper layout on web pages?

1. Set the format of the web page and use HTML table tags and CSS floating attributes to lay out the web page barcode paper.

2. Determine the width of the barcode paper, and then use the floating attribute of CSS to set the format of the barcode paper.

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

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

5. By using Javascript's custom function, after the web page is loaded, the layout of the web page's barcode paper is automatically detected to achieve automatic layout.