Java Web 2.1.6 2-7实例分析

来源:互联网 发布:英雄联盟匹配算法 编辑:程序博客网 时间:2024/06/16 06:18

2.1.6 框架设计案例——多媒体播放系统设计

【例2-7】

(1)网页框架结构设计,代码如下:

<html>
    <head><title>多媒体播放系统</title></head>
    <frameset rows="80,*">
<frame src="2-7_top.html" name="top" scrolling="no">
<frameset cols="140,*">
   <frame src="2-7_left.html" name="left" scrolling="no">
   <frame src="2-7_right.html" name="right" scrolling="auto">
</frameset>
    </frameset>
</html>


(2)最上方显示标题,代码如下:

<html>
    <head><title>页面标题</title></head>
    <body><center><h1>多媒体播放系统</h1></center></body>
</html>


(3)左边显示操作菜单,代码如下:

<html>
    <head><title>菜单页面</title></head>
    <body><br><br><br>
<p><a href="2-7_imgTag.html" target="right">图像显示</a></p>
<p><a href="2-7_viewTag.html" target="right">视频播放</a></p>
<p><a href="2-7_soundTag.html" target="right">音乐播放</a></p>
    </body>
</html>


(4)右边显示运行界面,代码如下:

<html>
    <head><title>信息显示页面</title></head>
    <body background="下载.jpg"></body>
</html>


(5)图像显示页面,代码如下:

<html>
    <head><title>插入图像</title></head>
    <body>
trump!<img src="trump.jpg" alt="trump" width="200" height="100" align="left">
    </body>
</html>


(6)音乐播放页面,代码如下:

<html>
    <head><title>音乐无限</title></head>
    <body><br><br>
<h2 align="center">笔记</h2>
<img align="left" src="trump.jpg" width="200" height="200" alt="歌手.trump">
<bgsound src="Zico.mp3" loop="1">
    </body>
</html>


(7)视频播放页面,代码如下:

<html>
    <head><title>插入视频</title></head>
    <body>
trump <br><br>
<img dynsrc="" loop="3">
    </body>
</html>


原创粉丝点击