养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

在Dreamweaver中用表格做一个经验首页

时间:2024-10-20 03:46:38

Dreamweaver中的表格功能在网页制作中有很重要的作用,接下来我做一个简单的经验首页页面。

工具/原料

Dreamweaver

步骤/方法

1、打开Dreamweaver,新建一个空白文档。

在Dreamweaver中用表格做一个经验首页

2、插入表格,表格的参数如下:10行10列,边框为1像素

在Dreamweaver中用表格做一个经验首页

在Dreamweaver中用表格做一个经验首页

3、在下面的状态栏中将表格的【对齐方式】设置为【居中】,宽为990,高为550.(这是僭轿魍儿为了更简单的显示,如果后面不够,可以适当的调整)最后显示如下:

在Dreamweaver中用表格做一个经验首页

在Dreamweaver中用表格做一个经验首页

4、将第1行的后两个表格分别合并

在Dreamweaver中用表格做一个经验首页

5、然后再左边的表格内输入下面内容,然后将表格调整一下位置,并将文字居中。效果如下佼沣族昀:(这里为了更好的显示,将文字大小设置为24)

在Dreamweaver中用表格做一个经验首页

6、然后将第2行的表格合并,并将右2列合并为大小相等的4个单元格。

在Dreamweaver中用表格做一个经验首页

7、在右边的单元格内输入内容,大小设置如下:

在Dreamweaver中用表格做一个经验首页

8、接着合并单元格,输入下面左侧的内容:

在Dreamweaver中用表格做一个经验首页

9、将中间上方的2行合并为2列,输入文字。

在Dreamweaver中用表格做一个经验首页

10、然后在下方输入优秀经验版面:

在Dreamweaver中用表格做一个经验首页

11、最后将下面的内容补充完全。

在Dreamweaver中用表格做一个经验首页

12、将文档保存后,按下F12键浏览,在浏览器中看到效果:

在Dreamweaver中用表格做一个经验首页

© 一点知识