网页设计中的色彩比例

    要是能够像那些专业站点一样制作出令人心动的网页菜单当然是再好不过的了，如果你并不会这些Javascript技术也没有关系，就由WebMenuShop在短短的几分钟之内让你的主页增色不少。

　　WebMenuShop是一款用于快速建立网页菜单的软件，可以很轻松的制作形式多样的网页菜单，在制作过程中可以即时预览所得到的菜单内容，并且能够很方便地把菜单保存下来作为他用。而且值得一提的是，整个WebMenuShop的菜单制作流程只有四个步骤，因此很快就能够轻松搞定这一切。

　　第一步：选择菜单的风格

　　运行WebMenuShop之后，先在右边的【样式效果】标签下确定菜单的风格。这里提供了水平菜单、竖直菜单和嵌入浏览器三种主菜单样式，而且在点击“高级选项”之后还能够针对主菜单的位置进行设定，例如我们可以通过距离左边和上边的距离来定位菜单在网页中的绝对位置，也能够设定菜单保持在显示区域的固定位置，并不随着滚动条的拖动而改变位置。

　　针对子菜单而言，这里可以设定子菜单采用普通、滑动或者使淡入淡出的显示方式，还有子菜单显示在主菜单上方还是下方，并且能够设置当鼠标移动到主菜单上就立即显示出子菜单，这样就无需我们点击鼠标来激活子菜单，同时也使得你的主页更加具有人性化。

　　第二步：定义菜单结构和属性

　　在进行这一步之前需要提醒大家一个事项：主菜单可以没有子菜单，但是子菜单下不能再有子菜单。点击【结构属性】标签之后，我们最好先点击工具条上的“+”来添加几个子菜单，这些都可以在左边的菜单结构区域中预览到。接着选择主菜单，并在右边的属性设置窗口中分别确定菜单的标题、链接地址、目标框架等内容，而且还能够通过GIF或者是JPEG图片代替菜单标题，这样当鼠标移动到图片上之后就会有子菜单弹出。

　　设定好主菜单之后，我们再逐一选取子菜单项，同样按照上述的方法设定好相关的属性，同时还能够增加一个状态说明文本，它的作用是在浏览器下部的状态栏中给每个子菜单进行解释，以便浏览者能够明确理解每个子菜单的功能。

　　在定义菜单结构的时候，如果发现子菜单的顺序颠倒了，不需要重新建立一个子菜单，只要点击工具条中的上下箭头就能够调整菜单的位置顺序，而且通过左右箭头还可以把当前选中的菜单变为主菜单或者是作为上级主菜单下的一个子菜单。有了这个功能的帮助，像笔者一样的马虎人就再也不怕了。

　　第三步：定义菜单外观

　　点击【外观】标签来改变菜单的外观尺寸、字体大小和鼠标指针等属性，还能够在每一个菜单项前面添加一个修饰符号，使得菜单看起来更加醒目。由于菜单的外观对于整个页面的影响很大，所以建议大家每做一次修改都通过工具栏中的IE图标来预览一下，然后再有针对性的进行更改设置。

　　第四步：选择菜单颜色

　　WebMenuShop默认的颜色为Windows2000菜单颜色，如果你不喜欢的话也可以按照自己的意愿来重新设定，不过这里就需要你有一些艺术细胞了，呵呵。

　　上面的操作完成之后，点击工具条中的IE图标激活浏览器预览一下，看看效果怎么样？满意之后我们就需要把制作好的菜单添加到网页中了。这时可以按下列步骤进行：

　　1、把软件所在目录的workspace子目录下的menu.jse、define.js和hr.gif这3个文件拷贝到网页所在目录。点击这里下载]

    添加FTP站点

    1、运行CuteFTP，在“FTP Site Manager(FTP站点管理)”窗口中，单击“New”按钮，就会弹出一个如图1所示的对话框。

