asp.net课程设计心得(三)

相册页面

相册页面用到了masterPage，在居中区域中放置一个div，div被一个table分割成三行两列。相册页面不是我们平时qq里的那种：点击相册进入，查看大图片，或者给照片添加什么信息之类的。因为要只用到JavaScript的知识，所以功能不是那么完善。还有一点缺陷就是没用文字说明，每张图片都是一个js的小应用，除了本人之外，别人不知道怎么去操作才能看到效果，才能知道我用到了JavaScript知识。不过接下来，我回去慢慢完善的......

第一行第一列

放置了一张图片，显示欢迎来到我的相册。这里是直接为td指定了背景图片，用到了CSS的知识：

Code:

1. background-image: url(image/wellcome.gif);  
2. background-repeat:no-repeat;   
3. background-position:center;   

这里我想强调一点就是，CSS在处理页面布局和设置图片边框轮廓的时候显得非常重要。一位好友说，什么CSS，js的不学也罢；做网页，我只要学好ASP或者JSP就可以了，那些包装的东西，让美工去做吧。作为学生，处处是学习的地方，再说你还不知道将来你会从事哪方面的工作呢。虽然大学时间有限，企业对人才的要求过高，逼迫我们从一个方向去努力；但是我要告诉你，成功者的一个习惯就是做擅长的事。这是从一位oracle专家的空间里看到的，blog.csdn.net/inthirties/archive/2010/11/19/6021390.aspx

嘿嘿，好像扯远了，言归正传，接下来继续。

第一行第二列

我想在这列里面放一个wma格式的播放器，于是上那个网查啊查的。于是找到了这个：

Code:

1. <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" >  
2.   
3.  <param name="Filename" value="/blog/1.Wma"><!--你文件的位置-->  
4.   
5. <param name="PlayCount" value="1"><!--控制重复次数: “x”为几重复播放几次; x=0，无限循环。-->   
6.   
7. <param name="AutoStart" value="0"><!--控制播放方式: x=1，打开网页自动播放; x=0，按播放键播放。-->   
8.   
9. <param name="ClickToPlay" value="1"><!--控制播放开关: x=1，可鼠标点击控制播放或暂停状态; x=0，禁用此功能。-->  
10.   
11. <param name="DisplaySize" value="0"><!--控制播放画面: x=0，原始大小; x=1，一半大小; x=2，2倍大小。-->   
12.   
13. <param name="EnableFullScreen Controls" value="1"><!--控制切换全屏: x=1，允许切换为全屏; x=0，禁用此功能。-->   
14.   
15. <param name="ShowAudio Controls" value="1"><!--控制音量: x=1，允许调节音量; x=0，禁止音量调节。-->  
16.   
17. <param name="EnableContext Menu" value="1"><!--控制快捷菜单: x=1，允许使用右键菜单; x=0，禁用右键菜单。-->   
18.   
19. <param name="ShowDisplay" value="1"><!--控制版权信息: x=1，显示电影及作者信息;x=0，不显示相关信息-->  
20.   
21. </object>  

关于html里面的object标签，上面已经说得很详细的了，我就不啰嗦了。下面来讲讲我是怎么想到在网页里面加入一个音乐播放器的。

网页，要动起来，除了图片的修饰，还得有声音。比如你进入好友的qq空间，如果他的空间里安装了播放器，那么你就能听到美妙的音乐。下面是我的播放器代码：

Code:

1. <object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="MediaPlayer" height="100px" width="400px" >  
2.   
3. <param name="ShowStatusBar" value="-1" />  
4.   
5. <param name="Filename" value="music/yueding.wma"/>  
6.   
7.      <param name="AutoStart" value="1" />  
8.   
9.      <embed src="music/yueding.wma" autostart="1" type="application/x-oleobject" hidden="true" loop="true" align="center"   
10.   
11.                        codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"/>  
12.   
13. </object>  

     进入网页后应该是自动播放的，而且是循环播放的，但是每次运行都需要手动开启，且不循环，也不隐藏。做asp网页时选择XHTML 1.1标准，所以不支持embed标签，但是可以运行。这或许是这个wma播放器功能没完全实现的原因吧！或许你有高见，别吝啬，请与我分享！