网页设计价格讨论

第一篇：网页设计价格讨论

网页设计价格讨论.txt爱空空情空空，自己流浪在街中；人空空钱空空，单身苦命在打工；事空空业空空，想来想去就发疯；碗空空盆空空，生活所迫不轻松。总之，四大皆空！“家有家规，国有国法”，网页设计的价格标准，似乎是有了“家规”，尚无“国法”。每个公司、工作室开出的价格单都不同，没有统一的标准。这里面值得推敲，这种现象是不是正常的现象？拿青菜价格来说，虽然各地的物价指数不同，但是在同一个菜市场、在同一天、在不同的摊位中，某种青菜的价格基本是一致的。但是，在同一地区，不同的两个设计公司中，对网页设计的报价往往是不一致的。这就导致竞争，竞争是有良性和恶性之分的。如果两个公司之间竞争的是设计水平，那就是良性的竞争；如果两个公司之间是争相竞低价，那就是恶性的竞争。网页设计这个行业，算是新兴的行业，但在国内也发展了几年，是越来越迫切需要“国法”--行业价格标准。

“网页设计”面对着两个对象，一是客户，二是设计师。行业规范能制定的基础，是需要两个对象在观念上达成共识。现在试图分析一下这两个对象可能陷入的观念上的误区。事实上，很多客户不明白建网站能给自己带来什么，只是抱着“人有我有”的心态，于是，小心翼翼的投进一千几百块钱，换来名片上的网址，并到处宣扬：我们有自己的网站。这个观念导致的后果是，网上充斥着众多“惨不忍睹”、“言而无物”的网站。理智的客户就会考虑：我为什么要建网站？我要建什么类型的网站？这个网站会带来多少回报？从大部分客户角度上划分，网站可分为资讯类、形象类或两者综合。资讯类就是实现产品资讯、网上订购等功能；形象类则是打造企业形象品牌，使品牌在网上传播到世界各地。普通一个企业客户，在网站内容上的要求往往是这样：一个形象首页，然后就是公司简介、产品介绍和联系方式。于是很多设计公司两三千块钱就愿意承接这些业务了。在设计公司内部则是要求设计师在一两天内完成一个费用为两三千块的网站设计。一两天的时间，设计师还来不及去理解这个企业，只能根据客户的片言片语，加上自己的经验去完成网站设计。一个丑陋的网站，最恶意的后果就是，严重损坏企业形象，网站属于门面，让人怀疑丑陋的门面后面的企业也是极差的。这就是一些品牌企业为什么愿意花重金去打造网站形象了。所以光凭“首页五百，内页三百”的价钱去打造网站，就失去了设计本身的意义。

网页设计师也有不少思想上的误区。首先，怎样才算是网页设计师？是不是学几天Photoshop，再学几天的Dreamweaver，就可以成为网页设计师了？有人说，天下网站一大抄，会抄了，也可以做网页设计师了。从网上的招聘广告来看，有的写着要求设计师是美院毕业，有的要求是计算机专业，有的要求熟练操作图形软件，有的要求会编程。这就导致网页设计师的多元化，甚至从设计、制作到后台编程都是一手包办。对网页设计师的定义不明确，也就导致被称为“网页设计师”的人的水平良莠不全，所以设计师的工资水平也是参差的。有的年薪十万，有的月薪几百。成本的不同，也就使网页设计的价格很难形成标准。而且，从事网页设计的人，有专职的，也有业余的，其中有不少是在校生。有些业余的人，只图在帮助客户建站的过程中学习，或者赚到一点小钱就满足了。于是，这个市场乱糟糟，没有人出来管理，也没有人能管理。

这里要提及一下“设计价值观”。先来说个小故事。中国有个企业，生产设备坏了，导致停产，请了不少专家，都无济于事。无奈，只好花重金请来国外专家，那专家只简单的瞧了一会，然后用粉笔在机器上画了一条线，说问题在这里，三言两下就使设备运转起来。厂方不服：“你只画了一条线，不该拿这几十万报酬。”国外专家说：“我为了能画这条线，我已经研究了几十年，知识的价值是用时间来恒量的吗？难道你们希望我花几个月时间修好它，才能拿这报酬？”网页设计的价值，同样也不可以用时间去恒量。有些设计高手，在接设计项目的时候，总是想着，这项目花不了多长时间，所以价钱再低些也没有关系。这完全是一种自我贬值的想法。名家画画，通常也是用时几天甚至是几分钟就一气呵成，但该画却是价值不菲，因为里面的价值包含着画家数十年的功力。所以网页设计的价格不应该以简单的劳动力来恒量。网页设计师们只有认真分析设计作品的真正价值，才有可能达成行业规范。

