The general website is divided into home page, column page, list page, content page, search results page, landing page and other commonly used pages. The layout structure of the page can be seen from the front page, and the layout structure of the back page can be understood. (since GIF images can't be uploaded, we will upload regular images here.)
Traditional design method 1 (conventional fixed width, give a fixed value box as a whole, let the box automatically center, and put the contents in the box.)
The basic structure is head, slide, main content and bottom information. The main difference is that the design of subject content framework is different. If it is a government unit, hospital department, it will put some column information; if it is an enterprise, it will put information introduction such as case, product, technology, video and cooperation unit. The content page of column page is generally divided into two parts One on the left and one on the right. Basically put the column classification list. For the specific information list part and content page, modify the information list part into the information display area.
Traditional design method 2 (there is no fixed frame, but it is automatically centered. The simple understanding is that the background part is 100% displayed, and the theme content is displayed in the middle of the fixed value. Through the setting of the background image, the visual problem of the overall center of the website and the open on both sides is solved. The overall structure changes little. Some designers design the head, and the width of the navigation part is set to 100%; letter The information is controlled by the direction to adapt to the screen size)