实验八 Access 数据库系统实验

【实验目的】

1. 掌握数据库的创建。

2. 掌握表的创建，熟悉字段的定义和关键字的定义。 3. 掌握使用SQL实现查询的技巧。

【实验环境】

Access 2007

【实验内容】

在Access中实现以下数据库和查询：

在名为“教学”的数据库中包含有学生、课程和选课三个表，它们的定义分别为： 学生(学生号 char(7),姓名 char(6),性别 char(2),出生日期 datetime,专业 char(10),年级 int)

课程(课程号 char(4),课程名 char(10),课程学分 int) 选课(学生号 char(7),课程号 char(4),成绩 int) 1．select 学生.学生号,count(*) as 选课门数 from 学生,选课

where 学生.学生号=选课.学生号 group by 学生.学生号

2．select 课程.课程号,课程.课程名,count(*) as 选课人数 from 课程,选课

where 课程.课程号=选课.课程号 group by 课程.课程号,课程.课程名 3．select * from 课程 where exists

( select 课程号 from 选课

where 课程.课程号=选课.课程号

group by 课程号 having count(*) between 2 and 4)

【实验指导】

1 在Windows桌面空白处单击鼠标右键，选择“新建”—“Microsoft Office Access 2007数

据库” ，单击打开Access。

2 在“创建”选项卡的“表”组中，单击“表”。如图8.1所示。

图8.1

3 如图右键“表1”，选择“设计视图”，修改表名为“学生”。如图8.2，图8.3所示。

图8.2

图8.3

4 根据“学生(学生号 char(7),姓名 char(6),性别 char(2),出生日期 datetime,专业 char(10),

年级 int)”在设计视图中输入字段名称，设置数据类型，建立学生表。如图8.4所示。

5 类似地，根据

“课程(课程号 char(4),课程名 char(10),课程学分 int) 选课(学生号 char(7),课程号 char(4),成绩 int)” 建立课程表和选课表。如图8.5，图8.6所示。

图8.4

图8.5

图8.6

6 选中选课表中的“学生号”那行，在“设计”选项卡的“工具”组中，单击“主键”，去掉“学生号”行的主键标志，并按下ctrl键，将“学生号”和“课程号”两行同时

选上，单击“主键”，将“学生号”和“课程号”设为选课表的主键。 7 双击学生表或右键打开学生表，输入学生记录，如图8.7所示。

图8.7

8 类似地在课程表和选课表中输入记录，如图8.8，图8.9所示。

图8.8

图8.9

9 在“创建”选项卡的“其他”组中，单击“查询设计”。如图8.10所示。

图8.10

10 关闭弹出的“显示表”对话框。如图8.11所示。

图8.11

11 在查询1的编辑区空白处击右键选择“SQL视图”，在编辑区中输入文字如图8.12所示。

图8.12

输入文字如下：

select 学生.学生号,count(*) as 选课门数 from 学生,选课

where 学生.学生号=选课.学生号 group by 学生.学生号

12 在“设计”选项卡的“结果”组中，单击“运行”，结果如图8.13所示。

图8.13

13 类似地，在查询1的编辑区中输入：

select 课程.课程号,课程.课程名,count(*) as 选课人数 from 课程,选课

where 课程.课程号=选课.课程号 group by 课程.课程号,课程.课程名 和

select * from 课程 where exists

( select 课程号 from 选课

where 课程.课程号=选课.课程号

group by 课程号 having count(*) between 2 and 4)

运行结果如下，如图8.14，图8.15所示。

图8.14

图8.15

14 保存数据库，并退出Access。

实验九 Photoshop实验

【实验目的】

1. 掌握图层的常规操作，如新建、填充、删除等。 2. 掌握滤镜的使用以及了解常用滤镜的效果。 3. 掌握图像的渐变映射效果的使用。 4. 掌握火焰文字效果的制作流程。

【实验环境】

1.中文Windows XP 2.Photoshop CS4

【实验内容】

1.文字的火焰效果通常能给海报或传单带来意想不到的效果，本实验的最终效果图如下图所示：

2.本实验利用Photoshop CS4来制作火焰文字效果。通过本实验，实验者能够掌握Photoshop CS4项目的建立，维护；图层的新建、填充、复制等操作。

此外，本实验使用了各种滤镜和渐变映射效果，能给实验者带来最直观的认识。 【实验指导】

