静态网页设计需要做什么

静态网页有时也被称为平面页。静态网页的网址形式通常为htm(超文本标记语言)结尾 ，还有就是以超文本标记语(.htm、.html)、.shtml、.xml(可扩展标记语言)等为后缀的。在超文本标记语言格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页设计是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。

静态网站不会采用像动态网站一样的服务器端编程语言，而是全部由HTML代码格式页面组成的网站，所有的内容包含在网页文件中。静态整站网页设计制作有哪些工作内容呢?下面一品威客网就给您好好的介绍。

1、处理网页之间的关联

这主要是建立合理、高效的网页导航系统。

2、网页素材搜集与制作(图片处理与动画制作)

设计师经常需要在网页中使用图像与动画，这主要两方面原因，一是实际内容的需要，二是为了增加网页吸引力。在WWW上通常采用jpeg、GIF格式的图片和gif 89a、flash等格式的动画。

3、文本编写

网页所需要的文字材料，在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字，比较简洁。

4、网页版式设计

设计师需要认真规划各元素在网页中的位置关系和表现方法，合理安排文本、图像等元素，使网页布局合理、美观大方。

5、网页发布

主要是将建设好的网页上传到服务器中供用户浏览。

网站建设采用静态网页形式只是有助于搜索引擎索引信息，但并不意味着只要是静态网页就一定会被搜索引擎收录，而动态网页就一定不会被搜索引擎收录，一个网页是否能在搜索引擎索引时有好的表现，并不完全取决于是否静态网页，更重要的还在于网页结构、网页中的文字信息，以及网页的链接关系等。

第二篇：静态网页设计

静态网页制作

在网站设计中分为静态网页设计和动态网页设计,其主要区别是网站是否存在后台和数据库,大部分客户理解的静态网页是静止不动的,其实这个静态中的"静"并非直观上视觉上所说的"静止不变",静态网页也可以有

FLASH,GIF,JavaScript特效,marquee滚动的字母等,等视觉动感元素,同时静态网页设计也是动态网页设计的基础,要想设计动态网站必须要先了解静态网页.在早期的网页应用中,大部分的网站都是采用这种静态设计技术来制作的.一般来说,静态网页的和动态网页的区分可以通过网页文件的后缀就可以识别的,静态网页基本都是以.html,.htm,.shtml为后缀的。

1、选择适合自己的产品或企业

我选择的产品是牛仔裤，起名为酷酷牛仔裤有限公司，是牛仔裤生产和销售的企业。我对牛仔裤进行了市场分析：

牛仔裤将继续流行： 美国时装专家表示，过去数年，由于牛仔裤厂商把大部分生产工序迁到海外，牛仔裤售价不断走低。在价格降低、款式剪裁推陈出新等因素刺激下，预今后几年牛仔裤在美国的销售将会上扬。据此间媒体报道，事实上牛仔裤从未完全在时装界引退。牛仔裤的流行周期，受消费者生活模式和名人效应影响。牛仔裤价位空间大，不同档次的生产商皆有发展机会。此外，牛仔裤款式众多，有石磨水洗的、贴身的、白的、黑的、多色的、镶珠片的、弹性的，适合不同文化背景和打扮风格的人。 虽然牛仔裤市场竞争激烈，变化迅速，但商家适应力极强，针对消费者需要推出适合不同场合穿着的牛仔装，设计层出不穷。此外，牛仔裤生命力旺盛的另一原因是销售渠道众多。无论在沃尔玛和凯马特等折扣店，还 较高档的百货商店都有它的踪影。

牛仔产业今后的走势：

（1）中国牛仔服装市场呈现强劲需求。中国近14亿人口的消费规模，随着生活 1

水平提高和生活方式的多样化，牛仔消费增长迅速。据20xx年调查显示：75％的消费者表示牛仔是必备的服饰，人均拥有3~5件的占45％，另20％的人群则高达5~7件之多。

（2）牛仔设计文化多元化发展，牛仔设计水平提高。市场的牛仔款式多样，从面料选择、款式设计、印染技术等体现了中国牛仔生产已初具实力。目前最需要的是通过专业、系统、高效的市场推广活动和平台，为企业生产的高质产品寻求一个实现高价的市场载体。

（3）消费者偏好分析表明，牛仔品牌化有助于实现价值提升。46％的消费者认为品牌牛仔相对来说款式、面料、缝制及色彩都较好，在价格可以承受的范围内，首选品牌牛仔。既要品牌，又要款式个性化的消费者也占据了相当的比例，他们倾向于消费高档品牌牛仔。

