简单快速制作边框

来源：百度文库 编辑：神马文学网 时间：2024/04/25 21:03:57
简单快速制作边框编写:中华音画论坛
其实，制作边框是很简单的一件事。对初学者来说，由于还不熟悉HTML代码，可以采用“照猫画虎”的办法进行学习。如果您不想在HTML方面进行深入的研究探讨，而只是满足自己编辑文章音画的需要，这种方式已经足够您用的了。我们在这里假定您会使用电脑的复制和粘贴功能。
第一步：选择一套背景素材图片备用。它是编制边框的“材料”。背景素材一般是共享的。
(一)             （二）　　        （三）　（四）      （五）
（注意：在实际操作中不需要把这些图片复制到编辑页面，因为在编辑页面这些图片是不能显示图片地址的。你在平时收集一些你喜欢的资料，并把这些资料上传到你的空间作为备用。）
第二步：确定您要制作的边框的层数。边框可以根据需要可以是一层的（由于太单调，一般不采用），也可以是多层的，层数越多，边框结构越复杂，也越美，当然也不能没有限度，层数太多反而会显得零乱，以不超过13层为最佳。我们以9层为例进行学习。
操作过程：
1、首先在网站登陆。打开管理页面后，鼠标左键点击左上角的“发布新文章”，进入文章编辑页面。
2、然后点击编辑框右上角的“查看HTML源代码”左边的小框，显示，您就可以开始制作了。
第三步：复制边框代码。复制边框代码一般有两种途径。一是现成的套装代码，一般在各网站的网页资源栏目里都可以找到，可直接复制过来。另一种途径是将任何一个现成套装复制到自己的编辑页面，再点击“查看HTML源代码”左面的方框，就会显示完整的代码。
我们先复制一套现成的套装代码：































