动态网页制作技术

动态网页制作技术 第四部分：动态设计任务十三：音乐播放器的制作西藏职业技术学院

项目简介 音乐播放列表页面主要包含播放列表页面和播放器页面。音乐是网站中永不缺少的部分。有了音乐，浏览者的心情会随着音乐的节奏进入网站，可以提高网站的浏览量。任务十三：音乐播放列表的制作

知识目标 掌握简单代码的编写理解页面之间的对应关系任务十三：音乐播放列表的制作

能力目标 培养分析问题的能力培养解决问题的能力能根据教师提供的素材开拓创新任务十三：音乐播放列表的制作

效果图 任务十三：音乐播放列表的制作

知识点 分析设计显示日志页面设计制作发表留言页面设计与制作任务十三：音乐播放列表的制作

分析设计 音乐列表 music.asp 播放页面 play.asp 下载页面 download.asp 系统功能结构任务十三：音乐播放列表的制作

分析设计 数据库设计创建一个以“music”命名的数据表。创建方法参见“第二部分　数据库”。效果图如下：任务十三：音乐播放列表的制作

显示音乐列表页面制作 创建显示音乐列表页面 ①在站点文件夹下，建立一个名为“music.asp”页面。并插入一个3行5列的表格，设置为“居中”。合并单元格第一行第一列，用于显示留言。 ②在第一行中输入相应的文字，在“属性”面板中选择“css”,将单元的的大小设置为“１２像素”。（２）创建查询记录集 ①选择“窗口”－“绑定”命令，打开“绑定”面板，在面板中单击“＋”按钮，在弹出的菜单中选择“记录集（查询）”命令，这时，会弹出“记录集”对话框。任务十三：音乐播放列表的制作

显示音乐列表页面制作 （３）绑定记录集 ①将光标置于第二行第一列中，在“绑定”面板中展开创建的记录集Recordset1，选中“musicname”字段，选择右下角的“插入”按钮，绑定字段。 ②按照上述方法，将musictype和singername字段进行绑定。如下图（４）设置重复区域选择“R3”记录集，设置“显示”记录参数为“１０”。任务十三：音乐播放列表的制作

显示音乐列表页面制作 （5） “播放”和“下载”添加行为 “播放”图片添加“onClick”行为，其触发的事件： onclick="MM_openBrWindow('play.asp?musicid=<%=(recordset1.fields.item("musicid").value)%>','','')"； “下载”图片添加“onClick”行为，其触发的事件： onclick="MM_openBrWindow('download.asp','','')" 任务十三：音乐播放列表的制作

播放页面制作 效果图任务十三：音乐播放列表的制作

制作向导 • （１）创建页面 • ①在站点文件夹下，建立一个名为“play.asp”页面。在“插入记录”中选择“媒体”---“插件”。 • 在“属性”面板中选择“CLASSID”,输入： “clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95”。任务十三：音乐播放列表的制作

下载页面制作 效果图任务十三：音乐播放列表的制作

制作向导 • 创建页面 • 在站点文件夹下，建立一个名为“download.asp”页面。 • 切换到代码视图，在</html>后面输入代码： • <% • response.Redirect(recordset1.fields.item("musicpath").value) • Recordset1.Close() • Set Recordset1 = Nothing • %> 任务十三：音乐播放列表的制作

动态网页制作技术

动态网页制作技术

Presentation Transcript