实验内容及实验步骤:
1.在设计窗口的流程线上导入一个显示图标(背景),在打开该图标的演示窗口中绘制一个矩形并填充相应的颜色作为背衬。
2.按图所示,继续导入一个___________图标(热区域),打开该图标的___________窗口,导入一幅外部图片(可根据需要适当调整图片大小)。 3.继续导入一个名为区域的___________图标后,在其___________导入一个显示图标(未命名),在弹出的“交互类型”窗口中选择___________方式,并单击“确定”按钮,并定义该显示图标的名称为“文字信息”,打开该显示图标的演示窗口按题目要求编辑文字。 4.双击“热区域”显示图标打开其演示窗口,同时按下键盘上的___________键,双击交互图标“区域”,在打开的演示窗口中调整虚线框“文字信息”的大小和相应的图片大小相同。
5.双击显示图标“文字信息”上方的响应标志打开“属性:交互图标[文字信息]”窗口,选择“热区域”选项卡,在“匹配”右侧列表框内选择___________;单击“鼠标”右侧的按钮
打开“鼠标指针”窗口,选择其中的设置鼠标指针(6)选项后,单击该窗口内
的___________按钮,关闭该窗口。
6.在“属性:交互图标[文字信息]”窗口中选择“响应”选项卡,将“删除”文字右侧的选项内容设置为___________后,关闭该窗口。 7.执行菜单命令“调式”→“重新开始”,观察运行结果。
8.调式、运行该程序,并将其以文件名实验4.a7p存储在D盘根下。 实验五
实验目的:交互方式下菜单交互的使用
实验题目:试利用菜单交互方式制作一个文件(文件名实验5.a7p)。通过菜单方式显示各图片内容,设计流程图如下:
实验内容及实验步骤:
1.在设计窗口的流程线上导入一个___________图标(菜单背景),在打开该图标的演示
窗口中导入一幅图片作为菜单背景。 2.继续导入一个显示图标(进入提示),打开该图标演示窗口输入文字“欢迎学习创建菜单操作”
3.导入一个等待图标到流程线上,双击该图标打开其属性窗口,选择事件中的“按任意键”复选框;选项中的“显示按钮”复选框。
4.在等待图标下方导入一个___________图标(隐藏文字),用于分别删除显示图标“菜单背景”、“进入提示”中的图片及文字。
5.导入一个交互图标到流程线上,命名该图标名称为“显示”,并在其右侧导入一个___________图标,在弹出的“交互类型”窗口中选择___________方式,并单击“确定”按钮,并定义该显示图标的名称为“图片1”。 6.继续在显示图标“图片1”的右侧继续导入余下的三个显示图标,依次命名为“图片2”、“图片3”和“图片4”,并打开各自相应的演示窗口导入不同的图片。 7.执行菜单命令“调式”→“重新开始”,观察运行结果。
8.调式、运行该程序,并将其以文件名实验5.a7p存储在D盘根下。 实验六
实验目的:学习判断图标的使用
实验题目:试利用判断图标制作产品介绍说明。通过输入(1----4)之间的不同数字执行判断图标中的不同分支路径中的内容,设计流程图如下:
实验内容及实验步骤:
1.拖动一个显示图标到流程线上,命名该图标为“背景”,在其对应的___________中导入一个JPG图片。
2.再拖动一个交互图标到显示图标“背景”的下方,并命名为“确定分支位置”,在它的演示窗口中的适当位置输入文字“请输入数值:”。
3.在“确定分支位置”的交互图标右侧添加一个___________图标,在弹出的【交互类型】对话框中选择“文本响应”,命名该显示图标名称为“1|2|3|4”;在其右侧再添加一个计算图标,命名该图标为“Q|q”。
4.双击“1|2|3|4”计算图标打开其计算窗口,并输入赋值表达式“y:=EntryText”,之后关闭该计算窗口。(这里是将系统变量EntryText中的当前值赋给用户定义的变量y) 5.双击“Q|q” 计算图标打开其计算窗口,并输入函数“___________”,之后关闭该计算窗口。
6.按住Ctrl键,同时单击“1|2|3|4”计算图标下方的竖线使交互图标和下方的判断图标连接起来;同理对计算图标“Q|q”做同样处理。
7.拖动一个___________图标到流程线上,并命名该图标为“产品介绍”。 8.拖动一个___________图标到“产品介绍”图标的右侧,并命名为“产品1”。 9.利用和4同样的方法在“产品1”图标后顺次拖动三个群组图标,依次命名为“产品2”、“产品3”、“产品4”。
10.双击“产品介绍”判断图标打开其属性设置对话框,并做图5-136做相应的设置。 11.双击___________图标“产品1”打开其___________设计窗口,拖动一显示图标到流程线上,将该图标命名为“东芝”,并在其打开的演示窗口中导入一幅图片,关闭该演示窗口。再拖动一个等待图标到“东芝”图标的下方,打开其【属性:等待图标[]】对话框,在【时限】后的文本框内输入数字5。其他采用系统默认值。 12.利用和步骤11相同的步骤分别打开图标“产品2”、“产品3”、“产品4”各自的二级设计窗口,并在各自流程线分别拖放三个名称为“联想”、“松下”和“三星”三个显示图标和三个对应的等待图标,其余设置操作和步骤11相同。 13.执行菜单命令“调式”→“___________”,观察运行结果。 14.将此文件以文件名“实验6.a7p”保存在D盘根下。
评阅时间:
Dreamweaver多媒体项目制作
·作业部分·
一、选择题
1. 如果希望在更改源代码的同时看到实际效果的变化,应选择下面哪种视图形式( )。 A. 显示代码视图 B. 显示代码视图和设计视图 C. 显示设计视图 D. 三者均不可 2. 在Dreamweaver中不可以通过( )进行网页结构布局排版。
A. 表格 B. 层 C. 框架 D. 表单 3. 在Dreamweaver中可以用( )精确地控制网页在浏览器中的文字大小、链接颜色等。 A. CSS B. “行为”面板 C. 层 D. 属性面板 4. 下面哪种属性是不能通过设置“页面属性”的参数来修改( )。
A. 页面字体 B. 背景颜色 C. 背景音乐 D. 上下左右边距 5. 下列说法错误的是( )。
A. 直接将文本输入到Dreamweaver页面 B. 从其他文档复制和粘贴文本到页面
C. 从其它应用程序中拖放文本到页面 D. 利用键盘的空格键在页面中直接输入空格 6. 利用“表格”对话框不能设置下面哪个属性( )。
A. 表格对齐方式 B. 表格行列数 C. 表格宽度 D. 单元格边距、间距 7. 在Dreamweaver中,下面关于布局表格属性说法错误的是( )。 A. 可以设置高度 B. 可以设置宽度 C. 可以设置表格的背景颜色
D. 可以设置单元格的距离,但不能设置单元格内部的内容和单元格边框的距离 8. 一个包含3个框架区域的web页实际有( )各独立的HTML页面。 A. 2 B. 3 C. 4 D. 5 9. 下列关于表格与图层的关系说法正确的是( )
A. 只有表格能转化成图层 B. 只有图层能转换成表格
C. 表格图层可以互相转化 D. 层只有在不与表格层交叠的情况下才能转化成表格 10. 网站主页的命名有一定的规则,它必须符合Web服务器默认文档的设置要求,以下选项中,( )常见的WEB服务器默认文档。
A. index.htm B. untitled.htm C. default.htm D. index.asp 二、填空题
1. 在Dreamweaver中,超级链接的链接目标包括4类,分别是: 、 、 和 。
2. 在Dreamweaver中,框架主要有两部分构成,分别是 和 。 3. 文本框的类型有 、 和 三类。 4. 表格水平对齐方式有 、 和 三种。
5. 表格垂直对齐方式有 、 、 和 四种。。 6. 设置层的“Z轴”属性时, Z值越大,层的位置越 。
7. 当要求事件在访问者在指定元素上单击时发生,触发 动作,当要求事件在
访问者按下鼠标时发生,触发 动作。
8. 为了使所设计的表格在浏览网页是不显示表格的边框,应把表格的边框宽度设置 为 。
9. CSS样式设置链接文本是需要设置4种状态,分别是: 、 、 和 。 10. 创建自定义样式时,在“新建CSS样式”面板的名称栏中,名称前要加一个 。
·实验部分·
实验一
实验题目:网页对象插入及设置
实验目的:通过本次实验,使学生能够在页面中插入文本、图像、表格等基本网页对象,并可以通过属性面板,对各对象属性进行简单设置。 实验内容及实验步骤:
1.设置页面属性,去掉其上下左右边距
步骤:单击“属性”面板的 按钮,弹出“页面属性”对话框,在“上”、“下”“左”、“右”边距中输入 像素。 2.在页面中插入一个一行两列的表格
步骤:单击菜单栏的【插入】- 命令,弹出“表格”对话框,设置“行数”为 ,“列数”为 ,表格宽度为“600”像素,“边框粗细”为 ,“单元格边距”为 ,“单元格间距”为 ,单击【确定】按钮,插入表格。
3.在第一个单元格里插入一个图像
步骤:单击菜单栏的【插入】- 命令,弹出“选择图像源文件”对话框,浏览选择图像,单击【确定】按钮,插入图像。
4.设置第二个单元格的长宽分别为“100”里插入一个背景图像 步骤:将鼠标至于第2个单元格,在 面板中设置“宽”为 ,“高”为 ,单击 右侧的“单元格背景URL”按钮,打开“选择图像源文件”对话框,浏览选择图像,单击【确定】按钮,插入背景图像。 5.在第二个单元格里输入文字,并设置文字为14像素,红色。
步骤:将鼠标至于第2个单元格,输入任意文字,在 面板中设置文字大小为 ,文字颜色为 。 6.保存并预览网页文件
步骤:单击菜单栏的【文件】-【保存】命令,在弹出的“另存为”对话框中,输入文件名,单击【保存】按钮,按 键,在浏览器中预览网页文件。 实验二
实验题目:超级链接的设置
实验目的:通过本次实验,使学生掌握在超级链接的设置方法。 实验内容及实验步骤: 1.加入不同页面的链接
步骤:建立新页面,任意输入一行文本,单击菜单栏的【文件】-【保存】命令,在弹出