1. 新建一个文档，将其窗口大小调整为600×600，分辨率150px，背景色为白色。如

图9.1所示。

图9.1

2. 通过菜单“编辑->填充”填充文档背景为黑色。

3. 在中央输入白色的文字. 并使用“图层->复制图层”复制一个文字层。如图9.2所

示。

图9.2

4. 选中“Fire World”层，按Ctel+E键将“Fire World”层和背景层合并。如图9.3所示。

图9.2

5. 执行“滤镜->风格化->风” 给文字增加风效果，第一次风的方向选择“从右”。如图9.3

所示。

图9.3

6. 为了加强风向效果的力度，重复按两次 Ctrl+F键来重复应用风滤镜。如图9.4所

示。

图9.4

7. 执行“滤镜->风格化->风” 给文字增加风效果，此次风的方向选择“从左”. 如图9.5

所示。

图9.5

8. 重复按两次Ctrl+F键来重复应用风滤镜。如图9.6所示。

图9.6

9. 通过重复选择：”图像->图像旋转->90度”的方法，执行第8步，给文字增加上下风

效果。如图9.7所示。

图9.7

10. 将图像转回原位置. 如图9.8所示。

图9.8

11. 执行“滤镜->模糊->高斯模糊”。 如图9.9所示。

图9.9

12. 选择菜单:图像->调整->渐变映射。如图9.10所示。

图9.10

13. 单击渐变条编辑渐变色，调整颜色入下图所示：在这里设置4个色标的颜色值分

别为:000000、 FF6600、 FFFF33、 FFFFFF,当然大家也可以试试别的颜色。如图9.11所示。

图9.11

14. 确定后火焰效果基本呈现。如图9.12所示。

图9.12

15. 选择文字图层，将文字颜色先设为黑色。 16. 设置内阴影效果，参数如图9.13所示。

图9.13

17. 设置内发光，如图9.14所示。

图9.14

18. 完成后效果如图9.15所示。

图9.15

实验十 Flash实验

【实验目的】

1. 掌握Flash文件的创建和编辑模式，懂得如何创作Flash动画。 2. 掌握Flash简单工具的使用，如填充工具，矩形工具等。 3. 掌握Flash补间动画的使用和使用效果。

4. 掌握各种元素的创建以及在整个动画中的使用。

【实验环境】

中文Windows XP Flash CS4

【实验内容】

本实验利用Flash CS4制作繁星闪闪的效果，通过本实验，实验者能够对Flash文件的制作有个直观的认识，并了解常规工具和补间效果的使用。 【实验指导】

1. 新建一个Flash文件，如图10.1所示

图10.1

2. 将舞台背景颜色改成黑色，如图10.2所示。

图10.2

3. 选择菜单中的“插入->新建元件”建立星星的图形，并将此图形命名为“star”，如

图10.3所示。

图10.3

4. 利用“矩形工具”在屏幕中间画一个矩形，并用“线条工具” 在矩形中划

一条对角线，如图10.4所示。

图10.4

5. 使用“选择工具

图10.5所示。

”选定矩形左边和上面的两条边，并按“Delete”键删除。如

图10.5

6. 使用“部分选取工具

”选中三角形，并将光标移到三角形的右下角，拖动三角

形的直角来使其变形。如图10.6所示。

图10.6

7. 在“颜色”面板中将填充的颜色类型改为“线性”。如图10.7所示。

图10.7

8. 使用“颜料桶工具

”往三角形填充线性颜色。如图10.8所示。

图10.8

9. 使用“选择工具”选定三角形的三条边，并按“Delete”键删除，此时只剩下

一个三角形的填充区域，如图10.9所示。

图10.9

10. 使用“选择工具

”选定此区域，并用“修改->组合”功能将此区域组合起来。

”调整三角形的大小以及角度，

11. 复制五个相同的三角形，使用“任意变形工具

组成星星的形状，如图10.10所示。

图10.10

12. 全选此五个三角形，并点击“修改->组合”将五个三角形组合起来，此时便完成了

星星图形的制作。

13. 点击“插入->新建元件”来建立一个新的影片剪辑，用于制作星星的闪烁效果，此

剪辑命名为“star_mv”，如图10.11所示。

图10.11

