网站首页 语言 会计 互联网计算机 医学 学历 职场 文艺体育 范文
当前位置:学识谷 > 设计制作 > 网页设计

利用Dreamweaver处理网页表格方法

栏目: 网页设计 / 发布于: / 人气:2.39W

1.创建表格

利用Dreamweaver处理网页表格方法

(1)创建新表格

利用Dreamweaver4.0创建新表格时,首先选中对象面板上“View”栏目下“StandardView”(标准视图)按钮,然后可以通过下列四种方式中的任意一种:

①将对象面板调整到“Common”类上,单击“InsertTable”(插入表格)按钮。

②通过主窗口的菜单“Insert”|“Table”命令。

③使用快捷组合键“Ctrl+Alt+T”。

④将对象面板调整到“Common”类上,拖动“InsertTable”按钮到主窗口的工作区中。

(2)选择表格

选择表格可分为选择整个表格和选择表格中的单元格。

①如果要选择整个表格,则可进行如下的操作之一:

将光标置于表格中的某个单元格中,选择“Modify”|“Table”|“SelectTable”命令。

将光标置于表格中的某个单元格中,再按两次组合键“Ctrl+A”。

将光标置于表格中的某个单元格中,单击鼠标右键,在弹出的快捷菜单中选择“SelectTable”命令。

将光标置于表格的尾部(在表格的同一行,但不在表格之内),向左拖动鼠标。

单击表格的边线。

②选择单个单元格的方法有以下几种:

将光标置于所要选择的单元格中,按一次组合键“Ctrl+A”。

将光标置于所要选择的单元格中,向右拖动鼠标。

将光标置于所要选择的单元格中,选择“Edit”|“SelectAll”命令。

按住Ctrl键,单击所要选择的单元格,再单击一次则取消对单元格的选择。

③选择多个单元格的方法有以下几种:

按住Ctrl键,单击所要选择的所有单元格。

将光标置于单元格中,拖动鼠标,选择多个单元格。

如果要选择整行,将光标置于该行的左边缘,当光标变成图标时单击鼠标左键。

如果要选择整列,将光标置于该列的上边缘,当光标变成图标时单击鼠标左键。

④选择的全部单元格的方法有以下几种:

将光标置于第1个单元格中,并拖动鼠标至最后一个单元格。

将光标置于第1个单元格中,按住Shift键,再单击最后一个单元格。

将光标置于第1行的左边缘,当光标变成图标时,向下拖动鼠标至最后一行。

将光标置于第1列的上边缘,当光标变成图标时,向右拖动鼠标至最后一列。

(3)添加/删除行列

①在现有的表格中插入单元行,可以选择以下的操作之一:

将光标移到要插入单元行的下一行,选择“Modify”|“Table”|“InsertRow”命令。

将光标移到要插入单元行的下一行,按组合键“Ctrl+M”。

将光标移到要插入单元行的下一行,单击鼠标右键,在弹出的快捷菜单中选择“Table”|“InsertRow”命令。

②在现有的表格中插入单元列,可以选择以上的操作之一:

将光标移到在插入单元列的右边一列,选择“Modify”|“Table”|“InsertColumn”命令。

将光标移到要插入单元列的右边一列,按组合键“Ctrl+Shift+A”。

将光标移到要插入单元列的右边一列,单击鼠标右键,在弹出的快捷菜单中选择“Table”|“InsertColumn”命令。

③如果想在现有的表格中添加多行或多列,首先将光标移到要插r入行或列附近的单元格中,单击鼠标右键,在弹出的下拉菜单中选择“Table”|“InsertRowsorColumns”命令,弹出“InsertRowsorColumns”对话框。在此对话框中进行相关的设置,然后单击“OK”按钮,设置的多列或多行将插入到页面中。

④删除整行/整列,可以采用下列办法之一:

先选择欲删除的整行或整列,直接按Del键,即可删除。

先将光标移到要删除的行或列中,选择“Modify”|“Table”|“DeleteRow”或“DeleteColumn”命令。

将光标移到要删除的行或列中,单击鼠标右键,在弹出的快捷菜单中选择“Table”|“DeleteRow”或“DeleteColumn”命令。

2.编辑表格

(1)设置表格高度

在创建表格时,可以通过表格对话框来设置表格的宽度,但无法设置表格的高度,如果要设置表格的高度,则必须通过表格属性面板来确定。

(2)合并/拆分单元格

对表格中的单元格进行合并/拆分,既可以通过菜单命令来实现,也可以通过单元格属性面板(单击任意单元格,属性面板将会自动切换)上的快捷按钮来完成。

(3)设置单元格的宽度及高度

在单元格属性面板上可以改变单元格默认的宽度和高度。

3.表格属性的设置

(1)设置表格的边框颜色

设置表格的边框颜色时,必须指定表格的边框线的宽度不为0。要为表格的边框指定颜色,首先选择表格,单击属性面板上“BrdrColor”的颜色框,在弹出的.调色板中选择颜色,或者是在后面的文本框中直接输入颜色的色码,即可为表格的边框添加颜色。

(2)设置表格的背景

表格的背景与网页背景一样,即可以设定为单一的颜色,也可以用图片作为表格的背景。要将表格背景设为单一的颜色,首先选择整个表格,再单击属性面板上“BgColor”后面的颜色框,在弹出的调色板中选择颜色,或者是在后面的文本框中直接输入颜色的色码;要将图像设为表格的背景,首先选择整个表格,再在属性面板上的“BgImage”文本框中输入图像所在的路径,或是单击其后的文件夹图标,在弹出的对话框中选择图像文件。

4.用表格进行页面布局

Dreamweaver4.0新增加的网页排版功能,可以很方便的实现网页的排版。

Dreamweaver在页面中播放声音

Dreamweaver在页面中播放声音

1、在完成全页面以后,如果要为该页添加背景音乐,注意背景音乐一般是*文件,这样的声音文件十分小,易于快速下载,其他格式不适合作为背景音乐。

2、在页面中所有表格之外,(注意此时编辑窗口左下方的标签选择栏中仅显示这一项,或是在左下角点一下,这样才能保证这个行为是添加在整个页面上的)。点击行为窗口上的“+”按钮,(或用菜单窗口/行为,打开行为窗口。)

3、从弹出菜单中选择“播放声音”。打开一个对话框。

4、在这个对话框里用“浏览”选择要播放的声音,并确定。

5、这时行为面板上自动显示了事件为onload,动作为播放声音。点击这一行,中间出现一个按钮。点击按钮,可以设置这个声音在什么事件下播放。可以选择“显示事件”/“IE5.0。

6、我们常用的如Onload(当页面载入时)、OnClick(单击鼠标)、OnMouseOver(鼠标移到对象上)、OnUnload(当关闭页面时)等。

7、该行为也可以设置在图片上、文字链接上。在文字链接上播放声音之前,先为文字添加一个空链接,即选中文字,在链接一格里输入一个“#”符号。