客户和网页设计师们思想上有了共识，才能坐到一起，共同探讨行业价格规范。因为行业的规范是针对客户和设计师的，只有这两者中大部分人认可的规范，才能算是标准。标准起到什么作用呢？起到约束和参照作用。

网页设计行业价格标准，真的很重要、很迫切需要吗？当你漫步市场时，你发现同一件商品在每一个摊位的报价都不同时，你是否在犹豫？这时你就是客户，你弄不清楚究竟花多少钱购买该商品才是最合算，因为该市场没有规范。同样，假如你是出售商品的小贩，而对着客户问价时，你心里也没有底，因为这市场的价格很乱，你想报三百块，但又担心旁边的人报二百块而把你的生意抢去。相信很多网页设计师都面对过这样的尴尬。没有规范，没有对照，甚至连小小的“页”字也统一不了，比如有人是以一个HTML页面为一页，有人则是A4纸大小为一页。

拍卖的场面通常是这样，在一个底价上，众人纷纷抬高价格，价高者得。很不幸的是，现状的网页设计的报价是相反的，没有底价，纷纷压低价格以求取得业务，价低者得。连一个底价都没有，正说明这个行业处于一种非常尴尬的状态。要打破这个不良局面，唯有价格标准出台。也许有人认为，网页设计的价格低，对客户有利，事实并不是这样的，中国人信奉“一分钱一分货”，客户给到的价钱低，设计公司也只能降低成本，才有利可图，降低成本的最直接办法就是要求设计师在很短的时间内完成该项目，而设计师为了能按时完成任务，就臆造，就抄袭，设计质量得不到保证，到了最后，直接受损害的，还是客户自己。

那么，网页设计行业价格标准应该由谁来拟定呢？前段时间，各大专业论坛上都有热烈的讨论，但都没有统一的认识。我在这里说一下自己的想法，以作抛砖引玉。我认为，应该由一些在网站设计行业影响力比较大的网站牵头，各派出一些资深人士进行会议讨论，同时邀请一些企业代表参加讨论。最后拟出初稿，放在网上进行调研。同时配合媒体，做适当的推广，让更多的人了解这一价格标准。

那么，各个地方的物价指数不一样，如何在网页设计行业价格标准中体现？虽然互联网是不分国界，但是网站设计行业中还是分区域性的，譬如，一间北京的公司，应该不会把网站的项目交给广州的网站建设公司去做，因为建站过程，双方的面对面沟通是很重要的。在网页设计行业价格标准中，价格应该是一条公式表示，根据物价指数的不同，算出来的价钱也应该有差别。具体考虑到多少钱一页时，我认为有个东西要单独考虑一下，就是创意。随着网络技术的发展，工具软件越来越智能化，而且网络带宽越来越宽，这样，设计师制作的成本就越来越低。所以，创意在网页设计中的地位越来越重要，但创意却不可以用页数来恒量，因此，创意应该单独作评估，视客户的需要而定。

实际上，很多内页只是文字上不同。这时，应该是以模板数量来计算。模板的价钱高些，而套用模板的内页的价钱低些。这样，对客户就公平一些，而定价的重点就落在设计上，而淡化了制作。

个人认为，网页设计价格标准中，应该分创意、首页、模板、内而来收费，（Falsh的收费在本文中不作讨论）。

另外，网站是需要不断更新的。这就涉及到后期维护的收费。维护费用通常是按年来收取，这种维护通常是指更换一些产品图片，更改一些文字。如果网站要改版，那就不属于维护的范围。

网页设计行业价格标准内，还应该包括合同的标准化。在合同中，要考虑到双方的权益，如预付款问题，合同签订之后，客户方支付30%-50%的预付款，至网站完工之后，再支付余下部分。

以上所述的，是针对企业形象网站而言。还有一种就是资讯网站，这种网站应该如何收费呢？首先这类站点的内容通常都是由发布系统生成的。其次这类站点在设计上的重点不是创意，而是布局的合理性。所以，这种类型的站点，适宜在总体上评估费用，而不应该单纯的按照页面数来计算。网页设计行业价格标准内，应该对资讯网站划分等级，并提供参考网站。