到下一个之间就是一层边框的代码。
4、cellSpacing=０  的代码，这是确定每一层边框宽度的代码，等号后面的数字就是这一层边框的宽度。可以根据需要随意调整。
5、LEFT: 0px　是边框与页面边界的距离，0即为与左边界重合，取负数边框就会突破页面左边界，取正数则边框右边就会突破页面右边界。这个在以后制作宽屏边框时会讲到。
下面我们着手对这个边框进行“改装”
第四步：逐层替换边框图案。首先复制我们事先在另一页面准备好的上面那些边框素材代码。
方法是：到你准备的空间里拿到你想替换图片的绝对地址替换原边框的第一层图片地址的代码。这里我们就用教材里的（２）号图片.
用第（３）幅图片替换第二层、第4层和第6层的边框图案.
如法炮制，用第（５）幅图片替换原边框的第3、第5、第7层图案，用第（1）幅图片替换原边框的第９层，用第（４）幅图片替换原边框的第８层。最终，我们得到了如下的新边框：
新边框是做出来了，但仔细一瞧，这个新边框仍然是不尽如人意。问题在哪里呢？
第五步:  "照猫画虎”完了之后，我们要对这个新边框进行再一次的修饰。那就是：调整各层之间的距离。
朋友们仔细观察可以在每一层边框代码中都有cellSpacing=    的代码，这是确定每一层边框宽度的代码，等号后面的数字就是这一层边框的宽度。可以根据需要随意调整。
我们对各层边框的宽度作如下调整：第一层调整为45，第2、4、6层调整为8，第3、5层调整为2，第7、8层调整为10，获得如下的效果：
第9层，也就是最里面我们用来贴文字和贴图的部分，这个数字通常为零，可以根据文字和贴图内容的要求无限制拉长。这个新边框好看多了吧？但仍没有结束。我们发现第8层和第9层边框之间的过渡有些别扭，解决的办法是：在每一层边框代码的结尾处有border=0的代码，把后面的0改为1，就会在两层图案间出现一个窄条，起到突出两层边框之间过渡鲜明的作用,我们把第8层边框结尾处的border=0改为border=1，就最终得到了如下的效果：
到这里，新边框就等于基本完成了，最后就是将框内的装饰图案贴进去。
第六步：装饰框内空间。最后一步是要把装饰图案贴进框内，这一步可以直接将装饰图片的地址复制，然后点击图片粘贴按钮将图片插进框内。这样我们就做好了一个漂亮的边框了。
您对这个新边框还满意吗？您可以根据这些步骤“照猫画虎”地练习，熟练后就可以运用自如了！
注意事项：
1、边框素材选择色彩要相近，(最好是同一色像的),反差太大反而不好看。但也不能完全没有色差，那样会显得单调呆板。
2、最里层的图案最好使用单色或略有变化的图案，因为这里要粘贴文字和图片。
3、每一段代码之间都留有一个字母的间隙，要留够，否则这一层图案就不显示。
4、制作边框用的图片素材必须是jpg或gif格式，否则不能用(就是每个图片地址代码的后缀）。
快速制作图片网页
编写:中华音画论坛
很多朋友都觉得图片制作的网页让人赏心悦目,但不知道怎么去制作.其实这很简单,哪怕你不会代码也可以去制作.只要你懂复制和粘贴就可以做出你喜欢的图片网页.我们还是用"照猫画虎"的方法来学习制作.准备好你所喜欢的图片和音乐就可以了。现在我们就开始制作。
首先,我们可以到网站找到你喜欢的制作模式.然后把它复制粘贴好就可以了.登陆到你的后台做好编辑的准备.
准备的资料如下
图片地址：http://www.sonicalbum.com/vip/435278/pic.aspx?name=93009303.JPG
音乐地址：http://www.xy.gz.cn/File/2007/04/9oj1m8tb6h17f.swf
动画地址:http://imgfree.21cn.com/free/flash/51.swf
文章:  春天来了
赶快放下你手中的一切
背起你的行囊
来到乡间野外
放松你的身心
放飞你的心情
尽情拥抱春天吧
快速制作:
一、将找到的编辑模式复制到你的后台。在 查看HTML源代码里打上钩，就可以看到在代码编辑模式里了。
如图：（1）





 


 


 



复制完成后，点击“查看HTML源代码”左面的方框，就会显示边框。这套代码做出来.
再点击“查看HTML源代码”左面的方框，显示全套代码，开始制作过程。
这套代码的前六行就是第一层边框的代码。第一层代码是最重要的，因为一些基本参数要在这里确定。
有几个基本数据必须交代给大家。
1、WIDTH: 762px　是边框整体外延的宽度，762正好是正常页面的宽度。小于这个数边框就会在页面的两边留出空隙，大于这个数就会突破正常页面，变成宽幅边框，这个我们下面再学习。
2、TOP: 0px　是边框上延与页面顶部的距离，除非有特殊需要，一般取0，否则边框顶部与页面会出现空隙，不美观。
3、cellSpacing=35 是第一层边框与第二层边框的距离，数字越大，边框最外层的宽度就越大，一般根据需要调整。  第一层图片地址的代码就是第一层边框图片的代码。从第二层到第9层边框的代码是一样的，只是图片代码不同而已。从







"TRUE" LOOP="TRUE">

我  的  文  章


文/编:某某


 





加入文字
加入文字
加入文字
加入文字

加入文字
加入文字
加入文字
加入文字

加入文字
加入文字
加入文字
加入文字

加入文字
加入文字
加入文字
加入文字

加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
......







二、现在我们要做的就是开始替换图片和文字了。在这里只有一张图片的地址，我们找到自己需要替换的图片地址把它复制好，然后在原来的图片地址上进行替换。换好以后在 查看HTML源代码的地方去掉钩，回到展示区后就可以看见你的新图片已经换好了。
三、换好图片以后根据图片的颜色再来把边框的颜色进行修改。找到你需要更换的颜色代码，然后把它复制粘贴到原来的颜色地址上，这样边框就会就改变了以前的颜色。在根据你的喜欢调整边框的宽和窄，直到你满意就可以了。
四、将准备好的flash地址替换掉原来的flash动画地址。
五、现在进行文章内容的替换。把你自己的文章内容依次替换到“加入文字”的地方。
六、把已经准备好的音乐地址复制好粘贴在原来的音乐地址上。这样你的图片网页作品就基本上做好了。
七、 查看HTML源代码的地方去掉钩，在展示区你可以看到整个作品的制作情况和风格了。如果还有觉得不满意的地方,你可以重新回到代码编辑模式里进行修改。当你觉得满意了就可以添加发表了。
主要修改可供参数：
BORDER-RIGHT: #a52a2a 6px  右边框颜色及宽度
BORDER-TOP: #a52a2a 6px    上边框颜色及宽度
BORDER-LEFT: #a52a2a 6px   左边框颜色及宽度
BORDER-BOTTOM:#a52a2a 6px  下边框颜色及宽度
WIDTH: 900px               边框及图片展示宽度
height=600                 边框及图片展示高度
FONT-SIZE:50pt             字体的大小
MARQUEE scrollAmount=1     字体移动的速度
FONT face=楷体_GB2312      字体
LEFT: -100px               边框左右调整
FONT color=#ffebcd         字体颜色
注意事项：
1、图片的宽和高一定要和边框展示的宽和高相吻合。
2、图片要选择和文章内容比较适合的。
这样你做出的图片网页就可以让人赏心悦目了。朋友们多动手、多动脑、相信自己你一定是最棒的。预祝你们一定可以成功的。
下面是你已经完成的新作品(图2)








春  天  来  了


文/编:某某


 





春天来了
赶快放下你手中的一切
背起你的行囊
来到乡间野外
放松你的身心
放飞你的心情
尽情拥抱春天吧
......






 
快速学会编辑文章 编写:中华音画论坛 准备的资料： 插入图片：
fficeoffice" /> 


插入文字：

《梦馨苑》欢迎朋友光临！


 


插入音乐：
"TRUE" LOOP="TRUE">

编辑文章的第一步：
首先请大家进入自己的会员管理。然后点击“发表文章”〈如图1》. 进入文章写作版面以后，这时就会出现“文章添加”的页面。这里有2排工具,如下图所示：
〈图１〉

（我们把这里叫作工作后台）。首先要做的就是边框选择的问题.模板的种类和颜色是千变万化的。可以复杂化也可以简单化。
如何制作边框？
1、边框可以复制也可以自写代码和用工具制作。
今天给大家说最简单的方法：复制边框及复制模板的操作步骤：
（1）先去选择好你自己喜欢的边框，然后将自己喜欢的边框复制到你的鼠标中，再粘贴在你制作新网页的工作后台中.如图2》
〈图２〉
相逢是首歌
 
 
 
 
 
 
（这个图是经过缩小和调整了的。你们复制粘贴在你们工作后台上的模板要大很多。而且也不整齐.这时候，你们可以用鼠标一层一层的将边框缩小。也可以点 查看HTML源代码前面小框里打勾： 查看HTML源代码
这时候你就可以看见这样的代码：

…………（WIDTH（表示宽度）: 760px; HEIGHT（这个表示长度）: 100px）一般边框最外层的最宽度为760 ，内层依次缩小。长度根据文章的长短自然定.最好在放文字和图片之前将长度设置为100——200.然后再放文字进去。假如你的文章短，那么边框也就短，反之就长。如果你先将边框的长度设置过长的话，你文字短了就会空出许多空边框来。在这样的时候你可以用鼠标抓住边框进行缩短。不过这样比较麻烦。对初学习编辑文章的朋友来说，比较头痛。因为不是每个边框都可以用鼠标缩小缩短的。要一层一层改代码。值得注意的是：在复制边框的时候，假如你觉得边框上的图片你用不着的话，你就不要把整个边框都复制。你只需要从网页的上方开始复制，复制上三分之一部分即可。）
（2）将边框里不要的图片和文字去掉。去掉以后，就变成了以下的待用边框，如图3。
〈图３〉
 
 
 
 
 
 
（3）这时候你就可以将你在写字板上打好的文章复制粘贴在边框最内层的空间里.如果你想编辑得更漂亮。可以在里面加入特殊字体，这样效果会更好。
如图：
想你绕心怀
文/编辑：某某
一曲想你绕心怀
燕飞蝶舞轻盈来
情怀依旧人远隔
凝留佳话世人采
插入flash音乐
 
 
《网大远程学院》
真诚欢迎您的光临
 
 
 
 
 
 
文字放进去以后，肯定是不整齐的。现在要做的就是将边框内的文字用复制的办法将其变色，点击工具栏中的“左对齐”标志，将文字像左边对整齐（如果你的是诗歌类的就点居中）.如下图所示：  然后在将字体大小及颜色选择好。请不要选择文字背景颜色！

（4） 文字的排版排好以后，一般情况下，散文和小说类的文章不适宜放图片。也可以选择一个与文字内容相符合的图片作点缀.假如是诗歌和音画内的作品，那么就一定要选择好图片了。一般是一图一小诗或者词.
（5）如何选择和插入图片：
一般情况下，最好去一些网速较快的网站收集你要的图片，然后复制过来放在你的文章适合处。
假如你的是诗歌或者音画类的作品，图片就一定要适合你的文字意境.放置的时候一般是一图一诗.如果是散文或者小说，那么就放一张图片在文章的开始即可.
音乐的选择和放置：
在通常情况下，请不要将音乐文件上传。除非是你自己做的原创flASH作品.否则请选择复制和放文件地址。
http://www.hao123.com/music.htm123音乐网.如果你要找MP3的音乐，请搜索MP3.找到你要的音乐以后，获取音乐的绝对地址，将其复制在你鼠标中，然后回到你的工作平台上，找好放音乐的固定点，点开工具中第二排的倒数第6个图片标志（如果你的是FLASH音乐文件地址，请点第七个图片标志）.这时候就会出来一个框。
1）将你获取的音乐地址放进“文件地址”中的空格处.
2）在“文件位置”栏里选择居中.
3）在“播放宽度”和“播放高度”两个栏目中将数字分别设置为1.（如果你的是FLASH音乐，那么宽度一般设置为600；高为400  可以根据你的文章整体适当调整音乐的大小.）
4）点插入.这样就完成了整个音乐选择和放置的问题.
这时候你的整个作品就已经做完了。剩下的是提交文章。在提交文章只前最好将你做好的整个作品全部复制在你鼠标中，再提交。因为你在制作的过程中，由于时间太长，系统会提示你重新登陆.假如你复制在你鼠标中，即使提交失败，也不会浪费你的心血。你做的作品还在你鼠标里，你重新点发表文章，将鼠标中的作品粘贴进去，提交即可.
（看看你完整作品的效果）

想你绕心怀
文:编:某某
一曲想你绕心怀燕飞蝶舞轻盈来情怀依旧人远隔凝留佳话世人采   动画flash            欢迎您来到家园 --《网大远程学院》欢迎您  
 
 
 
 
 
 
HTML语言：CSS滤镜知识初解
编写:中华音画论坛
前面的课中我们学习了网页制作的一点基础语法,为了更好地美化网页,我们可以利用CSS滤镜来弥补HTML的不足。 CSS也就是层叠样式表，它可以控制和重设HTML中的绝大多数标记。是对HTML功能的补充，并非一种程序设计语言，其主要功能是通过对HTML标记进行设定，对网页中的对象进行有效控制，使网页能够按照设计者的意愿来显示。而CSS滤镜只不过是CSS众多的功能之一，这节课我来介绍几组CSS滤镜的基本应用。
一、Alpha滤镜：
我们先看这样一组代码：

你是不是看到我有什么变化？


效果图如下：
你是不是看到我有什么变化？
从效果中我们可以看出，Alpha滤镜使对象呈现出渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中： opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明； style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。 LINE-HEIGHT:150%（线性高度，也就是俗话说的行高）代表字与上面部分的距离，数字越大，字就越向下。当Alpha滤镜应用于文字时渐变的几种效果差别不是很明显，而用于图片时更加直观，我们再来看看用于图片的效果：
 

代码如下：


大家可以根据不同的效果设置style属性及width和LINE-HEIGHT各自的参数。就可得到自己想要的效果来。朋友们试一下吧！
二、Motion Blur滤镜：
Motion Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是否在运动模糊中使用原有目标，其值为0和1，0表示“否”，1表示“是”，Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离。以下是实例效果：
朋友，你看到投影效果了吗？
代码如下：


朋友，你看到投影效果了吗？


朋友们从效果图中可以看到这种模糊效果有点象3D中的投影效果，注意以下几个属性就可以想怎么设置就怎么设置。 FONT-SIZE:30pt字体的大小 add=1表示模糊的目标。0表示“否”，1表示“是” Direction属性是模糊移动的角度，其值为0至360度 Strength属性是模糊移动的距离,代表有多少像素的宽度将受到模糊影响。默认是5个
三、Drop Shadow滤镜：
实例代码：

看一下，我的阴影有颜色了吧


效果：
看一下，我的阴影有颜色了吧
它的主要特点：透明象素阴影。Drop Shadow滤镜主要产生重叠效果。其属性为： color属性：设置影子文本的颜色； offX和offY属性：影子文本下落的位移值； Positive属性：这个参数是一个布尔值，指定透明象素阴影，如果为1，是为非透明像素建立可见的投影。如果为0，就为透明的像素部分建立透明效果 Drop Shadow滤镜主要是阴影可以设置颜色。
四、Shadow滤镜：
与Drop Shadow的影子特性不同，Shadow滤镜产生一种阴影效果，它的属性比较简单：它的阴影是向下的 color属性：阴影颜色； direction属性：阴影角度，值取0至360度。实例：
朋友们，看到阴影是向下的了吗？
代码如下：

朋友们，看到阴影是向下的了吗？


五、Wave滤镜：
此滤镜对过滤对象生成正弦波变形，造成一种变幻效果。内嵌属性： add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之； freq属性：决定显示的频率，即应出现多少个波形； phrase属性：决定波形的形状，值取0至360之间； strength属性：决定波形的振幅。
实例效果：
我的身子是不是扭曲了？哈哈！
代码如下：

FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">我的身子是不是扭曲了？哈哈！


六、Glow滤镜：
Glow滤镜生成一种光晕效果。属性： color属性：光晕颜色；strength：是强度的表现，可以从1到255之间的任何整数来指定这个力度实例代码与效果：它的特点是有光晕。
先看看效果吧：
呵，是不是有光晕了啊
代码如下：

呵，是不是有光晕了啊


七、Flip滤镜：
Flip滤滤镜主要是产生两种变换效果，即上下变换和左右变换。FlipV产生上下变换，FlipH产生左右变换。
效果图如下：

水平（左右方向的）翻转代码：


垂直（上下方向的）翻转代码：


当然，这种翻转同样适用于文字，感兴趣的朋友不妨一试。
音乐的基本语法 编写：中华音画论坛     前面我们学习了CSS滤镜知识，今天我跟大家来交流一下音乐的基本语法，朋友们可根据自己的喜好选择使用。    首先我们来看看音乐的插入有哪几种格式。（1）展示播放界面的：
例如：


（2）隐藏播放界面的：

例如：


（3）以FLASH做为展示音乐播放的：


例如：


所用元素： 为多媒体插入标识符
src 媒体音乐地址
autostart 是否自动播放，true为自动，false为手动
loop 是否循环播放，true为循环，false只播放一次，false=3表示只播放3次
widht 播放界面的宽度
height 播放界面的高度
hidden 取值true为不可见，false反之，为可见
type 一个重要的值，指定音频类型
在有的论坛会根据有效的src自动给出type类型（这类论坛我们编写代码时可以省略type），但也有的论坛不会自动给出类型，这就需要用户指定了。type的取值依据和取值规定是：
WMP类：audio/mpeg (wma的可用audio/x-ms-wma)
RP类：application/octet-stream
Flash：application/x-shockwave-flash
细心的朋友可能注意到了，在以FLASH做为展示音乐时代码里多了这样两组参数：wmode="transparent"和 quality="high" ，那么这是什么意思呢？
wmode="transparent"表示了可指定FLASH背景透明，而quality="high"则表示以高档画质播放。大家在借用网上的动画时还会看到代码里有这样的一组：pluginspage=http://www.macromedia.com/go/getflashplayer它是用来指定插件下载地址的，可省略不用。
另外，给出三种播放类形型的常用格式供大家参考。fficeoffice" />
第一种：WMP格式
WMP即为Windows Media Player的缩写，是微软公司的媒体播放机，当前WMP所支持的音乐及影像媒体文件的格式主要有（仅介绍网络上常用的格式）：
MP3（音频）、WMA（音频）、WMV（视频）、AVI（视频）、MPEG（***）、WAV（音频）、MIDI（音频）、ASF（视频）、AIFF（音频）、AU（音频）、wpl文件（WMP播放列表文件）、m3u文件（Winamp的播放列表文件）等。
第二种：RP格式
这是有着悠久历史的一种媒体格式，宽带普及以前的网络媒体文件的老大，由RealNetworks公司开发。常见文件后缀名为：
rax、ram、rmm、rsml、rvx、rmj、rmx、rjt、rm
REAL也支持MP3、MIDI、Wav等格式的媒体文件，但它的播放效果没有WMP的好，所以没有列入RP格式。
第三种：Flash格式。其文件后缀名为.swf
HTML语言：关于移动的运用
编写：中华音画论坛
前面我们学习了边框的制作和图文的加入，但是网页仅仅有这些还不能很好的展示作者心中所想表达的意境，有时我们还需让文字及图片动起来，以丰富贴子的内涵，这就接触到移动的运用了，下面我们就讲讲移动的基本语法。首先我们先看看移动的几种展示效果：
1.从上往下的移动：
我从上向下移

代码：
我从上向下移

2.左右来回的移动：
哈哈，看我左右来回跑！

代码：哈哈，看我左右来回跑！

3.中间向两边跑的移动：
我往外跑啊！！啊跑外往我
代码：

align=center>
我往外跑啊！
！啊跑外往我


4.两边向中间聚的移动：
',1)">',2)">
代码：






