A pleasing website page cannot be separated from a good page design. The performance of web design is mostly reflected in color matching, fonts, and layout. The three can be combined well to create a beautiful website. Among them, the page layout is particularly important. Let's learn the methods and techniques of web page layout.
Web page layout method
Layout on paper means that when you start making web pages, you must first draw a sketch of the layout of the page on paper. This layout can quickly record the designer's design ideas.
Prepare white paper, pencil and eraser, draw the approximate size on the white paper, choose a shape, and use it as the theme of the entire page (generally choose rectangle).
Software layout is the use of software to achieve the layout (Photoshop). This layout facilitates the precise positioning of individual elements.
Using Photoshop to design the layout can use colors and graphics conveniently, and can use the function of layers to design layout ideas that cannot be achieved with paper.
Web layout technology
1. Application of Cascading Style Sheets:
In the new html4.0 standard clock css style is proposed, it can completely locate text and pictures, and can realize many layout ideas that could not be achieved before. Although the css style is a bit complicated for beginners, it is indeed a good layout method. At present, the use of css style sheets is an excellent embodiment of the site on many sites. We will use less css methods in the future.
2. Table layout:
At present, most websites use table layouts. The advantage of table layouts is that they can handle different objects without affecting each other. It is more convenient to locate pictures and text than css. However, when there are too many tables, the page download speed will be affected. .
3. Frame layout:
Frame layout puts different objects on different pages for processing like table layout, but the table is only laid out on one page, and the frame combines multiple pages according to the layout structure. You need to consider that the frame layout will have different browser Compatibility issues exist.