单击“属性”面板中的

《单击“属性”面板中的》由会员分享，可在线阅读，更多相关《单击“属性”面板中的（73页珍藏版）》请在金锄头文库上搜索。

1、第3讲 网页设计工具Dreamweaver-基本操作,内容提要,3.1 文本及排版 3.2 设置文件头和网页属性 3.3 插入表格 3.4 插入多媒体对象 3.5 插入Java Applet 3.6 创建超级链接 3.7 Dreamweaver CS5新增功能,3.1 文本及排版,插入文本 1.直接输入法：在打开Dreamweaver文档窗口时，将光标定位到需要输入文本的地方，直接键盘输入即可。 3.复制粘贴法：选取合适的文本，直接复制到Dreamweaver文档窗口中的光标所在处。 3.导入已有Word文档，在Dreamweaver文档窗口中，将光标定位到要导入文本的地方，选择菜单“文件”|

2、“导入|”|“WORD文档”命令，弹出“导入Word文档”对话框，在其中选择要导入的Word文档，单击该对话框的“打开”命令，就可以导入文本了。,3.1 文本及排版,插入特殊符号 选择“插入”工具栏中的“文本“工具栏”的按钮 如果在下拉列表中没有合适的符号，就单击下拉列表最后一个 按钮，弹出“插入其他字符”对话框中进行选择：,3.1 文本及排版,格式化文本 1.设置字符格式1）选择文档中的“Dreamweaver CS3 入门”字样。 3）单击“字体”下拉列表框，从中选择“华文隶书”选项。如果字体列表框中没有所需的字体，可以通过“编辑字体列表”来选择。,排版后的文字效果,3.1 文本及排版,3

3、）单击“大小”下拉列表框，从中选择“33”选项。 3）单击“颜色”右侧的文本框中输入颜色代码#3399CC，也可以直接用选色棒在拾色器上取色。 单击按钮 ，得到排版后的文字效果。,3.1 文本及排版,3.使用段落和标题：“属性”面板中的“格式”下拉列表框,“段落”是应用标签的默认格式，“标题1”添加标签，设置该选项可以将所选的文本设置成各种标题。Dreamweaver中提供的标题号越小，字体越大,3.对齐文本：“属性”面板中对齐方式有右对齐、居中、左对齐、两端对齐。,3.1 文本及排版,3.缩进与扩展 向中间缩进 ：“文本缩进”按钮 向两侧展开 ：“文本凸出”按钮 5.首行缩进 问题：中文书写

4、习惯每段首行缩进3个汉字的宽度 解决方式：用户使用“插入”工具栏来插入空格符 具体方法如下：,1）插入文本,3.1 文本及排版,此时会打开警告窗口，提示由于文档中使用的不是西欧字符，有些浏览器可能不会正常显示特殊字符,3）单击换行按钮后的下拉按钮，在展开的下拉列表中选择“不换行空格” ：,注:,解决方式:,勾选“以后不再显示”复选框，然后单击“确定”按钮。,3个不换行空格 =3个字的空格,3.1 文本及排版,创建项目列表 1.无序项目列表(几何符号来表示其列表关系 ),（3）选择要添加无序项目符号的段落，单击“属性”面板中的“项目列表”按钮,（1）选择要应用无序项目符号的所有段落。然后单击“属

5、性”面板中的“项目列表”按钮 即可为文本添加项目符号。默认状态下使用的项目符号为“点”，可以根据需要，点击“列表项目”按钮，在“列表属性”对话框中更改项目符号。,3.1 文本及排版,（3）将光标放在文本的末尾，然后按下回车键，此时将出现列表的第3项，然后可以在后面输入文字。依此类推，就可以将所有列表项中的文本填写完整。在输完最后一项后，连续3次按下键盘上的回车键，项目符号就会消失，结束列表制作。,3.有序项目列表（编号列表 ）,在开始时按下“编号列表”按钮,无序列表转换为有序列表,有序列表转换为无序列表,单击“属性”面板上的“编号列表”按钮,单击“属性”面板上“项目列表”按钮,选中 列表 文字