朋友们都看到效果了吧,现在我们就来讲讲是什么实现了这些运动的效果。首先，我们来认识一下移动的一些属性及参数：
MARQUEE （令文字、图片移动）

align=center>表示居中
移动方向 :direction=“一个参数”， 参数有：left（左)、right(右)、up(上)、down(下)
速度：scrollamount=5
字体：font
宽度：width
高度：height
图片起始符：img src=
loop=3 走三次
背景色：bgcolor （bgcolor=pink）pink是背景颜色
behavior 移动方式。参数有：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
scrolldelay 表示延时，取值为毫秒，数值越大，停顿时间就越长。
在平时的运用中还有很多方法，在这儿就不一一列出了，移动不仅仅用于文字、图片，还可用于边框，朋友们可自己试试啊，你将会有惊奇的发现，动动手吧。
HTML第六课：图片拼合及动画拼合
编写：中华音画论坛
随着学习的深入，朋友们已不满足于仅仅是套用网络资源做贴了，渐渐地大家想用自己的创意来制作一个完全按自己意愿表达主题思想的音画贴，也就是时下很流行的宽屏大图片音画,这种贴在视觉效果上更加地美观、大气,很受网友的喜爱。
一个好的音画贴图片的制作非常重要，图片是音画帖的灵魂,好的音画帖主要看图片的艺术效果,关于PS图片处理的方法,朋友们可以到“梦馨苑音画”教室来听听课，相信会有收益的。图片制作过程在此就不细述了。
今天，我想跟朋友们交流一下有关于做好的音画图片如何拼合的问题。 首先我拉来看看裁切图片的拼合（以四张图片为例）。
代码格式如下：