阐述了这么多，观点上很明确，第一就是注重创意的收费，第二就是以整体作为考虑。这些，完全是观念上的突破。但要明白一点的是，我现在所阐述的并不是网页设计行业价格标准，因为标准不是一个人制定的，我现在所做的，只是提供一种思路，提供一种思维方式，希望以后在探讨或制定标准的时候，能脱离思维的框框，突破传统。

从现状来看，网页设计行业价格标准还处于探讨和观望状态。这是一个痛苦的现状，就像一个病人需要紧急救治而却欠缺资金一样。从论坛上的讨论来看，很多人的观点都是支持制定网页设计行业价格标准的，但是却又抱着怀疑心态。因为网页设计行业价格标准制定容易，实施起来并不简单，甚至可以说是困难重重。首先这标准得具备权威性，于是不少人提出成立网页设计协会，塑造这个协会的权威性和中立性，作为第三方来进行监督和协调。个人认为，这是可行的，必需的，任何一个行业都有或者都需要有这样一个机构。有人说现在协会泛滥成灾。但我要说：“协会”只是一个名称，真正实用与否只在于它是否是一个合理的机构。于是，又涉及了一个由谁来成立网页设计协会的问题，这就需要有人或实体公司出来牵头了，牵头的人，必须有自我牺牲的精神，因为，这个协会不是以营利为目的。其次，网页设计行业价格标准要走过一段漫长的路，才可以被广泛接受。不少公司或个人，为了短期的利益，而喜欢我行我素。所以，必须借助“市场竞争”的力量，在残酷的市场竞争中，在恶性的竞争中，客户和设计师都会吃尽苦头，而网页设计行业价格标准的作用和影响力就会渐渐加强。

事物的演变总有一个过程。即使发展如蜗牛移动般缓慢，但始终需要踏出第一步才叫发展。与其临渊羡鱼，不如退而结网。所以即使网页设计行业价格标准实施很困难，成立网页设计协会不太现实，但是，只要有所行动，一切就会逐渐变成现实。

我们要做思想上的巨人，更要做行动上的巨人。此文的构思并不成熟，但抛了砖，希望能引出玉，期望更多人参与讨论，更多人牵头去做。

[来 源] 视觉中国 [作 者] 原作者：阿文

第二篇：网页设计说明书

网 站 设 计 说 明 书

一、设计理念

本网站定位 本身是用于展示个人作品的一个平台页面系统。在展示之余也有推销网站 建设之功效....页面主要以 深红色调风格为主,站点分为有 首页简介、关于我的作品、经典作品展示、与我联系方式等 各个方面子页面.本站页面主要展示的是本人在暑假实习公司开发的一些 作品...整体页面使用到了 CSS 层样式技术。

二、设计流程

网站主要以自己喜爱的东西而制作，并根据,相应要求 到网上寻找相应的 图片素材 以及 应用到 PS 图片设计结束.最后 应用 HTML 网站设计技术 使用 DIV+CSS 进行页面布局的定位设计.三、使用的工具与技术

网页制作工具 : Dreamweaver CS5 多媒体设计制作工具:Photoshop 应用到的设计技术： HTML、CSS.四、网站设计说明

网站名称: 梦幻部落-作品展示厅 整体形象设计包括标准字、Logo、标准色彩、广告语等.首页作为网站的形象页，作为网站的欢迎页面，引入的元素大致有网站名称、LOGO、形象图片、宣传文字、栏目导航等要素,是彰显网站整体风格的重要页面, 并结合 FLASH 动画来展示.网站形象页的设计突出..展示为主题，通过文字、形象、图片的巧妙烘托，令页面富有 层次感，达到赏心悦目的效果。

五、页面结构布局

(1)、首页布局、网站 Logo 幻灯片展示切换 页面链接 站点介绍 页面介绍 在线联系方式 页面底部

(2)、站长个人简介页面、网站 Logo 幻灯片展示切换 页面链接 个人简介 内容 更多链接 页面底部

(3)、作品展示页面、网站 Logo 幻灯片展示切换 页面链接 作品展示 栏 页面底部

(4)、联系方式页面、网站 Logo 幻灯片展示切换 页面链接 联系 提交 表单 其他联系方式 网站建设 套餐 页面底部

