WAP版：
属于那种2G时代，网速慢、带键盘的手机玩的，网页实现了核心功能，尤其是对兼容老爷机在最原始的手机浏览器上也能运行，比如诺基亚2007年以前上市的带上网功能的手机。

触屏版：
大部分开始采用HTML5等来做前端网页，同时在设计上考虑到手指触屏，可操作区域增大；主要在3G网络下使用（当然好流量远比wap多），触屏的内容丰富、多彩 在手机没有阻碍的前提下，更接近PC网页的体验。

两者主要是随着手机网络（比如从最早的2G网络到现在的3G、甚至4G），传输没有阻碍了网页就开始追求丰富和美观了。

首先对于安全性、稳定性不行的说法，估计出书者只是根据网上的说法或自己平时用电脑的感觉随便说的，windows server（不同于我们平时用的，专门面相服务器的系统）的安全性和稳定性绝对不亚于其它平台，而关于攻击时取得最高权限，难道服务器用其它系统就不会被取得权限？这点稍微想想就明白，就安全性，实际上Linux并不一定比windows安全，而之所以windows给人造成安全度低的原因其实是用户数量多，所以攻击的人就多。

然后对于功能实现，事实上，ASP.Net主要面相的还就是企业级的应用，由于Visual Studio具备其它任何IDE都无法企及的强大的项目管理功能（确切的说VS是世界上最强大的IDE也不为过），ASP.Net平台对比其它平台开发的Web APP在可维护性上是普遍相对较高的（但现在一般对于企业级的项目都会制定较为严格的开发规范，所以只能说使用ASP.Net平台更容易实现高可维护性，不过这样还是能加快开发进程），而抛开这个方面，什么叫不能实现企业级应用的功能？我不否认不同语言在实现一个功能的难度和效率上会有差别，但谁说过能否实现功能和语言有很大关系？难道英语就不能写轻小说了？技术宅还能拯救世界呢~这实在是在误导初学者。

精心设计的分组能使网页变得亲切易读。在网页中分组的方法有很多，最常用到的就是使用划线来进行分组，但是划线这种分组方式只能够简单的分割画面，缺乏形式的美感，只适用于简单的文字和图片的布局。

利用配色来进行分组布局，比起划线来说，是更有效的网页区域分组方法。

利用色块来进行分组，不仅能够高效的分割网页的区域，同时色彩本身也能传递出各种信息。清新淡雅的色块能带来低调婉约的画面印象，而奢华浓郁的色块则带来雍容华贵的画面印象。正因为用配色来进行分组布局能带来这样的页面效果，所以我们在进行色块的颜色搭配的时候，一定要经过精心的设计与考量。

当网络不断的发展,并以我们难以想象的速度融入我们的生活时,网页设计就被赋予更多的重要性。网页设计的交互性也正是网络如此吸引我们的重要原因,它拉近了人与人之间的距离,人与信息之间的距离,人与科技之间的距离。网页设计中交互特性,主要是依靠软件技术的程序实现的,而JS是实现网页设计交互的主要手段。

JS对于网页设计的作用也越来大,它丰富着设计的呈现效果,技术上的不断更新,也使得设计者能不断的展开创造力,去发掘新的艺术形式和交互的视觉传达表现形式。同时运用崭新的思维与符号,表达文化与交流!生活与体验,使创意淋漓尽致地表现于设计之中。当然,我们在学习JS的同时,也要明确了解它的不足,利用它的优点结合设计要求制作网页。作为网络时代的设计者,我们需要去了解新的技术,知道其作用,合理利用网络互动技术并不断创新,使其最终深入地渗透到我们的日常生活中,这样才不会在信息更新迅速的今天被淘汰。

  电子商务网站既要处理企业与企业之间、企业与消费者之间大量复杂而繁琐的数据，又要保证数据和信息传输的安全性，与普通网站相比，对数据的处理和传输有较高要求。其建设不但涉及到计算机技术、数据库技术、网络技术，还涉及到通信技术和多媒体技术，同时也涵盖了市场、营销、管理、商务策划等各方面的内容。如果电子商务网站设计得成功，将非常有利于企业自身的宣传和市场经营。因此，为了保证电子商务网站的成功，需要使系统满足以下原则：
   （1）定位准确。电子商务网站站点的设计是企业、公司和机构发展战略的重要组成部分。要将企业站点作为因特网这个新媒体上展示企业形象、企业文化的信息空间，首先要明确站点设计的目的和用户需求，挑选与锤炼企业的关键信息，了解所设计网站的受众群体，并对他们的基本情况有所了解，如受教育程度、收入情况、整体消费趋向等，这样才能做到有的放矢。利用一个逻辑结构将其有序地组织起来，开发一个网页设计原型，并逐步精炼该原型，形成创意。
　　（2）系统安全可靠。电子商务网站可以使得企业与客户之间、企业与企业之间完成相关交易。但是随着网络技术的不断发展，网站的开放性决定了其可能会遭到一些别有用心的黑客的窃取，导致业务中断，也有可能会受到一些网络病毒如特洛伊木马程序等的攻击从而对网站造成损害，因此，网站的安全防护问题越来越重要。另外，网站自身要能保证系统在任何情况下都能保证数据的完整性、正确性、经济性、可扩展性和可恢复性。因此，在网站设计之初要采取一定的措施，保证其安全可靠性。
　　（3）网页版面设计合理。一个美观、实用的网页直接影响网站的质量和效果，因此，网页设计要讲究编排和布局。这要求设计者要突出主题、统一规划、统一风格，通过文字、图形、动画和视频等的组合，根据设计的内容制作出和谐优美的网页版面，使得用户在愉悦的视觉感受中进入网络商务世界，并能在较短的时间内获得尽可能多的商务信息。另外，网页的导航设计、交互设计都要一目了然，并且容易操作。 

