注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Good fun网易博客

图片文字素材库,时尚音乐,生活百科,精品博客

 
 
 

日志

 
 

如何制作音画贴  

2009-07-01 19:50:14|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

   制作音画贴常用的有三种方法:

1. 使用全代码制作.

2. 使用一些软件制作.(比如:FrontPage2003等)

3. 使用论坛的一些基本功能(主要是表格功能)制作.

这里是用在线编辑器来制作帖子.线编辑器的地址:

 http://www.gdcic.net/nds/deditor.html

这网址可以加入网页浏览器的收藏夹里保存好备用。

第一步: 熟 悉 设 置

 要使用编辑器,就一定要先熟悉一些常用的设置:首先打开上述网址,出现一个编辑器页面。看看下面有一组设置, "普通"是设计状态, "预览"是预览状态, "HTML"是代码状态.一般是在"普通"设计状态下编帖.

 第二步: 编 辑 制 作

先点击"普通"按钮,进入编辑区。

(一) 加 边 框

1. 点击如何制作音画贴 - 理睬 - 理 睬插入表格按钮,弹出一个对话框,点确定,就出现这样的一层 边框:

 

2. 因为是多层边框,所以,我们再复制几层这样的边框:

鼠标放在这个边框的边缘处,(出现一个十字标记),右击--复制,然后在边框外空的地方点一下,再把鼠标放进表 格内最*左边的位置,(鼠标进去后,可以用退格键试试,把多余的空格退掉,免得边框内有空格,边框会变高。)

 右击---粘贴,就出现双层边框。重复这样的操作,做成一个七层边框如下:

 

(二) 加 背 景 图 片

 刚才的边框设计是在"普通"状态下进行的,现在的背景图片是要在“HTML”代码状态下进行.

 1. 点击下面的"HTML"按钮,进入代码状态,出现的是这样的一段代码:

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>

<TBODY>

<TR>

<TD>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>

 2. 在这里,我们可以知道一些简单的代码知识:

 边框的颜色----borderColor=#cccccc

 单元间距----cellSpacing=2

 单元边距----cellPadding=3

 表格宽度----width="100%"

 背景颜色----bgColor=#ffffff

 边框粗细----border=1

 

3. 先要设置的是背景图片,所以把原来代码里第一组中的"bgColor=#ffffff "删去,为"background=".记得这地址后面要留有一个空格,否则图片将无法显示这里的"background"就是背景图片地址的意思,后面的就是要加的最外层的背景图片地址.

 

)如何制作音画贴 - 理睬 - 理 睬 如何制作音画贴 - 理睬 - 理 睬

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","对齐方式=右对齐",然后点确定.

好了,边框的设置到此结束.我们现在见到的,就是下面这样一个多层边框(如果不满意它的宽度的话,可以按照自己的意思再选中边框修改):

 

(三) 加 图 文 内 容

 漂亮的外框做好了(如果你想速成的话,可以直接借用别人的整套边框 素材,这样可以省却上面几步操作;但如

 果你想自己创作,自己来制作边框的话,就必须得这样一步步去完成)。下面就简单了,我们只要把自己准备原

始资料复制进去就可以了。如果文字和里面的图片大小不合适的话,你都可以选中之后,再进行文字和图片的编辑。

(另:如果引用图片时留下蓝色线条的话,可以选中图片,点击如何制作音画贴 - 理睬 - 理 睬去掉超级链接,就能把这蓝色线条去掉)

 


 

 
 

 如何制作音画贴 - Good fun - .

(Good fun博客:http://kaixinhaoren99.blog.163.com

 
 

 

 

对了,可别忘了给帖子配上一段合适的曲子哦~~~

方法:在帖子代码最后加上一段:

<EMBED src=音乐属性地址 width=0 height=0 type="audio/x-pn-realaudio-&#13;plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

最后一步:如果你不是很放心的话,可以先点"预览"先看看效果。满意了再将代码全部复制后,进到你的博客帖子编辑器里,点一下下面的“代码”字样,进入代码区,粘贴好后,再点一下下面的“代码”字样,就回到了“设计”状态。如果是“网易博客”的编辑器,就再点左上方“切换到预览状态”就可以观看你的帖子效果了。 

如果行了,点“切换到编辑状”返回编辑,填上“文章标题”、“标签”、“类别”。点开左下方的“摘要”字样,填上帖子摘要。好了,一切就绪。点击左下方“发表日志”就OK了。如果,系统弹出对话说过滤了有害代码,请修改后再发,点击“发表日志”就行。

(框的背景图片有你自己喜欢设置,本文图片的方框偶只用了上面的纯红色图片,花都没用,你可以用一种也可以每个框都不一样,这样会更漂亮,边距和间距你可以自己根据图片的具体情况来设置。)

 

超小动态小小图标素材 - Good fun - .博客制作技巧7:

相关文章


   本博客日志总导航 - Good fun - .时髦的留言模块款式及代码

   本博客日志总导航 - Good fun - .时钟代码(二)

   本博客日志总导航 - Good fun - .聊天室的制作方法与使用方法

   本博客日志总导航 - Good fun - .几种音乐的粘贴代码(及音乐盒)

   本博客日志总导航 - Good fun - .新手上路系列--图解外部媒体添加篇(上哲)

   本博客日志总导航 - Good fun - .网易博客代码(表格的高级样式) 

   本博客日志总导航 - Good fun - .博客代码(日志滚动条)

   本博客日志总导航 - Good fun - .博客代码(游戏)

   本博客日志总导航 - Good fun - .博客代码(纪念日倒计时)

   本博客日志总导航 - Good fun - .博客代码(祈愿不倒翁)

  本博客日志总导航 - Good fun - .如何备份博客?

  本博客日志总导航 - Good fun - .清明上河图及代码

  本博客日志总导航 - Good fun - .如何在博客日志中加插看不到【音乐播放器】(新手请入)

  评论这张
 
阅读(4049)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018