壶知道为朋友们整理了6篇《网页设计方案》，希望能够满足亲的需求。
网页设计方案范文 篇一
关键词：网页设计；课程知识体系；体验设计；交互设计；信息设计
网页设计作为高校设计学专业的专业课程，在教学课程知识体系的不断探索和完善中，形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展，人们对网页的产品设计的属性认知越来越明确，对网页设计的工作分工更细致也更专业，这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。
一、网页设计课程知识体系的构建变迁
1.从代码知识到网页制作工具知识的转变
早期，高校网页类课程的知识体系构建得益于院校的科研优势，互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末，网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物，即使面向艺术类专业，也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索，并将成果于各种学术研究出版物，教学方面则直接引用案例教学，教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及，各种不需要用户直接面对代码的网页制作工具相继诞生，于是，这方面的知识成为课堂的新内容，大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播，使网站在技术层面进入了同质化阶段，市场需求开始转向页面视觉效果方面的提升。在网页设计课程中，由于对网页设计分工认知不足，早期的网页设计课程时常将设计和制作的名称与授课内容混用，没有严格区分，也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主，以美化页面效果为辅。此时，高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后，随着时代的发展，网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟，经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善，分工协作机制日趋成熟，前端设计分离后，网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点，通过对网页设计中的审美需求和各种视觉构成要素（如文字、图片、颜色等）进行分析，结合人们在浏览信息时的视觉习惯，探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后，该阶段还未意识到网页交互设计的核心地位。
二、用户模式的网页之设计认知构建
网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品，对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科，网页本身也是一种产品。网页设计最初被视作平面领域的设计，而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性，使其具有交互设计可用性与易用性体验的内在要求，适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面，各种网页交互体验、视听信息、线上内容服务与线下互动等，是网站向用户提供服务的设计组成部分。作为一种广义的产品形态，网页设计与传统的实物形态的工业产品设计有一定区别，更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展，基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元，从工效学角度来看，网站信息本身也担负着面对用户、有效传递信息的功能和任务，在具体的设计活动中，表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征，信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本，提升页面信息获取体验。
三、基于用户模型的网页设计课程的知识体系构建
网页设计的本质是对体验的设计，即以用户为核心思考设计方案，研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线，构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程，培养设计项目管理和组织能力；掌握用户需求研究分析的基本方法，对用户体验和需求研究有较为敏锐的洞察力；掌握网站交互原型相关的设计方法与工具；掌握网页视觉设计方法和设计规范；了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成（1）设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等，让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践，掌握基本的设计理论。（2）软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现，教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面，包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具，其中常见的Photoshop、Illustrator等图形设计软件，已经在前置课程中基本完成学习。第二类是交互原型制作工具，常见的工具有墨刀、Axure等。第三类是代码编辑工具，选择较多，作为对网页前端知识的入门介绍部分，在本课程中以介绍为主。（3）设计经验教学内容模块设计经验教学以启发式案例实践为主，按照网站项目设计的流程需要，设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验，从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证，有助于学生对网页设计方法的理解和体会。结语任何一种技术变革，都可能让网页设计出现新的艺术形态，前端依然是课程必须了解的知识。目前，就设计艺术角度而言，网页设计课程的内容以交互和视觉设计为基础，在信息设计层面也有较大的提升空间，设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角，让学生更深刻、更完整地理解用户模式下的网页设计艺术。
参考文献：
[1]韩旭。新概念网页设计。包装世界，2000（5）.
[2]鬲波飞。网页设计之视觉信息传达分析。湖南大学学报（社会科学版），2001（S2）.
[3]刘真。《Don’tmakemethink》，从网页设计到产品设计。科技与创新，2015（8）.
网页设计方案 篇二
关键词：案例教学法 CSS+DIV 样式选择器
中图分类号：G712 文献标识码：A 文章编号：1673-9795（2013）04（b）-0168-01
随着现代网页设计技术的发展，CSS+ DIV成为网页设计中的核心技术，如何制作精美的网站，本文旨在引导学生分析网页表单圆角案例，运用CSS+DIV知识点完成设计。
1 案例教学法
案例教学法由美国哈佛商学院提出，是一种以案例为基础的教学法，通过学生间的相互讨论或研究，提高学生的学习兴趣，从而培养学生主动学习的能力。本文用CSS+DIV制作表单圆角案例，形成学生思考和分析问题的能力，从而提高学生制作网页的技能。
案例教学法以注重学生的基本能力为基础，避免单纯理论知识的学习，在实践过程中，可以鼓励学生进行单独的思考和创造，提高学生学习的积极性。
2 表单
表单（Form）作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能，用于吸引新用户，留住新用户的重要工具。设计一个表单很简单，但设计一个用户体验高，漂亮的表单却并不易。如果表单设计用户体验不高，无疑将会对网站用户粘性大大降低。
3 设计过程
3.1 展示案例，启发思考
把此案例效果图展示给学生，吸引学生的注意力，激发学生探究学习案例的热情，让学生带着例子去探讨课本上的理论知识，为学生学习理论知识打下坚实的基础。
3.2 探究讨论案例，解决问题
根据表单圆角的案例，让学生展开分析和讨论在案例中所用到的理论知识，分析表单的布局结构、分析实现的代码，学生试着写出CSS代码，并预览调整，测试优化页面。
3.3 总结和点评
教师通过学生完成的案例进行总结和点评，分析不同学生在案例中存在的优、缺点，有针对性的进行深入的分析，对出现的问题从不同角度和方法，与学生共同找出最佳解决方案。最后对此案例所涉及的理论知识和代码进行全面的总结：
3.3.1 网页设计的核心概念
（1）CSS+DIV布局：利用CSS样式控制DIV标签的位置来实现网页的布局。
（2）盒模型：盒模型是CSS的基础，它认为页面上的每个元素都被看作一个矩形，这个矩形由内容、填充（padding）、边框（border）和边距（margin）构成。
（3）位置控制（position）属性：位置控制属性可以确定元素在网页中的位置，分为静态定位（static）、相对定位（relative）和绝对定位（absolute）。
（4）浮动（float）属性：浮动属性是CSS布局中很重要的属性，用于控制元素左右移动，分为不浮动（none）、左浮动（left）和右浮动（right）。
（5）选择器：CSS的主要作用就是将一系列的样式规则应用于文档中，使得文档中应用了这个规则的内容实现某种样式。这一系列的样式规则就叫做选择器。文档用了不同的选择器，就呈现不同的样子。选择器主要分为标签选择器、类选择器和ID选择器。
（6）显示与可见性：显示（display）一般用在改变属性（如导航），增加交互（如标签），显示分为块元素（block）、行内元素（inline）和无（none）。可见性分为可见（visible）和隐藏（hidden）。
（7）常用CSS属性：常用的CSS属性包括字体（font）属性、背景（background）属性、边框（border）属性、边距（margin）属性、填充（padding）属性和列表（list）属性。
3.3.2 代码
网页表单设计的主代码及解释如下：
4 结语
CSS+DIV方法实现网页设计已成为当前网页设计的一种趋势，本文旨在通过案例教学法使学生更好的掌握CSS+DIV的基础知识，激发学生学习的兴趣，调动学习的主动性，制作出更漂亮的网页。
参考文献
[1] 谢学峰。基于DIV+CSS的网页设计技术[J].计算机光盘软件与应用，2011（11）：82，84.
网页设计 篇三
随着科技的巨大进步，电脑、智能手机的普及，设计和建设网页成为了一种吸引网民的手段。人们对网页的美观度有了一定的要求，网页艺术设计教育就应运而生。一个完美的网站应该是基于设计者较高的审美能力。本文对网站艺术设计的内容、风格和布局进行了初步的归纳和总结。
关键词：
审美角度；网页艺术设计；研究
0引言
近几年，在网络快速发展的大背景下，网页设计更加艺术化，并逐渐引起人们的重视。如果网站的发展状况不好，网页的艺术设计就更加重要。而网页艺术设计和内容的统一，是一个难题。想要做出优秀的艺术网页作品，设计者就必须有较高的艺术审美能力。本文对审美视角下的网页艺术设计进行了初步探讨。
1网页艺术设计的原则
网页艺术设计，顾名思义，就是艺术和技术的统一。在网页中要重点体现两者的统一。为了把握这重点，设计者必须紧紧跟随以下三点原则：
1.1明确的主题
网页艺术设计的最终目的就是把网页的主题和内容传达给网民。网页要通过视觉、听觉效果来与网民进行信息交流，利用网民的心理规律使页面的内容更加容易被网民接受和吸收。大多数人在短时间内只能掌握少数信息，［1］过多的信息、太过分立的信息都是容易被人忘记的。因此，用鲜明的主题以集中体现网页的内容，是网页设计最根本的要求。1.2统一的风格网页的版面设计和杂志、书籍的封面设计是类似的，并没有很大的区别。网页的风格决定该网页的内容、网页的布局和网页的色彩运用。具有个人特色和风格的网页设计，会给予网民不一样的视觉体验，除表达设计者想要表达的信息之外，还可以使人产生感官上的美的享受。但是一个网页页面上不可以有多种风格，这会使网民在视觉上接收到繁杂的信息，无法把握真正的重点信息，从而无法达到网页页面设计者的初始目的。一个页面上最好是不超过三种原色，同时这几种颜色的位置安排、占有的版面都需要设计者考虑。
1.3色彩的丰富
颜色在网页的整体布局上处于一个很重要的地位。色调统一可以使网民感到舒服。但是统一的颜色又存在一个问题，那就是页面单一，导致部分网民容易感到疲乏无味，以致没看完页面的内容就选择关闭页面。同时，页面设计者可以恰当地运用颜色对页面内容的布局进行创新，利用网民的感官感受，来安排页面上的颜色，突出重点，使网民一下就抓住重点，以达到页面艺术设计的最初目的：以网民的主观感受为优先，在他们充分体会到美好、形象的视觉、听觉享受之后，可以接受页面的艺术设计，达到最初想要宣传的效果。
2网页艺术设计的注意事项
网页的艺术设计和其他的媒体排版既有相同之处，都是在传播美的同时，宣传自己想要传达的信息，但它们又有许多的不同。
2.1网页设计尺寸
印刷品都有规定的排版和尺寸。但是在网页设计上，尺寸和排版都是可以人为地设定，以追求统一、和谐，达到最好的视觉效果。但是这个也给网页设计者带来不小的负担，需要设计者精心调整和把握尺寸。［2］同时网页设计的组织结构也需要设计者格外注意。组织结构要按照该网页设计的风格、排版和文字位置进行调整。
2.2网页设计文字排版
一个网页除了图片和色彩，还有直观的文字解说才算是一个完整的页面。文字可以直接传达想要表达的宣传内容，给网民带来直接的视觉体验。文字除了传达主题，还有渲染气氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三点要求，即主题明确、风格统一、色彩丰富。文字是排版的重点，文字除了要在内容上下功夫，文字的排版、大小、颜色等都可以影响一个网页页面的整体效果。例如，国家时事类的网页就应该运用正式庄重的语言文字；休闲旅游类的网页就应该走轻松活泼的文字风格；平时一些和百姓息息相关的资讯、贴士，最好就运用百姓的日常用语。此外，文字排版要注意文字中穿插的图片，文字要与图片形成好的整体效果。
2.3网页设计图片编排
作为视觉感官动物，人们对于图片和文字的敏感度都是差不多的。其实网页上的图片并不需要很高的辨析度，因为在网页上的图片有清晰度的设定，过高的清晰度会因为显示页面的大小而大打折扣。另外就是页面图片的使用和运输，会受制于宽带速度。文件越小，网上传送速度就越快。［3］在图片选择和优化程度上，除了考虑网络页面整体的效果，还需要考虑图片的排版整齐，和页面风格统一。最好是图片的使用要符合风格和文字的内容。图片在辅助文字表达文章主题思想的同时，突出重点。
2.4网页设计艺术修养提高
其实一切网页设计都源于页面设计者自身的艺术修养和艺术鉴赏能力。页面设计者应该在运用自己专业知识的同时不断提升自己的艺术鉴赏能力，然后在仔细观察生活的同时，达到可以融会贯通的高等境界。毕竟在浩如星海的网页中，最缺少的就是个人风格和特色。设计者根据网页内容，将自己的创意和风格运用到文字的编辑、图片的排版和整体的页面设计中。这些都离不开网页页面设计者自己的个人主观能力和感受。
3结语
在网络的普及下，网页上的信息传播越来越高效，所以对网页艺术设计的学习就变得更加重要，网页设计者在把握网络页面艺术设计的三大基本原则后，再在网页页面艺术设计的注意事项上下功夫。除此之外，页面艺术设计者自己的艺术修养也是极为重要的，要努力提高自身的艺术修养和艺术鉴赏能力，辅助以强大的技术设备支持。
参考文献：
［1］马尔科姆•巴纳德（英）.艺术、设计与视觉文化［M］.江苏：江苏美术出版社，2006.
［2］王受之。世界现代设计史［M］.深圳：新世纪出版社，1995.
网页设计 篇四
关键词：网页设计；元素；色彩
互联网技术日新月异的发展，已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃，随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。
――引言
网页设计作为一个全新的设计领域，没有照搬的模式，没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者，将艺术的设计语言和设计理念抛到脑后，机械的完成设计，完全成为了技术的奴隶，因此，我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解，希望给广大读者带来一些启发。
一、平面设计元素在网页布局中的应用
第一个要素――点：在日常生活中很多东西都可以看作点，如晶莹剔透的一颗雨滴，大海中的一页孤舟，星空中的一轮明月……从几何学角度来说，点是线的交点，它没有大小和形状；从造型艺术来说，点是最基本的要素，指画面中某一小块区域；从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的，一些较小的个体元素都可以视为点。例如，在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形，更在于点在整个空间中所起的作用，在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短，免得感觉就越强，这对把握画面的整体效果和统一画面十分重要。
在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮，又是页面的装饰元素，在不同的色彩映衬下圆点似乎产生了韵律感和运动感，浏览者的视线会不断在这些点之间徘徊决定最终去向。
第二个要素――线：线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉；弧线使人感到流畅轻盈；曲线使人跳动不安。不同粗细的线在空间的性格也是不同的，粗线条给人粗犷，勇敢阳刚的感觉；细线条可以表达锐利敏感速度之感；当粗线和细线进行结合时粗线必定先进入视觉，若线的长短符合透视规律，就能表达出强烈的空间感。因而，线的构成在网页设计中有着广泛的应用，网页设计师常用简洁的线条进行页面构图，以此传递丰富的视觉信息和思想感情。
第三个要素――面：根据几何学定义，面是线移动的轨迹。点和线的密集可形成面；面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面，一张图像可以看作一个大面，一大片留白可以成为一个面"面"的概念不是固定的，面试网页构成中常用的元素，它的大小曲直变化都会影响页面的整体布局。
分割面是规划空间的重要手段，在网页设计中，设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割，可是网页页面主体清晰，层次分明。避免杂乱的重要原则就是：少即是多。另外，在网页设计中要敢于留白，善于留空。空白可以定义为页面中没有安排内容的地方，空白空间并不一定是白色的，它可以是环境空间的颜色或图案。
第四个要素――空间：网页设计中的空间并非生活中的立体空间，而是一个假象的空间，是看得见而摸不着的，是在二维平面上建立的空间关系。在设计中，我们可以利用对比强烈的大标题可以作为前景，大面积的正文构成中景，附属的版权信息构成背景。实践证明，这种清晰而和谐的层次关系，极大地提高了页面的整体艺术效果。
二、网页设计中色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
在网页设计选择颜色时应注意几点事项：第一不要大面积使用很高的纯单色，否则会使浏览者感到视觉疲劳；第二当网站面对的用户超出本国范围时，最好使用网络安全色；第三为增强网页的可读性，背景与文字内容的亮度差最好在102以上。
在色彩运用过程中，由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色；生活在草原地区的人用红色；生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时，必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此，不但要关注上述因素，还要考虑到网页配色的共性：色彩的鲜明性；色彩的独立性；色彩的功能性和习惯性；色彩的有限性；色彩的周期性。
三、结束语
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问，因为它会跟着你的成长也变化，直到形成你的一种风格，网页界面艺术设计需要大胆创新，需要新的思维，需要不断的努力。
网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的，特别是网页设计的艺术表现，它既是传播信息的载体又是传递美感的使者，设计者只有不断增强交叉设计的能力，使艺术与技术有效地结合才能适应不断变化的时代！
网页设计范文 篇五
1.1教学安排
教学内容的安排要以学生能够更好的动手操作为目的，以学生能够更多的亲自动手进行网页制作为主线，改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。目前普遍的教学方式是以教师的讲授为主，学生被动式的接受，很多学生无法全身心的投入到学习中。为了改变这种局面，让学生能够自主的学习，并且在这个过程中能够体会到应该怎么去学，应该要学什么，就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容，让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程，从而更好地调动学生学习本门课程的主动性和积极性。
1.2分模块化教学
在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率，主要将内容分为四个阶段，然后对每一阶段的教学模块进行详细划分：（1）尽快地让学生掌握网页设计的一些语言，如：HTML语言，C#语言；（2）教会学生如何使用开发工具进行网页开发，如：Dreamweaver；（3）在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等，实现更完美的效果；（4）在简单的准备工作完成后就是在网页中嵌入脚本语言，如Javascript，实现网页动态效果。为了更好的实现教学效果，让学生更好的掌握每一阶段的内容，在每一阶段的教学完成后，需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。
1.3实践项目教学
项目教学，最主要的就是挑选经典的教学项目或者适合教学的实际项目，让学生参与项目的分析和制作过程中去。
项目教学是在一定条件下完成的，首先：让学生掌握网页设计的基本知识和一些相关技术；第二，教师要对项目进行策划，对学生进行细心指导；第三，将项目转化为教学，根据教学目的设计教学内容，带领学生详细地进行项目分析；最后，让学生进行独立思考后分组合作，进一步地让他们认识、了解到网站网页的设计，有效地提高解决具体问题的能力。项目教学改变了教学中教师为主体的模式，学生变成了主体，形成了学生自主去学习、学会合作学习、知道如何研究性学习和探索性学习的高效的学习氛围。
2总结
常见的网页设计范文 篇六
1）各模块间的关系设计
各个模块的功能反映了市场的真实需求，通过对市场需求的认真调查分析，可以设计出符合要求的单独模块。而较难也较关键的环节在于对系统架构的把握，把零散的功能模块用一条主线串联起来，构建成完整的系统。一般根据系统的入口不同，可将系统分为前台系统和后台系统。本网站前台系统包括产品宣传与推广模块、真伪检测模块、在线客服模块，反馈意见模块；后台包括管理用户模块、管理板块模块。至此，网站系统的架构部分设计完成了下一步需要设计具体的数据库结构，确定系统的数据基础。
2）产品宣传与推广模块设计
此模块功能为公布本网站正在宣传推广的产品。本模块设计简单明了，进入页面便可直接浏览产品，为了使浏览者在一个网页上获取尽可能多的信息，对网页空间进行了合理的规划分配，并在网页上部插入滚动条以增加网页空间的利用率。色彩搭配也以浅色调为主，避免华丽的页面对宣传的产品起到喧宾夺主的反作用。该模块设计围绕“宣传”这个主题，将产品的展示放在第一位，将更好的表现产品作为设计页面的主旨。
3）真伪检测模块设计
模块实现网上产品的真伪检测，围绕这一功能，网页的设计突出重点。页面的主要位置清晰的罗列出可进行网上产品真伪检测的五种方法，使用户能迅速找到合适的真伪检测方法进行产品检测，操作简单、高效。色彩搭配和首页保持风格一致，没有过多的进行画面设计。本模块的主干内容是真伪检测技术的插入，现已插入五种技术，但这还远远不能满足真伪检测的要求，不能对所有的网上产品进行便捷有效的检测，后期还会不断的插入真伪检测技术，本页面现有的设计非常有利于插入内容，操作起来方便，即使插入内容也不用重新布置页面结构。
4）在线客服模块设计
本模块是用户与网站服务人员进行在线互动的平台，是一个出现在所打开页面左上方的小提示框，可通过点击小提示框进入到客服界面进行互动交流。为了使用户方便地进行互动，在其所打开的任何页面中都显示客服小提示框，小提示框的文字使用橙色和页面的主色调蓝色形成鲜明对比，使用户容易找到。本模块的设计以更好地实现在线交流，拉近与用户之间的距离为出发点，不论是从位置安排还是色彩搭配上都尽量表现网站的“以人为本”，注重用户的感受。
5）反馈意见模块设计
本模块功能是收集用户的反馈意见，为网站的不断完善收集意见。用户的意见是网站不断完善的重要参考，所以在收集意见时要表达出真诚的谢意，让用户愿意表达出真实的感受提出切实可行的建议。本模块在设计时参考了传统反馈意见界面的布局设计，并在其基础上进行了完善，将表格布局进行了调整，并加入了恰当的互动语言，使用户体会到网站的用心与诚意。
6）网站设置模块设计
该模块的功能是设置网站参数，这是网站后台管理的一个重要模块，控制着网站的整体效果。因为是面向管理员的模块，所以在设计本模块时更多的是考虑让管理员操作起来方便，将控制各部分的参数写好注释，位置排列上要符合大多数人的习惯，即使是新手也能很快的熟悉该模块的各部分的内容及操作方法。
7）管理板块模块设计
该模块的功能是创建、修改和删除板块，是后台管理的一个部分。该模块在布局方面采用表格形式，注释说明也标注的清楚，每个板块的创建、修改和删除都是由明显的按钮提示，管理人员只要进入本页面就可以根据网站的需要进行简单的版块修改。
8）管理用户模块设计
该模块的功能是添加，删除和设置权限，是后台管理的一个部分。通过本模块对用户进行添加、删除和设置权限，是管理用户信息的模块。对于一个网站来说用户信息非常重要，合理有效的管理用户能让网站不断的符合用户的要求不断的完善。用户信息种类多，数量也多，所以该模块将用户的信息根据要求进行分类、设置权限，并按照时间顺序进行排列，为了减少网站的负担，定期删除用户信息。
2网站实现
根据的前面的分析设计可以得到网站具体需要实现的功能。前期的工作已经完成，网站建设的目标基本实现。下面介绍的就是实现的大致方法及具体实现后的页面截图。
1）主页动态Flash的实现
运用Photoshop图片处理制作软件完成了一个简单的LOGO。此过程要求能够熟练的掌握Photoshop软件的使用方法，熟悉图片制作流程。
2）数据结构实现
数据库是根据网站的功能进行设计的，所以针对实现网站功能的需求，通过对网站管理过程中内容和流程的分析，制定了数据库建设的大致内容。
3）数据库表实现
首先将网站管理信息系统的数据库概念结构转化为SQL2000数据库系统所支持的实际数据模型，即：数据库的逻辑结构。
4）产品宣传与推广模块实现
通过点击网站导航条中的【产品宣传与推广】导航按钮进入产品宣传与推广模块，本模块主要包括商品图片、名称、各项指标信息。该模块包含大量的内容，切实为网上购物者提供实用的购物指南。
5）产品真伪检测模块实现
通过点击网站导航条中的【真伪检测】导航按钮进入产品真伪检测模块，在该页面中提供五种产品检测途径：1)在线检测一2)购物网站安全度3)在线检测二4)常识检测5)专家专人检测
6）在线客服模块实现
在线客服提示框在所打开网页的左侧边沿处，单击即可展开实现在线客服。
7）反馈意见模块实现
用户单击网站导航条中的【反馈意见】，将进入到反馈意见页面。
8）网站、浏览、调试的实现
：将网站的所有文件夹和文件保存到设定的主目录中。设置主目录：选择控制面板管理工具Internet服务管理器右击默认站点选择属性设置主目录。浏览：在IIS中选择默认Web站点中的首页default文档，右键选择浏览。
9）网站调试实现
一个站点制作好后，在细节上肯定还有一些值得调节的地方，比如无效链接，Java、Cookie错误等等，所以网站调试是一个不容忽视的环节。我们利用浏览器对已建成的网站进行了调试并根据调试结果进行有目标的修改完善。
3网站效果分析
本网站主要突出网上产品宣传与真假检测的功能，网站的一切设计都是为了更好的实现其功能。本网站总体上有如下风格：
1）将LOGO放在了醒目的位置，起到突出网站标志的作用。
2）网页采用浅色调，不会喧宾夺主影响到网页的主题。
它山之石可以攻玉，以上就是壶知道为大家带来的6篇《网页设计方案》，希望对您的写作有所帮助。