在网站建设中，可以采用的语言有PHP、ASP、JSP、.NET等各种主流语言，综合起来，从语言的开源性、扩展性、安全性以及数据库运行效率来看，要选择一种比较适合网站类型的程序语言。

一般网站的数据库设计和网站的编程语言关系不紧密，但是网站所使用的语言与实现数据库访问以及数据读取写入时的速度，是密切相关的，因此想提高网站数据库的处理能力，就需要选择比较优秀的操作语言。

每个网站的后台都应该具备友好的界面和方便快捷的操作功能，这样能够使一些不懂的网站开发的管理员，很容易管理网站的后台。网站的前台设计主要考虑整个页面的表现，而后台的设计则主要考虑功能的实现。

网页设计作为平面设计的一个分支，不仅包含了平面设计的诸多要素，也拥有了传统平面设计所不具备的功能和特性，成为 21 世纪主要的信息传播与沟通手段。网页设计本身作为一门综合性极强的学科，所涉及到的绝不仅仅只是设计美学单方面的内容，还包括人机工程学、心理学等方面的内容，同时也需要前沿的网络技术作为支撑。
从布局与配色的角度对网页设计进行了分析和研究，在分析了网页布局构成要素的基础上，从心理学和设计学的角度对网页的布局与配色进行了探讨。
主要针对网页布局与配色之间的联系，结合了大量实际的案例，对不同类型的网页布局和配色进行了归纳和分析，并总结出了网页布局和配色之间的联系以及网页布局和配色未来的发展趋势。最后以实际的案例，呈现了网页布局与配色结合的魅力。
网页的布局和色彩搭配是密不可分的整体，当布局脱离了合适的色彩搭配，整个网页将“黯然失色”；而色彩搭配脱离了准确的布局设计，将与设计师的设想大相径庭，甚至会得到与之相反的网页效果。由此可见，脱离了色彩搭配研究布局设计或是脱离了布局设计研究色彩搭配都是片面的。 

PHP全称英文超级文本预处理语言（Hypertext Preprocessor），它是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP语言主要有以下特点：

1、开源性和免费性。由于PHP的解释器的源代码是公开的，所以安全系数较高的网站可以自己更改PHP的解释程序。另外，PHP运行环境的使用也是免费的。

2、跨平台性强。由于PHP的解释器是开源的，所以能够在所有的操作系统平台上非常稳定地运行，这使它成为常用的服务器语言。

3、快捷性。PHP是一种非常容易学习和使用的一门语言，它的语法特点类似于C语言，但又没有C语言复杂的地址操作，而且又加入了面向对象的概念，再加上它具有简洁的语法规则，使得它操作编辑非常简单，实用性很强。

　电子商务网站的建立和其它网站的建立过程基本相同，一般来讲，电子商务网站的设计主要包括网站规划、域名注册、网站设计与开发、网站测试推广及维护。
　　网站规划与分析
　　在网站设计初期明确网站构建的目的与意义，分析能够开展的业务。电子商务分为开展B2B交易、开展B2C交易、开展拍卖业务、开展企业形象创建、作为服务性网站等。摸清网站的目标市场和目标客户，并确定网站设计的思想基础。
　　域名注册
　　域名是企业接入互联网的名称，它是每个网络用户IP地址的别名，是一个公司或企业的网络地址。每个接入Internet的用户都应有唯一与其对应的域名，以便别人能够访问，好的域名容易记忆并和网站内容密切联系，如Microsoft公司的域名www.microsoft.com、百度的域名www.baidu.com。通过登录中国互联网络信息中心网站（www.cnnic.net.cn）就能够了解注册、变更、注销域名的方法，目前很多网站也受理“域名”注册服务。
　　网站设计与开发
　　网站设计与开发主要分为主页设计、功能设计和数据库设计。在制作主页前要考虑到网站的风格和主要实现功能，从内容上将网站分为几个栏目板块，根据企业特点进行设计制作，注意颜色字体的协调搭配，使得设计出的网页简洁明快、吸引人。功能模块主要包括基础设计模块、商品管理模块、订单管理模块、活动管理模块、内容管理模块等，基础设计模块能够让管理员登陆后台系统，对网站进行修改与维护。商品管理、订单管理、内容管理模块和应用管理模块用于实现商家与消费者的交互，如商品发布、订单支付、评价管理等[6]。
　　电子商务是以数据库技术和网络技术为支撑，其中数据库技术是核心。一个商务站点后台必须有强大的数据库支撑，数据库要能够科学地组织和存储数据，并有效地获取和维护数据，当前比较流行的数据库有SQL Server、Oracle、MySQL、Access等[2]。数据库设计讲究命名规范、数据的一致性和完整性、索引的唯一性等，图3为商务数据库设计总体结构。
　　网站测试与发布
　　网站测试是网站制作好后检查网页的必要手段之一，在网站制作完成后通过在多个浏览器内测试结果与设计方案是否吻合，验证链接并评估文件的下载速度，以便及时发现问题并对不满意的地方进行修改。测试修改后的网站发布到Internet服务器上，如果公司有足够的经济实力和技术实力，可以选择购买自己的服务器，但是对其维护需要耗费大量的时间和金钱。这样发布时只需要直接把做好的网页包括CGI、ASP、JSP或者PHP程序发到WWW路径下，也可以选择虚拟主机服务，这样不需要自己维护，还可以获得服务商提供的额外服务。在发布时ISP会提供一个地址和账号、密码，使用FTP软件将网页上传即完成网站的发布。
　　网站推广与维护
　　电子商务网站发布后，其推广工作是面向市场的关键一步，通过各种有效的手段如搜索引擎、购买广告位置、广告交换、友情链接、BBS、微博、传统媒体等方式提高网站知名度和网站访问量，从而达到宣传商品的目的。
　　为了保持站点的吸引力和长久的生命力，使网站逐渐壮大且访问量增多，就要对其进行及时维护，及时添加新的内容，同时通过用户的反馈和建议及时改进网站，经常检查网站的运行情况，并修正网站错误。 