14. 在库面板中找到刚刚建好的图形元素“star”，并拖动到“star_mv”中，如图10.12所

示。

图10.12

15. 在第15和第30帧插入关键帧，如图10.13所示。

图10.13

16. 选择第15帧中的星星，并在其属性面板中将其Alpha值改成0%，如图10.14所示。

图10.14

17. 选中第1帧至第15帧（不包含1和15）中任意一帧点击右键，创建传统补间。

如图10.15所示。

图10.15

18. 同样的方法在第15帧和30帧之间创建传统补间。此时一闪一闪的星星已经完成。 19. 编辑“场景一”，并将“star_mv”拖动到场景一中，并通过复制功能复制和“任意

变形工具”制作漫天繁星的效果。如图10.16所示。

图10.16

20. 利用快捷键“Ctrl+Enter”查看整个动画的效果，已看到了满天星星在闪烁了。

实验十一 HTML实验

【实验目的】

1. 比较“代码”与“可视化”两种编辑方式制作网页的方法。 2. 掌握HTML文档的基本结构与语法。 3. 熟悉HTML常用标记应用。

【实验环境】

Windows系统的记事本、网页制作工具软件Dreamweaver

【实验内容】

1. 请分别使用记事本和可视化工具制作网页文档，使用浏览器查看页面显示效果和代码结构。

2. 参考课本例11.6制作多个网页，实现各种超链接的应用。如：网页之间的链接、页面与网站的链接、页面锚点链接、图像的超链接、链接的目标窗口等。 3. 参考课本例11.7，利用表格设计制作一个课程表。

4. 参考课本例11.8～例11.10，设计制作一个用户信息调查表单。

【实验指导】

a) HTML文档的创建、编辑、保存和预览

(1). 使用记事本以代码编辑方式创建HTML文档 ① 启动windows 的记事本程序。在Windows系统中，单击【开始】|【程序】|【附件】

|【记事本】打开windows 的记事本程序。（如图11.1所示）

图11.1

② 编辑HTML文件。在记事本的代码编辑区中输入以下代码：

网页的内容

（如图11.2所示）

图11.2

③ 保存HTML文件。在记事本的菜单栏中，单击【文件】|【保存】命令，在【另存为】

窗口中选择保存文件的位置，在【文件名】中输入文件名称h11-01.htm，并在【保存类型】的下拉列表框中选择【所以文件】，然后单击【保存】按钮。（如图11.3所示）

图11.3

④ 浏览网页文件。在刚才保存文件的位置上，就会看见带有浏览器图标的h11-01.htm网页文件 （如图11.4所示），双击该文件系统则以默认的浏览器打开该网页文件。（如图11.5所示）

图11.4

图11.5

(2). 使用Dreamweaver以可视化方式创建HTML文档 ① 启动Dreamweaver 程序。在Windows系统中，单击【开始】|【程序】打开Dreamweaver

程序。 ② （2）创建HTML文档。单击【创建新项目】|【HTML】创建HTML文档。（如图11.6所

示）

图11.6

③ 设置网页的标题。单击【属性】面板中的【页面属性】按钮，在【页面属性】窗口中选

择【分类】|【标题/编码】，在【标题】输入框中输入“网页的标题”，然后按【确定】按钮。（如图11.7所示）

图11.7

④ 在“显示设计视图”的编辑模式下输入“网页的内容”文字。（如图11.8所示）

图11.8

⑤ 单击菜单栏中的【文件】|【保存】，在【另存为】窗口中选择保存文件位置，在文件名输入框中输入：“h11-02.htm”，然后按【保存】按钮保存成网页文件。 ⑥ 按“F12”或者单击【在浏览器中预览/调试】按钮，打开浏览器预览网页。（如图11.9

所示）

图11.9

b) 网页超链接的应用

(1). 页面与页面之间超链接并且以不同的目标窗口打开页面。 ① 分别制作三个网页h11-03-1.htm、h11-03-2.htm、h11-03-3.htm（如图11.10、图11.11、

图11.12所示）

图11.10

图11.11

图11.12

② 打开h11-03-3.htm，选择页面中的三个文本对象，分别设置不同的链接文件和设置不同

的目标选项。或者直接修改代码如下：

（如图11.13所示）

图11.13

③ 按F12或按【在浏览器中预览/调试】按钮，浏览网页的链接效果。（如图11.14所示）

