The hacker insider tells you one: the designer must know the type of page layout with DIV+CSS

Today, I was in the hacker insider received a lot of messages, a lot of small partners in the express want to build a site of their own, let me feel that now build station is most people are more interested in a technology it!

I happened to be sorting out my previous notes today and found a copy of the station note that I left behind, and now I personal overdraft to give it to you!

At the same time also want to like a friend can pay more attention to my small blog, if there is any problem can also be in the comments below the comment area Oh!

OK, Next I will give you straight to the point: in detail, the designer with Div+css must know the page layout type

Web page layout can be divided into "country" font, corner type, title body type, left and right frame type, upper and lower frame type, comprehensive frame type, cover type, flash type, change type, the following hacker internal control to everyone separately discussed.

1, "Country" font: can also be called "Same" font, is the type of some large sites like, that is, the top is the title of the site and banner ads, followed by the main content of the site, Left and right to break down some two pieces of content, the middle is the main part, with the left and right list in the end, the bottom is the site of some basic information, contact, copyright notice. This structure is one of the most common types of structures we see on the web.

2, corner type: This structure and the last one is actually only the formal difference, in fact, is very similar, above is the title and advertising banner, the next left is a narrow column link, etc., the right column is a very wide text, the following is also some of the site's auxiliary information. In this type, a very common type is the top is the title and ads, the left is the navigation link

3, the title body type: This type is the top is the title or something similar, the following is the text, such as some article page or registration page is such a class.

4, the left and right frame type: This is a two-page frame structure, usually left is a navigation link, sometimes the top will have a small title or Peugeot, the right is the text. Most of the large forums we see are this structure, and some corporate websites like to use them. This type of structure is very clear and at a glance.

5, Upper and lower frame type: Similar to the above, the difference is only a two-page framework.

6, comprehensive frame type: On the page two kinds of structure, a relatively complex frame structure, more common is similar to the "Corner type" structure, but the use of frame structure.

7, Cover type: This type basically appears in some website's homepage, most for some exquisite graphic design combined with some small animation, put on a few simple links or just a "go" link even directly on the homepage of the picture to do the link without any hint. This type of majority appears in the corporate website and personal homepage, if said to deal with good, will bring people feel relaxed and happy.

8, Flash Type: In fact, this is similar to the cover type structure, but this type uses the current very game line of Flash, and the cover type is different, because of the powerful features of Flash, the page expresses more abundant information, its visual effects and auditory effects if properly handled, not worse than traditional multimedia.

9, Change Type: The above several types of combination and change, such as this site is very close to the corner type of vision, but the realization of the essence of the function is the type of the upper, left and right structure of the comprehensive framework.

OK, let's talk about it today!! Basically everyone should know it!

The hacker insider tells you one: the designer must know the type of page layout with DIV+CSS