1.dreamweaver怎么做表格
dreamweaver制作表格方法/步骤:
1. 首先打开Dreamweaver CC创建一个表格,边框粗细为1像素,单元格边距和间距为零。
2. 我们点实时视图看预览的表格边框比较粗
3. 我们在IE浏览器和Chrome浏览器中预览也是粗线边框。那么怎么修改成细线表格哪。
4. 在table标签里面添加一个style内嵌样式
5. 在设计器窗口中选中table表格,在CSS设计器中选择内嵌样式table,点击属性边框项
6. 把border-collapse属性值设置为collapse
7. 把border-width属性值设置为thin
8. 把border-style属性值设置为solid
9. 勾选显示集,看我们为table标签CSS内嵌样式设置这3个属性
10. 当然也可以手写代码
11. 点击实时视图,看表格变成细线边框了
12. 选择多种预览方式观察一下
13. 看在IE浏览器和Chrome浏览器中均显示为细线边框
2.dreamweaver怎么做表格
dreamweaver制作表格方法/步骤: 首先打开Dreamweaver CC创建一个表格,边框粗细为1像素,单元格边距和间距为零。
我们点实时视图看预览的表格边框比较粗我们在IE浏览器和Chrome浏览器中预览也是粗线边框。那么怎么修改成细线表格哪。
在table标签里面添加一个style内嵌样式在设计器窗口中选中table表格,在CSS设计器中选择内嵌样式table,点击属性边框项把border-collapse属性值设置为collapse把border-width属性值设置为thin把border-style属性值设置为solid勾选显示集,看我们为table标签CSS内嵌样式设置这3个属性当然也可以手写代码点击实时视图,看表格变成细线边框了选择多种预览方式观察一下看在IE浏览器和Chrome浏览器中均显示为细线边框。
3.Dreamweaver 中如何设置表格
做细线表格
先给边框设置一个颜色bordercolor="#3399ee" ,再设置边框宽度为1像素 border="1" 设置 cellspacing="0" cellpadding="0" 最后设置style属性 style="border-collapse:collapse;"
OK 了,给你一个细线边框表格
<table bordercolor="#3399ee" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse;" >
……………………
</table>
4.如何用Dreamweaver制作网页表格
1、在插入栏中选择
按钮或“插入”菜单>;选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行:2。列:2。其余的参数都保留其默认值。
Dreamweaver网页制作教程:表格设计
2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。(如下图)
Dreamweaver网页制作教程:表格设计
3、在表格的第一格按住左键不放,向下拖拽选中二格单元格。(如下图)
Dreamweaver网页制作教程:表格设计
然后在展开的属性面板中选择合并单元格按钮(如下图红框所示)。将表格的单元格合并。如果要分割单元格,则可以用合并单元格按钮右边的按钮。
Dreamweaver网页制作教程:表格设计
合并结果如下图。
Dreamweaver网页制作教程:表格设计
4、用鼠标拖拽表格的边框调整到适当的大小。
5、单击左边的单元格,然后输入“摄影作品赏析”文字,并调整大小,因是竖排应每个字回车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。
6、在右边上下单元格内分别插入图片和文本。页面的基本样子有了。
Dreamweaver网页制作教程:表格设计
7、光标移动到表格的边框上单击。表格周围出现调整框,表示选中整张表格。然后,在属性面板中将“边框”值设置适合的值,如果为0,边框在编辑状态,为虚线显示,浏览时就看不见了。
一个符合要求的页面在表格的帮助下做好了。
通过上面的操作我们对于表格有了一个初步的认识。还要提示一点,对整幅表格操作和对一个单元格操作的时候,相应的属性面板是不同的。
表格颜色设置,选择整幅表格后,利用属性面板的颜色选择器设置背景色。单元格也可单独设置。鼠标在需要设置的单元格点一下,其余操作同上。
下面我们就来看看这些属性面板的区别。
表格的属性面板,要出现这个面板必须先选中整幅表格,方法上面已经提到过了。您可以在众多选项中填入需要的参数。如下图:
Dreamweaver网页制作教程:表格设计
选中了单元格之后属性面板就发生如下变化了。选择行或者列都属于选中单元格。如下图:
Dreamweaver网页制作教程:表格设计
对表格操作的几种常用方式:
合并:将选中的连续单元格合并成为一个单元格。
分割:将一个单元格分割成若干单元格。
水平对齐方式:分为(左)(中)(右)三种。
垂直对齐方式:分为(顶)(居中)(居底)(基线对齐)
表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项>>;选择“插入行或列”。系统会弹出对话框如下。
Dreamweaver网页制作教程:表格设计
在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法:
选中一行,把光标移到该行的最左边单元格的左面,光标会变成箭头状。单击就可以选中一行。
选中一列,把光标移到该列的最上边单元格的上面,光标会变成箭头状,然后单击可以选中一列。
选中整张表格,把光标移到表格的左上角或右边框或下边框线上。单击即可选中整幅表格。选中的表格会在周围出现一个黑框表示整张表格选中了。请看如下示意:
选中单元格。单元格可以同时选中多个。选择连续的单元格,光标先选中的一个单元格,按shift键不放,选取最后一个单元格。选不连续的单元格。按住Ctrl键,点取所需要的单元格即可。
我们对于表格的使用就讲到这里,表格是网页制作的基本技术,只有通过不断实践才能充分掌握。
5.如何在Dreamweaver中插入表格
然而,鉴于表格的优点确实很多,所以我们仍然需要熟练的掌握它。
插入表格 在软件菜单栏中点击“插入”--表格,或者在插入工具栏中“常用”项中点击“插入表格图标”(图一),在弹出的插入表格对话框中定义表格内容(图二)。 插入表格对话框分三部分,第一部分定义表格大小,即表格尺寸;第二部分定义表格页眉;第三部分定义表格的辅助功能。
我也给大家分三部分详细介绍一下。 表格大小 行数,顾名思义,它定义的是表格一共有多少行,只能填整数数字。
列数,定义表格的列数,只能填整数数字。 表格宽度,定义表格的总宽度,可直接填入数值,后面的宽度选项,分为像素和百分比,当宽度单位为百分比时,表格的宽度可以根据浏览器的宽度自动伸展。
边框粗细,定义表格的外边框宽度。 单元格边距,它定义的是单元。
表格宽度,它定义的是单元格中的内容与单元格边框的宽度,也许您对边框粗细,只能填整数数字,顾名思义,分为像素和百分比,表格的宽度可以根据浏览器的宽度自动伸展,定义表格的外边框宽度。 列数,或者在插入工具栏中“常用”项中点击“插入表格图标”(图一)。
我也给大家分三部分详细介绍一下。 边框粗细,所以我们仍然需要熟练的掌握它。
插入表格对话框分三部分。 表格大小 行数。
插入表格 在软件菜单栏中点击“插入”--表格,即表格尺寸,当宽度单位为百分比时,在弹出的插入表格对话框中定义表格内容(图二),后面的宽度选项,鉴于表格的优点确实很多,它定义的是表格一共有多少行,可直接填入数值,只能填整数数字,定义表格的总宽度,定义表格的列数;第二部分定义表格页眉;第三部分定义表格的辅助功能,第一部分定义表格大小,它定义的是单元格与单元格之间的间隙。 凭空想象、单元格边距和单元格间距根本弄不清楚,也就是单元格内的空白然而。
单元格间距,那么看下下面这张图(图三)。 单元格边距。
转载请注明出处育才学习网 » dreamweaver表格怎么写