以上我们讲了图片的拼合，下面再来说说FLASH音画的拼合，其实当你会了裁切图片的拼合，那么动画的拼合对你也就是小菜一碟了。我们只要将插入图片的标识符改写成插入FLASH的标识符就可以了，下面，我们来看看相关代码：




















欢迎您走进你我的家园 --《梦馨苑》教学网站


http://www.lxsc.net/


好了，格式朋友们已经掌握了，那么我们要弄明白的就是以上代码中跟前面所学有所不同的地方了。
在起始代码的部分，相信大家注意到了这样的一组代码：style="LEFT: -120px; WIDTH: 1008px; POSITION: relative; TOP: 0px",这点对大图音画贴的发贴是个关键，其属性如下：
LEFT: -120px;定位网页整体的左右位置，数值越小越向左偏移，反之向右移动
WIDTH: 1008px 整体网页的展示宽度，用像素值来定义
POSITION: relative设定网页以相对本文档面显示
TOP: 0px 边框距顶部的距离
其它的跟我们在前面所接触到的没有什么差别，好了，今天就到这里吧，下次的课上我们再对贴子进行一些美化吧
HTML语言：FLASH定位与文字的定位移动
编写:中华音画论坛
在今天的课上，我将和大家一起来做个美化音画贴的练习。能过上一课的学习，朋友们都已完成了裁切图片的拼合，但是，一个静态的大图还远远不能尽善尽美地表达作者的思想，这就要求我们来加入一些动态的元素来衬托贴子的主题，下面我们就来共同为你的作品加入动态FLASH。
还是以我们上节课中完成的拼合为例。
实例代码如下：



