　网页设计与平面设计之间是有着非常密切的联系的，但是两者之间也是存在着区别的。网页的设计与平面的设计都属于具有现代化特色的艺术形式，在现在社会中这两种艺术形式都是能够通过电脑技术来辅助或者直接完成的，并且能够产生更好的效果。网页设计与平面设计之间存在的区别也是比较的大的，其主要区别是它们的表现范围的不同。
　　表现范围是两者之间非常重要的区别。网页设计就是局限于网络环境中的，通过优秀的网页设计，使得网站整体的效果得到大幅度地提升，然后把网站的主题反映给客户，然后客户就能够通过企业或者是产品在网站上表现出来的东西对其做好了解。进而为企业或者是产品做宣传，提升竞争力度，促进经济效益的提高。但是平面设计表现的范围还要更广，并且其影响力度也是比较的大的。其是基于二维空间的一种艺术性创作，并且也不需要非常严格的表现手法，不受到工具或者是宣传途径的限制，作品成形之后，可以借助杂志还有周刊或者是广告等任何的形式进行宣传，然后达到提升影响力的目标。平面设计的作品比网页设计的作品使用范围更加广阔一点，但是在另一个角度来讲，网页设计比平面设计在媒体介质上具有更大的发展空间。 

现今，企业建立网站并不困难，而是难在缺乏网站动态信息的持续维护上。因为大部分企业缺乏网站后期维护和管理的意识，对网站维护建设的力度不够，网站维护管理人员的专业化水平不高，专业技能不够硬，不能根据企业实际设计独具特色的网站风格和内容。

通过深入调查发现，国内大部分企业都缺乏健全的网站后台运营系统，网站维护人员的队伍建设明显不足，多数企业为了降低网站维护成本，多为兼职网站维护人员，基本上采用免费的网页产品，功能单一，风格不强，未能形成独特的企业网站品牌。这样一来，大部分企业网站都成为了一种摆设，未发挥出企业宣传和沟通的作用。

企业网站建设好以后，不是就放在那里不管了，而是需要我们派专人进行日常的维护管理，才能保障企业网站能够长期稳定的访问。企业网站主要的日常维护包括以下方面：

首先是系统维护，系统维护的对象主要是服务器和系统程序。网站的存在，离不开服务器硬件和软件，如果有问题出现，就会对网站的正常稳定运行产生影响。因此，就需要对服务器和网络的工作状态定期检查，提升安全性管理的质量。

其次是数据维护，数据维护也包括诸多方面，不仅需要导入导出数据，还需要做好数据的后台维护工作，要对数据备份和数据恢复计划进行全面的设立，如果有突发性问题出现，可以及时恢复，促使网站的正常运行得到保证。

