可向网页中加入代码，主要有以下方法。
一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的<bgsound>标签来添加，另一种是通过<embed>标签来添加。
二、打造时尚音乐播放器
学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。提示：《网页音乐播放器》是一个网页插件，运行制作好的页面后，它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
三、安装播放器
为了防止点击主页链接而影响歌曲播放的连续性，我们要把播放页面music.htm以框架形式安装到主页上去。以FrontPage 2003为例，执行“新建→其他网页模板”d出“网页模板”窗口，选择“框架网页→页脚”，“确定”后在上框架里设置初始网页指向你的主页，下框架里则指向music.htm，然后在框架属性中去掉框架边框并适当调整下框架的高度(图4)，框架高度足以容纳播放条的高度即可。预览满意后就可以保存页面了，然后把你的网站指向这个新页面就可以了。
网页设计
网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
一、控制面板添加编辑背景音乐：1. 登录自己的博客（输入用户名、密码和验证码）
2. 进入控制面板→BLOG信息设置→首页内容维护,进入首页内容维护页面；
3. 从背景音乐播放列表的“点击进入编辑界面”链接，进入“自定义背景音乐”；
4. 进入“自定义背景音乐”后，点击“新增”按钮，进入添加列表标题界面；
5. 输入标题后，再点击“下一步”进入背景音乐曲目的添加、编辑界面；
◆提示：在这里，您最多可以创建 10 个自定义背景音乐列表；
5. 在添加、编辑背景音乐曲目界面，点击“新增”按钮，在新增的空白栏目中分别填写正确的音乐名称、音乐播放url地址及音乐描述后，点击 *** 作栏的“ √”保存此条目；◆提示：
a. 如需【自动播放歌曲】，可把音乐列表的第一首歌曲的url链接地址填写为您的 博客地址，同时再添加两首以上音频url链接地址即可
b. 音乐名称的长度不能超过40个字符或20个汉字
c. 音乐播放URL须填写mp3格式的音乐url地址，否则可能无法保证音乐能正常播 放，音乐描述为选填项，描述最多为1000个字符或500个汉字；
d. 如对保存的栏目进行编辑或删除，可点击 *** 作栏的“笔形”和“叉形”进行
e. 在每个音乐列表中，您可以放入多达 100 首歌曲链接，并且可以调整这些歌曲的播放顺序。
6. 添加、编辑完成后点击“保存”按钮，保存此列表中的曲目。
二、个人首页定制播放器:
1. 登录自己的博客（输入用户名、密码和验证码）
2. 进入控制面板→BLOG信息设置→定制我的首页；
3. 点击左侧浮动图标“添加模块”，在“背景音乐播放列表”中钩选“使用该模块”并点击“选取”按钮，您可通过鼠标拖拽将该模块调整到合适的位置，最后点击左侧浮动图标“保存设置”即可。
完成以上 *** 作后，音乐播放器模
网页播放器的去这里下载：http://blog.macrolong.com......cleid=a_20050718_092701
一般插入播放器有两种办法，一种是内框架，另一种是用外框架，两种方法各有优缺点，关键是看你个人的喜好了。
内框架方法：
优点：可以随意插入在网页的任意部分，比较方便；
缺点：会随着主界面的刷新和变化而变化，这样每转换一次界面歌曲就会从头再来，很不爽；
方法：在你想要插入播放器的部分（可以是表格或者层），加入以下代码就可以了
<iframe
name="music"
marginwidth=0
marginheight=0
src="music/index.html"
frameborder=0
scrolling="no"
width=100%
height=40px></iframe>
说明：一般只需把src＝后面的链接换成自己音乐播放器的地址就可以了，可以是相对或绝对地址。
外框架方法：
优点：可以固定页面，主界面变化不会影响播放器界面，非常适合blog；
缺点：加入会有些麻烦，而且是能在几个固定的地方，不过已经足够了，呵呵。
方法1：用dreamweaver，新建框架集，看你想把音乐播放器放在什么位置，如果想放到下面就建“下方固定”的；这个时候你应该看到框架的页面了，如果看不到在 察看-->可视化助理 中把 框架边框 选中就可以了，在设计视图里用鼠标选中边框，托动到合适的高度，之后进入代码视图（注意，一定要选中框架边框后进入代码视图），找到 <frame
src= 把上边的链接换成您blog的主页地址，下面的换成您网页播放器的地址（相对或绝对地址都可以），好了，基本上完成了，修改标题，保存框架页就可以了，现在如果你想要音乐版的就直接访问您刚刚保存的框架页文件就可以了，呵呵
如果你没有dreamweaver的话也没问题，只要研究下以下的代码就可以在网页中轻松加入音乐播放器了，看下面的代码：
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Frameset//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html
xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=gb2312"
/>
<title>大龙blog音乐版</title>
</head>
<frameset
rows="*,33"
cols="*"
framespacing="0"
frameborder="no"
border="0">
<frame
src="主页链接"
name="mainFrame"
id="mainFrame"
/>
<frame
src="播放器链接"
name="bottomFrame"
scrolling="No"
noresize="noresize"
id="bottomFrame"
/>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）