2012年12月21日那天就要来临，不过我们还是很有机会跨入2013年。智者说：未雨绸缪，所以，现在就应该为2013年做准备了。那么，网页设计师应该做什么准备？答案是时代精神！设计行业日新月异，设计师和开发人员都需要紧跟潮流。

但有些时候，要不断接纳新的潮流有点难，因为每当我们抓住潮流，潮流又变了。我们能做的只有加快速度，预测下一个趋势是什么。可惜的是，未卜先知在我们这行不太容易成功，所以我们不得不依靠分析技能，但好在总会有一些迹象帮我们描绘未来的蓝图，我们所要做的就是把点点滴滴连结起来。今天，我就把这些点连起来，试图搞清楚要在2013年获得成功，我们现在需要关注什么。

或许身为站长的你可能很清楚网站的颜色会影响到用户的体验。但你是否知道网站的颜色也和站点的营销有着千丝万缕的关系。那么对于营销来说重要在何处呢？有的人说美观，网站美观了，消费者自然可以赏心悦目的在我们的站点上消费。的确如此，但是这只是其中的一小点而已，更为关键的是网站的颜色往往可以影响到消费者的购买决策，能够起到暗示消费者的心理作用。这点听着有点玄乎，下面笔者就通过几个简单的实例来谈谈颜色与站点营销之间那些你不可不知的事。

在我们开始分析网站颜色与站点的营销关系之前，我们先来看看几组数据。该数据是来自国际知名调查公司KISSMetrics的相关数据。

【文章摘要】如果起床是一个目标，那么正确的设计是床头放个闹钟，而情感化设计就是让爱人把你吻醒。今天@畅游VC 同学给大家说一下现实和网页设计中那些惊为天人的情感化设计，顺带游戏网页的情感化设计方法！

究竟这么高逼格的一个词是什么意思呢？

我们先看看官方的说法：

情感化设计是指旨在抓住用户注意、诱发情绪反应（有意识的或无意识的）以提高执行特定行为的可能性的设计。

一下没看懂是吧？（再看50遍）或者，看看这两个栗子：

情感化设计 视觉设计 界面设计 网页设计

对于大多数SEO（搜索引擎优化）学习者来说，网站的框架结构是SEO优化一大弊。其实不然，我们可以采取一些SEO技术手段，使得框架优化存在，保持网站原有框架，从而完成框架结构优化。

框架网页的确有着导航方便、设计便捷的好处。但是问题在于，由于在框架网页中，搜索引擎蜘蛛看到的只有一个页面，那就是框架页，因此，在这样的网页里，搜索引擎势必无法索引到更多的内容。因此，在这里强烈建议避免使用框架网页。

从下面的代码，我们就可以知道为什么说搜索引擎只能看到一个页面了。

<framesetrows="80,*"cols="*"frameborder="no"border="0"framespacing="0"> 
<framesrc="top.html"mce_src="top.html"name="topFrame"scrolling="No"noresize="noresize"id="topFrame"/> 
<framesetcols="80,*"frameborder="no"border="0"framespacing="0"> 
<framesrc="left.html"mce_src="left.html"name="leftFrame"scrolling="No"noresize="noresize"id="leftFrame"/> 
<framesrc="main.html"mce_src="main.html"name="mainFrame"id="mainFrame"/> 
</frameset> 
</frameset>
我们可以看到，我们的导航部分大部分是集中在top.html和left.html，内容全部显示在main.html中，如此一来，搜索引擎看到的内容，永远是上面的几行代码。

网站建设过程中会存在很多的BUG，其中就是存在大量的重复网页元标签内容，网站如果存在大量的重复的网页元标签内容可能会导致网站被K或网站收录不佳和不稳定现象，重复的元标签内容一般情况下由程序原因造成和网站建设中对于网页内容的提炼设计出现问题，那么作为新手站长如何避免和处理网站大量重复的元标签内容呢？

笔者经验：网站大量出现网页元标签内容的重复，一般不会是在网站频道页，而是存在网站内容列表页面和内容底层页面中的分页情况，更多的还在于网站图库信息中；对于整站一致的网页重复元标签，笔者在此不做经验分享。

作为用户最关注的视觉部分，高端网站设计应当具有一流的页面设计作品，基于对艺术美感，用户体验和个性创意上的深刻发掘，才能创造一流的作品。因此，对于网站建设公司而言，不仅需要有优秀的网页设计师团队，更需要对每一个行业的品牌有深入的了解和把握，才能提炼出网站设计当中最为精粹的部分。