6、,3.1 文本及排版,3.嵌套项目列表(列表显示不同级别的文本内容),选择 需要 进行 操作 的列 表项,单击“属性”面板中的“文本缩进”按钮,单击“属性”面板中的“文本扩展”按钮,右缩进形式不 同级子列表项,列表项将恢 复原来的设置,3.2设置文件头和网页属性,设置文件头,“文件”|“打开”,站点根目录wuhan下找到并选中已经存在的文件index.htm,网站头文件设置成功,3.2 设置文件头和网页属性,设置网页的编码,双击,编码方式：gb3313,属性：使用的HTTP通信协议,值 ：浏览器下面的“内容”项定义内是和网页内容Content相关的,内容”：定义的是网页的编码方式和字符集,3.

7、3设置文件头和网页属性,设定文档标题,双击,默认,3.2 设置文件头和网页属性,添加关键字(协助网络索引擎寻找网页 ),关键字之间逗号分开,3.2 设置文件头和网页属性,设置网页的刷新 适用情况： 1.在打开某个网页后的一定时间内，让浏览器自动跳转到一个新网页； 3.用于需要经常刷新的网页，可以让浏览器每隔一段时间自动刷新自身网页。,“文件头”-“刷新”,3.2设置文件头和网页属性,插入meta对象(记录有关当前页面的信息 ),属性：指定 Meta 标签是否包含有关页面的描述性信息 (name) 或 HTTP 标题信息 (http-equiv)。 值：指定您在该标签中提供的信息类型。 内容：是

8、实际的信息。,3.3 制作表格,制作简单表格,“查看”“表格模式”“标准模式”,“插入记录”菜单中的“表格”,光标定位到要插入表格的地方,3.3.1 制作表格,（1） 在“表格大小”栏中的“行数”输入框中输入要创建的表格的行数为6。在“列数”输入框中输入表格的列数为3。 （3）“表格宽度”输入框用于设置表格的宽度，右侧的列表中可选择“像素”或“百分比”。各选项的含义如下： 像素：若选择该项则将表格设置为固定宽度。 百分比：若选择该项，则按占浏览器窗口的百分比指定表格的宽度。 （3）“边框粗细”输入框用于设置表格边框的粗细。输入大于0的整数表示有边框，若输入0表示在网页中不显示边框，在设计页面中

9、以虚线表示。此时设置为3 （3）“单元格边距”输入框用于输入单元格边框和单元格内容之间的像素数。 （5）“单元格间距”输入框用于输入单元格与单元格间的间距值，值越大间距越宽。,3.3.1 制作表格,（6）“页眉”栏用于设置“页眉”在表格中的位置，它们的含义如下： 无：插入不带表格标题列的表格。 左：插入左侧为表格标题列的表格。 顶部：插入顶部为表格标题列的表格。 两者：插入左侧和顶部都为表格标题列的表格。 （7）设置好需要的参数后，单击“确定”按钮即可将设置的表格插入到设计页面中。,3.3.1 制作表格,（8）单击插入表格中“300”旁的向下箭头。各选项的含义如下： 选择表格：选择该项，就可选

10、取整个表格。 清除所有行高：选择该项，表格高度为默认值。 清除所有宽度：选择该项，表格宽度缩为一个字符宽。 使所有宽度一致：固定为第一行中所有单元格的宽度。 隐藏表格宽度：选择该项后表格中的宽度显示线被隐藏。此时，可选择 “查看”|“可视化助理”|“表格宽度”命令使其显示。 （9）单击“300”上方的向下箭头按钮。各选项的含义如下： 左侧插入列：在当前列左边插入一列，则将平分单元格宽度，同时每个单元格下方都出现列按钮。 右侧插入列：在当前列右边插入一列，重新平分所有单元格宽度。 如果在表格的第1行中输入文字，就会发现单元格中的文字自动加粗并居中到单元格中，这是因为第1行中的单元格被定义成了一种

11、特殊的单元格-表头。表头中的文本会被自动加粗并居中。,3.3.1 制作表格,制作嵌套表格 1将光标定位到要插入表格的单元格中。 3单击“常用”工具栏的“表格”按钮 ，打开“插入表格”对话框。 3根据需要分别输入行数、列数、宽度和边框等项。然后单击“确定”。,3.3.2 编辑表格,将光标定位到所选行最左侧的单元格中，再水平拖动鼠标到该行中最终一个单元格中释放鼠标也可选定嵌套表格的行。列的选取方法与行类似，只是从上方来选取，如左图为选取外层表格的列，右图所示为选取嵌套表格的列。,3.3.2 编辑表格,（1） 选择表格如果需要编辑、修改表格，首先必须选中表格，表格的选中方法有以下几种:将鼠标移到表格