第三篇：网页设计要点

1、页面布局的概念包括哪些内容？

答：页面布局的概念包括：页面尺寸、整体造型、页眉、文体、页脚、图片、多媒体。

2、图像抖动是什么？

答：图像抖动伪造了那些在颜色有限的调色板中不能显示出来的颜色；在视觉上，近邻像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的。“抖动”的图像有很多颗粒，显得图像非常粗糙。

3、运用色块制作网页时需要掌握的要点有哪些？ 答：（1）冷暖色调在均匀使用时不宜靠近，如果必须时，应当使用中间色（白色或黑色分隔过渡，在对称色块构图中更应该注意。

（2）纯度接近同的两种颜色也不宜放在一起，如亮红和亮绿。颜色太纯，对眼睛有强烈刺激，容易造成眼睛疲劳，应降低其中一种颜色的纯度，可以选择在亮色中加入其它颜色用以平衡的方法，如可以使用墨绿配亮红色，这样焦点滞留在红色上，绿色也不会干扰视线。

（3）整个页面中最好有一个主色调，否则整个页面就显得零乱。在制作非对称色块网页和渐变色网页时，这是一个原则。

4、论述网页页面布局的方法有哪些？

答：在进行网页布局时，需要有一片空白的空间供创作人员自由发挥，主要可以通过两种工具来进行创作，第一种工具是纸，在一张白纸上进行布局构思；第二种工具是计算机通过某些软件来进行网页布局构思，如Photoshop

5、试比较GIF格式与JPEG格式的原理与各自适用的范围。答：有一个非常简单的原则来判断应该采用哪种文件存储格式：如果是自己设计的线条简单、色彩种类比较少的图形，或者是制作透明图形、制作动画，那么就用GIF格式。因为GIF文件能够做动画，而且它的压缩算法是通过精简色彩集来实现的；如果需要在网页上放置一张照片，或者是处理过的照片，那么就使用JPEG文件格式，因为JPEG的压缩算法对包含有复杂的颜色的图片很有效。

在GIF格式中最多允许有256色，而JPEG则没有这个限制，且可以显示所有的RGB颜色。RGB颜色在一般的个人电脑上可以从000000~FFFFFF，也就是所谓的24位真彩色，它共有256*256*256=16777216种不同的色彩。而GIF的颜色只用8位表示，所以其色彩范围为00~FF，只能显示256种颜色。在使用彩色照片时，由于彩色照片属于连续色调的图像，因此它所包含的颜色数目一般远远大于256色。如果把它保存为GIF格式的文件，将不能把这些颜色都显示出来。GIF的原理是先为所有的颜色建立一个索引，然后选择其中256种最常见的颜色进行显示，因此GIF用来处理高清晰度照片是不合适的。