　营销型企业网站是企业为了实现特定的营销目标，能将网络营销的思想、方法和技巧应用到网站的规划、设计与制作过程之中而构建的网站。营销型的企业网站应能实现直接获得订单或获得销售线索的目标，能够很好的吸引访客并将访客转换为顾客。因此，构建一个优秀的营销型企业网站，必须以网络营销理念为核心，以良好的用户体验为目标，以SEO优化规律为建站标准。网站实际制作的全过程必须以日后的营销推广为目的和出发点，务使每一个环节，每一个步骤都要考虑到企业营销功能的需求，从而使网站一上线即具备营销功能或呈现出有利于优化推广的特征。
　　营销型企业网站的规划(Marketing type enterprise website planning)
　　网站的规划主要是确定网站的结构及栏目的设置，网站的栏目要明确主要栏目和次要栏目。充分的调研与分析是规划好一个成功营销型企业网站的前提。通过调研与分析，目的是准确地进行网站定位，满足特定用户群的需求。网站的调研与分析大体上包括用户需求分析、用户搜索行为分析、竞争对手分析、行业平台分析、企业产品核心竞争力分析这五个方面。在进行线上调查时，可选择与自身企业相关的关键词进行搜索，找到竞争对手网站及行业网站，搜集竞争对手的网站结构、栏目规划、关键词设置、行业发展动态等有用信息。另外，浏览如阿里巴巴这样的B to B平台、与行业相关的商业论坛，这里面也有大量的有用信息。在充分获取这些有价值信息的基础之上，再分析自己企业产品的特色和亮点，找到自己企业产品的核心竞争力，从而最终确定企业网站的栏目和内容。在进行用户搜索行为分析时，主要是分析用户会经常采用哪些关键词来搜索与自己企业相关的产品，从而确定网站的主关键词及长尾关键词。
　　营销型企业网站的特征(The characteristics of website)
　　在设计与制作网站网页时，美工与网站功能固然重要，但更要从网络营销的角度来设计与制作每一个网页。做出来的网站，首先要符合搜索引擎的搜索习惯，对搜索引擎更友好，这样就会更容易被搜索引擎收录，从而让更多的用户找到网站;其次，要有良好的用户访问体验，尽量让用户更容易、更快速地找到所需信息，从而延长访客在网页上的停留时间;另外，要有在线客服功能、客户管理功能，通过客服的在线帮助和引导，尽可能地将潜在的顾客转化为真实的顾客。通过客户管理收集客户信息，以便更好地进行售后服务，从而提高用户的忠诚度和网站的口碑;最后，还应该有流量统计功能，评估网络营销效果，适时调整网站推广策略。因此，真正的营销型企业网站有以下四大特征：
　　1.以网络营销为导向
　　营销型企业网站一定要满足企业的某些方面的网络营销目标，比如实现客户服务、市场开发、品牌推广、促进销售等功能，始终坚持“营销为主，技术为辅”的建站理念，使网站成为企业进行网络营销的工具和平台。
　　2.以用户体验为中心
　　一个有良好用户体验的营销型企业网站，应该具备操作简单、访问快捷、容易沟通、可信任、易于传播等优点，让访客产生依赖感，刺激其购买欲望，从而尽可能地将潜在的客户转换为真正的顾客，实现网站高转化率的营销目标。
　　3.基于搜索引擎优化的网页设计
　　目前，搜索引擎是网民获取信息最常用的渠道，如何让网民通过搜索引擎快速的找到网站，是营销型企业网站必须要解决的问题，基于搜索引擎的页面优化工作是网站建设过程中基础和长期的工作，贯穿于企业网站的规划、建设、维护、运营等全过程。
　　4.关注网络品牌建设与推广
　　一个优秀的营销型企业网站必然真正融入了企业的品牌文化和企业风格，能提升企业价值和品牌形象，获取社会认同，从而通过拥有庞大的忠实顾客群来巩固其市场地位。
　　营销型企业网站SEO优化技巧(SEO site optimization techniques)
　　所谓SEO优化是指专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式，从而获得更多流量，吸引更多目标客户，最终达到网络营销及品牌建设的目标[3]。目前，SEO优化排名是最重要的网站推广手段之一，以百度搜索为例，在具体的网站及网页优化过程中，有以下几个技巧值得借鉴。
　　1.网站结构扁平化
　　一般的企业网站不像新浪、搜狐等门户网站那样内容庞大，所以不需要设计复杂的网站结构，链接层次以二级或三级为宜。设计如此扁平化的网站结构，有利于搜索引擎对网站内容的抓取和收录。百度蜘蛛软件为了保证高效，对于网站不是所有网页都会抓取的。蜘蛛软件爬行的深度与网站的权重相关，网站权重越高被爬行的深度也会比较高。因此权重不高的网站如果链接层次太深，后面的网页就不会被蜘蛛软件抓取到。
　　2.周期性地更新网站内容
　　百度蜘蛛软件有“喜新厌旧”的特点，在每次爬行某个网页时都会把抓取到的网页数据存储起来并进行对比。如果第二次爬行发现网页与第一次收录的完全一样，说明网页没有更新，蜘蛛软件就会降低来访的频率。如果网页内容经常周期性地更新，蜘蛛软件就会掌握网页更新的规律并及时过来抓取，这样不会造成蜘蛛软件经常性的白跑一趟。网站的首页是一个网站最重要的网页，为了吸引蜘蛛软件的频繁造访从而提升网页的权重，在首页建议设置更新版块，如新闻公告、新产品展示等。
　　3.网页标题与网页内容要高度相关
　　网页标题是对一个网页内容的高度概括，搜索引擎根据网页标题来抓取网页内容，所以，网页标题的优化是一个网站进行SEO优化时的重中之重，尤其是首页的标题。在设计网页标题时，不能每个网页使用同样的标题名称，如公司名称，这是一个非常严重的错误。因为标题应该体现网页内容，每个网页使用同一标题或标题与内容无关，这样会影响用户体验，不利于搜索引擎的收录。网页标题可采用“关键词—网站名称”“关键词—栏目名称”“关键词—文章名称”等表达形式，尽量让网页标题中含有用户检索所使用的关键词，这样更有利于搜索引擎的检索。同时，整个Title标题最好不要超过30个字符，不然搜索引擎不但显示不出，用户体验也不友好，阅读起来不容易理解。
　　4.内链建设
　　蜘蛛软件的爬行是跟着链接走的，所以内链的优化就是尽量可以让蜘蛛软件抓取到更多的网页。同时，网站的首页、重点栏目页、最新文章等，也是建站者希望被重点推荐的网页，通过内链的优化，可以让访客从更多的子网页访问到这些网页，从而提高这些网页在搜索引擎中的权重，促进网站的收录及排名。合理的内链建设除了在每个子网页中设置返回首页的链接之外，还可以在文章中的关键词上添加锚链接，也可以设置友情提示、相关推荐、热门文章之类的栏目，这是很多网站都在利用的，不仅可以让蜘蛛软件抓取更大范围的网页，也使用户体验更加友好。
　　5.外链建设
　　在网站建设制作过程中，外链是提高网站知名度与搜索引擎信任度的重要组成部分，一个高质量的外链可以为网站从外部引入流量，特别是在网站的初始阶段，网站的权重较低，蜘蛛软件来访较少，外链可以增加网站网页在蜘蛛面前的曝光度，防止蜘蛛软件找不到网页。
　　6.动态网页静态化
　　HTML存放的静态网页便于蜘蛛软件的抓取和存放，同时，静态化处理的网页本身的访问速度要较动态网页快很多倍。从SEO优化的角度来看，静态网页更适合搜索引擎的搜索和收录习惯，对搜索引擎更加友好，因此静态网页的网站排名效果要比动态网页的网站排名效果更好。基于SEO优化的原因，对于网站中经常需要更新信息的动态网页如：论坛、留言板、会员注册、新闻公告等栏目，可以采用动态网页静态化技术。目前主流的静态化技术主要有两种：一种是先于用户访问之前通过程序将动态网页抓取并保存为静态网页，这样的网页的实际存在于服务器的硬盘中并提供给用户访问。另外一种是伪静态技术，即通过WEB服务器的 URL Rewrite的方式，其原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址，而静态网页实际是不存在的。 