相信大家看到了边框代码中的红色部分了，这就是我们今天要关注的。拼合图上加入FLASH和我们前面所接触到的在一张图片上加入FLASH是不同的，我们回顾一下在单张图片上加入FLASH的代码：
相关代码：





格式为：



此处为加载Flash代码

而在拼合的图上用这种方法也可以加入FLASH，但效果不理想，不能准确定位在自己想安排的位置上，朋友们可试一下。那么如何加入呢？这就转 入今天的正题了，呵呵，耽误了朋友们这么多时间，只是为了让大家有个比较。加定位FLASH代码如下：

style="LEFT: 0px; WIDTH: 750px; POSITION: absolute; TOP: 410px; HEIGHT: 260px"这就是定位用的
好了，看到这儿朋友们对它已不陌生了，这正是我们上节课讲到的定位网页是相同的，只是用在了加入FLASH的代码中就用来定位FLASH了，朋友们可试着调整数值看看有什么变化？哈哈，点通了就是这么简单啊，你会了吧?
那么，同样的，对文字的定位也是相同的，只需将定位代码放在插入文字的标识符中就可以达到定位文字的作用。
加入定位文字并使之移动的代码：

如水的夜晚，繁星点点，
独自依坐在月的清辉之下......FONT>

文字的定位并使之移动，不过是加入了移动码。要注意的是移动代码的加入位置,将它加在定位之后,文字之前就可以了。只说不练是不行的,朋友们,跟我一起动动手吧,相信一个完美的音画贴就要出炉了!OK
 
简单快速制作边框 简单快速制作边框 简单快速制作边框[随缘] 快速学会制作边框 快速学会制作音画边框 教你简单快速 制作精美的边框[中文博客群－文章摘要] PS教程--简单制作不规则边框 说说日志边框简单的制作 简单,快速易学的图像边框样式 - 中国教程网 【制作素材】多宽简单漂亮的边框 （十五）教你制作简单的边框 边框制作 制作边框 【边框制作】如何制作·日志边框 【边框制作】如何制作日志边框0 简单易学（永久保存）：用HTML代码制作日志边框教材 边框1制作 制作多层边框 制作古朴边框 【制作素材】日志边框 代码制作边框 多层边框的制作!!!!!!!!!!!!!!!!!!!!!!!!!!!! 无所谓边框制作 多层边框的制作