图1 “新建站点”对话框

    2、在“Label for site(站点标签)”文本框中输入FTP站点的名称。

    3、在“FTP Host Address(站点地址)”文本框中输入站点的地址。

    注意：这个地址不能带有ftp://之类的字头，也不能带有文件夹的路径，而必须是站点本身的地址。

    4、在“FTP site User Name(站点用户名)”和“FTP site Password(密码)”文本框中分别输入登录所需要的用户名和密码。

    5、如果登录站点不需要密码，则在“Login Type(注册类型)”区域中选择“Anonymous(匿名)”单选钮。

    6、在“Port(端口)”文本框中输入FTP地址的端口，默认值是21。

    至此我们已经新建一个FTP站点。

    上传和下载文件

    添加了站点之后，在站点管理窗口中选择一个FTP(注意只能选择一个FTP站点)，与之建立连接。连接到服务器以后，CuteFTP的窗口被分成左右两个窗格。左边的窗格显示本地硬盘的文件列表，右边的窗格显示远程硬盘上的文件列表。文件列表的显示方式和Windows的资源管理器完全一样，如图2所示。

    上传和下载都可以通过拖曳文件或者文件夹的图标来实现。将右侧窗格中的文件拖到左侧窗格中，就可以下载文件；将左侧窗格中的文件拖动到右侧窗格中，就可以上传文件。

如见Web2.0被吵的如火如荼，同时也有很多的评论褒贬不一。有人说Web2.0就是“一帮人在看皇帝的新装而已”。也有人说Web2.0将是一场变革。无论这些争论有没有价值，但我相信，存在就有它的必然性。也许Web2.0更像是一种商业模式，一个观念的变革而非技术。
     不管怎样，它来了，你准备好了吗？
     说到Web2.0，就会提到Blog、TAG、SNS、RSS、wiki这些软件应用和xml、ajax等这些新理论和技术实现。
RSS毋容置疑就是其重要的应用之一。

     那么什么是RSS？它到底有什么用呢？

     RSS是站点与站点之间共享内容的一种简易方式(也称为“聚合内容”)，通常被用于新闻和其他按顺序排列的网站，例如Blog网站。网站提供RSS输出，有利于让用户发现网站内容的更新。网站用户可以在客户端借助于类似新闻资讯阅读器等支持RSS的新闻聚合工具软件，在不打开网站内容页面的情况下阅读支持RSS输出的网站内容。
     RSS是基于XML的一种形式。并且所有的RSS文件都要遵守万维网联盟(W3C)站点发布的XML 1.0规范。具体格式可以查一下RSS 2.0规范，这里就不再重复粘贴了。

下面是我总结的几种RSS的技术实现代码：

1.在线生成RSS聚合页。

(1)创建Rss.aspx
<%@ Page language="c#" Codebehind="Rss.aspx.cs" AutoEventWireup="false" Inherits="LiTianPing.Rss" %>
只留下这一行，其余的都删掉。

