1、打开dreamweaverCS6,新建一个HTML文件,进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。
2、在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。
3、然后选择插入中的表格的选项,这个是用来选择表格的选项的。
4、选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,那我们就选择五行五列吧;
5、当我们点击确定后,就能够看到左边的代码区域,右边的相关表格的区域;
6、表格制作好后,可以根据个人的需要对表格进行调整大小,我们可以通过鼠标的拖动来调整表格的大小;
7、我们还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小;
8、最后我们的表格就制作完成了。
利用dreamweaver制作表格方法介绍:
第一种方法:利用插入工具实现
1、进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。
2、在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。如图2所示
3、然后选择插入中的表格的选项,这个是用来选择表格的选项的。如图3所示
4、选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,那我们就选择五行五列吧;
5、当我们点击确定后,就能够看到左边的代码区域,右边的相关表格的区域;如图6所示
6、表格制作好后,可以根据个人的需要对表格进行调整大小,我们可以通过鼠标的拖动来调整表格的大小;
7、我们还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小;如图8所示
第二种方法:利用代码制作
1、打开dreamweaver在“代码”视图中输入以下源代码。如图9所示
2. 插入表格以后,在表格的单元格中再插入表单的对象或者域标签。如图10所示
直接在菜单栏里面选择插入>表格>设置其属性>确定就行了; 还有就是用过代码写:
标题1 | 标题2 | 标题3 |
内容1 | 内容1 | 内容1 |
首先你得了解一下html,表格的话使用table标签,给题主一个通用的样式,如果要美化表格的话可以使用css
姓名 | 年龄 | 职业 |
小明 | 19 | 学生 |
赵四 | 50 | 演员 |
薛之谦 | 29 | 歌手 |