2、合理布局网站主页结构

网站的首页作为引导用户浏览网站的其他页面在SEO中有着极其重要的作用，如何合理的进行布局首页是网站优化方案中的第一步。

网站首页优化需要围绕着一个宗旨，这就是：网站首页是用来引导用户阅读子页面的。无论怎样优化网站首页，都需要围绕这个宗旨，任何脱离这个宗旨的首页优化都是失败的。这就要求首页的描述要准确、清晰、重点突出，而采用引诱性语句或有歧义语句或者图片等放在首页上都是一些愚蠢的手段。这样做只会导致游客的厌恶，失去忠实的访问者。例如那些还使用“史上最牛”“史上最强”这些词汇为标题的文章，网站多半被人骂的很惨。

一个优秀的网站首页必须美观，同时能够正确的引导游客浏览网页，另外合理的广告位布局也是一个重要的衡量标准，毕竟站长们都希望通过广告位获得理想的收益，这是网站的盈利方式之一，以上这几点需求必须通过合理的布局网站首页来达到。合理的设计布局网站首页需要遵循一下几点：

1、首页的主题唯一，有效突出网站的中心。依靠个体力量或小团体力量是无法实现门户网站的建设要求的，多中心，多主题只会成就一个垃圾站; 2

2、首页的促销广告不能太多。广告太多容易分散访问者注意，而影响了他们更深一步的流量网站，同时过多的广告也会容易引起访问者的反感;

3、首页必须包含一个积极的的呼吁性的行动，这容易将链接和用户引导向你的网页。一个被动式的页面容易让用户通过链接将用户访问到其它的网站，被动意味着缺乏观点，独到的见解以及信心，这些都容易让访客联想到内容上缺乏新意、空洞、无力;

4、首页的版块之间需要有一个模糊的界限，不要让一个内容横跨多个版块来破坏页面的结构;

5、在标题的使用上注意关键词的引入，这样可以在建立一个良好首页的同时获得一个理想的排名。

在办到以上几点最基本的(框架)部分后，进一步需要达到如下要求：

1、首页的版块之间要使用类似的设计风格，不要让每个版块的风格彼此不一样，否则就破坏了页面的整体风格，让页面看起来比较凌乱;

2、网站的主要话题在尽可能突出的前提下，尽可能的降低导航的次数，即访客可以尽可能少的点击就可以看到内容，通常一个比较常用的办法是采取精华版块-各个分块这样结构来实现这个目标;

3、使用导航系统用来引导访客到专门的栏目页面;

4、首页上需要注明版权所有，免责声明类似的具有法律效应的说明，通常这些被放在页脚处。

3、网站栏目设计

整个网站的结构设计要体现个性化，体现消费者对牛仔裤质量、款式和风格等要求，并方便、快捷地转入任何想去的网页。因此，设计以下几个栏目为一级 3

栏目：公司资讯、热销产品、产品信息、品牌在线、牛仔裤文化、牛仔裤之家、帮助中心。

（1）、公司资讯

该一级栏目主要介绍本公司的主要情况，包括公司简介、公司最新动态及联系方式等。

（2）品牌在线

该一级栏目主要介绍全球有名的牛仔裤品牌、特色、闪光点及其产生与发展等。

.Levi's李维斯：中国名牌、国家免检产品、十佳牛仔裤

品牌

.Lee：开始于1889年美国、百年历史、十佳牛仔裤品牌

牛仔裤 品牌

卡尔文〃克莱恩Calvin klein：19xx年美国纽约、十佳

.苹果Texwood：香港德士活集团的旗舰品牌、牛仔裤专家、

十佳牛仔裤品牌

.Only：世界品牌、丹麦名牌、十佳牛仔裤品牌

（3）产品展示

4

该一级栏目主要介绍本公司的所有产品，该一级栏目还能来连接二级栏目新品上市、热销产品、特销产品等。

（4）经销商专区

该一级栏目主要是方便经销商了解本公司的产品动态、服务支持及网上下单等。

（5）牛仔裤文化

该一级栏目主要包括牛仔裤的由来、历史、发展趋势以及牛仔裤常识等。

（6）牛仔裤沙龙

该一级栏目主要为企业与消费者、消费者与消费者之间架起一座桥梁，实现信息的沟通。包括牛仔裤专题论坛、留言板、意见反馈表等。