(2)后台代码；Rss.aspx.cs

  private void Page_Load(object sender, System.EventArgs e)
  {    
   Response.ContentType="text/xml";
   Response.Write(GetRSS());
  }

  /// <summary>
  /// 取得聚合文章
  /// </summary>
  /// <returns></returns>
  public string GetRSS()
  {
   News t=new News();//自己的业务类
   DataSet ds=t.GetListByClass(1);//根据类别得到数据
   
   StringBuilder strCode=new StringBuilder();
   strCode.Append("<?xml version="1.0" encoding="utf-8" standalone="yes" ?>");
   strCode.Append("<rss version='2.0' xmlns:dc="http://purl.org/dc/elements/1.1/"");
   strCode.Append(" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" ");
   strCode.Append(" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/">");
 

　　一、文字设计的原则

　　1． 文字的可读性：

　　 文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主题和构想意念。

　　2． 赋予文字个性：

　　文字的设计要服从于作品的风格特征。文字的设计不能和整个作品的风格特征相脱离，更不能相冲突，否则，就会破坏文字的诉求效果。 一般说来，文字的个性大约可以分为以下几种：
　　（1） 端庄秀丽。这一类字体优美清新，（2） 格调高雅，（3） 华丽高贵。 （4） 坚固挺拔。字体造型富于力度，（5） 简洁爽朗，（6） 现代感强，（7） 有很强的视觉冲击力。 （8） 深沉厚重。字体造型规整，（9） 具有重量感，（10） 庄严雄伟，（11） 不（12） 可动摇。 （13） 欢快轻盈。字体生动活泼，（14） 跳跃明快，（15） 节奏感和韵律感都很强，（16） 给人一种生机盎然的感受。 （17） 苍劲古朴。这类字体朴素无华，（18） 饱含古韵，（19） 能给人一种对逝去时光的回味体验。 （20） 新颖独特。字体的造型奇妙，（21） 不（22） 同（23） 一般，（24） 个性非常突出，（25） 给人的印象独特而（26） 新颖。

　　3.在视觉上应给人以美感：

　　 在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。

　　4.在设计上要富于创造性：

　　 根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。

　　二、文字的组合

　　文字设计的成功与否，不仅在于字体自身的书写，同时也在于其运用的排列组合是否得当。如果一件作品中的文字排列不当，拥挤杂乱，缺乏视线流动的顺序，不仅会影响字体本身的美感，也不利于观众进行有效的阅读，则难以产生良好的视觉传达效果。要取得良好的排列效果，关键在于找出不同字体之间的内在联系，对其不同的对立因素予以和谐的组合，在保持其各自的个性特征的同时，又取得整体的协调感。为了造成生动对比的视觉效果，可以从风格、大小、方向、明暗度等方面选择对比的因素。

　　但为了达到整体上组合的统一，又需要从风格、大小、方向、明暗度等方面选择协调相同的因素。 将对比与协调的因素在服从于表达主题的需要下有分寸的运用，能造成既对比又协调的，具有视觉审美价值的文字组合效果。 文字的组合中，要注意以下几个方面： 1． 人们的阅读习惯 文字组合的目的，是为了增强其视觉传达功能，赋予审美情感，诱导人们有兴趣的进行阅读。因此在组合方式上就需要顺应人们心理感受的顺序。

　　下面，列出人们的一般阅读顺序。

　　1.水平方向上，人们的视线一般是从左向右流动；垂直方向时，视线一般是从上向下流动；大于45度斜度时，视线是从上而下的；小于45度时，视线是从下向上流动的。

　　2． 字体的外形特征 不同的字体具有不同的视觉动向，例如：扁体字有左右流动的动感，长体字有上下流动的感觉，斜字有向前或向斜流动的动感。因此在组合时，要充分考虑不同的字体视觉动向上的差异，而进行不同的组合处理。比如：扁体字适合横向编排组合，长体字适合作竖向的组合，斜体字适合作横向或倾向的排列。合理运用文字的视觉动向，有利于突出设计的主题，引导观众的视线按主次轻重流动。

　　3． 要有一个设计基调 对作品而言，每一件作品都有其特有的风格。在这个前提下，一个作品版面上的各种不同字体的组合，一定要具有一种符合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部的对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整个作品才会产生视觉上的美感，符合人们的欣赏心理。 除了以统一文字个性的方法来达到设计的基调外，也可以从方向性上来形成文字统一的基调，以及色彩方面的心理感觉来达到统一基调的效果等等。

　　4． 注意负空间的运用 在文字组合上，负空间是指除字体本身所占用的画面空间之外的空白，即字间距及其周围空白区域。 文字组合的好坏，很大程度上取决于负空间的运用是否得当。 字的行距应大于字距，否则观众的视线难以按一定的方向和顺序进行阅读。 不同类别文字的空间要作适当的集中，并利用空白加以区分。 为了突出不同部分字体的形态特征，应留适当的空白，分类集中。

　　 在有图片的版面中，文字的组合应相对较为集中。