<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_双E软件</title><subtitle type="text">——专注C#、ASP.NET技术</subtitle><id>http://feed.cnblogs.com/blog/u/2342/rss</id><updated>2011-08-29T02:14:07Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><generator>CNBlogs BlogServer</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/2342/rss"/><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/08/29/2157389.html</id><title type="text">按规定长度显示指定绑定字段的内容</title><summary type="text">&amp;lt;%# Eval(&amp;quot;Title&amp;quot;).ToString().Length&amp;gt;20?Eval(&amp;quot;Title&amp;quot;).ToString().Substring(0,20)+&amp;quot;....&amp;quot;:Eval(&amp;quot;Title&amp;quot;) %&amp;gt;</summary><published>2011-08-29T02:14:00Z</published><updated>2011-08-29T02:14:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/29/2157389.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/29/2157389.html"/><content type="html">&amp;lt;%# Eval("Title").ToString().Length&amp;gt;20?Eval("Title").ToString().Substring(0,20)+"....":Eval("Title") %&amp;gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2157389.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/08/29/2157389.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/08/22/2149031.html</id><title type="text">asp.net中使用ckfinder2选择图片并返回图片文件的路径的代码</title><summary type="text">在ASP.NET页面中加入以下代码：&amp;lt;div&amp;gt; &amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;../ckfinder/ckfinder.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt; function BrowseServer(inputId) { var finder = new CKFinder(); finder.basePath = &amp;#39;../ckfinder/&amp;#39;; //导入CKFinder的路径</summary><published>2011-08-22T03:07:00Z</published><updated>2011-08-22T03:07:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/22/2149031.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/22/2149031.html"/><content type="html">&lt;p&gt;在ASP.NET页面中加入以下代码：&lt;/p&gt;&#xD;
&lt;p&gt;&amp;lt;div&amp;gt; &lt;br /&gt;&amp;lt;script type="text/javascript" src="../ckfinder/ckfinder.js"&amp;gt;&amp;lt;/script&amp;gt; &lt;br /&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; function BrowseServer(inputId) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var finder = new CKFinder();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; finder.basePath = '../ckfinder/'; //导入CKFinder的路径 &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; finder.selectActionFunction = SetFileField; //设置文件被选中时的函数 &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; finder.selectActionData = inputId; //接收地址的input ID &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; finder.popup();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; //文件选中时执行 &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; function SetFileField(fileUrl, data) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; document.getElementById(data["selectActionData"]).value = fileUrl;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; } &lt;br /&gt;&amp;lt;/script&amp;gt; &lt;br /&gt;&amp;lt;p&amp;gt; &lt;br /&gt;&amp;lt;asp:TextBox ID="txtImgPath" runat="server" Height="17px" Width="429px"&amp;gt;&amp;lt;/asp:TextBox&amp;gt; &lt;br /&gt;&amp;lt;input type="button" value=" 浏 览 " onclick="BrowseServer('&amp;lt;%=txtImgPath.ClientID %&amp;gt;');" /&amp;gt; &lt;br /&gt;&amp;lt;/p&amp;gt; &lt;br /&gt;&amp;lt;/div&amp;gt; &lt;br /&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2149031.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/08/22/2149031.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/08/19/2146034.html</id><title type="text">CKEditor3.6.1+CKFinder2.0.2结合 打造&amp;quot;帅&amp;quot;的编辑器 For .Net</title><summary type="text">原文见曾祥展的博客，做了一些细化和删改。1，将ckeditor解压打开，打开_Samples，将ckeditor文件夹拷贝项目中的根目录下2，将ckfinder解压，ckfinder文件夹拷贝项目中的根目录下，把_sample，_source，help文件夹删除掉，（注：没有用）3.添加CKFinder.dll和CKEditor.NET.dll引用4.在工具箱中添加CKEditorControl工具5.将CKEditorControl工具拖入到aps.net页面中，并在页面的后台代码中加入using CKFinder引用。并写入如下代码：protected void Page_Load(obj</summary><published>2011-08-19T09:47:00Z</published><updated>2011-08-19T09:47:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/19/2146034.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/19/2146034.html"/><content type="html">&lt;p&gt;原文见&lt;a title="曾祥展的博客" href="http://www.cnblogs.com/zengxiangzhan/"&gt;曾祥展的博客&lt;/a&gt;，做了一些细化和删改。&lt;/p&gt;&#xD;
&lt;p&gt;1，将ckeditor解压打开，打开_Samples，将ckeditor文件夹拷贝项目中的根目&lt;/p&gt;&#xD;
&lt;p&gt;录下&lt;/p&gt;&#xD;
&lt;p&gt;2，将ckfinder解压，ckfinder文件夹拷贝项目中的根目录下，把_sample，&lt;/p&gt;&#xD;
&lt;p&gt;_source，help文件夹删除掉，（注：没有用）&lt;/p&gt;&#xD;
&lt;p&gt;3.添加CKFinder.dll和CKEditor.NET.dll引用&lt;/p&gt;&#xD;
&lt;p&gt;4.在工具箱中添加CKEditorControl工具&lt;/p&gt;&#xD;
&lt;p&gt;5.将CKEditorControl工具拖入到aps.net页面中，并在页面的后台代码中加入&lt;/p&gt;&#xD;
&lt;p&gt;using CKFinder引用。并写入如下代码：&lt;br /&gt;&amp;nbsp;protected void Page_Load(object sender, EventArgs e)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; CKFinder.FileBrowser _filebowser = new FileBrowser();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; _filebowser.SetupCKEditor(this.CKEditorControl1); &lt;/p&gt;&#xD;
&lt;p&gt;//CKEditor控件内就可使用CKFinder了&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //_filebowser.BasePath = "/ckfinder/";&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/p&gt;&#xD;
&lt;p&gt;6.修改ckfinder/config.ascx 文件内容：&lt;br /&gt;public override bool CheckAuthentication()&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;//return false; 改这里&lt;br /&gt;&amp;nbsp;&amp;nbsp; // return HttpContext.Current.User.Identity.IsAuthenticated; 更安全&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; return true;&lt;br /&gt;}&lt;/p&gt;&#xD;
&lt;p&gt;SetConfig(): &lt;/p&gt;&#xD;
&lt;p&gt;BaseUrl = "~/ckfinder/userfiles/"; //此处设定客户端上传的文件&lt;/p&gt;&#xD;
&lt;p&gt;储存在服务器的哪个文件夹内。如：BaseUrl = "~/uploadfiles/";&lt;/p&gt;&#xD;
&lt;p&gt;&lt;/p&gt;&#xD;
&lt;p&gt;7.使用CKEditorControl1.Text获取编辑器内容&amp;nbsp;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2146034.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/08/19/2146034.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/08/17/2143584.html</id><title type="text">WEB.CONFIG资料收集</title><summary type="text">asp.net夜话之十一：web.config详解收藏</summary><published>2011-08-17T13:03:00Z</published><updated>2011-08-17T13:03:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/17/2143584.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/08/17/2143584.html"/><content type="html">&lt;p&gt;&lt;a title="asp.net夜话之十一：web.config详解收藏" href="http://msdn.microsoft.com/zh-cn/dd365946.aspx"&gt;asp.net夜话之十一：web.config详解收藏&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2143584.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/08/17/2143584.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/05/18/2050113.html</id><title type="text">ckeeditor和ckfinder在asp.net中的使用</title><summary type="text">一、官方Download1、CKEditor ：点击CKEditor.NET标题下的“Download zip”按钮下载的文件：ckeditor_aspnet_3.5.3.zip2、CKFinder ：点击Asp.net标签下的“Download zip”或者“Download tar.gz”按钮（PS:两个按钮下载的内容一样，说明）下载的文件：ckfinder_aspnet_2.0.2.1.zip——CKEditor是新一代的FCKEditor，很明显的不同点是CKEditor中文件上传功能独立出来了，需要配合使用CKFinder才能实现。二、具体配置顺序1、在项目中添加对应的文件右击网站.</summary><published>2011-05-18T07:02:00Z</published><updated>2011-05-18T07:02:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/05/18/2050113.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/05/18/2050113.html"/><content type="html">&amp;nbsp; &#xD;
&lt;p style="text-align: left; margin-bottom: 5pt" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;一、官方&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;Download&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;1&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&lt;a href="http://ckeditor.com/download" target="_blank"&gt;&lt;span style="color: #1a64a2; text-decoration: none; text-underline: none"&gt;CKEditor&lt;/span&gt;&lt;/a&gt; &lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;：点击&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor.NET&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;标题下的&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;Download zip&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;按钮&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;下载的文件：&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;ckeditor_aspnet_3.5.3.zip&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&lt;a href="http://ckfinder.com/download" target="_blank"&gt;&lt;span style="color: #1a64a2; text-decoration: none; text-underline: none"&gt;CKFinder&lt;/span&gt;&lt;/a&gt; &lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;：点击&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;Asp.net&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;标签下的&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;Download zip&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;或者&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;Download tar.gz&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;按钮（&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;PS:&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;两个按钮下载的内容一样，&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&lt;a href="http://www.cnblogs.com/gppblog/archive/2011/03/11/1981609.html" target="_blank"&gt;&lt;span style="font-family: 宋体; color: #1a64a2; text-decoration: none; text-underline: none"&gt;说明&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;）&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;下载的文件：&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;ckfinder_aspnet_2.0.2.1.zip&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;strong&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8212;&amp;#8212;CKEditor&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;是新一代的&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;FCKEditor&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;，很明显的不同点是&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;中文件上传功能独立出来了，需要配合使用&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKFinder&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;才能实现。&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;二、具体配置顺序&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;1&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、在项目中添加对应的文件&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;右击网站，添加引用。依次添加两个文件夹中&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;\bin\Debug&amp;#8221; &lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;中的&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;dll&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;文件&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8212;&amp;#8212;CKEditor.NET.dll&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKFinder.dll&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、将文件夹&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckeditor&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckfinder&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;添加到网站的根目录下&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;注意，下载的文件中包括很多用不到的文件，可以稍微清理一下：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;此版本对于&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;只需要&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;\_Samples&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;文件夹下的&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckeditor&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;文件夹即可，其余都可不要。&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;3&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、修改配置文件&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;（&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;1&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;）&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;配置：打开&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckeditor\config.js&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;文件，根据需要添加配置信息&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEDITOR.editorConfig = function(config) {&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin-bottom: 5pt" align="left"&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;config.skin = 'v2'; //&lt;/span&gt;&lt;span style="font-family: 宋体; color: #111111; font-size: 14pt"&gt;选择皮肤，源文件在&lt;/span&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;&amp;#8220;ckeditor\skins\&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: #111111; font-size: 14pt"&gt;中&lt;/span&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;&lt;br /&gt;config.resize_enabled = false; &lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin-top: 5pt" align="left"&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;// &lt;/span&gt;&lt;span style="font-family: 宋体; color: #111111; font-size: 14pt"&gt;基础工具栏&lt;/span&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;&lt;br /&gt;// config.toolbar = "Basic";&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;// &lt;/span&gt;&lt;span style="font-family: 宋体; color: #111111; font-size: 14pt"&gt;全能工具栏&lt;/span&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;&lt;br /&gt;// config.toolbar = "Full";&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;// &lt;/span&gt;&lt;span style="font-family: 宋体; color: #111111; font-size: 14pt"&gt;自定义工具栏&lt;/span&gt;&lt;span style="font-family: Verdana; color: #111111; font-size: 14pt"&gt;&lt;br /&gt;config.toolbar =&lt;br /&gt;[&lt;br /&gt;['Source', '-', 'Preview'], ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'],&lt;br /&gt;['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'], &lt;br /&gt;['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'ShowBlocks'], '/',&lt;br /&gt;['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],&lt;br /&gt;['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['Link', 'Unlink', 'Anchor'], &lt;br /&gt;['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar'], '/',&lt;br /&gt;['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', '-', 'About']&lt;br /&gt;]; &lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;}&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;（&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;）在&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;中集成&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKFinder&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;，注意对应文件的路径&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;将下面的内容继续添加到&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckeditor\config.js&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;文件中&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEDITOR.editorConfig = function(config) {&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8230;&amp;#8230;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserBrowseUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/ckfinder.html'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;; &lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;//&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;不要写成&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;"~/ckfinder/..."&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;或者&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;"/ckfinder/..."&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserImageBrowseUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/ckfinder.html?Type=Images'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserFlashBrowseUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/ckfinder.html?Type=Flash'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserUploadUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&amp;amp;type=Files'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserImageUploadUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&amp;amp;type=Images'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserFlashUploadUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&amp;amp;type=Flash'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserWindowWidth = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'800'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;//&amp;#8220;&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;浏览服务器&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;弹出框的&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;size&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;设置&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.filebrowserWindowHeight = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;'500'&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;; &lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;}&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;（&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;3&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;）&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKFinder&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;的配置：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;打开&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;#8220;ckfinder\&amp;#8221;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;下的用户控件&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;config.ascx&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;，更改其&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;BaseUrl&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;路径：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;BaseUrl = &lt;/span&gt;&lt;span style="font-family: Verdana; color: #a31515; font-size: 14pt"&gt;"~/upfiles/"&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;&amp;nbsp;//&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;前提条件是根目录上必需存在用来存放上传文件的&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;upfiles&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 14pt"&gt;文件夹。&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&lt;a href="http://11011.net/software/vspaste"&gt;&lt;/a&gt;&lt;a href="http://11011.net/software/vspaste"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;并且更改：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: blue; font-size: 14pt"&gt;public override bool&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CheckAuthentication()&amp;nbsp; {&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family: Verdana; color: green; font-size: 14pt"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //return false;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style="font-family: Verdana; color: blue; font-size: 14pt"&gt;return true&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;;&lt;/span&gt;&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;}&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&lt;a href="http://11011.net/software/vspaste"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;至此，配置工作终于完成啦。。&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;三、在页面应用&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;控件&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;1&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、在页面中注册&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;控件：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;div style="border-bottom: #2f6fab 1pt dashed; border-left: #2f6fab 1pt dashed; padding-bottom: 12pt; padding-left: 12pt; padding-right: 12pt;background: #f9f9f9; margin-left: 18pt; border-top: #2f6fab 1pt dashed; margin-right: 0cm; border-right: #2f6fab 1pt dashed; padding-top: 12pt"&gt;&lt;pre style="border-bottom: medium none; border-left: medium none; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; margin-bottom: 11.25pt;background: #f9f9f9; border-top: medium none; border-right: medium none; padding-top: 0cm"&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #333333"&gt;&amp;lt;%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&#xD;
&lt;p align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;此代码写在&lt;/span&gt;&lt;span style="font-family: 新宋体;background: yellow; font-size: 9pt"&gt;&amp;lt;%&lt;/span&gt;&lt;span style="font-family: 新宋体; color: blue; font-size: 9pt"&gt;@&lt;/span&gt;&lt;span style="font-family: 新宋体; font-size: 9pt"&gt; &lt;span style="color: #a31515"&gt;Page&lt;/span&gt; &lt;span style="color: red"&gt;Language&lt;/span&gt;&lt;span style="color: blue"&gt;="C#"&lt;/span&gt; &lt;span style="color: red"&gt;AutoEventWireup&lt;/span&gt;&lt;span style="color: blue"&gt;="true"&lt;/span&gt;&amp;nbsp;&lt;span style="color: red"&gt;CodeFile&lt;/span&gt;&lt;span style="color: blue"&gt;="Default.aspx.cs"&lt;/span&gt; &lt;span style="color: red"&gt;Inherits&lt;/span&gt;&lt;span style="color: blue"&gt;="_Default"&lt;/span&gt; &lt;span style="background: yellow"&gt;%&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: 新宋体; font-size: 9pt"&gt;的后面。&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、然后，在&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;中需要放置该控件的位置加入&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;的实例：&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;div style="border-bottom: #2f6fab 1pt dashed; border-left: #2f6fab 1pt dashed; padding-bottom: 12pt; padding-left: 12pt; padding-right: 12pt;background: #f9f9f9; margin-left: 18pt; border-top: #2f6fab 1pt dashed; margin-right: 0cm; border-right: #2f6fab 1pt dashed; padding-top: 12pt"&gt;&#xD;
&lt;p style="border-bottom: medium none; text-align: left; border-left: medium none; padding-bottom: 0cm; padding-left: 0cm; padding-right: 0cm; margin-bottom: 11.25pt;background: #f9f9f9; border-top: medium none; border-right: medium none; padding-top: 0cm" align="left"&gt;&lt;span style="font-family: 'Courier New'; color: #333333; font-size: 14pt"&gt;&amp;lt;CKEditor:CKEditorControl ID="CKEditor1" runat="server"&amp;gt;&amp;lt;/CKEditor:CKEditorControl&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;3&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;、程序中使用&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;this.CKEditor1.Text&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;获取&lt;/span&gt;&lt;span style="font-family: Verdana; color: black; font-size: 14pt"&gt;CKEditor&lt;/span&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;控件的内容&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left; margin: 5pt 0cm" align="left"&gt;&lt;span style="font-family: 宋体; color: black; font-size: 14pt"&gt;四、运行程序即可&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p style="text-align: left" align="left"&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2050113.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/05/18/2050113.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2011/05/03/2035048.html</id><title type="text">用户体验的网站首页设计的准则</title><summary type="text">转自：http://www.alixixi.com/web/a/2010062560343.shtml最近在给学员培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到别人的页面是这样，他也就闷头模仿，还传递了一句名言：“模仿是雷管，创新是炸药”。话虽如此，可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则，如何站在公司的角度考虑公司的利益，如何站在用户的角度给用户良好的体验，如何站在行业的角度延续行业长期培育起来的用户习惯，在网页设计中一定要注意这些准则。下面重点说说在主页设计的时候我们应该赋予主页</summary><published>2011-05-03T03:06:00Z</published><updated>2011-05-03T03:06:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2011/05/03/2035048.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2011/05/03/2035048.html"/><content type="html">&lt;p&gt;转自：&lt;a href="http://www.alixixi.com/web/a/2010062560343.shtml"&gt;http://www.alixixi.com/web/a/2010062560343.shtml&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;最近在给学员培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到别人的页面是这样，他也就闷头模仿，还传递了一句名言：&amp;#8220;模仿是雷管，创新是炸药&amp;#8221;。话虽如此，可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则，如何站在公司的角度考虑公司的利益，如何站在用户的角度给用户良好的体验，如何站在行业的角度延续行业长期培育起来的用户习惯，在&lt;a href="http://www.webjx.com/web/"&gt;&lt;font color="#07519a"&gt;网页设计&lt;/font&gt;&lt;/a&gt;中一定要注意这些准则。&lt;/p&gt;&#xD;
&lt;p&gt;下面重点说说在主页设计的时候我们应该赋予主页的十二个任务：&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第一个任务：体现站点的标识和使命&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;上 次看到一组数据，说当今全球网站数量已经上亿了，平均每天看1万个网站，那么一个人要花30年才能看完这些网站，可是30年中又会有无数的网站诞生，也许 又要花60年才能再看完，总之这辈子是看不完了。说明网站竞争相当激烈，同一个类型的网站同时有上万家在竞争是不足为奇的，所以在竞争中一个网站的主 页就显得格外重要。&lt;/p&gt;&#xD;
&lt;p&gt;主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户，大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解 他第一次打开你网站他关心什么。经过长时间的调查和试验，用户第一次打开一个网站大部分是这四个问题：&lt;/p&gt;&#xD;
&lt;p&gt;A 这是什么网站？&lt;/p&gt;&#xD;
&lt;p&gt;B 网站上有什么？&lt;/p&gt;&#xD;
&lt;p&gt;C 我能在这里做什么？&lt;/p&gt;&#xD;
&lt;p&gt;D 为什么我应该选择这里，而不是其他地方？&lt;/p&gt;&#xD;
&lt;p&gt;下面我们以阿里巴巴为例看看他是如何表达这四个问题的。&lt;/p&gt;&#xD;
&lt;p&gt;阿里巴巴在国内是电子商务类网站用户体验公认做得最好的，这个不想论证，就看他的网站LOGO，橙色加黑色，网站整体CI就是这个色，标识下方的&amp;#8220;全球领先的网上贸易市场&amp;#8221;。&lt;/p&gt;&#xD;
&lt;p&gt;第一个问题：阿里巴巴是做什么的？看完这个LOGO如果您还不知道，那么接着您的视线从LOGO位置水平向右移，看到导航，还不知道是做什么的？天！好吧，请托动滚动条，浏览一下网页。&lt;/p&gt;&#xD;
&lt;p&gt;第二个问题：我能在这里做什么？从阿里巴巴首页右上角的导航条，很明显的告诉用户，用户在这里可以&amp;#8220;采购&amp;#8221;和&amp;#8220;销售&amp;#8221;这是主打服务，其他的看用户的需求。&lt;/p&gt;&#xD;
&lt;p&gt;第三个问题：网站上有些什么？如果前两个问题你在阿里巴巴上已经没有疑问了，那么这个问题阿里巴巴已经在主页上很好的回答你了。&lt;/p&gt;&#xD;
&lt;p&gt;第四个问题：为什么我应该在这里？&amp;#8220;全球领先的网上贸易市场&amp;#8221;这句话的效果不要小看哦！&lt;/p&gt;&#xD;
&lt;p&gt;好了，通过阿里巴巴的例子，已经告诉各位看官主页的第一个任务&amp;#8213;&amp;#8213;体现站点的标识和使命。主页要告诉用户我这是什么网站，我是做什么的，为什么你应该来我的网址。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第二个任务：网站导航和站点层次&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;网站要给出网站提供的服务的概貌，既要包括内容&amp;#8213;&amp;#8213;&amp;#8220;我能在这里找到什么？&amp;#8221;。也要包括功能&amp;#8213;&amp;#8213;&amp;#8220;我能做什么？&amp;#8221;。还有这些服务是如何组织的。这项工作 通常由持久导航来处理。其实一个网站的导航是非常重要的，他是网站的通道，通道如何设计才能让用户最方便快捷的到他想去的页面，如何设计才能把网站最好的 内容体现在用户面前，导航设计有哪些讲究，避免出现哪些错误，这些问题后面的文章都会一一解答。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第三个任务：搜索&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;对于信息量大的网站搜索是很必要的，否则即使你其他元素处理得再好，用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳！&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第四个任务：导读&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;就像杂志封面一样，主页要用一些&amp;#8220;里面有精彩内容&amp;#8221;的暗示来吸引我，&amp;#8220;内容推荐&amp;#8221;部分应该突出最新、最好、最热门等的内容片断，例如头条或者热销和热文等等。&amp;#8220;功能推荐&amp;#8221;部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第五个任务：内容更新&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;如果网站的成功取决于用户是否经常来访，那么主页应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象，哪怕只是一个到最新的新闻链接，告诉用户这里并不是一潭死水。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第六个任务：登陆注册&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;如果网站使用会员制，主页应该为新用户注册和老用户登陆提供链接或者直接登陆框，免得用户四处寻找，至于是提供链接还是直接的登陆框，需要设计师来衡 量，是黏性较强还是较弱，是老用户多还是新用户多，页面位置该不该腾出一个地方出来放置登陆框，用户的习惯会是怎样的，关于登陆框的问题，以后说。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第七个任务：快捷方式&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;最常访问的内容片断，如软件升级等，值得在主页上放置链接，免得用户四处寻找。现在很多网站的快捷方式是网站一厢情愿的，不是用户经常访问哪些内容网站 就把这部分内容以快捷方式的形式体现在首页，而是网站方面最近新推出了什么业务，网站有什么新的动向，把这些内容作为快捷方式，认为最好是根据网站特 点来考虑，看看是为用户多考虑合适还是为自己多考虑合适。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第八个任务：友情链接&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;需要在主页上预留空间，用来放置广告、交叉推广、合作品牌的友情链接等等，这里不多说了，有很多人问一个新的网站如何与别人交换链接？如何交换到质量较好的链接？交换链接的质量好坏如何评定？一篇文章咱说不完。会专门来说这个问题。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第九个任务：让用户看到他正在寻找的东西&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;主页应该让用户想要的任何东西显而易见，如果这些内容在站内某个角落的话。当然，不是把网站的所有东西都罗列出来，弄得一个主页十几屏，用脑子嘛！&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第十个任务：告诉用户还有他没有寻找到的&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;主页应该让用户看到一些很精彩的、用户也许会感兴趣的内容，就算用户并没有寻找他们。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第十一个任务：告诉用户从哪里开始&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;用户第一次到一个网站还无从下手，感觉就像和女生睡觉，都把她衣服脱光了，她还呆若木鸡，面无表情。网站首页应该如何安排才能完成这个任务，其实方法有很多，这里不多说，后面会详细的说。（写道这里好像累计了好几篇文章啦，找个时间向各位看官慢慢解答）&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;第十二个任务：建立可信度和信任感&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;对于一些访问者来说，主页将是你的网站给他们留下好印象的唯一机会。&lt;/p&gt;&#xD;
&lt;p&gt;好了，主页的十二个任务，草草的罗列了一下，具体如何运用还需要大家根据自身的特点，站在网站自身的角度，站在用户的角度，站在行业的角度，十二个任务是纵向的，三个角度是横向的，各位看官用心的取舍，细细的考究吧！ &lt;/p&gt;&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/2035048.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2011/05/03/2035048.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859650.html</id><title type="text">开发播放器中所学/用到的知识</title><summary type="text">http://www.taoshaw.com/taoshaw/article.asp?id=1280</summary><published>2010-10-24T02:28:00Z</published><updated>2010-10-24T02:28:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859650.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859650.html"/><content type="html">http://www.taoshaw.com/taoshaw/article.asp?id=1280&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/1859650.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859650.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859592.html</id><title type="text">关于使用IDE制作样式表后不能正常显示的问题</title><summary type="text">在使用vs2005的IDE生成样式功能时,使用了背景图片,但将此应用于网页时,却发现不能显示图片,我百思不得其解.后对照别人做的样式表,认真仔细地核对,终于发现问题出在背景图片的路径上,在IDE生成样式时,是以网站根目录为起点,而不是以样式表所在位置为起点,所以出现这种情况只需将路径改成相对于样式表的图片路径就可以了.</summary><published>2010-10-23T16:29:00Z</published><updated>2010-10-23T16:29:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859592.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859592.html"/><content type="html">在使用vs2005的IDE生成样式功能时,使用了背景图片,但将此应用于网页时,却发现不能显示图片,我百思不得其解.后对照别人做的样式表,认真仔细地核对,终于发现问题出在背景图片的路径上,在IDE生成样式时,是以网站根目录为起点,而不是以样式表所在位置为起点,所以出现这种情况只需将路径改成相对于样式表的图片路径就可以了.&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/1859592.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2010/10/24/1859592.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2010/10/16/1853073.html</id><title type="text">http://www.zydn.net/html/list/1/1268.htm</title><summary type="text">http://www.zydn.net/html/list/1/1268.htm</summary><published>2010-10-16T06:58:00Z</published><updated>2010-10-16T06:58:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/16/1853073.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/16/1853073.html"/><content type="html">http://www.zydn.net/html/list/1/1268.htm&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/1853073.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2010/10/16/1853073.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/ahuang1118/archive/2010/10/07/1844910.html</id><title type="text">域用户组策略禁用QQ等软件</title><summary type="text">组策略/用户配置/Windows设置/安全设置/软件限制策略/其他规则/新建路径规则/输入在任务管理器中看到的所要禁用的软件进程名称。如：QQ.exe QQGame.exe QQGameDl.exe等。</summary><published>2010-10-07T00:32:00Z</published><updated>2010-10-07T00:32:00Z</updated><author><name>双E软件</name><uri>http://www.cnblogs.com/ahuang1118/</uri></author><link rel="alternate" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/07/1844910.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/ahuang1118/archive/2010/10/07/1844910.html"/><content type="html">组策略/用户配置/Windows设置/安全设置/软件限制策略/其他规则/新建路径规则/输入在任务管理器中看到的所要禁用的软件进程名称。&lt;br /&gt;如：QQ.exe QQGame.exe QQGameDl.exe等。&lt;img src="http://www.cnblogs.com/ahuang1118/aggbug/1844910.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/ahuang1118/archive/2010/10/07/1844910.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry></feed>
