桐城网

 找回密码
 我要注册

QQ登录

只需一步,快速开始

查看: 11130|回复: 46

HTML发贴 音乐图片制作(love3请进)

[复制链接]

110

主题

2万

回帖

2万

积分

桐网进士

Rank: 7Rank: 7Rank: 7

积分
22397
鲜花(0) 鸡蛋(0)
发表于 2008-3-14 20:44:40 | 显示全部楼层 |阅读模式

    亲爱的LOVE3同学:鉴于您多次询问如梦发的帖是如何制作的再弄个简单的教程,现在用最简单,最通俗的口语化语言,手把手教小天使如何使用HTML代码发简单的贴以及音乐图片制作知识。当然,电脑的知识是无止境的,我也不是高手,也和大家一样有太多需要学习的东西,我仅仅是将我所知道的,我所会的全部知识毫无保留的和大家分享。同时也期盼众桐油们能够提供其它更好的发漂亮音画帖的方法,以便加以改进。


要发HTML贴,必备是音乐 图片(音乐图片平时都会找吧,百度呀嘿嘿我常用的,下面还推荐了一些网站):

百度:
http://image.baidu.com/
搜搜图片:http://image.soso.com/
图片大宝库:http://www.dabaoku.net/
景象图片:http://www.viewstock.com/WelCome/WelcomePage.aspx

千龙图片:http://photo.qianlong.com/
Google 图片:http://images.google.com/
CCN 图片:http://www.ccnpic.com/

还有好多可以帮你找图片的网站,在这里我就不一一列出来了。我每次发帖都会在百度上搜索相关的图片,然后再保存至本地电脑,再上传到SOGUA网站的个人相册(空间无限),可能有很多人也使用51,你也可以上网到那里不过要记得不要留51的水印,因为桐网的水印太丑,如果漂亮些,这部分的工作可以省略……

记得要发HTML贴的时候,必须首先要点代码状态下粘贴上代码(如下图):

现在开始学习发帖了哦(不准打瞌睡更不准嫌烦啦,你要知道我发这帖更烦啦)

第一步:点发表新帖(跟我们平时发帖一样)然后找到下面的表格图标(在第三排第五个就是),点击如下图,选1乘1表格

第二步:选完1乘1表格后,会看到一个长框框,用鼠标选定框框,然后拖动如下图大小(大小随便你,自己喜欢多大就多大)

第三步:点代码(看到没,现在这个表格在“设计”里面对吧,点它邻居代码,还不知道在哪??看我上面发的第一张图,谢谢呀)

这时你会看到以下内容:(千万别晕,是不是有点看不懂?没关系哦,我第一次看头也晕,有点耐心哦,谢谢啦)

<table style="WIDTH: 43.4%; HEIGHT: 196px" cellSpacing=0 cellPadding=0 border=1>
<tbody>
<tr>
<td>&nbsp;</td></tr></tbody></table>

先来解释下里面的一些东东的意思哦(里面红色的0、0、1是可以随便更改的)
WIDTH: 43.4%; HEIGHT: 196px:表格大小
cellSpacing:边框与内置边框的宽度
cellpadding:文本与表框的距离用,值越大,表示输入的文字离边框越远
border:边框大小,值越大,表示边框越宽(或叫厚)

了解大概的意思就好了,不用背这些哦,我一会会再给一些相应用语解释

继续

框框的雏形已经出来,现在我们就简单学习一下如何在里面加背景颜色(黑色)和边框的颜色(橙色)先加背景吧,在上面代码的基本上加入

<table style="WIDTH: 43.4%; HEIGHT: 196px" cellSpacing=3 cellPadding=2 bgColor=#000000 border=4>
<tbody>
<tr>
<td></td></tr></tbody></table>

bgColor=#000000(6个零就是黑颜色的代码)“bgColor”就是指背景颜色(很简单吧,就是在代码里面将背景颜色等于黑色就行了)这时你再点设计查看,是不是刚刚的表格变成了下面的这样(如果你看到你的表格也变成下面的这样说明已成功一半了晒

 

再继续

第四步:改边框的颜色(需再回到代码状态呀)在第三步代码的基本上加入borderColor=#ff9900其中borderColor就是指边框颜色,后面的#ff9900橙色的代码

<table style="WIDTH: 43.4%; HEIGHT: 196px" borderColor=#ff9900 cellSpacing=3 cellPadding=2 bgColor=#000000 border=4>
<tbody>
<tr>
<td></td></tr></tbody></table>

加完borderColor边框颜色之后你再点下设计,看看你的表格框框有没有变成下面的这样(如果还没弄成这样,啪啪……打)

第五步:插入图片(如果上面都完成了,说明你跟成功就差四分之一啦哈再坚持一会哦)我找了张图片对着图点右键,点复制,然后鼠标回到框内,点粘贴,如果想让图片居中、居左或居右显示就点上面第一排第几个(自己数先,你平时发帖怎么将文字居中的晒,因这现在的框框小,根本看不出是居中还是居左或居右)

第五步:加入文字或音乐(像平时一样添加就好啦)

love3以及看了本帖的桐油们注意啦,现在布置作业啦:按上面的五步发个有边框、背景颜色、图片、音乐的帖子,只要不是用代码直接发的,每人奖励桐币500(不给我钱还要倒贴555555555……)

顺便提供一下简单视频

 

[此帖子已被 Θ傲气dё如夢 在 2008-3-14 21:37:34 编辑过]

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。
该用户已被删除
发表于 2008-3-17 10:23:21 | 显示全部楼层

Θ傲气dё如夢:
楼上的,是把播放器放里框框里面呀

如梦辛苦了。。

嘿嘿。。

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

244

主题

3684

回帖

4611

积分

桐网举人

Rank: 4

积分
4611
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-15 13:54:09 | 显示全部楼层
嘿嘿!好玩!!
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

103

主题

2013

回帖

2131

积分

桐网贡生

Rank: 3Rank: 3

积分
2131
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-15 13:56:06 | 显示全部楼层

整的再花哨也没用 歌一定要好听。。。

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

634

主题

1万

回帖

1万

积分

桐网进士

Rank: 7Rank: 7Rank: 7

积分
15684
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-16 11:55:06 | 显示全部楼层

算了

不是黑色也可以

总算会弄了

谢谢如梦

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

9

主题

114

回帖

126

积分

文都秀才

Rank: 2

积分
126
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-14 20:50:47 | 显示全部楼层

呵呵   有点看不懂   太长了

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

112

主题

3727

回帖

4442

积分

荣誉会员

Rank: 8Rank: 8

积分
4442
鲜花(0) 鸡蛋(0)
发表于 2008-3-14 21:02:59 | 显示全部楼层

来学学

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

123

主题

850

回帖

986

积分

桐网贡生

Rank: 3Rank: 3

积分
986
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-14 21:28:30 | 显示全部楼层

放框不好看吧

【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

110

主题

2万

回帖

2万

积分

桐网进士

Rank: 7Rank: 7Rank: 7

积分
22397
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2008-3-14 21:32:13 | 显示全部楼层
:lol :lol

[ 本帖最后由 Θ傲气dё如夢 于 2008-9-24 00:54 编辑 ]
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

123

主题

850

回帖

986

积分

桐网贡生

Rank: 3Rank: 3

积分
986
QQ
鲜花(0) 鸡蛋(0)
发表于 2008-3-14 21:36:44 | 显示全部楼层
适合就好嘛,搞那么大多丑是吧
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。
您需要登录后才可以回帖 登录 | 我要注册

本版积分规则

快速回复 返回顶部 返回列表