简单音画帖子制作 - 沉默是金的日志 - 网易博客
来源:百度文库 编辑:神马文学网 时间:2024/07/01 14:27:51
简单音画帖子制作 2006-12-16 19:26
字号: 大 中 小小
音画帖子制作,常用的有三种方法:
1. 使用全代码制作.
2. 使用一些软件制作.(比如:FrontPage2003等)
3. 使用论坛的一些基本功能(主要是表格功能)制作.
这里是用在线编辑器来制作帖子.在线编辑器的地址:
http://www.gdcic.net/nds/deditor.html
这网址可以加入网页浏览器的收藏夹里保存好备用。
第一步: 熟 悉 设 置
要使用编辑器,就一定要先熟悉一些常用的设置:首先打开上述网址,出现一个编辑器页面。看看下面有一组设
置, "普通"是设计状态, "预览"是预览状态, "HTML"是代码状态.我们一般是
在"普通"设计状态下编帖.
第二步: 编 辑 制 作
好了,准备工作做好了,我们开始实际操作了:先点击"普通"按钮,进入编辑区,注意,你现在就进入
了"普通"设计状态了。
(一) 加 边 框
1. 点击
插入表格按钮,弹出一个对话框,点确定,就出现这样的一层 边框:
2. 因为是多层边框,所以,我们再复制几层这样的边框:
鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后
在边框外空的地方点一下,再把鼠标放进表
格内最*左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高。)
右击---粘贴,就出现双层边框。重复这样的操作,做成一个七层边框如下:
(二) 加 背 景 图 片
刚才的边框设计是在"普通"状态下进行的,现在的背景图片是要在“HTML”代
码状态下进行.
1. 点击下面的"HTML"按钮,进入代码状态,出现的是这样的一段代码:
2. 在这里,我们可以知道一些简单的代码知识:
边框的颜色----borderColor=#cccccc
单元间距----cellSpacing=2
单元边距----cellPadding=3
表格宽度----width="100%"
背景颜色----bgColor=#ffffff
边框粗细----border=1
3. 我们先要设置的是背景图片,所以,我们把原来代码里第一组中的"bgColor=#ffffff "删去,改为"background=
图片地址".记得这地址后面要留有一个空格,否则图片将无法显示.
这里的"background"就是背景图片地址的意思,后面的
图片地址,就是 我要加的最外层的背景图片地址.
(背景图片1)
4. 接下来,把代码里第二组中的""bgColor=#ffffff "删去,改为"background=
图片地址".
这是加上第二层边框的背景图片:
(背景图片2)
5. 以同样的方法加上其他几层边框的背景图片:
(3)
(4)
(5)
(6)
(7)
6. 好了,背景图片设置好了,接下来就是设置边框的大小了.如果你刚才介绍的几个代码熟悉的话,可以在代码状
态里把这些数字按照你自己的意思稍作修改就行.如果觉得不是很清楚的话,我们就回到"Design"设计状态里去修
改.
7. 点击Design,选中最外层的边框,(鼠标放在这一层边框的边缘部分,点击左键),边框外就出现九个小方块,然后
点击按钮,弹出一个表格设置的对话框,我们把它设置为:"边框粗细=0","单元间距=30","单元边距=30","对齐方式
=默认",然后点确定.同样的方法选中第二层边框,设置这一层的边框为:"边框粗细=0","单元间距=8","单元边距
=8","对齐方式=右对齐",然后点确定.
第三层边框的设置为:"边框粗细=0","单元间距=10","单元边距=10","对齐方式=右对齐","背景颜色=黑色",然后
点确定.
第四层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
第五层边框的设置为:"边框粗细=0","单元间距=8","单元边距=8","对齐方式=右对齐",然后点确定.
第六层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
第七层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
好了,边框的设置到此结束.我们现在见到的,就是下面这样一个多层边
框(如果不满意它的宽度的话,可以按照自己的意思再选中边框
修改):
(三) 加 图 文 内 容
漂亮的外框做好了(如果你想速成的话,可以直接借用别人的整套边框 素材,这样可以省却上面几步操作;但如
果你想自己创作,自己来制作边框的话,就必须得这样一步步去完成)。下面就简单了,我们只要把自己准备原
始资料复制进去就可以了。如果文字和里面的图片大小不合适的话,你都可以选中之后,再进行文字和图片的编
辑。
(另:如果引用图片时留下蓝色线条的话,可以选中图片,点击
去掉
超级链接,就能把这蓝色线条去掉)
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
制作加背景及边框
的音乐图文帖
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
正文
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
![](http://img611.photo.163.com/liyc580/53614456/1917844511.jpg)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
正文
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
![](http://img611.photo.163.com/liyc580/53614456/1917844511.jpg)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
沉默是金欢迎您
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
对了,可别忘了给帖子配上一段合适的曲子哦~~~
方法:在帖子代码最后加上一段:
字号: 大 中 小小
音画帖子制作,常用的有三种方法:
1. 使用全代码制作.
2. 使用一些软件制作.(比如:FrontPage2003等)
3. 使用论坛的一些基本功能(主要是表格功能)制作.
这里是用在线编辑器来制作帖子.在线编辑器的地址:
http://www.gdcic.net/nds/deditor.html
这网址可以加入网页浏览器的收藏夹里保存好备用。
第一步: 熟 悉 设 置
要使用编辑器,就一定要先熟悉一些常用的设置:首先打开上述网址,出现一个编辑器页面。看看下面有一组设
置, "普通"是设计状态, "预览"是预览状态, "HTML"是代码状态.我们一般是
在"普通"设计状态下编帖.
第二步: 编 辑 制 作
好了,准备工作做好了,我们开始实际操作了:先点击"普通"按钮,进入编辑区,注意,你现在就进入
了"普通"设计状态了。
(一) 加 边 框
1. 点击
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_1.jpg)
2. 因为是多层边框,所以,我们再复制几层这样的边框:
鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后
在边框外空的地方点一下,再把鼠标放进表
格内最*左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高。)
右击---粘贴,就出现双层边框。重复这样的操作,做成一个七层边框如下:
(二) 加 背 景 图 片
刚才的边框设计是在"普通"状态下进行的,现在的背景图片是要在“HTML”代
码状态下进行.
1. 点击下面的"HTML"按钮,进入代码状态,出现的是这样的一段代码:
2. 在这里,我们可以知道一些简单的代码知识:
边框的颜色----borderColor=#cccccc
单元间距----cellSpacing=2
单元边距----cellPadding=3
表格宽度----width="100%"
背景颜色----bgColor=#ffffff
边框粗细----border=1
3. 我们先要设置的是背景图片,所以,我们把原来代码里第一组中的"bgColor=#ffffff "删去,改为"background=
![](http://photo.blog.163.com/photo/5SwyIawOLt59+3W3whlxkA==/855120979247009213.jpg)
这里的"background"就是背景图片地址的意思,后面的
![](http://photo.blog.163.com/photo/5SwyIawOLt59+3W3whlxkA==/855120979247009213.jpg)
![](http://photo.blog.163.com/photo/5SwyIawOLt59+3W3whlxkA==/855120979247009213.jpg)
4. 接下来,把代码里第二组中的""bgColor=#ffffff "删去,改为"background=
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_2.jpg)
这是加上第二层边框的背景图片:
(背景图片2)
5. 以同样的方法加上其他几层边框的背景图片:
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_2.jpg)
![](http://photo.blog.163.com/photo/5SwyIawOLt59+3W3whlxkA==/855120979247009213.jpg)
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_2.jpg)
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_3.jpg)
6. 好了,背景图片设置好了,接下来就是设置边框的大小了.如果你刚才介绍的几个代码熟悉的话,可以在代码状
态里把这些数字按照你自己的意思稍作修改就行.如果觉得不是很清楚的话,我们就回到"Design"设计状态里去修
改.
7. 点击Design,选中最外层的边框,(鼠标放在这一层边框的边缘部分,点击左键),边框外就出现九个小方块,然后
点击按钮,弹出一个表格设置的对话框,我们把它设置为:"边框粗细=0","单元间距=30","单元边距=30","对齐方式
=默认",然后点确定.同样的方法选中第二层边框,设置这一层的边框为:"边框粗细=0","单元间距=8","单元边距
=8","对齐方式=右对齐",然后点确定.
第三层边框的设置为:"边框粗细=0","单元间距=10","单元边距=10","对齐方式=右对齐","背景颜色=黑色",然后
点确定.
第四层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
第五层边框的设置为:"边框粗细=0","单元间距=8","单元边距=8","对齐方式=右对齐",然后点确定.
第六层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
第七层边框的设置为:"边框粗细=0","单元间距=2","单元边距=2","对齐方式=右对齐",然后点确定.
好了,边框的设置到此结束.我们现在见到的,就是下面这样一个多层边
框(如果不满意它的宽度的话,可以按照自己的意思再选中边框
修改):
(三) 加 图 文 内 容
漂亮的外框做好了(如果你想速成的话,可以直接借用别人的整套边框 素材,这样可以省却上面几步操作;但如
果你想自己创作,自己来制作边框的话,就必须得这样一步步去完成)。下面就简单了,我们只要把自己准备原
始资料复制进去就可以了。如果文字和里面的图片大小不合适的话,你都可以选中之后,再进行文字和图片的编
辑。
(另:如果引用图片时留下蓝色线条的话,可以选中图片,点击
![](http://image4.360doc.cn/DownloadImg/2009/5/7/121469_3403935_4.jpg)
超级链接,就能把这蓝色线条去掉)
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
制作加背景及边框
的音乐图文帖
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
正文
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
![](http://img611.photo.163.com/liyc580/53614456/1917844511.jpg)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
正文
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
![](http://img611.photo.163.com/liyc580/53614456/1917844511.jpg)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
![](http://img611.photo.163.com/liyc580/53136003/1908483961.gif)
沉默是金欢迎您
![](http://photo.blog.163.com/photo/H7T0g+QPEJzGQxERkRuUEA==/3163215788274425056.jpg)
对了,可别忘了给帖子配上一段合适的曲子哦~~~
方法:在帖子代码最后加上一段:
简单音画帖子制作 - 沉默是金的日志 - 网易博客00
简单音画帖子制作 - 沉默是金的日志 - 网易博客
制作图形公告栏 - 沉默是金的日志 - 网易博客
沉默是金的日志 - 网易博客
来自定义博客的制作技巧和特殊代码 - 沉默是金的日志 - 网易博客
[博客技巧]教您制作邮票相册 - 沉默是金的日志 - 网易博客
[博客技巧]教您制作邮票相册 - 沉默是金的日志 - 网易博客
[博客技巧]教您制作邮票相册 - 沉默是金的日志 - 网易博客
[博客技巧] 在线生成简单的动画 - 沉默是金的日志 - 网易博客
[博客技巧] 在线生成简单的动画 - 沉默是金的日志 - 网易博客
制作滚动的图片 - 沉默是金的日志 - 网易博客
文档加音画代码 - 沉默是金的日志 - 网易博客
【教程素材】教您自制音画套装边框 - 沉默是金的日志 - 网易博客
在线制作Flash图片展示 - 沉默是金的日志 - 网易博客
教你制作艺术相册 - 沉默是金的日志 - 网易博客
制作月历壁纸DIY - 沉默是金的日志 - 网易博客
在线制作彩色文字和logo - 沉默是金的日志 - 网易博客
推荐一个实用网站:中文logo在线制作 - 沉默是金的日志 - 网易博客
在线制作彩色文字和logo - 沉默是金的日志 - 网易博客
推荐一个实用网站:中文logo在线制作 - 沉默是金的日志 - 网易博客
教你制作特效字 - 沉默是金的日志 - 网易博客
在线制作Flash图片展示 - 沉默是金的日志 - 网易博客
制作月历壁纸DIY - 沉默是金的日志 - 网易博客
教你制作艺术相册 - 沉默是金的日志 - 网易博客