￥==跟我一起学做美图==￥

丽丽格格

￥==跟我一起学做美图==￥

来自：MACD论坛(bbs.macd.cn) 作者：丽丽格格 浏览：23253 回复：167

     来到MACD后我发了一些自己制作的美图，有不少朋友喜欢,问我是如何制作的，现在我来介绍一下,我是如何制作美图的： 我是用HTML语言做图的，HTML的英语全称为Hyper Text Markup Language，中文意思是超文本标识语言（简称为：超文本语言）。它是计算机语言的最基础、最简单的部分。我们知道计算机最基本的识别文字（也叫语言）就是26个英文字母+10个阿拉伯数字+部分标点符号。论坛上的HTML音画制做是不借助任何软件的，所以就必须使用HTML语言（部分网站及专业论坛是不开放HTML设置的）。

     想学的朋友可以继续往下看：
初学者（包括偶）一打开HTML制式，看到的往往是一堆代码，即便不晕也是丈二和尚，往往会在这个时期放弃学习，实际上你只要摸上规律，找到窍门，它是很简单的，因为它的组成是有定律的、是固定的（不象爱情那么没有规律、那么复杂，嘿嘿）。

下面我就从最基本的、最基础东西开始，和大家共切磋（高手勿看，否则俺就紧张、害羞啦）

HTML语言音画最基本的构成就是四个部分：
1.边框
2.图片（内容）
3.音乐
4.FLASH

下面先讲边框：

边框可以设置任意N层，你想要几层就几层.........

下面是一个七层边框的实例介绍，图片可以任意换，只要你觉着好看就行：

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>

<TD>（此处插入主文）</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

其中：border =边框粗细   width= 边框宽度     height =边框高度    cellspacing=单元格间距 cellpadding=边框间距   borderColor=边框颜色 background =插入的背景


下面是帖子内容的基本格式（这些您可要记住了，如记忆力不好，可复制到文件夹里）


1、贴图片格式（支持jpg、gif等格式），红色代码是图片居中命令：

<P align=center> <IMG src="内容图片地址"></P>

2、贴普通字体格式，蓝色代码为字的颜色、红色代码为字的大小（最大为了7，最小为1），其他运动字体的格式，另行讲解：

<CENTER><FONT face=宋体 color=#e4dc9b size=4>macd论坛</FONT></CENTER>

3、贴FLASH格式（红色代码分别是宽度与高度）：

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>

贴音乐格式（红色部分为播放器的大小，设置为0就隐藏了播放器）：

1.背景音乐（适合　mid wma等格式）
<bgsound src=音乐网址 Loop=-1>

2.音频（适合MP3 WMA RM等很多格式）
<embed src=网址 AutoStart=true Loop=true width=400 height=40

特效字体

1、<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>欢迎大家</B></FONT></P>


2<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#9370DB); WIDTH: 100%; COLOR: #ffebcd; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">记住看贴要回帖呀</B></FONT></CENTER>


3、<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 400px"><FONT face=隶书 color=#1e90ff>
<CENTER><B>macd论坛</B></CENTER></FONT></FONT>


4、<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black,direction=180); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">
<P align=center><B>特效字体很多很多<BR>我只发了几个自己喜欢用的<BR></B></P></FONT>

     下面是帖子内容文字的代码：

<*FONT face=隶书 color=#FFFF00 size=5*>

［face=隶书］ 指字体

［color=#FFFF00］ 指文字颜色

［size=4］ 指文字大小，数值越大文字越大

文字中间<*br>是换行符号

色彩渐变代码生成器


http://member.netease.com/~phoesky/tool/colorjb.htm






色彩渐变代码生成器,把你需要的代码复制粘贴进去就可以了


http://member.netease.com/~phoesky/tool/colorjb.htm

[ Last edited by 丽丽格格 on 2005-3-5 at 11:05 ]

丽丽格格

素材
http://yuandi.com/wysc/index.htm
http://www.enchantingdesignz.com/linkware/danny/gift.html
http://www.enchantingdesignz.com/linkware/danny/trin.html
http://www.enchantingdesignz.com/linkware/danny/w1.html
http://www.enchantingdesignz.com/linkware/brigid/per.html
这是边框
操作就是复制粘贴到代码里面去.