　文字视觉元素在网页设计中的应用
　　从文字开始被创造出来，一直到如今社会，它都是我们文化中重要的符号形式。而在网页设计中，文字自然也是必不可少的组成部分，地位非常重要。网页设计里面，文字符号其实不仅仅被作为一种符号语言，更重如果被作为一种记实和传布信息的东西。进行网页设计的时候，对文字的大小排序进行合理安排，用多种形式的文字表达去编辑资料、网页和信息，让文字不单单起到传播信息的作用，更作为一种艺术和文化，去带给人们享受。
　　要想是文字变得具有视觉效果，完成上述所说的对文字的变革，可以在编辑网页时采用艺术字的方式，让文字告别呆板，让其表现形式更加的动人多样，大小颜色吸引眼球。
　　图像视觉元素在网页设计中的应用
　　图片在网页中的应用中也是极其重要的，扮演着极其重要的角色，图片在网页编辑中也占据了很大的一个篇幅，和上文的文字元素比较起来，图片所占的优势更加大，视觉效果也更佳。如果在网页里运用了视觉效果较强的图片，还会在一开始就给人留下很深的印象，产生的效果是立竿见影的。
　　对于所说的图片的视觉效果更加强一些，并不是就否认了文字在网页中所发挥的效果，文字也是同样重要的。一般情况下，图片的解释说明少不了文字的参与，文字可以辅助图片吧效果发挥的更加淋漓尽致，有助于信息的快速传达。同时，这样一来不但可以使信息很好的传播了出去，也增强了其印象，让网页更加生动。
　　色彩视觉元素在网页设计中的应用
　　颜色视觉元素是网页计划中必不可少的一种视觉元素。色彩本身就具有其自身的独特特性，同时还具备极佳的视觉效果。额昂也设计中色彩的运用，主要目的就是提升文字的解释能力以及增强视觉上的刺激，对特定的文字以及图片增添色彩，可以让文字与图像达到更好的表现效果，让网页的整体质量不断的升高。视觉效果更加的显著。此外，色彩自身还具备很多独特的性质和效应，并且每种色彩都具有不同的作用，例如绿色能够给人舒爽的感觉，代表着大自然的清新，是青春和希望的象征；红色象征着热情、奔放和活力等等。 

　如今，个人电脑、平板电脑、智能手机等这些电子设备种类繁多，如果一个网站在个人电脑上显示完好，但是在手机屏幕上打开时会出现溢出、网页出现横向滚动或者网页在手机上被极度缩小等问题，就会无法辨识。一个网站怎样在数十种屏幕上完美显示，成为大家所关注的问题。如果要针对每一种终端各做一套页面，太耗费人力，维护起来也很困难。而响应式网页设计是一种新的设计思维，解决了一个网站在各种屏幕上达到最佳显示效果的问题。
　　响应式网页设计（Responsive Web Design）是Ethan Marcotte在2010年提出的，最初是指可以自动识别屏幕宽度，并做出相应调整的网页设计，现扩展为页面的设计与开发应当根据用户的行为以及设备环境，能够进行自动的响应和相应的调整，做到“一源多屏”。
　　响应式设计基于三大技术：媒体查询、流式网格布局、弹性图片。媒体查询（Media queries）是对设备的特点（通常是浏览器的宽度）进行识别，从而确定使用不同的CSS样式;流式网格布局（Fluid Grids）是在布局时将页面内容元素设计成屏幕宽度的相对值，并使用相对尺寸单位如百分比（%）或字体比例（em），如某一个方块占屏幕宽度的20%，而不是如网页设计常用的绝对单位如像素（px）;弹性图片（Fluid Images）是以相对单位调整大小或被相应剪裁，当屏幕变小时，图片相应变小。
　　由于形式追随功能，受技术的影响，响应式网页设计的界面形成了一定特点。
　　一、网页布局简洁和弹性化
　　当显示屏变化的时候，网页会进行重排来适应屏幕的大小和分辨率等，为了给用户好的视觉效果，网页布局会适当变化。比如当用户在电脑上看一个网页的时候，由于屏幕较大，能看到的内容是完整的，当他在手机上打开这个网页的时候，由于屏幕较小，不能完全显示所有内容，这时网页布局会重新布局，一般来说最重要的内容会首先显示出来，其他内容依照某种次序放在屏幕之外，通过屏幕滚动来显示。
　　因此，为了适应不同的屏幕尺寸进行页面内容重排，响应式网站的页面内容不会太复杂，而是尽量简洁清晰。目前的响应式网站往往应用了流式网格系统，网页的所有内容被分为几个内容模块，每块的宽度是网格单元的整数倍，如在12格的网格系统里，每个模块的宽度按照格数来计算，如一个占6格或4格，在电脑桌面系统中显示12个格的宽度，在手机上有可能只显示4格的宽度。响应式网站的布局采用弹性化技术，便于在不同设备之间变化，同时页面布局显得十分简洁明快，拥有很好的用户体验。
　　二、网站导航形式多样
　　导航是一个网站的重要部分，它出现在每个页面上，引领用户到达向他们想看的页面。针对不同的设备屏幕以及各屏幕的横向纵向显示，响应式网站的导航会做出不同样式的变化：如电脑屏幕和纵向的平板电脑上会显示出在页面顶部横向排列的导航栏;而在平板电脑横向显示时会显示出在左边竖向排列的导航栏;当屏幕更小的时候，如智能手机上会把导航栏隐藏起来，只在左上角或右上角出现一个图标按钮，点击它才会出现一个叠加在网页上的导航栏。因此，响应式网站的导航会有多个设计方案以适应不同的设备屏幕。
　　三、图片弹性化和图标扁平化
　　在响应式网站中，图片要响应不同的屏幕，大小不能用绝对值，而是采用相对的百分比数值，当屏幕变小时，图片会按比例缩放。对于一些不太需要看清全貌的图片，如一些背景图，可以采用裁剪的方式，如屏幕变小时，把图片的宽和高相应地裁掉一部分。
　　响应式网站的图标和按钮呈现扁平化的趋势。扁平化即二维化，去掉高光阴影、立体浮雕等修饰，这种简洁的形式能更快速、便捷地传达信息。扁平化风格的图标和按钮十分灵活，可以在不影响视觉效果的情况下改变尺寸和位置，易于实现响应式设计。
　　四、色彩和字体设计成为重点
　　当一个网站内容十分简略、风格非常简洁清晰的时候，设计的重点就自然放在了色彩搭配和字体设计排版上。
　　对于配色，一般建议网站的颜色不超过3种，而响应式网站的配色会更自由些，页面上可能出现很多个颜色，只要搭配和谐，采用多种颜色会让页面显得活泼。
　　在字体设计和排版上，设计师会根据网站风格选择字体，并用灵活字体的大小、笔画粗细来传达文字信息的等级，也会注意文字段落的行间距和字间距，这些细节设计让响应式网站拥有很好的用户体验。
　　五、扁平化网页风格流行
　　综合上面的所有特点，响应式网站的整体风格是简洁明快的、平面化的，人们将这种风格称为“扁平化”（Flat）。与“扁平化”设计相对的是“拟物化”（skeoumorphism）设计，即模拟真实世界的各种对象，这类图形带有阴影、纹理、质感、透视等真实物体的特性。拟物化设计曾经十分流行，它符合人们的认知习惯，易于识别和学习，拉近了机器与人的距离。而扁平化设计是与拟物化设计极端相反的，如今扁平化设计爆发式地流行起来，典型的例子就是几大操作系统Windows8、Android4.0、ios7.0的UI设计。
　　为什么扁平化设计能流行起来？有人说是对拟物化过度装饰的变革，有人说是对19世纪的包豪斯、国际主义风格、极简主义的再流行，有人说是人们对拟物化审美疲劳之后出现的风格革新。而笔者认为，扁平化风格的流行最根本的原因是响应式设计技术的出现和推广，正如路易斯·沙利文提出的“形式追随功能”，一个形式的出现是为了配合功能的实现。响应式设计和扁平化界面设计是密不可分的，响应式设计的实现要求界面扁平化，响应式技术的应用也推动了扁平化风格的流行。 