图11.14

(2). 页面与网站的链接 ① 创建HTML文件h11-04.htm。 ② 输入文本“华南理工大学”，设置链接华南理工大学主页。或者输入代码如下：

（如图11.15所示）

图11.15

③ 按F12或按【在浏览器中预览/调试】按钮，浏览网页的链接效果。（如图11.16所示）

图11.16

(3). 页面内的锚点链接 ① 新建网页文件h11-05.htm，该网页将作为链接目标。在该网页中输入一段较长的文本（可

从网上下载）。 ② 将光标定位于文本第二段开始处，单击菜单栏的【插入】|【命名锚点】命令，在弹出

的命名锚点对话框中的“锚记名称”文本框中输入p2，然后单击【确定】按钮。如图11.17所示。

图11.17

③ 新建网页文件index.html，在该网页文件中输入文字“单击此链接将链接到网页

h11-05.htm的锚点p2处”，然后选中该段文字，在“属性”面板中单击“链接”文本框旁的文件夹图标，在“选择文件”对话框中，选中h11-05.htm 文件并单击【确定】按钮。此时，文本框中将显示h11-05.htm文件的地址，在该地址后输入“#p2”，然后按Enter确定。如图11.18所示。

图11.18

④ 在浏览器中预览，效果如图11.19所示。

图11.19

(4). 图像的超链接 ① 新建网页文件h11-06.html。 ② 单击菜单栏的【插入】|【图像】命令，在弹出的文件选择对话框中选择一张你喜欢的

图片插入到网页中，然后单击【确定】按钮。 ③ 选择刚刚插入到网页中的图片，在“属性”面板中的“链接”文本框内输入网址（如华

南理工大学主页的地址http://www.scut.edu.cn）,按Enter键确定。如图11.20所示。

图11.20

④ 保存网页，在浏览器中预览，单击图片即可链接到华南理工大学主页，效果如图11.21

所示。

图11.21

(5). 链接的目标窗口 ① 新建网页文件h11-09.html。 ② 在网页中输入“在当前窗口中链接到华南理工大学主页”，然后按回车键，在新的段落

中输入“在新窗口中链接到华南理工大学主页”。 ③ 选中第一行文字，在“属性”面板中的“链接”文本框内输入华南理工大学网址

http://www.scut.edu.cn，在目标下拉列表中选择“_self”。然后选中第二行文字，同样在“链接”文本框中输入华工主页网址，在目标下拉列表中选择“_blank”。 ④ 保存网页，在浏览器中预览，观察两个不同目标的链接效果。

c) 利用表格制作课程表

(1). 新建网页文件，h11-10.html。

(2). 单击菜单栏的【插入】|【表格】命令，在弹出的“插入表格”对话框中按照图11.22

设置新表格参数。

图11.22

(3). 按住左键拖动鼠标，选中第五行的后五个单元格，点击鼠标右键，在弹出菜单中单击

【表格】|【合并单元格】命令，将这五个单元格合并成一个单元格。 (4). 如图11.23所示输入课程时间和课程名称。

图11.23

(5). 存网页文件，在浏览器中预览网页，显示效果如图11.24所示。

图11.24

d) 制作用户调查表单

(1). 新建网页文件h11-11.html。

(2). 单击菜单栏的【插入】|【表单】|【表单】命令，在网页中插入一个表单。

(3). 确保光标定位于表单内。单击菜单栏的【插入】|【表格】命令，向字段集加入一个表

格，设置该表格的行数为5，列数为2，宽度为600像素，边框为1像素，标题为“用户调查”。然后单击【确定】按钮。 (4). 单击表格第一行第一列，输入“请输入你的姓名”。单击第二列，然后单击菜单栏的【插

入】|【表单】|【文本域】命令，在第二列中插入一个文本域控件。 (5). 在表格第二行第一列输入“请选择你喜欢吃的水果”。单击第二列，然后单击菜单栏的

【插入】|【表单】|【单选按钮组】命令，弹出单选按钮组设定对话框，如图11.25所示设置该单选按钮组的各个选项，然后单击【确定】按钮。

图11.25

(6). 单击表格第三行第一列，输入“单项选择”。单击第二列，然后单击菜单栏的【插入】|