由于不同的搜索引擎在网页支持方面存在差异,因此在设计时不要只注意外观漂亮,许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
        框架结构
        有些搜索引擎(如FAST)是不支持框架结构的,他们的“蜘蛛”程序无法阅读这样的网页。
        图象区块
        当“蜘蛛”程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
        特效链接
        我们经常看到有些网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过JavaScript实现,视觉上非常新颖,但在“蜘蛛”程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页,建议还是牺牲掉一些花哨的东西。
        FLASH
        虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。
        动态网页
        网站设计时任何地址中带“?”号、“& ”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生,技术上较先进,但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎(如Google)已具备检索动态网页的能力,但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google,也在多个场合中明确表示不保证检索全部的动态网页。
        因此,除非是超大型网站,为方便起见不得不采用动态网页生成技术,否则还是尽量使用静态网页为好。
        加密网页
        除非你不希望搜索引擎检索你的网页,否则不要给你的网页加密。
        网页容量
        包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢,不仅会让普通访问者等得心急如焚,有时也会使“蜘蛛”程序感到不耐烦。
        独立域名与付费虚拟主机
        目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是,既然你认为自己的网站如此重要,以至于需要登录搜索引擎让天下人都知道,那么你没有理由还将它放在免费服务器上。更何况免费主页通常速度较慢,会影响大家搜索信息的效率。

在制作网页设计的时候除了要有相关的技能以外，一款合适的网站制作软件也是比不可少的，正所谓巧妇难为无米之炊吗。所以接下来我将简单的介绍一些不错的网站制作的软件给初学者们参考。

第一款是“Microsoft FrontPage”软件，如果你之前对word文档的相关操作和设计很熟悉的话，那么这款软件对你来说使用起来是非常容易的。而且使用这款软件来制作网页可以让你充分的感受到“功能强大，简单易用”的特点。为什么这么说呢？首先对于这款软件来说，它的页面制作是通过FrontPage中的Editor来完成的，而它的工作窗口也仅由3个标签页组成，这三个标签页分别是“所见即所得”的编辑页，HTML代码编辑页以及预览页，它们可以让我们在设计的时候就浏览到自己设计出来的网页的具体样式，同时还可以让我们看到相应的html代码，这不仅有利于我们网页的制作，还可以帮助我们学习网页设计的html语言。此外FrontPage还带有图形以及GIF动画编辑器，并且能够支持CGI和CSS。再者该软件所带有的向导和模板还可以让初学者在编辑网页时感到更加方便，更加简单。

 <%
Dim RefreshTime, IdleTime, TotalUsers, OnlineUser(), Tmp(), Num, I, ID
RefreshTime = 10           '设置网页自动更新时间为10秒
IdleTime = RefreshTime * 3 '设置闲置时间为自动更新时间的3倍
Application.Lock
'清点所有连线到此网页的浏览器，然后将目前打开的浏览器的SessionID放入数组的最后面
If Application(Session.SessionID & "LastAccessTime") = Empty Then
If Application("TotalUsers") = Empty Then Application("TotalUsers") = 0
ReDim Tmp(Application("TotalUsers") + 1)
Num = 0
If Application("TotalUsers") > 0 Then
    For I = LBOUND(Application("OnlineUser")) To UBOUND(Application("OnlineUser"))
      ID = Application("OnlineUser")(I)
      If ID <> Session.SessionID Then
        Tmp(Num) = ID
        Num = Num + 1
      End If
    Next
End If
Tmp(Num) = Session.SessionID
Application("TotalUsers") = Num + 1
ReDim Preserve Tmp(Application("TotalUsers"))
Application("OnlineUser") = Tmp
End If
'记录目前打开的浏览器的最近存取时间
Application(Session.SessionID & "LastAccessTime") = Timer
'检查所有连线到此网页的浏览器的最近存取时间，若与目前时间相差30秒以上，表示离线
ReDim Tmp(Application("TotalUsers"))
Num = 0
For I = 0 To Application("TotalUsers") - 1
ID = Application("OnlineUser")(I)
If (Timer - Application(ID & "LastAccessTime")) < IdleTime Then
    Tmp(Num) = ID
    Num = Num + 1
Else
    Application(ID & "LastAccessTime") = Empty
End If
Next
'Num表示目前在线人数，若与Application("TotalUsers")不同，表示中间有人离线
If Num <> Application("TotalUsers") Then
ReDim Preserve Tmp(Num)
Application("OnlineUser") = Tmp
Application("TotalUsers") = Num
End If
Application.UnLock
%>
<HTML>
<HEAD>
    <META HTTP-EQUIV="Refresh" CONTENT="<%= RefreshTime %>, URL=<%= Request.ServerVariables("PATH_INFO") %>">
</HEAD>
<BODY>
    目前在线人数：<%= Application("TotalUsers") %>
</BODY>
</HTML>

 1、JPEG（Joint Photographic Experts Group）
JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式，专门用于不含大色块的图像。JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。，而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效，不支持透明图和动态图。
2、PNG（Portable Network Graphic）
PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式，但是如果没有插件支持，有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色，但是不支持动画图。
3、GIF（Graphics Interchange Format）
GIF是Web上最常用的图像格式，它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小，它形成的是一种压缩的8位图像文件，所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。
 
4、BMP（Windows Bitmap）
BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。
5、TIFF（Tag Inage File Format）
TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。
 
6、TGA（Targa）
TGA格式与TIFF格式相同，都可以用来处理高质量的色彩通道图形。
另外，PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。