在该栏目中发挥每一个消费者的想象力和争辩力，在该栏目中可以畅所欲言，可以讨论与牛仔裤有关的各种种类题目，例如，牛仔裤的历史、发展、展望、牛仔裤俱乐部、牛仔裤论坛、牛仔裤聊天室等。

4、网站色彩设计

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。

5

因为本公司是生产和销售牛仔裤的企业，且牛仔裤的颜色虽然多种多样，但还是以各种不同的蓝色为主。所以网站的颜色我主要以各种蓝色为主，再以其它颜色为辅。

5、网站标志设计

CIS的定义是企业形象识别系统，英文为"Corporate Identity System"，简称CI。他是针对企业的经营状况和所处的市场竞争环境，为使企业在竞争中脱颖而出而制定的策略实施。CI分为MI（理念识别mind identity）、BI（行为识别behavior identity）和VI（视觉识别visual identity）三个部分，相辅相成。企业需要确定核心的经营理念，市场定位以及长期发展战略，他是企业发展的主导思想，也是BI和VI展开的根本依据。MI也并不是空穴来风，他要经过对市场的周密分析及对竞争环境的细致观察，结合企业当前的状况来制定实施的。行为识别BI是经营理念的进一步延生，也是MI的确切实施，具体体现在公司机构设立，管理制度制定、员工激励机制等方面。VI即视觉识别是企业综合信息的视觉管理规范，市场经济体制下，企业竞争日趋激烈，加上各种媒体不断膨胀，消费者面对的信息日趋繁杂，如何将企业的实力、信誉、服务理念传达给受众，是VI实施的重要任务。也是MI、BI的具体体现，一个优秀的企业，如果没有统一的视觉管理规范，不能让消费者产生认同感和信任感，企业的信息转播效果也会大打折扣，对企业本身来说，也是一种资源浪费。

设计的CI标志：

6

创意说明：

1、该标志简单、干净，所要表达的意思明了。公司名为酷酷牛仔裤有限

公司，因而“酷酷”极为重要，所以我将CI标志的文字为“cool酷”。“cool”意为“酷”，则“cool酷”同“酷酷”。本公司会设计出很cool的牛仔裤，追求时尚，跟随世界潮流。

2、因为本公司是从事牛仔裤生产和销售的公司，所以设计的CI标志上加

了个裤子的形状，让人看了就知道本公司是关于裤类的公司。

3、牛仔裤的颜色有很多种，尤以各种不同的蓝色最普遍。所以标志的颜

色我采用了RGB（28，85，133），这颜色也是牛仔裤常用的一种颜色。

4、而阴影部分则是想表达本公司想在发展的道路上给顾客及牛仔裤的消

费者留下深刻的印象。

6、网站服务承诺设计

1. 负责网站正常运营，包括网页的正常展示、数据库的正常使用、网站自主管理后台的正常运行。

2. 提供域名的解析、指向、转发等手动服务。

3. 负责网站虚拟主机的全天候、无障碍稳定运行。

4. 提供必要的网络技术服务，包括网站后台的如何使用、杀毒软件的正确使用、网站数据的定期备份等。

5. 对于购买并使用邮局的用户，保障邮件的正常发送和接收，包括大附件邮件的发送和接收、海外邮件的发送和接收实现无障碍送达和接收。

6. 每月将以电话、邮件、QQ、MSN、SKYPE、Yahoo通等方式和客户主动沟通，交流网站的使用运营情况，适时提供建议和服务。

7. 客户需要即时上门服务的，乙方在接到客户要约后，市区24小时内响应，郊县48小时内响应，恰逢节假日的顺延。

7

8. 每月的8号/18号/28号确定为服务交流日，客户可在上述三日期间任选一日作为自己的服务交流日，本司客服代表在此日主动与客户网络负责人进行电话交流，对于客户反映的问题及时予以处理。

9. 客服代表将向客户提供热情周到、耐心、专业的服务解答，做到有问必答、来信必复的首问问责制服务，若违背此制度，客户可直接发送邮件或拨打电话 进行投诉。

10.客户的修改意见须以发送邮件的形式发出请求，在邮件发出三个工作日内，修改工作没有启动的情况下，可直接拨打投诉电话.

11.本服务承诺长期有效，敬请广大网站客户深切体验，批评指正，监督落实。

12.愿我们真诚合作，携手共创美好未来。

8