【表单】|【列表/菜单】命令，在第二列中插入一个单选下拉列表。然后选择该列表控件，单击“属性”面板中的【列表值】按钮，在弹出的对话框中设定该列表中的列表项，如图11.26所示。

图11.26

(7). 单击表格第四行第一列，输入“多项选择”。单击第二列，然后单击菜单栏的【插入】|

【表单】|【列表/菜单】命令，在第二列中插入一个多选列表控件。选中该多选列表，在“属性”面板中将其类型设为“列表”，高度设为3，并且选中“允许多选”，如图11.27所示。单击【列表值】按钮，仿照图11.26输入各个列表项。

图11.27

(8). 单击表格第五行第二列，然后单击菜单栏的【插入】|【表单】|【按钮】命令，在该单

元格中插入一个提交按钮。

(9). 保存网页，在浏览器中预览，显示效果如图11.28所示。

图11.28

实验十二 CSS层叠样式表实验

【实验目的】

1. 掌握样式表的创建与引用方式 2. 熟悉CCS常用的属性 3. 理解CCS的动态显示效果

【实验环境】

网页制作工具软件Dreamweaver或者Windows系统的记事本

【实验内容】

1. 参考课本例11.12～例11.14分别使用标记选择符、类选择符、ID 选择符三种样式表设置网页不同段落的文本字体、文本颜色。

2. 要求使用嵌入式、内联式和外部式三种方式引用样式表，设置三个段落的文本颜色。 3. 字体和文本属性的应用，参考课本表11.3.1 字体属性、表11.3.2 文本属性和例11.17、例11.18设置页面文字的各种显示格式。

4. 图像属性的应用，参考课本表11.3.3和例11.19设置页面的图像属性。

【实验指导】

13.1. 使用CSS样式表设置网页文本属性

(1). 标记选择符样式表的创建和使用 ① 启动Dreamweaver，新建一个空白网页，并保存为h12-01.html。 ② 单击【代码】按钮切换至代码编辑状态，然后在标签和之间输入以下HTML

代码。（如图12.1所示）

这是红色的标题

这是第一段文本，字体为幼圆，颜色为蓝色。

这是第二段文本，和第一段文本一样都是使用相同的样式表。

图12.1

③ 从【CSS】面板菜单中选择【新建】命令，弹出新建CSS规则对话框。在“选择器类型”

单选列表中选中“标签”，在“标签”下拉列表中选择“h3”，在“定义在”单选列表中选择“仅对该文档”，然后单击【确定】按钮。（如图12.2、图12.3所示）

图12.2

图12.3

④ 在“h3的CSS规则定义”对话框中设置其颜色为红色。（如图12.4所示）

图13.4

⑤ 重复步骤3和步骤4，为标签p建立CSS规则，并设置其字体为幼圆，颜色为蓝色。 ⑥ 完成后的网页效果及相应的HTML代码如图12.5所示。

图12.5

(2). 类选择符样式表的创建和使用 ① 启动Dreamweaver，新建一个空白网页，并保存为h12-02.html。 ② 单击【代码】按钮切换至代码编辑状态，然后在标签和之间输入以下HTML

代码。（如图12.6所示）

第一段文本字体为幼圆

第二段文本颜色为蓝色

图12.6

③ 从【CSS】面板菜单中选择【新建】命令，弹出新建CSS规则对话框。在“选择器类型”

单选列表中选中“类”，在“名称”组合框中输入“text”，在“定义在”单选列表中选择“仅对该文档”，然后单击【确定】按钮。（如图12.7、图12.8所示）

图12.7

图12.8

④ 在“.text的CSS规则定义”对话框中设置其字体为幼圆。（如图12.9所示）

图12.9

⑤ 单击【设计】按钮切换至设计视图，在编辑器中选中第一段文本，然后【属性】面板的

“样式”下拉列表中选择刚刚建立的“text”样式，此时第一段文本就被套用上text类样式。（如图12.10所示）

图12.10

⑥ 重复步骤3至步骤5，新建类color的CSS规则，设置其颜色为蓝色，并为第二段文本套用该类样式。 ⑦ 完成后的网页效果及相应的HTML代码如图12.11所示。

图12.11

(3). ID选择符样式表的创建和使用 ① 启动Dreamweaver，新建一个空白网页，并保存为h12-03.html。 ② 单击【代码】按钮切换至代码编辑状态，然后在标签和之间输入以下HTML

