Dreamweaver是一个制作网页静态页面的工具软件,今天我们就来搭建一个简单的网页框架。
工具/原料
1
Dreamweaver
2
素材图
方法/步骤
1
打开Dreamweaver,我们在设计页面操作,对于新手来说设计页面很是方便,对于熟悉一点代码的同学,可以用拆分页面,方便查看代码。
3
我们插入一个2x2的表格,做导航栏,设置宽度为950px,居中对齐。
5
右边上面单元格输入文字;下面单元格插入搜索框(插入-表单-文本域),调整字段长
6
在表格下面再插入一个2x2表格,做导航栏和焦点图的内容。合并第一行单元格,输入导航栏文字。
7
下面的单元格,分别插入相关图片,调整位置。
8
插入一个3x5的表格,居中对齐。第一行表格合并,做标题栏。
9
插入文章图片、文字,调整文字属性。
10
合并右边单元格,插入右边的图片。
11
最后把全部表格的边框设置为0,就可以浏览效果了!
注意事项
文章系本人原创首发,喜欢请点赞,有问题,请提问!
上一篇:java的SSM框架如何讲解