《网站开发》实验要求
班级： 学号： 姓名 ：
|
实验 |
内容 |
参考作品 |
|
1 |
网站空间 个人主页 实验要求 |
网址 http://asp2.6to23.com/fsxss/ 主页 个人主页 |
|
2 |
翻转图像、
图像热区3个点 |
fztx rdlj |
| 3 | 表单 | 搜索”引擎、跳转菜单 |
| 4 | 框架网页 | |
| 5 | 添加多媒体 | |
| 6 | 影片声音按钮 |
 飞机
 鲤鱼
|
| 7 | Flash 逐帧动画 | |
|
8 |
路径导引动画 |
|
| 9 | 文字遮罩彩条 | 文字遮蔽彩条 wzzcth wzzctz lldt |
| 10 | 跳转按钮 |
飞机 鲤鱼
|
| 11 |
减小JPG图像
文件大小 |
513kB 
21kB 
|
|
12 |
网站标志 |
网络书店、网络狂想、梦幻夜空、梦的天堂、 拂晓晨风、阳光创意、阳光极地、多彩校园、 寻找真我、浪迹天涯、聚闲山庄、随意乐园、 青春舞动、青春活力、英雄传说、书香频道、 阳光女孩、月亮女孩、运动女孩、 |
|
13 |
缩放旋转 网站标志 |
|
|
14 |
带声音旋转动画 | 嘀答秒针 ddmz |
|
15 |
地球自转公转 | 地球带月亮自转公转 地球自转公转 |
|
16 |
场景切换 | 场景切换 |
声音素材：
导出声音：Flash 共享库—声音，如 Beam Scam—拖入场景—文件—导出影片—
文件名：fjs，保存类型：WAV 音频文件—声音格式：22 KHz 8 位 单声道。
汽车喇叭声：qc16 qc16a (qc16.wav qc16a.wav)
泉水声：qss16 qss21 (ss16.wav qss21.wav)
流水声：lss17 lss19 (lss17.wav lss19.wav)
时钟敲击：zs20 zs47 (zs20.wav zs47.wav)
实验1 申请个人网站空间
实验1 申请个人网站空间
实验名称：申请个人网站空间
所用软件：IE 浏览器、CuteFTP 软件
实验目的：到中国学生网申请 20MB、50MB 空间或 100M ASP 空间。
在国际互联网上建立一个自己的家。
实验过程：
1.登录“中国学生网”购买交费的 网站空间，
建立一个“互联网上的家园，展现自我的空间，勾画心中的蓝图，描绘美好的人生”。
发展方向提供网络虚拟空间，如朋友留言、知已聊天、学术论坛、……。
20MB空间4个人共用每人5MB空间，每月交费2元，每人0.5元。
2.共用的网站空间中每人一个文件夹，文件夹名用姓名的拼音首字母。
每个人应有自己的主页 index.htm。
3.填写用户名和口令，要求用笔记录，用户名不能忘记。
用户名：如，wltd828（网络天地828），只能用拼音或英文字母，不能用汉字。
口令：如，******
电子邮件：如，fsxss@tom.com，要求真实邮箱，
用于接收学生网发送的有关个人网站空间开通的邮件。
4.交费开通个人网站空间后，打开 CuteFTP 软件，建立新站点，填写资料。
主机地址，如 asp2.6to23.com, vip.6to23.com, my.6to23.com
用户名：如 wltd828
口令：如，******
5.选择本地磁盘站点上的文件 如，index.htm，点击上传按钮传送到远程个人空间。
6.在 IE 浏览器地址栏输入网址，如 http://asp2.6to23.com/wltd828 ，
打开个人主页。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
1.学生独立设计个人主页。
2.设置主页背景图像(<100kB)和音乐(<10kB)，要求主页<10kB。
3.要求个人主页链接：网络作业|实验要求|期中机试|期末机试|老师网站
一、翻转图像（P32）
1.插入—翻转图像；
2.设置翻转图属性
原始图像、翻转图像、链接对象。
二、图像热点链接（P33）
1.网页中插入禅城区地图，分为城区、城南、张槎、石湾、环市五小区。
2.在地图中建立热点链接各小区同学的通讯录。
3.同学的通讯录包括内容：
计算机网络通讯联络：个人主页(HomePage)、电子邮件(E-Mail)、网络寻呼(OICQ号)
无线电通讯联络：无线电话(手机)、无线寻呼(Call机)
普通通讯联络：有线电话（台机）、邮政编码、通讯地址
1.把“搜狐”网站免费开放中文检索代码“百度搜索”引擎插入个人主页。（P47）
2.搜索查询与搜索关键词“Java 语言图形程序设计 ”相匹配的站点，
以自己站点的某一个内容为搜索关键词进行搜索查询，
复制查询结果中前几个站点的内容，粘贴到下面空白处。
3.在主页中添加跳转菜单,（P57）
跳转菜单 JavaScript 代码必须指明脚本语言，否则产生运行期出错。
<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<form name="form1"> <p> <select name="文化教育" onChange="MM_jumpMenu('parent',this,1)"> <option selected>文化教育</option> <option value="http://www.tsinghua.edu.cn">清华大学</option> <option value="http://www.pku.edu.cn">北京大学</option> <option value="http://www.crtvu.edu.cn">中央电大</option> <option value="http://www.fsrtvu.net">佛山电大</option> <option value="http://www.ounh.org">南海电大</option>
</select>
</p>
</form>
实现跳转3个自选网站和跳转3个本站网页 wzss。
网站搜索：
| 网站名称 | 网站域名 | 网站标志 |
| 佛山电大 | www.fsrtvu.net | 
|
| 南海电大 | www.ounh.org | 
|
本站导航：
| 网页标题 | 网页文件名 | 按钮链接 |
|
|
||
|
|
1.新建框架网页，选择框架类型包含：标题、导航栏目、主框架。（P60）
2.标题栏中输入与本站点相关的标题。
3.导航栏目中输入本站点的导航项目。
4.点击导航栏目中的导航项目后，主框架能正确显示相关的网页。
1.自选 Flash 动画，插入网页中并预览动画效果。（P77）
2.自选 ActiveX 控件数据源，在播放器中能正确播放视频文件 ddxm.avi。
3.自选 Java 小程序图形，如，dt5s5yqx.class。插入网页中并预览效果。
实验名称：制作图像声音按钮
素材可以采用多种方法获取：
下载网上共享资源、Flash 动画逐帧播放获取、
数码相机拍照、扫描仪扫描、用画图软件绘制。
参考网上共享资源 Flash 动画别墅奇观，取别墅作背景制作别墅按钮动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握带图像声音的按钮制作
实验过程：（P187）
1.插入—新建元件—影片声音 ypsy 按钮—窗口—共享库—按钮—Pill Botton。
|
按钮状态 |
一般 |
经过 |
按下 |
反应区 |
|
按钮层 |
飞鸽飞鱼 |
飞鸽上天 |
飞鱼跳水 |
探测鼠标 |
|
影片层 |
fgfy 影片 |
fgst 影片 |
fyts 影片 |
|
|
声音层 |
an.MP3 |
Camera Shutter |
Cloth Rip |
|
2.按钮层有四种状态：一般、经过、按下和反应区。
按钮状态分别用不同的文字：飞鸽飞鱼、飞鸽上天、飞鱼跳水。
3.按钮符号增加影片层和声音层。
4.按钮层、影片层和声音层对应鼠标经过和按下状态都插入关键帧。
5.用不同文字、影片和声音加入相应的层和关键帧。
6.利用 Flash 共享库的相似声音：窗口—共享库—声音—
用 Camera Shutter 模拟飞鸽吱吱叫，用 Cloth Rip 模拟飞鱼跳水声。
7.导入外部声音：文件—导入—例如：F:/wltd828/an.MP3。an22 an26
8.按[Ctrl]+[Enter]键预览动画。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
一、站立拳击 A拳手 B拳手 站立拳击1 集体拳击 qjjt qjjt1 qjjt
单人跑步 双人跑步 跑步追打 跑步追打.htm 白天别墅 晚上别墅
逐帧绘制拳击脚踢动作的图画，连续播放可以看到动画的效果。
站立拳击 zlqj.fla
从 Flash 影片中提取拳手符号：
1.逐帧播放 Flash 动画—屏幕打印—粘贴到画图工具编辑区中—
保存为序列zljq.jpg文件。
2.Flash 场景中导入序列JPG文件可生成动画站立拳击 zlqj.fla。
3.场景帧1中—打散图形—绘制A拳手或站立拳击—组合（保持原来位置）—删除背景。
4.元件库—删除 zlqj1.jpg—另存为站立拳击1 zjqj1.fla，可以减小文件大小。
逐帧动画符号的创建和使用
2.创建新符号以图形格式导入拳手逐帧动画影片(.swf)制作影片：站立拳击1 白天别墅。
图形格式导入可以在场景编辑区中逐帧修改和播放。
影片格式导入只能对影片符号逐帧修改和播放。
3.创建新符号以图形格式导入跑步、站立拳击影片(.swf)制作影片：
4.创建新符号以影片格式导入别墅影片(.swf)制作按钮：别墅按钮
二、飞鸽点头 fgdt、摆头转眼讲话 btzyjf（P215）
1.插入—新符号—fg 图形；
2.导入飞鸽图像 fg.jpg —修改—打散；
3.用套索选取飞鸽身—插入—转化为符号 fgs；
4.选取飞鸽头—插入—转化为符号 fgt；
5.在第3、5帧处插入关键帧—使飞鸽头逐步向下。
6.避免动画循环“跳变”，
把5、3、1帧复制粘贴到9、11、13帧处。
7.按回车预览动画。
实验名称：制作路径导引动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握路径导引动画的制作
实验过程：（P227）
1.使用共享图库的原地游水鱼 GIF 动画。
窗口—共享图库—电影剪辑 Movie Clips
Fish Movie Clips 游水鱼影片导出影片才能看到效果。
Supporting Graphic 支持图形
Fish Animated Graphic 旋转游水鱼
Fish Graphic 原地游水鱼
2.增加导引层
3.用铅笔绘制运动轨迹，选择工具的“平滑”模式。
4.注意选中主要栏中的“贴近对象”按钮。
5.光标移到鱼的中心，拖动鱼，第1帧，使鱼对准运动轨迹起点。
6.结束帧，使鱼对准运动轨迹终点。
7.右击鱼层任一帧，选择“创建动画动作”。
8.右击运动层任一帧—面板—帧—使路径适应。
9.按Ctrl+Enter键测试影片。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验9a 制作地球自转公转动画
实验名称：制作地球自转公转动画
地球自转公转 地球绕太阳公转43、171、自转公转 zzgz1
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握制作沿曲线运动的动画
实验过程：（P227）
1.插入—新建元件—图形—地球。
2.导入外部图形：文件—导入—例如：地球自转 GIF 动画
3.切换到场景—打开图形库—把地球拖入到场景中的中上位置—该层命名“地球”层。
4.增加导引层—绘制大椭圆。
5.切换到“地球”层—分别在10，20，30，40帧处插入关键帧。
6.地球在大椭圆上的位置：每隔10帧，公转90度，在第40帧上的位置不能超过第1帧。
7.增加背景层—添加繁星闪闪的太空，红色太阳。
|
|
8.增加流星层—制作流星。
9.增加声音层—添加音乐。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验9b 制作地球带月亮自转公转动画
实验名称：制作地球带月亮自转公转动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握制作沿曲线运动的动画
实验过程：（P227）
1.插入—新建元件—影片—地球带月亮—绘制白色月球—该层命名“月亮”层。
2.增加引导层—绘制月亮绕地球运转不可见轨迹。
3.切换到“月亮”层—分别在10，20，30，40帧处插入关键帧。
4.月亮在运转轨迹上：每隔10帧，运转90度，在第40帧上的位置不能超过第1帧。
5.增加背景层—添加地球自转 GIF 动画、月亮运转轨迹可见线。
6.切换到场景—打开图形库—把月亮绕地球运转的影片拖入到场景中的左位置—
该层命名“地球”层。
7.增加导引层—绘制地球绕太阳公转运转不可见轨迹。
8.切换到“地球”层—分别在10，20，30，40帧处插入关键帧。
9.地球在运转轨迹上：每隔10帧，公转90度，在第40帧上的位置不能超过第1帧。
10.增加背景层—添加繁星闪闪的太空、红色太阳、地球运转轨迹可见线。
文字说明：地球带月亮自转公转。
实验名称：制作遮蔽层动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握制作遮蔽层动画
实验过程：（P231）
有文字笔划处看到移动的彩色条纹色块，空白处遮蔽彩条。
1.修改—影片—尺寸：500*150。
2.彩条层—选择线性填充—画矩形：1000*150—删除矢量线。
3.点击彩条矢量色块—插入—转换成符号 cst。
4.设置彩条起始关键帧、结束关键帧位置—设为运动动画。
5.添加文字层—输入文字：字号90、60—定义为遮蔽层—
系统自动定义彩条层已遮蔽。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验名称：制作跳转按钮动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握 Flash 交互功能动画制作
实验过程：（P254）
1.跳转帧
单击场景中关键帧（如,20帧）—窗口—动作—帧动作卡—动作—基本动作—
双击跳转命令(goto)—设置跳转场景、目标类型（如,帧数）、帧序号（如,1）。
2.跳转按钮
右击场景中按钮—动作—对象动作卡—动作—基本动作—双击跳转命令(goto)—
系统添加代码"On (Release) {gotoAndPlay(1)}"—
设置跳转场景、目标类型（如，帧数）、帧序号（如,21）。
|
声音层 |
Beam Scan Metal Klank |
Camera Shutter |
Cloth Rip |
|||
|
影片层 |
天上飞机 火箭射机 |
天上飞鸽 鱼射飞鸽 |
水上飞鱼 飞鸽追鱼 |
|||
|
跳转帧 |
1—19帧 |
20关键帧 跳转到1帧 |
21—39帧 |
40关键帧 跳转到21帧 |
41—59帧 |
60关键帧 跳转到41帧 |
|
跳转按钮 背景层 |
[跳转飞鸽] 跳转到21帧 |
[跳转飞鱼] 跳转到41帧 |
[跳转飞机] 跳转到1帧 |
4.选择模拟声音
用 Beam Scan 模拟飞机轰轰声 fjs (fjs.wav)，
用 Camera Shutter 模拟飞鸽吱吱叫 fgs (fgs.wav)，
用 Cloth Rip 模拟飞鱼跳水声 lys (lys.wav)。
用 Metal Klank 模拟爆炸声 bzs (bzs.wav)。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
通过ACDSee和Fireworks的各种方法减小JPG图像文件大小为1/20到1/10。
海边椰林
hbyl 513kB
21kB
1.文件另存转换格式：ACDSee 中 BMP、JPG 文件另存为 JPG 文件。
2.图像优化降低质量和减少锐化：（P277）
降低质量到40、减少锐化、增加平滑（模糊）到4。
3.缩小图像尺寸：取 777*555 点以下，重新取样。（P293）
把超过800*600像素点的相片缩小为 777*555 点。
4.剪取图像需要的部分。
5.画布缩小：使图像占满画布。
实验名称：制作旋转动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握带声音旋转动画的制作
实验过程：（P97）
1.在场景中画一个时钟刻度盘—把层改名刻度盘。
2.插入—新建元件—图形。
3.用文字工具—输入网站标志，如“网络天地 828 http://wltd828.126.com”。
4.在网站标志上增加字母构成秒针。
5.切换到场景—增加秒针层。
6.打开图形库—把秒针拖入场景中—秒针对准刻度“12”。
秒针转轴心、时钟刻度中心都应与工作区中心对齐。
7.右击第15帧，插入关键帧，顺时针旋转秒针 90°。
8.依次右击第30、45、60帧，分别插入关键帧，分别顺时针旋转秒针 90°。
9.依次右击第1、15、30、45帧—创建动画动作。
10.修改—影片，
帧频：1帧/秒,每分旋转1周。尺寸：550px * 400px,背景颜色：天蓝色。
|
关键帧 |
1 |
15 |
30 |
45 |
60 |
|
秒数 旋转角度 |
1 0 |
15 90 |
30 180 |
45 270 |
60 360 |
11.增加秒针滴答声层。
12.窗口—共享库—声音—用 Latch Metal Click 模拟滴答声，把它拖到第1帧。
13.右击第1帧—复制帧—右击第2帧—粘贴帧。
14.按住[Ctrl]—选中第1、2帧—右击—复制—粘贴到3、4帧。
15.由1至4帧复制粘贴到5至8帧，……最后使60帧都带滴答声。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验名称：制作地球自转公转动画
地球自转公转 地球绕太阳公转43、171、自转公转 zzgz1
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握制作沿曲线运动的动画
实验过程：（P122）
1.插入—新建元件—图形—地球。
2.导入外部图形：文件—导入—例如：地球自转 GIF 动画
3.切换到场景—打开图形库—把地球拖入到场景中的中上位置—该层命名“地球”层。
4.增加导引层—绘制大椭圆。
5.切换到“地球”层—分别在10，20，30，40帧处插入关键帧。
6.地球在大椭圆上的位置：每隔10帧，公转90度，在第40帧上的位置不能超过第1帧。
7.增加背景层—添加繁星闪闪的太空，红色太阳。
|
|
8.增加流星层—制作流星。
9.增加声音层—添加音乐。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验15a 制作地球带月亮自转公转动画
实验名称：制作地球带月亮自转公转动画
所用软件：Micromedia Flash MX 动画制作软件
实验目的：掌握制作沿曲线运动的动画
实验过程：（P122）
1.插入—新建元件—影片—地球带月亮—绘制白色月球—该层命名“月亮”层。
2.增加引导层—绘制月亮绕地球运转轨迹（不可见）。
3.切换到“月亮”层—分别在10，20，30，40帧处插入关键帧。
4.月亮在运转轨迹上：每隔10帧，运转90度，在第40帧上的位置不能超过第1帧。
5.增加背景层—添加地球自转 GIF 动画、月亮运转轨迹（可见）。
6.切换到场景—打开图形库—把月亮绕地球运转的影片拖入到场景中的左位置—
该层命名“地球”层。
7.增加导引层—绘制地球绕太阳公转运转轨迹（不可见）。
8.切换到“地球”层—分别在10，20，30，40帧处插入关键帧。
9.地球在运转轨迹上：每隔10帧，公转90度，在第40帧上的位置不能超过第1帧。
10.增加背景层—添加繁星闪闪的太空、红色太阳、地球运转轨迹（可见）。
文字说明：地球带月亮自转公转。