HTML编辑器http://www.miciti.net/editor.asp

[ Last edited by 丽丽格格 on 2005-1-28 at 11:53 ]

买卖sky

好，天天学习。

丽丽格格

请用HTML编辑器学做图http://www.miciti.net/editor.asp

操作简单，很容易学的，就是把图片复制粘贴到边框里面请看：

实例说明

1.边框     
打开 HTML编辑器将(查看HTML源代码)打勾, 把下面代码复制粘贴到HTML编辑器,再取消勾.边框就显示出来了.

<TABLE cellSpacing=4 borderColorDark=#410b08 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://www.xxjy.net/UploadFile/2004-12/20041213143816655.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://www.xxjy.net/UploadFile/2004-12/20041213143816655.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://www.xxjy.net/UploadFile/2004-12/20041213143823986.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=3 borderColorDark=#410b08 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://www.xxjy.net/UploadFile/2004-12/20041213143816655.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://www.xxjy.net/UploadFile/2004-12/20041213143823986.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<DIV align=center>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="93%" background=http://www.xxjy.net/UploadFile/2004-12/20041213143816655.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="99%" background=http://www.xxjy.net/UploadFile/2004-12/20041213143823986.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#410b08 cellPadding=0 width="93%" borderColorLight=#a50303 background=http://www.xxjy.net/UploadFile/2004-12/20041213143816655.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#410b08 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://www.xxjy.net/UploadFile/2004-12/20041213143823986.jpg border=1>
<TBODY>
<TR>
<TD width="100%">

2.图片

把图片复制粘贴到边框里面







祝大家新春快乐!!

3.抓图

将完成的美图复制粘贴到能支持开放HTML源代码的论坛里，发好图后用能抓活动窗口的抓图软件
抓图，抓好后保存在硬盘里，就可以发上来了。



实例2
1.做背景
     A.下面是一层背景的代码：
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">

调节背景的 宽度 width=700

    B.加入图片地址=http://www.s1.inets.jp/~rouge/free/bf013.jpg
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=http://www.s1.inets.jp/~rouge/free/bf013.jpg border=0>
<TBODY>
<TR>
<TD width="100%">

现在打开 HTML编辑器，将(查看HTML源代码)打勾, 把上面代码复制粘贴到HTML编辑器,
再取消勾.边框就显示出来了.




2.插入图片和文字






你让我感动你让我心动
你让我洒满一路芬芳的影踪
温情在流动
热情又相拥
一份真的关怀你不说我也懂
你让我感动
你让我心动
...................................
点击居中对齐，调整字体的颜色和大小。

3.美图完成



[ Last edited by 丽丽格格 on 2005-1-29 at 11:29 ]

买卖sky

革命成功了，到十级了，从此不再灌水了。

买卖sky

请问莉莉拿的可是茉莉花。

丽丽格格

...........















[ Last edited by 丽丽格格 on 2005-1-29 at 00:08 ]

倒泻箩蟹

格格呵！
這麽複雜的東東，
我一世都學不懂，

丽丽格格

1

丽丽格格

2

二，我们把套好的表格内插入您需要的图片

三，我们在这里找到您需要的代码，很简单是不是啊

记得把代码中的地址改为网络地址，要不然就是×了




四，把这些代码复制到你的帖子里就OK了，哈哈，其实就是那么的简单

[ Last edited by 丽丽格格 on 2005-1-24 at 16:36 ]

紫水晶玻璃心

晕，太复杂了吧？

紫水晶玻璃心

又看了一遍，慢慢学吧！谢谢格格！

丽丽格格

Originally posted by 紫水晶玻璃心 at 2005-1-24 16:40
又看了一遍，慢慢学吧！谢谢格格！

呵呵!是的慢慢学吧！就看你有没有兴趣了!

贾忠秋

这个 HTML在线编辑器 是长期有效吗?

虎威

谢谢格格，现在MACD还不支持HTML，以后会支持的。

hd-hur

谢谢丽丽格格!

打倒小日本

强烈支持！！

平--静

真是不错！谢谢格格~

沙漠玫瑰

谢谢格格提供这么好的教材！辛苦了！

潜力

丽丽格格讲解的很仔细啊，支持好帖，如意快乐！