12、上鼠标变为图标 时，单击鼠标左键即可。将鼠标移到表格的边框线上，表格四周的边框线呈现红色，并且光标变为 或单击鼠标左键即可。将光标定位到表格中，表格弹出绿线的标志，单击标有大小“300”的绿线中的按钮。然后从列表中选取“选择表格”项即可。,3.3.2 编辑表格,（3）选择行列 将光标移到要选定的行的左侧，当所选行的边框线变为红色时单击鼠标左键即可。外层表格行的选定如左图所示，嵌套表格行的选定如右图所示。,3.3.2 编辑表格,（3）选定单元格 选择单个单元格：只需将光标定位到要选定的单元格中即可。 选择相邻的多个单元格：将鼠标光标定位到开始的单元格中，按下鼠标左键不放，并开始拖动鼠标到同一个表

13、格中需要选取的单元格区域的最后一个单元格中释放鼠标即可。 选中不相邻的单元格：按住键盘的Ctrl键，用鼠标单击要选中的单元格，可以选定任意多个不相邻的单元格,3.3.2 编辑表格,（3）合并与拆分单元格,选取要合并的单元格区域。 单击“属性”面板左下角的按钮即可。如果未见该按钮，则点击右下角 按钮可使该按钮出现。,将光标定位于要拆分的单元格中。 单击“属性”面板中的按钮，“拆分单元格”对话框。 在“把单元格拆分”栏中，选中“行(列)”单选项。 在“行(列)数”框中输入要拆分的行(列)数，如输入3。 单击“确定”按钮，即可按设置的参数拆分指定的单元格,合并单元格,拆分单元格 的行(列),3.3.

14、2 编辑表格,（5）插入行列 插入单行 插入多行 插入单列和插入多列（与插入行相似）,插入单行(当前行上方插入 ),法一：选择“插入”|“表格对象”|“在上面插入行”命令，即可在当前行的上方插入一行，并且该行成为当前行。,法二：选择“修改”|“表格”|“插入行”命令，或在当前单元格上单击鼠标右键，在弹出的菜单，选择“插入行”命令也可以实现插入行功能。,3.3.2 编辑表格,插入多行(当前行上方插入 ),步骤一：将光标置于表格中希望插入多行的位置上，单击鼠标右键，在打开的菜单选择“表格”|“插入行或列”命令，如图3-31所示，此时将打开一个“插入行或列”对话框。,步骤二：在“插入”选项组中选择“

15、行”，在“行数”文本框中输入数值3，在“位置”选项组中选中“所选之上”。单击“确定”按钮后就能在光标所在的单元格之上插入3行。,3.3.2 编辑表格,（6）删除行列 法一：选定要删除的行或列，按Delete键即可删除。 法二：选定要删除的行或列，或将光标定位到表格中要删除的行或列中，单击鼠标右键，从弹出的快捷菜单中选择“表格”中选择-“删除行”或“删除列”命令即可。,3.3.2 编辑表格,（7）隐藏单元格之间的分隔线 高级 在文档中插入一个33的表格，将“边框粗细”设为1像素，其他参数为默认状态，然后为单元格插入图片和文字，如左下图。 选中表格，单击“文档”工具栏中的显示代码视图和设计视图按钮

16、“拆分”，将编辑窗口切换为拆分状态，在表格的标签后输入rule=“rows”标签值，如右下图。,3.3.2 编辑表格,“rules”参数有3个参数，分别是“cols”、“rows”和“none”，选取不同参数可以实现不同的效果。当取“rows”时，只能看到表格的行框线，隐藏的是表格的纵向分隔线。当取“none”时，行框线和列框线全部隐藏。当取“cols”时，只能看到表格的纵向分隔线，隐藏的是表格的行框线。 表格边框的显示与隐藏，可以用“frame”参数来控制，它只控制表格的边框，而不影响单元格的框线。“frame”的参数有三种，分别是“vsides”表示只显示的左、右边框，“above”表示只显示表格的上边框，“below”表示只显示表格的下边框。,设置rules属性,