多语言展示
当前在线:1231今日阅读:23今日分享:25

用Dreamweaver搭建简单网页框架

Dreamweaver是一个制作网页静态页面的工具软件,今天我们就来搭建一个简单的网页框架。
工具/原料
1

Dreamweaver

2

素材图

方法/步骤
1

打开Dreamweaver,我们在设计页面操作,对于新手来说设计页面很是方便,对于熟悉一点代码的同学,可以用拆分页面,方便查看代码。

3

我们插入一个2x2的表格,做导航栏,设置宽度为950px,居中对齐。

5

右边上面单元格输入文字;下面单元格插入搜索框(插入-表单-文本域),调整字段长

6

在表格下面再插入一个2x2表格,做导航栏和焦点图的内容。合并第一行单元格,输入导航栏文字。

7

下面的单元格,分别插入相关图片,调整位置。

8

插入一个3x5的表格,居中对齐。第一行表格合并,做标题栏。

9

插入文章图片、文字,调整文字属性。

10

合并右边单元格,插入右边的图片。

11

最后把全部表格的边框设置为0,就可以浏览效果了!

注意事项

文章系本人原创首发,喜欢请点赞,有问题,请提问!

推荐信息