多语言展示
当前在线:245今日阅读:167今日分享:16

Dreamweaver网页制作初级教程:头底部主题定义

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。
方法/步骤
1

今天我们看一下,我们常说的网站主题,要通过什么方法来进行定义。首先是头部,既然是头部,我们当然也要给他定义并取名,这个操作在index下。

2

在上一个div定义的中间,我们插入:     

             

3

那么,这个head我们在哪里定义呢?当然,也是在css中。回到css样式文件,我们定义:#header{width:968px;height:100px;background-color:#3FF;margin-left:auto;margin-right:auto}为了区分,我们更改了head的颜色。

4

看看效果:

5

那么,身体和底部怎么定义,就和上边一模一样了,我们要做的只是一个拷贝的工作,index代码如下:       

       
       

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竖着进行划分呢?下节课我们来看一下。

推荐信息