现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。
方法/步骤
1、今天我们看一下,我们常说的网站主题,要通过什么方法来进行定义。首先是头部,既然是头部,我们当然也要给他定义并取名,这个操作在index下。
2、在上一个div定义的中间,我们插入:<divid="contain"><divid="header"></div></div>
3、那么,这个head我们在哪里定义呢?当然,也是在css中。回到css样式文件,我们定义:#header{width:968px;height:100px;background-color:#3FF;margin-left:auto;margin-right:auto}为了区分,我们更改了head的颜色。
4、看看效果:
5、那么,身体和底部怎么定义,就和上边一模一皱诣愚继样了,我们要做的只是一个拷贝的工作,index代码如下:<divid="header"><稆糨孝汶;/div><divid="body"></div><divid="foot"></div>
6、在css中,我们应该这么定义:#header{width:968px;height砜实蛰斓:100px;background-艘早祓胂color:#3FF;}#body{width:968px;height:600px;background-color:#999;}#foot{width:968px;height:100px;background-color:#3FF;}
7、看一下定义后的效果:
8、但是,我们在div中,如何将每一个div竖着进行划分呢?下节课我们来看一下。