右栏

军人联盟论坛 → 军人休闲区 → 军盟教学 → 学做音画贴子从基本代码开始（适合初学者）


  共有20594人关注过本帖树形打印

主题：学做音画贴子从基本代码开始（适合初学者）
帅哥哟，离线，有人找我吗？
常洪
 小大  11楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 10:56:41

军盟音画教材
一层边框。

（2）、第二层边框：

把第一层的上半部分复制并修改：

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>
[此贴子已经被作者于2009-12-8 10:57:24编辑过]


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  12楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 10:59:47

3）、第三层边框：

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD>

效果如下:

（4）、前三层边框：

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD>军盟音画教材

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  13楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:00:14

军盟音画教材
[此贴子已经被作者于2009-12-8 11:04:18编辑过]


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  14楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:00:45

5）、多层边框： 第四层代码与第二层一样，第五层代码与第一层一样，第六层代码与第二层一样……（图片可以更换）

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a004.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a005.jpg>
<TR>
<TD>军盟音画教材
</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

 

军盟音画教材
[此贴子已经被作者于2009-12-8 11:01:42编辑过]


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  15楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:02:06

朋友们可以继续制作更多层边框，图片地址也可以自己更换。这样，各种漂亮的边框就制作成功了！


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  16楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:02:21

四、宽屏边框的的制作

为了网页的美观大方，制作边框时往往会选择宽屏，只要在第一层的<table>中，增加以下红色代码即可：

<table style="LEFT: 0px; WIDTH: 970px; POSITION: relative; TOP: 0px">


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  17楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:02:50

插入文字、图片、音乐

先制作一个边框：

一、在表格中添加文字

1、点击表格的中间处，可以看到光标在闪动，这时就能写入文字了，也可以直接复制粘贴文字。

2、选中文字
将鼠标放到表格中文字的最前面，点击，然后横拖鼠标选中文字，当字的背景颜色是蓝色时就可以操作了。

3、编辑文字
位置：可以点选居中、左齐、右齐图标。
字体：选择你喜欢的字体，有很多选项。
字号：数字越大字也就越大。
字体颜色：点开A自由选色，满意为止。

4、输入文字看效果

军盟音画教材

代码如下：

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD><p align="center"><font color="#FF0000">军盟音画教材</font></TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

下面我们来解释一下这个文字的参数：

<;：P> 换行
align=center 居中
FONT 字体的元素
FACE 字体
color="#FF0000" 字体颜色

[此贴子已经被作者于2009-12-8 11:03:21编辑过]


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  18楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:06:13

二、在表格中插入图片

1、直接插入法：

把鼠标放在网页上选中的图片上，右键点击，复制后直接粘贴到表格中。

军盟音画教材

2、用编辑器插入法：

把鼠标放在网页上选中的图片上，右键点击，点属性，复制图片的地址，在编辑器里点开“插入图片”图标，将复制过的地址粘贴到信息栏里，按确定。

3、源代码状态下插入法：

插图的代码是：

<img border="0" src="图片地址">

具体方法：

（1）、用记事本准备好插图代码：

<img border="0" src="http://www.ymy00.com/my/jc/yinhua/xfsy.jpg">

（2）、在表格准备插入的位置输入“图片”：


军盟音画教材

图片

3）、切换到源代码状态：

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD><p align="center"><font color="#FF0000">怡梦缘音画教材</font>
<p align="center"><font color="#FF0000">图片</font></TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

把红色文字部分换为准备好的插图代码，再切换回编辑状态看效果。

军盟音画教材

小结：

总结以上两节课内容，不难看出，在边框中，不管是文字还是图片，都是放在代码<TD></TD>之间的。


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  19楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:07:02

三、在表格中插入音乐及flash

1、常用播放器：

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" c c>
说明：
一般用来插入mp3、rm、ra、ram、asf、mid等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。
autostart="true" 自动播放。true改false，则点击播放。

2、隐藏播放器：

<embed src=音乐地址 autostart=true loop=true hidden=true type=audio/mpeg>

说明：
loop=true 自动播放，改false则反之。
hidden=true 隐藏播放器，改false则反之。

3、插入背景音乐：

<bgsound src="音乐文件地址" loop=3>

说明：
一般用来插入wav、wma、mid、mp3等格式的音乐文件。
loop=3 播放三次
loop=infinite 网页隐藏时音乐暂停

[此贴子已经被作者于2009-12-8 11:08:15编辑过]


支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
常洪
 小大  20楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
勋章：
元旦征文 2010年元旦征文参与勋章一万帖荣誉勋章 在论坛发表帖子在一万帖以上的荣誉勋章！ 等级：贵宾 头衔： 帖子：18392 积分：99752 威望：0 精华：12 注册：2008/7/28 8:13:21
  发帖心情 Post By：2009/12/8 11:08:01

4、插入flash：

<EMBED height=300 src=FLASH地址 type=audio/x-pn-realaudio-plugin width=550 autostart="true" c c>

代码:

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB border=0 background=http://www.ymy00.com/my/jc/yinhua/a001.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=1 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a002.jpg>
<TR>
<TD>

<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" border=0 background=http://www.ymy00.com/my/jc/yinhua/a003.jpg>
<TR>
<TD><p align="center">
<EMBED height=300 src=http://www.ymy00.com/my/jc/study.swf type=audio/x-pn-realaudio-plugin width=550 autostart="true" c c>
</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>


支持(0) 中立(0) 反对(0) 回到顶部

Copyright 2000 - 2008 jrlm81.com
设为首页 加入收藏  皖ICP备10206560号