大图音画及代码的运用.doc

当前很流行宽屏大图片音画,这种作品在视觉效果上更加地美观、大气,很受朋友们的喜爱。? ? 一个好的大图音画作品的制作，图片是作品的灵魂,好的作品主要看图片处理的艺术效果，但由于制作出来的图片过于大，在发表以后很难打开，怎样才能让你的作品发表以后有更多的朋友去欣赏呢？那么就要把做好的大图片音画作品进行若干份的切割。经过切割以后的图片发表以后就很快可以在网站打开让大家去欣赏并学习了。但经过切割的若干份图片怎样再把它重新组合起来呢？那么就要用到HTML语言了。也就是我们常说的代码了。? ? 有了精美的作品却不能发表我想这是大家都很头疼的问题。在这里，我想跟朋友们交流一下有关于做好的音画图片如何拼合的问题。首先我们来看看裁切图片的拼合代码。? ? 在起始代码的部分，我们给出了这样的一组代码：TABLE style=LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px? ? 这点对大图音画贴的发贴是个关键。? ? 其属性如下：LEFT: -120px; 定位网页整体的左右位置，我们俗称它为横坐标。给出的数值越小，它越向左偏移，给出的数值越大它就越往右移动。WIDTH: 1000px；表示的是整体网页的展示宽度，因为我们通常情况下电脑屏幕的展示宽度为1024像素，因此我们目前所制作的图片最大宽度设置为1000px.POSITION: relative 表示为设定网页相对以本文档面显示TOP: 0px 表示为边框距顶部的距离。通常情况下设置为0。数值给的越大，它越往下移动。IMG 表示为图片的插入。? ? 下面我们看到的就是大图音画作品拼合的使用代码。以张图片插入为例：TABLE style=LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px cellSpacing=0 cellPadding=0 width=1008 align=center border=0TBODYTRTDIMG height=图片高度 src=第一张图片网址 width=1008/TD/TRTRTDIMG height=图片高度 src=第二张图片网址 width=1008/TD/TR TRTDIMG height=图片高度 src=第三张图片网址 width=1008/TD/TR TRTDIMG height=图片高度 src=第四张图片网址 width=1008/TD/TR TRTDIMG height=图片高度 src=第五张图片网址 width=1008/TD/TRTRTDIMG height=图片高度 src=第六张图片网址 width=1008/TD/TR/TBODY/TABLE EMBED src=此处加音乐网址 hidden=true type=audio/mpeg loop=true autostart=true/EMBED ?在起始代码的部分，相信大家注意到了这样的一组代码： style=LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px,这点对大图音画贴的发贴是个关键，其属性如下： LEFT: -120px;定位网页整体的左右位置，数值越小越向左偏移，反之向右移动 WIDTH: 1008px 整体网页的展示宽度，用像素值来定义 POSITION: relative设定网页以相对本文档面显示 TOP: 0px 边框距顶部的距离 3