三原色日志

三原色日志--关注创意设计动态,表达syscy.com观点

« 上传图片--FCKEditor的用法品牌:三原色与三原色创意 »

三原色案例模版更新帮助文档

本文档是三原色案例 如何更新的帮助图解。三原色案例是介绍三原色的案例的,一般是设计图片和案例介绍。

先介绍下准备工作:

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

三原色案例模版更新帮助文档5

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

三原色案例模版更新帮助文档6

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

三原色案例模版更新帮助文档7

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

三原色案例模版更新帮助文档1

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

三原色案例模版更新帮助文档2

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

三原色案例模版更新帮助文档3

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

三原色案例模版更新帮助文档4

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

三原色案例模版更新帮助文档8

上图中<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.上图中两个图片都加好说明属性后,完整地将小图片的代码剪切下来,粘在下面的摘要里。粘贴时,也要选中源代码,然后再粘贴。

三原色案例模版更新帮助文档12

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

三原色案例模版更新帮助文档9

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

三原色案例模版更新帮助文档10

 

 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710 Code detection by Codefense

Copyright 三原色创意 SYSCY.COM. Some Rights Reserved.