博客音画发帖说明

所在版块: 音画欣赏 2016-01-13 10:57 [复制链接] 查看: 982|回复: 1
温馨提示:如果要发表HTML代码贴,请先勾选下图所示HTML代码和纯文本选项,然后再粘贴代码发表,否则发出会出现乱码或不显示。

$ @3 Q! N4 N1 y6 x  `+ j" i: N1 c' u; G, M4 x. x/ ?  e! C
只需按照说明填写相关地址或者调整位置。
0 H7 H% _) @! c0 D3 m8 m5 o
一、发单独一张图片加透明flash和背景音乐代码

% E; d6 ~# h* ]9 d# a! ~9 `. B
<div style="left:-203px; width:1000px; position:relative; top:190px;">
<p align="center"><img src="图片地址"></p>
<embed style="LEFT: 10px; WIDTH: 600px; POSITION: relative; TOP: 150px; height:400px" src="FLASH地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
<embed src="音乐地址" width="0" height="0" type="audio/mpeg" panel="0" autostart="true" loop="false"> </div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
说明:
+ S) R3 E& t7 k) S" N; N+ H
1.图片和flash的宽和高通过调整width和height这两个参数后面的数值来调整
2.图片和flash的定位,距左和距顶的位置通过调整left和top这两个参数来调整
, B% [; A( L) ]& M4 j. e/ S/ i* F
二、多张图片拼合加背景音乐代码(横向只有一张切片)
7 z4 _1 p* @, {  b) [
<div style="LEFT: -203px; WIDTH: 1000px; POSITION: relative; TOP: 190px" cellspacing="0" bgcolor="#000000" border="0">
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<embed src="音乐地址" width="0" height="0" type="audio/mpeg" panel="0" autostart="true" loop="false"> </div><br><br><br><br><br><br><br> <br><br><br><br><br><br><br>   
. D; W, Y; X& X; z9 n! X" P6 K1 n6 Z
说明:有多少图片,就加多少个<p align=center><img src="图片地址"></p>  如果有多张切片,强烈建议用ps自带网页生成htm文件,然后上传论坛http://www.yinhuabbs.cn/up.php,然后用下面第五组代码调用发帖。
* S" K3 V% h8 `0 g
多张图片拼合加FLASH和背景音乐代码

1 Q, O$ S1 n6 o, P, B  Y
<div style="LEFT: -203px; WIDTH: 1000px; POSITION: relative; TOP: 190px" cellspacing="0" bgcolor="#000000" border="0">
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<p align="center"><img src="图片地址"></p>
<embed style="LEFT: 10px; WIDTH: 600px; POSITION: relative; TOP: 150px; height:400px" src="FLASH地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
<embed src="音乐地址" width="0" height="0" type="audio/mpeg" panel="0" autostart="true" loop="false"> </div>
<br><br><br><br><br><br><br><br><br><br><br>
- t- S0 X3 r9 c3 K4 ]
说明:

