Div is one of a series of tutorials on enterprise website

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

With Tian Hao learn div do Enterprise website series One

Now do web site popular with what to write Web code? Using table to do the site is not popular, now popular with what do the site? Next,

With Tian Hao learn div do corporate website, you can learn why Div is so popular used to do the website.

Let's start with a simple corporate website and use Div to write the code.

The first step of all Web sites: Conception

Whether you use Word or PS, or FW, the first step is to conceive your website, such as the map of corporate website

Enterprise Website Idea Map

Next, we need to plan the layout of the page according to the idea map, analyze the diagram carefully, we can not find that the picture is roughly divided into the following parts:

Enterprise website idea Map decomposition

1, the top part, including the logo, menu and a picture of banner;

2, the content can be divided into side columns, the main content;

3, the bottom, including some copyright information.

With the above analysis, we can easily layout the design layer as follows:

We can also do more simple results to facilitate understanding, as shown in the figure:

Enterprise website Idea DIV structure diagram

Through the analysis of the entire enterprise Web site div structure is as follows:

│body {}/* This is an HTML element, specifically I do not explain the * *
└ #Container {}/* page Layer Container * *
├ #Header {} * * page head * *
├ #PageBody {}/* page body * *
│ #Sidebar {}/* Sidebar/*
│└ #MainBody {}/* Principal content * *
└ #Footer {}/* Bottom of page * * *

Page layout and planning has been completed, and then we have to do is the enterprise network of HTML code and CSS.

With Tian Hao learn div do business website One of the series, look forward to our next talk div