　传统的网站建设一般都是由技术人员根据要求先将网站的首页节目设计出来，然后由网站的拥有者提出意见，然后进行修改，直到客户满意为止。但传统的网页界面设计一般都是通过表格的形式将网页的版式排出来，然后再将文字、图片等放到固定的位置上去，每一个位置的图片都要经过设计，工作比较繁杂，同时也容易造成网页页面颜色不协调的现象。此外种种原因造成的网站建设问题，面对这些问题，平面设计在网站中的建设显得更加重要。
　　网站建设的基本知识
　　一般来说网站的建设从功能上可以分为静态网页的制作和动态网页的制作，区别就在于程序是否在服务器端运行。动态网页一般用于功能的使用和实际的数据操作，而静态网页主要是说明和效果的展示。
　　Dream weaver中的网页设计属于比较简单的静态设计，同时要想使网页具备某些特定的功能，那么就必须要设置相应的功能模块来增强网页的实用性，这也就是所谓的动态网页设计。而Dream weaver在功能的设计中，通过相应的数据库访问以及自动生成动态服务的页码支持，在相应的应用程序上与数据库进行连接，并且是利用平面设计在网站建设中的应用，做到对网站的建设，使网站更加的美观，同时也具备更广阔的功能。
　　目前网站建设中外观设计常出现的问题
　　1.网站外观设计与网站的性质有所不符
　　不同客户在网站设计上也应该是有所不同的，应根据客户所在单位的性质和网站的用途来决定设计的风格。一些网站设计者为了图方便有模仿甚至抄袭其他成功网站的事情发生，没有顾虑到网站的性质和类别是否存在差异[2]。
　　2.网站图片效果
　　网站内自然是少不了图片的，尤其是一些宣传类的网站，图片是企业最重要的宣传资料。但目前的情况来看，网站图片的制作清晰度不高，将图片清晰度制作得较高的网站少之又少。网站设计者应向索尼和IBM等一些知名的公司网站进行学习，他们的网站无论是设计风格还是图片的清晰度在业内都算是制作精良的，与其本身的跨国企业身份也十分相符。
　　网站建设与平面设计相融合
　　在当今的网站建设中，如何利用Dream weaver和Flash来将平面设计和网站相结合，实现平面设计在网站中的充分利用，设计出更美观、更实用的网站是网页设计者所面对的一大难题。网站的设计和美术的平面设计具有许多的相同之处，完全可以通过专业的网站设计师来解决网站外观的设计问题[3]。现代的网站建设是非常实用的综合许可，它充分的体现出网站策划和视觉化，是网站建设者通过自身对相关信息的理解，并综合考虑到市场情况等因素，来实现网站信息共享和传递。现代的网站作为一个综合体，它将艺术、科学和文化有效的结合在一起，可以说网站建设中平面设计的应用是一种艺术形式，并且能够发挥一定的审美价值。
　　网站建设的构成因素比较多，主要包括：图形、颜色、字体、音乐、对白等，简单的说，要想实现平面设计在网站建设中的应用，必须要做好网站建设与平面设计相互结合。首先是做好平面设计师、网络工程师以及客户三者之间的沟通。其次是，相应的设计师一定要按照要求来设计出网站中的每一个网页，从而来满足客户的要求。再者，是能够将我那个也中所需要的文字以及图片等设计方案都交给网络工程师，使其能够做好网站的建设工程。最后，网络工程师能够针对相应的设计效果以及设计元素，对网站进行建设，使网站在建设后能够满足用户的需求。
　　网站建设中视觉元素的体现
　　网页主要是利用视觉元素来表现出信息内容的传达，对于传统的我那个也设计元素，主要是有文字、图像以及色彩等，而多媒体网页则是不同，主要是分为二维平面元素以及视听元素两类。其中前者主要是包含了文字图像以及版式等，而后者则是包含动画以及流媒体视频等。对于网站的建设不仅仅属于一个脚本编程，同时也是网络时代的延续，网页属于一个动态交互的视觉平台，主要是以超媒体的形式向广大用户传达一些非线性的消息，这是网站的主要特点，相应的设计者必须要利用自身独特的表达能力来对引导用户视觉注意，才能够保证用户在网页中寻求到相应的消息。所以说网站建设属于一种现代数字科技以及传统人文美学相结合的智力活动。在目前的网站设计中有很多的精品元素，人们在使用网络时一定要做好视觉元素在网站建设中的体现，使信息能够向着人们预感的方向流动，从而来提升设计人员的信心。 