5 C5 ^5 }# j, j
1.有多少图片,就加多少个<p>< align=center><img src="图片地址"></p>
2.flash的定位,距左和距顶的位置通过调整left和top这两个参数来调整
3.多个flash可以自己再添加代码:
- w% m8 d; c) t, }4 J
<embed style="LEFT: 0px; WIDTH: flash宽度; POSITION: absolute; TOP: 0px; height: flash高度" src="flash地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
4.有切割且希望加flash的,最好做成网页帖子调用。
; ?' F/ X  U6 ^3 V+ X! d, e, k# t
三、下面是调用网页帖子代码
$ [3 s3 w% G- z
<div style="left:-203px; width:1000px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="贴子地址" frameborder="0" width="1000" scrolling="no" height="贴子高度"></iframe></div>
<br><br><br><br><br><br><br><br><br><br><br>
' _; P: _) m$ |
说明:
! a' N0 |, L8 o" w  E
此为全屏宽度为1000px的帖子调用,如果你帖子不是1000px,可以修改上面的1000px 换成你自己帖子的宽度

2 _" r7 y2 X$ G# I) q7 L
四、全屏显示加点击全屏观看代码
" U! T+ T/ M- O3 q3 ?) d- K
<p align="center"><a href="贴子地址" target="_blank">点击全屏观看</a></p><br><br><br>
<div style="left:-203px; width:1000px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="贴子地址" frameborder="0" width="1000" scrolling="no" height="贴子高度"></iframe></div>
<br><br><br><br><br><br><br><br><br><br>
& w1 _3 V4 ~! b# `  t' r3 V" v
五、最好用这个发全屏
<div style="left:-203px; width:1000px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="贴子地址" frameborder="0" width="1000" scrolling="no" height="贴子高度"></iframe></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br>

1 t/ S' H( c( i4 o& @) J. Z
说明:自己修改宽度和高度数据
# B7 o/ z2 w8 q4 M+ p5 ^) i
六、Flash 帖子发帖代码
: ]" a( f) @6 C: C# ]: p
<div id="table" style="LEFT: -203px; WIDTH: 1000px; POSITION: relative; TOP: 190px"  height="500" cellspacing="0" cellpadding="0"  border="0" ><embed style="WIDTH: 600px;  height:400px" src="FLASH地址" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> </div>
<br><br><br><br><br><br><br><br><br><br><br>
9 m5 W+ t( J3 E/ o# N( w
音画制作方法与步骤
音画分为以下几种类型:
第一种:框图音画。主要通过html语句实现多层图框,在图片上附加透明flash美化,配音乐。
第二种:特效音画。主要通过一些特效代码,实现图片动态效果,近似动画场景,配音乐。
第三种:大图音画。通过photoshop制成大图,将其进一步制成网页,再附加透明flash美化,配音乐。
第四种:电子杂志。使用制作杂志的软件,将图片编辑成册,透明flash以及音乐,用软件可导入自动生成。
第五种:单幅音画。一般高度低于3000的大图音画,可视为单幅音画。
从音画的发展来看,由于前两种具有以下特点,对制作者来说,既不易于掌握,又比较费心劳神,所以现在已很少有人使用。
1、框图音画对代码要求非常严,构建层层框架的代码,常因错一个字符就会乱码,无法正常显示。
2、特效音画对代码要求更严格,代码的编排以及相应处图片的更换,都需要细心和耐心,若有字符错误,也是无法正常显示。
现在网络流行的音画作品,后三种居多,因它们具有易操作,易掌握的特点,没有繁琐的代码编排,只需熟练使用软件便可,但也有相应的难点。
1、必须会使用photoshop,因为制作图片和实现网页都要借助于它。
2photoshop功能较强大,要完全掌握并非易事,不过循序渐进,图片制作水平提高了,制作出的网页也会更美观。
; z0 @2 C0 u: o9 \+ Y2 f: i2 k
第一步 photoshop软件制作大图
1、首先打开photoshop,选择“文件”下拉菜单中的“新建”。
2、在“新建”对话框中,设置宽度(自定尺寸),高度(自定尺寸),分辨率(72),颜色模式(RGB),背景内容(透明色)。
注:宽度和高度,一般用像素作单位。分辨率单位为像素/英寸,颜色模式选择8位就可以。
在此对话框的“高级”里,还可以设置“颜色配置文件”和像素长宽比,可分别设置成prophoto RGB 和 方形。
这些设置都完成了,为了以后制图方便,可以点击“存储预设”保存。
3、制做图片,自由发挥。(具体步骤略)
4、图片做好保存时,最好是psd格式,便于各图层修改。
5、由于图较大,不便于上传到网上,也不易打开,所以必须使用切片工具,将其切割成一些小图。
6、选择photoshop“文件”下的“存储为web所用格式”,将大图自动生成为html网页。
7、为了网页的像素品质高,存储为网页格式时,一些相关设置必须注意,在“存储为web所用格式”对话框中,具体参数设置如下:
A、预设:优化的文件格式(jpeg),压缩品质(最佳),“连续”“ICC配置文件”处打勾,品质(100),模糊(0),杂边(无)。
B、图像大小:品质选择“两次立方(较平滑)”
8、存储为网页格式时,出现“将优化结果存储为”对话框,参数选择如下:
A、文件名:自定,后缀为html
B、保存类型:HTML和图像(html
C、设置:背景图像
D、切片:所有切片
9、保存后,会出现html文件和images文件夹,images文件夹内所有图片都是切割好的图片,用于html文件调用。
注:一定要先将大图切割,再进行存储为网页这一步。
  h. }" F# G( a, G+ P4 ~4 h
第二步 frontpage软件制作网页
1、首先用frontpage打开你用photoshop存储而成的网页。
2、在代码<title>******</title>中,把星号换为自己为音画网页取的名字。
3、在这段代码 <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 中,把颜色代码#FFFFFF(网页背景色)换成自己需要的颜色代码。
4、为了音画的美观,可以在<title>******</title>后面加上滚动条代码:
<STYLE>
BODY
{SCROLLBAR-FACE-COLOR: #d7c9e2;
SCROLLBAR-HIGHLIGHT-COLOR: #d7c9e2;
SCROLLBAR-SHADOW-COLOR: #6f6ba6;
SCROLLBAR-3DLIGHT-COLOR: #d7c9e2;
SCROLLBAR-ARROW-COLOR: #d7c9e2;
SCROLLBAR-TRACK-COLOR: #d7c9e2;
SCROLLBAR-DARKSHADOW-COLOR: #d7c9e2;
SCROLLBAR-BASE-COLOR: #d7c9e2}
</STYLE>
同样,这段语句中的颜色代码#d7c9e2(滚动条颜色),可以根据自己音画的色彩更换。
5、由于网页是用photoshop自动生成代码的,所以图默认是左对齐。找到这段代码语句
<table id="__01" width="1000" height="600" border="0" cellpadding="0" cellspacing="0">,在它的前面加一句<div align="center">即可使图居中。 这一步也可以不做。
6、进行到这一步,再加上音乐,简单的音画就基本完成。
7、为了音画更具感染力,有的人点缀一些透明flash。添加flash效果的代码语句,可全屏添加,可单图添加 。由于大家使用的电脑不尽相同,常因分辨率不同,而使全屏代码添加的flash出现一定的偏差,建议用单图添加flash。具体根据音画实际情况而定,这里不作详解。
1 q6 u5 M9 d" X7 F9 `# F7 B& j
第三步 ftp软件上传网页
1、首先要有稳定的空间,能上传自己的音画。网络有很多免费空间,一些论坛也提供个人空间,自己也可购买一个空间。
2、使用ftp上传自己的音画,到自己的个人空间。
3、根据空间的音画存放路径,找出自己的音画网址。
第四步 网站(论坛)发布音画
1、使用以下代码发布音画:
<p align=center><A href="音画网址" target=_blank ><FONT color=#f70968 size=6>点击全屏观看</FONT></A></P><BR><BR>
<DIV style="LEFT: -215px; WIDTH: 1000px; POSITION: relative; TOP: 80px"><IFRAME marginWidth=0 marginHeight=0 src="音画网址" frameBorder=0 width=1000 scrolling=no height=600>
</IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR>
语句中相关数据,可根据论坛的具体情况进行调整,使音画居中,文字颜色和谐。语句中的高度和宽度数据,可根据自己的音画进行调整。“音画网址”处,填写自己音画的网址。
2、论坛发贴时,注意要选择在html模式下进行编辑,普通模式下编辑发出的只是代码。用这段html代码发贴时,不能有字符错误,否则会无法正常显示音画。
$ n9 X; i( j& p) d' _7 ~/ G

" }$ ]* M( R7 ]0 `' m0 b
直接使用图片拼合代码制作大图音画

+ t. d8 E: J/ @6 u3 B% _  u
一个好的大图音画作品的制作,图片是作品的灵魂,好的作品主要看图片处理的艺术效果,但由于制作出来的图片过于大,在发表以后很难打开,那么就要把做好的大图片音画作品进行若干份的切割。经过切割以后的图片发表以后,就可以很快地在网站打开。
经过切割的若干份图片,需要用到HTML语言,也就是我们常说的代码了。以下是大图音画作品拼合的使用代码。以8张图片插入为例:
<TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1008 align=center border=0>
<TBODY>
<TR>
<TD><IMG height=图片高度 src="第一张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第二张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第三张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第四张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第五张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第六张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第七张图片网址" width=1000></TD></TR>
<TR>
<TD><IMG height=图片高度 src="第八张图片网址" width=1000></TD></TR>
</TBODY></TABLE>
<EMBED src=此处加入音乐地址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
代码使用说明:
1、代码的起始部分:
TABLE style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" 对大图音画贴的发贴是个关键。其属性如下:
LEFT: -120px; 定位网页整体的左右位置,俗称为横坐标。给出的数值越小,它越向左偏移,给出的数值越大它就越往右移动。
WIDTH: 1000px; 表示的是整体网页的展示宽度,因为通常情况下电脑屏幕的展示宽度为1024像素,因此目前所制作的图片最大宽度设置为1000px
POSITION: relative 表示为设定网页相对以本文档面显示。
TOP: 0px 表示为边框距顶部的距离。通常情况下设置为0。数值给的越大,它越往下移动。
2、图片插入代码:
<TR>
<TD><IMG height=图片高度 src="第一张图片网址" width=1000></TD></TR>
表示为每层图片的插入。
在图片插入这组代码中,只需要在每层图片的地方替换进去经过切割的图片地址就可以,但一定要注意图片的顺序不能弄错。如果替换的图片没有这么多,可以在替换完所有图片以后,把多余的图层代码删掉即可。如果不够用,也可以对图层进行复制,然后再粘贴进去。图片高度和宽度根据图片实际尺寸写入。
3、音乐插入代码:
<EMBED src=此处加入音乐地址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED> 可以插入MP3WMA格式。
, H) }! z" W5 R! R: x. [
大图音画中FLASH动画拼合代码的使用
5 [9 _2 f: r+ J# S
学会大图音画的拼合后,那么动画的拼合相对来说就很容易了,只要将插入图片的地方替换成FLASH的地址即可。
FLASH动画拼合和大图音画的拼合方法基本相同,其代码以8张图片插入为例:
<TABLE id=table1 style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px"
cellSpacing=0 align=center cellPadding=0 background=背景图片地址 height=高度 border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=第一个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第二个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第三个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第四个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第五个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第六个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第七个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
<TR>
<TD>
<P align=center><EMBED src=第八个FLASH动画网址 width=FLASH宽度 height=FLASH高度 type=application/octet-stream wmode="transparent"></P></TD></TR>
</TBODY></TABLE>
<EMBED src=此处加入音乐地址 hidden=true type=audio/mpeg loop="true" autostart="true"></EMBED>
这里提供的音乐插入代码是支持
9 d( d9 R! N8 I
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

麦屯博客 |网站地图

GMT+8, 2021-11-27 18:37 , Processed in 0.024589 second(s), 18 queries .

麦屯网络科技

CopyRight © 2016 maitun, All Rights Reserved.

快速回复 返回列表