【第三章：吸引眼球的图文帖】第一课：教你如何成功制作图文并茂的交流帖？

发表话题回复话题加入本圈

【第三章：吸引眼球的图文帖】第一课：教你如何成功制作图文并茂的交流帖？

作者：芝麻芝麻开开门啊发表于：2008-10-20 22:40 浏览：[309] 回复：[37] 复制本文本链接

===【作业】==========================================================

 【1】在自己的博客上试验制作
 【2】题目格式统一为：题目格式统一为：【第三章作业：图文帖】题目自定(简洁)
 【3】准备统一发到赢在中国论坛参加【图文帖交流PK】（时间：群里通知）

 【备注】有问题请发个提问主贴!或到【有问必答】问题专贴提问：
 http://q.china.alibaba.com/quan/thread/detail/1035450/63352.html

 ==========================================================================

方法非常简单，只需要第一次学会如何操作，后面就能更加得心应手，您自己随时都可以做出更有特色的帖子：

方法说明：

第一步：复制下方的源代码：

<table style="WIDTH: 581px; HEIGHT: 752px" height="752" cellspacing="6" cellpadding="6" width="581" background="http://fs01.bokee.net/userfilespace/2007/02/08/wj12399341172.jpg" border="1">
 <tbody>
 <tr>
 <td>
 
 <table style="WIDTH: 537px; HEIGHT: 732px" bordercolor="#49454e" cellspacing="15" cellpadding="0" width="537" background="http://www.spiritisup.com/val7strip2.jpg" border="1">
 <tbody>
 <tr>
 <td background="../../fant8/fant8back1.jpg">
 <img style="WIDTH: 496px; HEIGHT: 156px" height="156" alt="" width="474" src="http://i05.c.aliimg.com/news/upload/5000780/news/2007/zlh/11_1224741133725.gif" />
 <span style="FONT-SIZE: 22pt; COLOR: yellow; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-bidi-font-family: 宋体; mso-font-kerning: 0pt"><span style="FONT-SIZE: 22pt; COLOR: yellow; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-bidi-font-family: 宋体; mso-font-kerning: 0pt">【携手共赢】相互交流　共同进步
 
 
 <span style="FONT-SIZE: 14pt; COLOR: #ff6600; FONT-FAMILY: 宋体; mso-bidi-font-family: ’’Times New Roman’’; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><span style="FONT-SIZE: 14pt; COLOR: fuchsia; FONT-FAMILY: 宋体; mso-ascii-font-family: ’Times New Roman’; mso-hansi-font-family: ’Times New Roman’; mso-bidi-font-family: ’’’Times New Roman’’’; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><a target="_blank" href="http://i04.c.aliimg.com/club/upload/user/b/1/d/c/b1dc8dd137a158ac8dca0d8d23b08743.gif"></a>
 <span style="FONT-SIZE: 14pt; COLOR: #ff6600; FONT-FAMILY: 宋体; mso-bidi-font-family: ’’Times New Roman’’; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><span style="FONT-SIZE: 14pt; COLOR: fuchsia; FONT-FAMILY: 宋体; mso-ascii-font-family: ’Times New Roman’; mso-hansi-font-family: ’Times New Roman’; mso-bidi-font-family: ’’’Times New Roman’’’; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><a target="_blank" href="http://i04.c.aliimg.com/club/upload/user/b/1/d/c/b1dc8dd137a158ac8dca0d8d23b08743.gif"><img style="WIDTH: 447px; HEIGHT: 34px" height="48" alt="" width="383" border="0" src="http://i04.c.aliimg.com/club/upload/user/b/1/d/c/b1dc8dd137a158ac8dca0d8d23b08743.gif" /></a>
 【第三章作业：图文帖】题目(简洁)
 <img height="32" alt="" width="408" src="http://i05.c.aliimg.com/club/upload/user/3/a/6/b/3a6ba0fe42a9cdf08fc02445728e7846.gif" />
 (请填入内容)
 <img style="WIDTH: 59px; HEIGHT: 43px" height="43" alt="" width="75" border="0" src="http://i02.c.aliimg.com/club/upload/user/3/c/0/7/3c0771976b0da4a21cae4e577eb1efe9.gif" />期待你带来感人和精彩的文章<img style="WIDTH: 59px; HEIGHT: 43px" height="43" alt="" width="75" border="0" src="http://i02.c.aliimg.com/club/upload/user/3/c/0/7/3c0771976b0da4a21cae4e577eb1efe9.gif" />
 <a target="_blank" href="http://i05.c.aliimg.com/club/upload/user/7/3/5/3/73536f6916a8b50aab66f7fdbaac77b0.jpg"><img height="188" alt="" width="492" border="0" src="http://i04.c.aliimg.com/club/upload/user/c/2/2/1/c22121f39e23183034feed9105a479d5.jpg" /></a> 
 </td>
 </tr>
 </tbody>
 </table>
 
 </td>
 </tr>
 </tbody>
</table>
第二步：博客点”发表文章“！在论坛点“发表普通帖”，

第三步：点击文章内容框左上角工具栏中的“源代码”编辑按钮，此刻按钮呈现蓝色背景，进入编辑状态！

第四步：把第一步中复制的源代码粘贴到空白方框内，再次点击左上角“源代码”按钮，蓝色背景消失，呈最初正常显示状态。

第五步：这时可看到看到帖子图片背景。

第六步：把帖子内的文字直接修改成您自己的文章内容，再调整到你满意就可以发表了。

注意：如果要改变里面的图片方法：

 1，再次点击左上角“源代码”按钮，呈现蓝色背景，进入编辑状态！

 2，找到你要改变的图片的地址：“http://”打头，“jpg”结尾，换成你需要的图片的地址！

 3，再次点击左上角“源代码”按钮，蓝色背景消失，呈最初正常显示状态。

 4，帖子内容可以放你前面课程学习发表的体会和观点！

 5，最后：点一下“预览”，看看效果，满意就点“发表”，不满意再改！

【范例】请看我博客制图习作：因为图文帖子不能发在圈里，只能发在博客或者论坛里！
 http://blog.china.alibaba.com/blog/qimeiyin/article/b0-i5226969.html