　随着互联网的发展，出现了各种各样的网站，为搜索引擎功能的实现提供了支撑。通过一系列的网络技术手段，搜索引擎把网站的页面储存在数据库中。用户可以随时访问这些数据库，通过关键词检索到自身所需的页面。搜索引擎的工作流程：
　　(1)爬行和抓取：踪链接访问网页、代码存入数据库、获得页面HTML，是通过搜索引擎蜘蛛实现的。
　　(2)预处理：对中文分词、索引、文字提取进行处理，以备排名程序调用，是通过索引程序实现的。
　　(3)排名：用户输入关键词后，得到按一定格式生成搜索结果页面，是通过排名程序和一些列复杂的计算实现的。
　　一、基于SEO网站域名选择
　　建设网站的第一步首先是拥有域名，在选择域名的过程中，除了要注意域名是否容易记住外，还要关注域名是否对搜索引擎是否友好，否则不利用网站的推广。
　　1.选择适合记住的域名
　　域名的优化是搜索引擎优化的重要内容。适合记忆就是说用户容易记住，只有记住域名，网站才会产生持续的流量，网站才可能生存下。一般情况下，站长在选择域名时会选择那些短域名，因为短小精悍的域名具有容易让人记住的特点，但并不是说域名越短越好，因为短域名的缺点同样明显，比如缺乏语言表达功能。并且，由于短域名太过于受欢迎和域名注册不断暴增，当前已经很难注册到短域名了，所以网站的建设者应该寻求适合记忆域名的其它特征，比如更有内涵，更契合网站的内容等特点。
　　2.选择方便输入的域名
　　尽管人们更喜欢用搜索引擎来浏览信息，但如果网站的域名很方便输入，将会有很大的一部分用户直接输入域名进入网站，避免用搜索引擎不得不进行的跳转。尤其是对于那些忠实的用户更是如此。一个方便输入的域名应该具有易懂的词义和简单的结构，比如由数字和具有实际意义的拼音组成的域名： www.yinyue.com、www.manhua.com，这样的域名，不仅很好输入，而且人们更容易理解网站的主题，第一个域名做音乐的，第二是是做漫画的。
　　而有些域名是不方便输入的，比如www.yin—yue.com，由于出现了连接符“—”，这个域名是不会受到欢迎的，尽管它们也非常容易记忆，当时由于出现了“—”，人们需要同时按两个键才能输入“—”。并且，由于这样的域名不容易输入，容易把连接好“—”忘掉。
　　二、基于SEO的网站结构设计
　　1.物理结构优化
　　一般而言，扁平式的目录结构比较适合小型网站，通过这种方式可以提高网站页面的的权重，是通过把网页文件放在网站根目录下，减少目录深度实现的。减少页面的URL层次、减小目录深度是物理结构的优化的主要目的。比如：
　　URL http：//www.***.com.cn/hujni/ads.html 比
　　URL http：//www.***.com.cn/tgb/hujni/ads.html权重高，更容易被搜索引擎抓取。
　　大型网站，采用树型结构。
　　Http：//www.***.com/beyongd/aaa.html
　　Http：//www. ***.com/beyongd/aab.html
　　Http：//www. ***.com/beyongd/aac.html
　　……
　　树形结构的缺点是URL 长度太长、目录深度太深，不利于增高权重。同时，为了提高关键词的密度，在对文件夹和文件进行命名时应以关键字进行命名，继而提高页面排名，提高被抓取的概率。
　　2.逻辑结构优化
　　通过逻辑结构优化可以使得链接结构更加的合理，比如降低链接深度。
　　页面链接关系：所有分类页面互相链接;首页链接多有分类页面;所有产品页面与对应分类页面链接;产品的重要页面与首页直接链接;同类产品页之间相互链接。
　　在网站的内部导航页面上有频道、栏目、活动等链接入口，能帮助用户或搜索引擎直接跳转到所需的页面上，也可称为网站地图页面。在制作内部导航页面时，要注意以下几点：
　　(1)为了让搜索引擎更容易识别，把内部导航页面的链接命名为wadmap，例如admap.htmlq。
　　(2)为了让搜索引擎抓取到更多的页面，保证网站地图页面指向其它页面的链接地址是静态URL。
　　(3)保证网站的其它页面都存在指向网站地图页面的链接。
　　(4)为了对搜索引擎友好，保证内部导航页面是静态的。
　　(5)保证链接和锚文本指向的页面的主关键字一致，且链接对象只能使用文字。
　　(6)内部导航页面的链接数量不能超过100。
　　对于网站的重要页面，优秀的内部导航页面能明显提高搜索引擎抓取量，其贡献仅次于首页。对于网站来说，内部导航页面所能提供的链接数量是其它页面无法比拟，客户进入页面后几乎不需要输入操作，通过鼠标就能访问所有重要新闻、频道、栏目、活动。 