如果颜色数目少于`256色，保存为真彩色的图像就会造成浪费，因为在保存为真彩色JPEG的过程中，对每一个象素点，都要建立颜色信息，这样就会有大量的颜色信息是重复的，图片文件自然就会增大了。而GIF与JPEG不同，如前面所述，他首先在GIF文件头部建立一个颜色索引表，然后仅仅保存各象素点对应的颜色索引号。当软件在显示这个文件时，首先要对GIF图像进行解码，就会按照索引号在表中寻找对应的颜色。因此在保存简单颜色的图像时，GIF大量采用索引，就比JPEG直接存储各点的颜色信息节省很多。

6、PHOTOSHOP向量图的优点和缺点有哪些？ 答：优点主要有：与分辨率无关，用户可以对图形进行任意放大或缩小，而不会影响它的清晰度和光滑性；便于修改，通过调整其控制点位置，可轻松修改其形状。

向量图的缺点有：不易制作色彩丰富的图像，而且绘制出来的图像也很不逼真。

7、网站设计中应注意的几个方面（通用规则）

答：网页设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。共有八个问题要注意：（1）网站设计目的决定设计方案。在设计一个网站之前，应当有一定的目的性。比如制作个人网页主要是为了宣传自己或者自娱自乐，而公司的网页就不仅仅在于宣传，更多的时候则是提供自己的商务信息并与客户进行商务活动，有些商业网站则提供有特色的服务，比如搜索引擎。因此在网页的设计方案中，个人网页的内容往往由与个人有关的方面组成，包括自我介绍，个人爱好，个人收藏等。

（2）浏览者的需求第一位。

（3）页面的有效性

（4）页面布局的保持统一性。

页面布局往往能显示一个网站的统一性，如使用同样的背景。

（5）使用表格和适当的帧结构来设计网页。

使用表格往往可以合理安排许多网页元素，实现图文混排的效果。

（6）谨慎使用图片。

（7）平面设计意识。

（8）减少Java Applet和其它多媒体的使用。

8、论述规划目录结构时应当遵循的原则 答：（1）不要将所有文件都存放在根目录下；

（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；

（4）目录的层次不要太深；

（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；

（7）尽量使用意义明确的目录。

9、商业站点的风格特征有哪些？ 答：商业公司站点由于其目的与个人站点以及非盈利性的组织完全不一样，因此它的站点风格也与其他两类站点的风格完全不一样。主要体现在以下几个方面：

（1）公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。（2）可以采用主题图形产品广告来突出公司形象与风格。主题图形或产品广告应精心设计，给浏览者以良好的第一映像。

（3）主要栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片、文字间的色彩配合，同时要和主题图形相互衬托，主题图形如果较大，则栏目必须缩小。

（4）不要把主题栏目和次要栏目都显示在同一个页面上。可以通过站点组织图表示网站的结构布局，或者采用Java Script来生成可以展开的“目录树”。（5）商业栏目一般都有固定的栏目页面，如Support（技术支持）、Service（服务）、About Us（关于公司）等。这些栏目不是网站的主要栏目，不需要采用很醒目的方式出现，但是它们应为于比较方便用户单击的位置，可以采用出现在网页顶端（或者底端）的细长的导航条的方式。

（6）必须建立站内搜索引擎，以方便浏览者在站内查找所需要的信息。

10、非商业组织网站的风格有哪些？ 答：（1）强调页面的主色调。

（2）主题图形要求反映单位的风采，设计应有创意、有内涵、庄重中不乏活泼。

（3）超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎。

（4）信息查看板很重要，因为非商业组织的网站更新不如商业网站频繁，始终如一的画面显得枯燥，所以经常去更新信息查看板，将增加访问者的访问兴趣。放置信息查看板主要方法有两种方法，一是在主页直接放置信息查看板，二是当页面上主题图形小，超级链接也不多的情况下不宜把信息查看板放在主页，可以在主页上增加一个快速进入信息查看板的超级链接。

11、简述站点的层次和典型的站点结构

答：为了合理组织整个站点中的所有内容，便于访问者查找和浏览，一般来说站点都把自身的内容分为多个层次，每个层次逐渐递进，最后达到最详细的内容。网站的层次正是指整个站点各个层次之间的结构关系。大部分网站制作的初学者不重视这种层次规划，以至于网页风格不统一，在网页导航上也出现了很多问题。按照专业网页设计流程，制作网页前应先设计好导航条，即需要事先规划好网页的层次结构。

无论是复杂的商业网站还是简单的个人网站，在网页的层次结构上都存在一些共同点，即任何一个网站均可以用三级结构实现，也就是“首页——栏目页——文章页”或“一级页面——二级页面——三级页面”结构。制作好这三级结构，就能制作好其他类型的结构，因为任何网站都是以这三级结构为基础并在这个基础上扩张，站点的各级结构各有特点。

目前互联网上制作首页大多采用大主题图形配以少量文字介绍的方法，除了大型的共众网站外，其他的站点都不必采用制作大量超级链接的做法。对于目前的商业网站和个人网站来说这条原则都是适用的。因此，主页的制作将主要是主题图形的制作以及页面构图

二级页面是每个栏目的起始页，该页面应有与该栏目相对应的主题图形，相对于整个网站的主题图形来说，标志要小但必须醒目。当用户进入该页面后，需要设置通向其它栏目以及返回首条上的明确指示。

三级页面是文章页，位于最底层，当浏览者进入栏目后见到的超级链接，就是通向大篇幅文本的。由于文章页本身包含大量文字，图片不宜安放过多，必要时，可以为文章设计一些文章主题图形，但这将服务器的负荷更重，一般情况下个人网站应避免这样做，如果个人网站往往把文章标题做成各种各样的美术字、特效字，结果将是得不偿失。文字可以直接用文本表示，只要色彩、字体搭配得当，就可以制作出美丽的页面，应把有限的页面空间留给那些无法用文本表现的装饰图片上。

12、论述网页设计的通用规则。

答：网页设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。共有八个问题要注意：（1）网站设计目的决定设计方案。在设计一个网站之前，应当有一定的目的性。比如制作个人网页主要是为了宣传自己或者自娱自乐，而公司的网页就不仅仅在于宣传，更多的时候则是提供自己的商务信息并与客户进行商务活动，有些商业网站则提供有特色的服务，比如搜索引擎。因此在网页的设计方案中，个人网页的内容往往由与个人有关的方面组成，包括自我介绍，个人爱好，个人收藏等。

（2）浏览者的需求第一位。

（3）页面的有效性

（4）页面布局的保持统一性。

页面布局往往能显示一个网站的统一性，如使用同样的背景。

（5）使用表格和适当的帧结构来设计网页。

使用表格往往可以合理安排许多网页元素，实现图文混排的效果。

（6）谨慎使用图片。

（7）平面设计意识。

（8）减少Java Applet和其它多媒体的使用。

13、简述商业网站的风格特征。答：商业公司站点由于其目的与个人站点以及非盈利性的组织完全不一样，因此它的站点风格也与其他两类站点的风格完全不一样。主要体现在以下几个方面：

（7）公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。（8）可以采用主题图形产品广告来突出公司形象与风格。主题图形或产品广告应精心设计，给浏览者以良好的第一映像。

（9）主要栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片、文字间的色彩配合，同时要和主题图形相互衬托，主题图形如果较大，则栏目必须缩小。（10）不要把主题栏目和次要栏目都显示在同一个页面上。可以通过站点组织图表示网站的结构布局，或者采用Java Script来生成可以展开的“目录树”。（11）商业栏目一般都有固定的栏目页面，如Support（技术支持）、Service（服务）、About Us（关于公司）等。这些栏目不是网站的主要栏目，不需要采用很醒目的方式出现，但是它们应为于比较方便用户单击的位置，可以采用出现在网页顶端（或者底端）的细长的导航条的方式。

（12）必须建立站内搜索引擎，以方便浏览者在站内查找所需要的信息。

14、什么是网站目录？简述网站目录结构组织建设的原则。答：网站的目录是指你建立网站时创建的目录。目录结构规划是否合理对于站点本身的上传维护、站点内容未来的扩充和移植有着重要的影响。规划目录结构时应当遵循的几个原则：（1）不要将所有文件都存放在根目录下；（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；（4）目录的层次不要太深；（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；（7）尽量使用意义明确的目录。

15、个人网站的基本风格是什么？

答：个人站点的作用主要在于展示个人的风采和兴趣爱好，站点的风格随各人的爱好、习惯而不同，并无定式。但是总的来说个人网站的基本风格在布局上是有区别的，尤其反映在主页上。

（1）主题图形网站最显著的标志是主页有一个醒目的图形，该图形很大程度上反映了网页作者希望自己的网页具有的一种意境：或沉静或活泼，采用冷或暖色调。主题图形可以是制作的图形，也可以采用个人照片。主题图形式网站的另一个特点是主页上的超级链接不多，而且很少出现大段的文本，只有当浏览者进入下一级页面时，才能看到详细文本信息。这类网站体现了作者较好的艺术修养，倾向于个性展示。但是由于主题图形增加了网页的体积大小，所以不应再出现大段的文本，否则网页访问速度就会变慢。

（2）信息发布式个人网站则主要看中网站的信息量，这类网站都发布大量的信息，其作者较热衷于贡献信息。为便于浏览者访问，网站的主页就出现大量的信息，更新信息较多，然后另辟栏目介绍其他信息。网站主题图形基本上采用类似广告条的样式，往往被放置在网页最上方，其布局类似各公司的徽标，目的在于提醒浏览者所处的位置，便于迅速切换栏目。信息式网站以提供大量信息为目的，应避免一切华而不实的设计。

信息式网站学习了如新浪、263等综合类门户站点的布局，这些综合类网站要求主页面尽可能提供丰富的信息量，通过主页就可以完成许多信息搜索任务，查找信息简单方便。因此，这些网站主页链接相当繁多，还有各种免费邮件入口、会员登记入口、搜索引擎入口等，纷繁而有序。

（3）还有一种是介于上述两种类型之间的网站。这种网站既想突出个人形象，又想发布大量信息，组织形式不鲜明。初学者应注重一定要让自己的网站简洁，这样便于作者控制网页上的元素。网页元素包括图形、图像、文字、超级链接、表格等由作者在网页上建立的对象。

个人网站具体采用哪种风格形式，应当按照需要决定。如果只为介绍个人及其爱好，其他要加入的资料不多，就可以采用主题图形式，这种情况下需要掌握一些图像处理的特殊技能。如果想开设软件下载、音乐下载、文学作品大全等，对展示个性并不热衷，采用信息式站点模式比较方便。信息式网页有一个特点是栏目间的网页结构相似，可以建立起以一个网页为基准的模板，从而能够快速建立其他网页，这使得管理起站点更为省时、省力。

16、论述建立网站的链接结构有哪几种形式和各自的优缺点。

答：网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在与一个立体的空间中。研究网站的链接结构的根本目的在于：用最少的链接，使得浏览最有效率。

一般地，建立网站的链接结构有两种基本方式：（1）树形链接结构方式（一对一）

类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会“迷”路。缺点是浏览效率低，要进行栏目跳转时，必须绕经首页。

（2）星形链接结构（一对多）

类似互联网结构，每个页面相互之间都建立链接。立体结构像东方明珠电视塔上的钢球。这种连接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

这两种基本结构都只是理论上的方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者即可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。所以，最好的办法是首页和一级页面之间用星形链接结构，一级和二级页面之间用树形链接结构。

17、简述非商业组织的网站风格。答：（1）强调页面的主色调。

（2）主题图形要求反映单位的风采，设计应有创意、有内涵、庄重中不乏活泼。

（3）超级链接的分类一定要清晰，可采用图形，必要时可建立站内搜索引擎。

（4）信息查看板很重要，因为非商业组织的网站更新不如商业网站频繁，始终如一的画面显得枯燥，所以经常去更新信息查看板，将增加访问者的访问兴趣。放置信息查看板主要方法有两种方法，一是在主页直接放置信息查看板，二是当页面上主题图形小，超级链接也不多的情况下不宜把信息查看板放在主页，可以在主页上增加一个快速进入信息查看板的超级链接。

18、论述规划网站目录结构时应当遵循的的原则。答：规划目录结构时应当遵循的几个原则：（1）不要将所有文件都存放在根目录下；（2）按栏目内容分别建立子目录；

（3）在每个主目录下都建立独立的images目录；（4）目录的层次不要太深；（5）切忌使用中文目录；

（6）不要使用过长文件名的目录；（7）尽量使用意义明确的目录。

第四篇：网页设计论文

网页设计基础课程论文

摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来

智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。5.设计需考虑更多的触屏设备

触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。6.深度判析

深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。7.大背景图

大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。8.不拘谨于顶级域名

严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门

10.缩略图设计（Thumbnail Design）

Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

采用网站标准的好处:

对网站浏览者的好处：

1、文件下载与页面显示速度更快

2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；

3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；

4、用户能够通过样式选择定制自己的表现界面；

5、所有页面都能提供适于打印的版本。对网站所有者的好处:

1、更少的代码和组件，容易维护；

2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；

3、更容易被搜寻引擎搜索到；

4、改版方便，不需要变动页面内容；

5、提供打印版本而不需要复制内容；

6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

参考文献： 一：温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3 二：http://www.xiexiebang.com

三：http://btgyjlbjx.nease.net(北极星网站域名）

课程论文

系院:土木工程学院

专业:建筑工程 姓名:王奎

学号:105140340043 网页设计基础

第五篇：网页设计毕业论文

目录

一、课题来源.....................................................3

（一）设计思想.................................................3

（二）网站主题.................................................3

二、网站需求分析.................................................3

（一）搜集材料.................................................3

（二）需求分析与规划...........................................3 三 软件介绍.....................................................4

（一）Adobe Photoshop..........................................4

（二）Dreamweaver CS6..........................................4(三)软件运行环境..............................................4

四、网站整体设计.................................................5

（一）网页的规划...............................................5

（二）系统框架.................................................6

五、主页介绍与网页截图...........................................6

（一）主页面介绍...............................................6

（二）子页面介绍...............................................7

六、总结与感想...................................................9

（一）本网站实现了形式与内容的统一.............................9

（二）本网站具有良好的互动性..................................10

（三）缺点与不足..............................................10 参考文献........................................................11

/ 11

摘要

在网络高速发展的今天，互联网不仅深深的改变了人们的生活方式，更改变了人们的思维方式，雷军用互联网思维带领小米科技走到了今天，马云借助互联网成就了他的商业帝国，而首届世界互联网大会在浙江乌镇召开更加突出了互联网的重要性。而网站作为互联网的载体，只有优秀的网站才能使互联网更好的为我们服务。基于这一理念，我设计了自己的网站——田园采摘网。我利用所学习的内容自己动手设计本网站，制作过程中所使用的软件是Macromedia 公司的Adobe Dreamweaver CS6 和photoshop。在整个网站的制作过程中，我尽力优化网页的布局和排版，合理选择内容，尽可能做到完美。

关键词： Dreamweaver Photoshop 网站设计 田园采摘

/ 11

一、课题来源

（一）设计思想

用互联网的思维思考问题、做事情，创建优秀网站，精品网站。

（二）网站主题

结合自己的实际情况，选定田园采摘园作为本网站的设计主题，用互联网的思维经营采摘园。

二、网站需求分析

（一）搜集材料

明确了网页的主题以后，就可以围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

（二）需求分析与规划

一个完整的网页是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。

面对网页设计拥有不同知识层面的客户，设计的负责人对用户需求的理解程度，在很大程度上决定了此类网页规划的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网页规划和网页制作管理者需要面对的问题。据我们调查，当今 3 / 11

互联网已经有成千上万的采摘网。所以，这就要求我们的网站中要有突出和新颖的地方去吸引顾客，这样我们才能在众多的采摘园中占有一席之地并获益。网页设计中，运用photoshop等图形图像处理软件，进行大量的图片处理制作，给人以强烈的美感。并添加flash代码等，给浏览者一种现代感。整个网页由dreamweaver完成。

三 软件介绍

（一）Adobe Photoshop Photoshop简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

（二）Dreamweaver CS6 dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。

(三)软件运行环境

Dreamweaver是一款简体中文软件，可以在Win2003/WinXP/Win7/Win8中安全运行，换句话说，它可以在任何家用微机中运行。

/ 11

图1.Dreamweaver CS6

四、网站整体设计

（一）网页的规划

一个网页设计得成功与否，很大程度上决定于设计者的规划水平，规划网页就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、5 / 11

颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

（二）系统框架

采摘园首页 采摘概况 最新动态 时令水果 活动影集 联系我们 图2.系统模块框架图

五、主页介绍与网页截图

（一）主页面介绍

首先是利用Dreamwear技术制作的网页。上方框架是网站的图片、网站名称，点击相关文字可以进入到相关的页面上，下方包括五大个分类链接。

图3.主页

/ 11

（二）子页面介绍

本网站总共包括五个子网页，分别为：采摘概况、最新动态、时令水果、活动影集、在线联系。

图4.采摘概况

图5.最新动态

/ 11

图6.活动影集

图7.时令水果

/ 11

图8.联系我们

六、总结与感想

（一）本网站实现了形式与内容的统一

要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。

/ 11

（二）本网站具有良好的互动性

对于销售业务页面要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。

（三）缺点与不足

就我个人而言，对网页制作还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已。对通过此次毕业设计，可以深入的学习，以提高自身的制作水平。下一步我将进一步完善和优化本网站，同时将推出适合移动端应用的网站，这样可以进一步优化采摘网的布局。

/ 11

参考文献

[1]邓文渊.网页制作高手[M].北京：人民邮电大学出版，2007，6 [2]李宪广.网页制作边学边用[M].北京：清华大学出版社，2009，3 [3]网页设计入门[EB/OL].http://www.xiexiebang.com/sale/view.asp?Article ID=288 [4]许凌云，柳勇良.网页设计全方位学习[M].北京：清华大学出版社，2008，11 [5]陈琳.photoshop cs3 入门实战与提高[M].北京：电子工业出版社，2008，11 [6]焦慧.网页制作基础与典型范例[M].北京：电子工业出版社，2008，7 [7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京：机械工业出版社，2006，5 [8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京：电子工业出版社，2008，1 [9]何秀芳.网页制作与网站建设课堂实录[M].北京：人民邮电出版社.2009，3 [10]孙连三.新编网页制作与网站建设入门与提高[M].北京：人民邮电出版社.2008，9 [11]邓文渊.网页制作高手FLASH 8[M].北京：人民邮电出版社，2007，6 [12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 11 / 11