本文档是三原色案例 如何更新的帮助图解。三原色案例是介绍三原色的案例的,一般是设计图片和案例介绍。
先介绍下准备工作:
首先准备案例的图片,小图片的尺寸是是258*158 ,大图片的宽度限定为510,高度就不限了。它们的单位都是像素。
其次是三原色案例中心的格式文件:
<div class="case_one_img">
图像
</div>
<div class="case_one_intro">
<h2>标题</h2>
<p>段落1</p>
<p>段落2</p>
<p></p>
</div>
上图中<div class="case_one_img">和</div>中包括的是大图片。这样大图片就能按照预定的格式显示。
而<div class="case_one_intro">和</div>里面则是案例的说明文档,<h2>和</h2>中是标题。用标题字扩起来,就使得搜索引擎认为这些字的重要性高于一般字,高于<p>和</p>扩起来的一般字。<p>和</p>表示是段落,这里面表示是一个自然段。
正式开始文档编写上传
1.三原色案例中心采用的是Z-Blog,如图登录后台首先点击“新建文章(可视编辑)”,即会进入编辑界面。

2.首先写①文章题目,如图:关键词要放在前面。比如“网站建设案例”即是我们的关键词。②再点击“展开高级选项(文章摘要,置顶选项,静态别名等)”会出现一些高级选项。

如图,①要认真填好题目,对搜索排名重要。②分类要选好。③Tags分类决定案例的自由分类,便于以后组合展示案例。④最后是别名,是出现在URL中的语义化。

下图中的Tags部分点击后面的“显示全部Tags”则会出现已有的Tag.点击它则会自动填入文本框。

3.上传图片。将准备好的图片从如图的位置上开始上传。

4.上传完毕后,点击下图中①中的“源代码”按钮。图②中的其他按钮则变虚了。图③ 处则出现图片的网页HTML代码了。

5.如图,复制图中的模版。阴影部分。

6.将复制的东西粘贴在图中的代码部分。在图片的下面。

7.将题目直接复制,粘贴在图片里面的alt=""中。alt表示图像的说明属性,加上说明文字就能让搜索引擎能够认识到图片是什么。如下图中的图①图 ②都是。

上图中<p>和结尾的</p>还是表示一个自然段的意思。
<img title="" alt="" src="" /> 这里面表示一个图片,Title和alt的属性类似,是对图片的说明,在这里我们只选择alt即可。src表示图像的路径。
<img title="" alt="" src="" onload="ResizeImages(this,520)" /> 在此例中,onload="ResizeImages(this,520)"是Z-Blog的一个JS函数,表示图像如果超过520宽即会自动缩小为520.它的目的是防止图片过大撑开网页。
完整的图片代码例子:<img title="" alt="网站建设案例:新网全球邮qqyou.net.cn" src="http://anli.syscy.com/upload/site-200711-qqyou-s.jpg" onload="ResizeImages(this,520)" />
8.上图中两个图片都加好说明属性后,完整地将小图片的代码剪切下来,粘在下面的摘要里。粘贴时,也要选中源代码,然后再粘贴。

粘贴后,再点击源代码,即回到如图的图文编辑界面。

9.在回到正文的编辑框中。图①处,将大图片整个剪切至<div class="case_one_img">和</div>中。图②中将说明文字按说明填写即可以。<h2>和</h2>是标题。它可以复制。<p>和</p>中是段落。它们是可以复制的。