代码。（如图12.12所示）

这是第一段文本

这是第二段文本

图12.12

③ 从【CSS】面板菜单中选择【新建】命令，弹出新建CSS规则对话框。在“选择器类型”

单选列表中选中“高级”，在“选择器”组合框中输入“#p1”，在“定义在”单选列表中选择“仅对该文档”，然后单击【确定】按钮。（如图12.13、图12.14所示）

图12.13

图12.14

④ 在“#p1的CSS规则定义”对话框中，单击左侧“分类”列表框中的“背景”项，在“背

景颜色”文本框中输入“#BBFF88”。然后单击“分类”列表框中的“方框”项，在“宽”文本框中输入“600”，在“高”文本框中输入“100”。单击【确定】按钮。（如图12.15、图12.16所示）

图12.15

图12.16

⑤ 重复步骤3和步骤4，新建p2的CSS规则，设置其颜色为#88BBFF，宽为600px，高为

150px。 ⑥ 完成后的网页效果如图12.17所示。

图12.17

13.2. CSS样式表的引用方式

(1). 嵌入式样式表引用

上述所述实验中所使用的样式表引用方式均为嵌入式引用。在Dreamweaver中创建CSS样式表时，将样式表的定义方式设置为“仅对该文档”即表示使用嵌入式引用方式（如图12.18所示）。其他步骤在此不再详述。

图12.18

(2). 内联式样式表引用 ① 用记事本打开实验12.1 （2）中所作的网页文件h12-02.html，并重命名为h12-04.html。 ② 删除标签及其内容。

③ 将标签之间的HTML代码修改如下：

第一段文本字体为幼圆

第二段文本颜色为蓝色

④ 在浏览器中打开网页文件h12-04.html，将看到与h12-02.html一样的显示效果。 (3). 外部式样式表引用 ① 启动Dreamweaver，新建CSS样式表文件，命名为h12-05.css。 ② 该CSS样式表文件中输入以下代码并保存：

h1 { color:red; font-family:黑体 } p { text-indent:3em; color:#0000ff } ③ 新建一个网页文件，命名为h12-05.html。 ④ 标签之间输入以下代码：

这标题用黑体红字显示

文本段落首行缩进3em，蓝色字体。

这是外部链接式的引用例子。

⑤ 在CSS面板菜单中选择【附加样式表】命令（如图12.19所示），在弹出的“链接外部

样式表”对话框（如图12.20所示）中单击【浏览】按钮，选择刚才创建的样式表文件h12-05.css，在“添加为”单选列表中选择“链接”（若选择“导入”则为使用导入方式引用该样式表），然后单击【确定】按钮保存设置并关闭该对话框。

图12.19

图12.20

⑥ 完成后的网页显示效果如图12.21所示。

图12.21

13.3. 字体属性及文本属性的使用

(1). 字体属性的使用 ① 启动Dreamweaver，新建一个网页文件，命名为h12-06.html。 ② 在标签之间输入以下HTML代码：

字体相关属性的应用

---

使用默认字体的显示效果

html是英文 HyperText Markup Language 的缩写。

---

加入字体样式的显示效果

html是 英文 HyperText Markup Language 的 缩写。

---

③ 使用实验12.1中介绍的方法，按照下表建立五个CSS样式规则：

标签或类名 P S fv ff fw fs 描述符类型 标签 标签 类 类 类 类 属性 font-size:20pt font-size:20pt font-variant:small-caps font-family:幼圆 font-weight:bold font-style: italic 或单击【代码】按钮切换到代码编辑视图，然后在标签之间直接输入以下代码：

④ 保存网页文件，在浏览器中预览该网页，显示效果如图12.33所示。

图12.23

13.4. 页面和图像属性的使用

① 启动Dreamweaver，新建一个网页文件，命名为h12-08.html。 ② 单击【代码】按钮切换到代码编辑视图，在之间输入以下HTML代码：

颜色与背景属性的应用

网页制作“三剑客” Dreamweaver Fireworks

Flash

③ 使用实验12-1中的方法，根据下表建立两个标签选择符样式规则： 标签名 Body table 属性 background-color:#DDEEFF background-image:url(p11.19.gif) color:#000000 font-size:25 或在代码编辑器中之间直接输入以下代码：