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

 时间:2024-10-20 04:08:53

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

方法/步骤

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

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

2、在上一个div定义的中间,我们插入:<divid="contain"><divid="header"></div></div>

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

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

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

4、看看效果:

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

5、那么,身体和底部怎么定义,就和上边一模一皱诣愚继样了,我们要做的只是一个拷贝的工作,index代码如下:<divid="header"><稆糨孝汶;/div><divid="body"></div><divid="foot"></div>

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

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;}

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

7、看一下定义后的效果:

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

8、但是,我们在div中,如何将每一个div竖着进行划分呢?下节课我们来看一下。

DW-如何插入段落文字 Dw怎样新建一个站点 Dreamweaver如何添加网页超链接 dw超链接怎么设置 DW怎么在网页标题前加图标logo
热门搜索
读书海报图片 地骨皮图片 图片在线制作 动漫在线观看网站 女性下部图片