您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网页素材>>>综合素材>>>给网页插入图片、音乐的方法
给网页插入图片、音乐的方法
发表日期:2007/4/10 23:52:00 出处:未知 作者:未知 发布人:zhang9607lin 已被访问 2667
如何插入文字、图片、音乐

 

让我们先来制作一个边框:

 
 

 

呵呵,好漂亮的边框呀,怎么做的呀?(运用前面学的知识,自己多做做,如果不明白课堂再告诉你)

一、在表格中添加文字

1、用鼠标点表格的中间处,你看到光标在闪动,这时你就能写入文字了,也可以复制粘贴文字

2、编辑表格中的文字

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

3、编辑文字

居中:点居中图标

字体:选择你喜欢的字体,有很多选项

字号:论坛中的编辑器是数字越大字也就越大。

字体颜色:点开A自由选色,满意为止

4、看编辑效果:

 

 

 

 

代码如下:

  <table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#d34ed3 cellSpacing=0 cellPadding=3 width="100%" bgColor=#000000 border=10 heihgt="">
    <tr>
      <td>
      <P align=center><FONT size=5><FONT face=隶书 color=#d52b6f>欢迎来到柔情沙学音画</FONT></FONT></P></td>
    </tr>
  </table>

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

<P></P>是换行

<align=center 居中

FONT:是字体的元素

FACE  是字体

color=#d52b6f 字体颜色

二、在表格中插入图片

插入图片方法有三种:

1、直接插入法。将鼠标放在你选好的图片上,点右键,复制然后粘贴到你的表格中,看效果:

 

 

 

 

 

2、用编辑器插入法

选择好图片,将鼠标放在图片中点右键,点属性,复制图片地址;在编辑器里点开“插入图片”图标,将你刚复制过的地址粘贴到信息栏里,按确定,看是下面的格式。

3、在html格式下插入图片代码及图片地址

帖图基本格式如下:

<IMG src="图片连接URL地址"><IMG> 称图形标记,主要用来插入图形标记。

方法:在表格中输入“图片”两字,点开html将你编辑好的代码及图片地址粘贴上

 

  欢迎来到柔情沙学音画

图片


切换到“源代码”状态看到代码如下:

<table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#d34ed3 cellSpacing=0 cellPadding=3 width="100%" bgColor=#000000 border=10 heihgt="">
    <tr>
      <td>
<P align=center><FONT size=5><FONT face=隶书 color=#d52b6f></FONT></FONT>&nbsp;</P>
<P align=center><FONT size=5><FONT face=隶书 color=#d52b6f>欢迎来到柔情沙学音画</FONT></FONT></P>
      <P align=center>
<FONT color=#22ddb8>图片</FONT></P></td>
    </tr>
  </table>

我们把相应插图片的代码替换上面红色的文字:

<IMG src="http://www.rqsha.com/img2/5.jpg"><IMG>

得到如下代码:

  <table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#d34ed3 cellSpacing=0 cellPadding=3 width="100%" bgColor=#000000 border=10 heihgt="">
    <tr>
      <td>
<P align=center><FONT size=5><FONT face=隶书 color=#d52b6f></FONT></FONT>&nbsp;</P>
<P align=center><FONT size=5><FONT face=隶书 color=#d52b6f>欢迎来到柔情沙学音画</FONT></FONT></P>
      <P align=center><IMG src="http://www.rqsha.com/img2/5.jpg"><IMG></P></td>
    </tr>
  </table>

 

学习以上插入文字与图片的代码,总结边框加文字图片内容的代码如下:

<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>
帖子内容,文字或图片.....
</TD></TR></TBODY></TABLE>

总结了这些,使我们明白到放在边框中所有的内容是放在<TD> 与 </TD>之间的,那么明白了这个道理后,接下来我们学习就更容易了。

 

三、边框/表格中插入音乐与FLASH

当你做好漂亮的网页,添加了美文与图片,你是否觉得缺少了点什么,如果我们在网页中插入优美的音乐,会不会使这件作品更完美一些呢?现在我们来学习如何贴音乐吧。

所用元素:<EMBED>...</EMBED>
参数:
src:音乐文件的URL;
hidden:=true为不可见,=false反之;
type:指定音频类型;
LOOP:是否循环播放,注意其值置于小角双引号中;
AUTOSTART:是否自动播放,其值同上。

1、网站论坛常用音乐语法:

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">

说明:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。

2、我常用的隐藏播放器的语法:

<embed src=http://liming01.gxbs.net/mymusic/爱情物语/梁静茹-我喜欢.wma autostart=true loop=true hidden=true type=audio/mpeg></EMBED>

3、插入背景音乐

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

说明:一般用来插入wav wma mid mp3等格式的音乐文件。

4、插入FLASH音乐语法

<EMBED height=360 src=FLASH地址 type=audio/x-pn-realaudio-plugin width=500 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">

我们来做个边框试试插入FLASH:

 

 插入音乐

 

  然后切换到“源代码”状态,把上面的FLASH代码替到“插入音乐”那几个字,记住也要加上FLASH的地址,格式为SWF,得到代码如下:

<table style="BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#ce2020 cellSpacing=0 cellPadding=3 width="100%" bgColor=#000000 border=10 heihgt="">
    <tr>
      <td>
      <P align=center><FONT color=#eeeeee>
<EMBED src=http://bbs.rqsha.com/flash/qrsy.swf width=500 height=360 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" autostart="true"></FONT></P></td>
    </tr>
  </table>

说到这里基本已经完成了音画的制作了,有音乐,有图片,有文字,开始做吧

利用以上三课所学的知识,做一个漂亮的音画出来,下面介绍制作的顺序:

1、制作好边框(可以自己制作边框或者选用现成的套装)

2、写好文字或标题

3、粘贴上你喜欢的美图

4、添加音乐

在添加音乐前你在边框中最下面输入文字“音乐”然后进入“源代码”里,在“音乐”处粘贴上你编辑好的音乐代码,OK可以发表了,懂得了这些基本的原理,接下来的教程我就是教你如何美化装饰音画了。

  

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

闪客公寓休闲娱乐网 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:340623306 联系人:王小华