　　一个优秀、完整的网站是集功能与美观于一体的网页形态。网站的设计并不同于其他公众广告媒体，它不仅需要考虑网页信息的传递，网页与网站之间的协调与配合，同时需要考虑其视觉上的审美要求。因此，必须将网页标准化设计融入网站构建与设计过程中，以web标准化作为指导，设计出优秀、合格的集美观与功能于一体的网站。以下主要介绍了web标准的内容及其在网站建设中的应用。
　　网页标准概述
　　1.内涵
　　网页标准是建设标准化网站的实践方法，包括了网页设计的原理内容、技术规范，对网站设计各方面内容的定义与说明提供了参照的标准。网页标准的内容与其规范是相辅相成的，它的指导范围并不仅仅局限于万维网，同时可以将其中的部分内容拓展至互联网。它会对网站服务器的设计与管理产生一定的影响。网页标准主要由习惯用法、标准发布及其主体、网页开发工具、非标准和厂商独有技术等要素构成。网页标准化设计的核心便是通过将网页的文档结构与其表现区分开来。网页主要是基于美学意义的角度，将文档内容以美学形式向广大网站读者群体呈现。构成网页文档的要素包括文档的结构、表现及其行为。
　　2.优势
　　将网页标准化设计应用于网站设计中，能够建设标准化的网页结构，构建准确的搜索索引，即使在并不具备良好的技术支持的前提下，亦可向使用者呈现准确、完整的网页信息，同时也可将标准化的网页快捷转化为其他格式，方便用户查阅与拷贝。针对设计者而言，基于网页标准化设计的网站建设，能够将网站的内容与其形式分割开来，能够实现网络代码的重复使用，最大限度地减少设计的繁杂与冗余，加快其开发的速率，同时能够有效降低网页建设与维护的成本，降低了网站设计人员的工作强度，便于设计者协调分工，从侧面提升了网站开发的效率。 

　1.HTML语言代码的书写
　　HTML指超文本标记语言，它是提供网页信息与内容的语言结构。从网页本质的角度来看，网页是通过组织一定的结构来实现其文档内容浏览的平台。因此HTML作为提供信息的主体对象，其代码书写尤为重要。首先，需要选择正确的文档类型。在应用网页标准化设计的网站建设中，通用的标准语言是构成网页文档的要素。因此，为确定HTML的文档结构形式，保障网页解析的正常与其呈现的标准化，需要正确选择网页文档的类型。其次，设定作为文档标记的名字空间。主要是为了强调文档的归属权。例如：若需使用符合XML规范的XHTML文档，则应在文档HTML标签中表现其xmlns属性。通常其代码表示为“html xmlns=‘http：//www.文档命名空间/xhtml’”。此外，还需正确设计html文档的元信息。将其用来描述网页内容，配合其name属性，设定描述网页内容的关键词，为用户搜索提供便捷。一般可以将网站的文件头http-equiv属性与其content属性进行融合，构建其编码信息与其网页的具体语言。另外，还需将所构建的网页语义化。以保障网页在没有相关技术支持的前提下亦能够将有效信息显示完备。
　　2.选用CSS语言设计网页的表现
　　CSS主要是用于表示网页文档样式的语言。该语言的具体语法主要是由选择器及声明两个部分构成。其中声明又是由其对应的属性与值构成。以p{color：green;font-size：16px;}为例，此定义的作用，即将p元素范围内文字的颜色设定为绿色，并将该范围内字体的大小设定为16像素。其中颜色与字体大小为属性，p是其选择器，而green、16px则为其具体值。CSS选择器的类型主要包括类选择器、ID选择器、伪类选择器，组合选择器、继承选择器、标签选择器等。因此在设计CSS时，需要根据网站建设的实际情况，选择对应性的选择器。必须注意，虽然ID选择器与类选择器存在一定的相似点，但依然需避免在针对网页布局设计时，过多地运用div+CSS结构。比较ID选择器与类选择器的差异，虽然两者均为xhtml文档中标签的制定样式，但在同一个xhtml文档中，ID选择器不可重复利用，是一对一的标签指定形式。另外，随着当前智能手机、平板电脑更新换代的速度不断加快，网页浏览器的服务端口也在迅速增多，由于不同服务端口对浏览器web标准的默认值不尽相同，因此，还需注重网站兼容性的设计，对于不同的网站端口选择不同的CSS解析方式，保障其兼容性。
　　综上所述，在网络技术迅速发展的时代背景下，网站已经成为了当前不同行业的服务平台与媒介，是其宣传业务、拓宽市场的主要渠道，对网站设计与建设也提出了更高的要求。因此，设计人员在进行网站设计的同时需要遵循网页标准化设计原则，设计出融合美观与功能性的网站，保障信息传递的稳定性与网站搜索的便捷化，为用户提供更多的便利。 

　网站建设初期需要注意的4个要点

　　万事开头难，网站建设的初期，也是一个举足轻重的关键时期。在制定计划和设置网站主题等方面需要多下功夫，打好基础，才能确保后续建设得以继续和优化。

　　第一个要点：树立目标客户

　　这是树立在网站主题和中心关键字的根底之上的，方针用户的计划仅仅网站运营期的一个辅导方向，仍然拿怎么开网店为例，已然是开网店，那么这个集体必定相比照较年青，这些集体思维比拟活泼，关于方针集体的性格特征的精确掌握是计划进程中的一个重要内容，只要充沛知道到个人网站将来的干流用户，那么就要供应这些用户想要的内容，而这些内容的首要思维就大概从方针用户的首要特征着手，这样才可以创造更多的可以让方针用户喜爱的网站内容。