网页设计过程及步骤(共6页).doc

《网页设计过程及步骤(共6页).doc》由会员分享，可在线阅读，更多相关《网页设计过程及步骤(共6页).doc（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上一、 网页设计过程及步骤网页设计过程 网页是信息传播的媒体，但又不同于传统媒体，有自己的特殊性。网页具有交互性、多维性、整合性、多维性、不确定性等特点，它与技术的结合更为密切，网页的超级链接功能也使它比传统媒体更具吸引力。正是因为这些特殊性，网页的设计与发布也有一个特殊的流程。1项目规划 马克思将做事的计划性看成是人区别于动物的本质特征之一。如果把一个网站比喻为一所房子，那么，没有事先规划和设计建造起来的“房子”是不会漂亮、牢固的。设计者必须认真对待站点开发计划，这样才能使网站的建设经得起时间的考验。这一阶段可称为项目规划阶段。 本阶段，首先要明确建立站点的目的，也就

2、是先搞清楚要建一座什么样的“房子”。这座“房子”可能有以下用途： 个人主页：发布个人信息，提供个人服务，展示个性，同别人广泛地交流，比如共享业余爱好等。 电子商务：首先，有利于树立企业的形象。目前国内很多大企业都非常重视企业形象这种无形资产，建立企业网页是宣传自己的重要手段。拥有国际域名和主页代表了企业的实力、规模和品位。 电子出版内容的更新、传递的速度都比传统报刊杂志更快捷，影响更广泛。 社区服务：可以通过邮件列表、新闻组、聊天室和电子公告牌促进社区人员的信息交流，为背景和地址各不相同的人提供活动的场所。 网上教育：远程教育、终身教育和开放式教育都因此而变为现实。这样的站点主要靠内容来吸引浏

3、览者，而不是华而不实的设计技巧。 休闲娱乐：包括影视站点、音乐站点、旅游站点、游戏站点等，都为浏览者提供了休闲娱乐的场所。要求设计者能够提供各种多媒体信息，具有很强的编程能力和灵活的设计思想。 艺术欣赏：如何把作品的含义表达给浏览者，是艺术站点应该考虑的问题。因此，设计者应该与艺术家保持良好的沟通。另外，准确地运用多媒体也是设计好艺术站点的关键。 网页设计的目的，就是满足浏览者的需求。在进行网页设计时，设计者应该明确知道来这座“房子”访问的人都想得到什么。首先必须考虑到服务对象的技术背景、受教育程度、阅读能力、兴趣爱好、消费习惯、上网方式等，然后选择相应的网页内容和形式。每一个网页都是一次机遇

4、和挑战，设计者必须在溯rJ阶段就认真考虑该为浏览者提供哪些适宜而有趣的服务，以便迎来“回头客”。 2内容组织 无论设计一个什么样的站点，三个方面的工作： 搜集筛选将要发布的内容组织都将是最大的挑战。这包括组织内容、编写脚本。 组织内容。 梳理清楚上述问题以后，就可以进行第二步工作了。组织内容这一阶段，要求设计者把搜集到的信息，用清晰明确的文字表达出来。设计人员可以运用一些语言技巧，确保浏览者能够准确且迅速地理解网页所要传达的意图。 导航。导航，是为了让浏览者在网页上迅速找到所需的信息。因此，网页应提供目录索引、在线帮助、站内搜索等服务。印刷品中导航问题不是那么突出。如果一个句子在页尾突然终止，

5、读者会很自然地翻到下一页查找剩余部分。 在组织内容时还应注意以下问题：a.建立可信度 b. 减少商业味道 c.采用倒金字塔形式用超级链接缩短长度 d.去掉不必要的图形 e. 并不是信息越多越烁真正重要的不是为浏览者提供更多信息，而是为他们提供更有用的信息。 编写脚本。确定内容后，就要编写脚本。在大型网页设计中，脚本有助于设计人员之间的交流。它通常包含这样几个方面：首先将内容分类列表，把各个项目分成逻辑组，形成网页的总体结构(树形结构)；其次确定各页的主题、包含的内容以及各页之间的层次结构和隶属关系最后设计者还要考虑树形结构之外的交叉链接关系。 3.页面设计 有些优秀的绘画作品，是在画家们强烈的

6、创作欲望驱使下，没有计划、没有尺度，仅仅靠着巨大的热情和无法抑制的创作渴望，疯狂地涂抹画布来完成的。这种方法对网页设计者来说，可以作为一种有趣的创作方法偶尔一试；但对商业设计来说，缺乏计划性、准确性、整体性，将是设计师通往成功道路上的一大障碍。 4测试发布 测试发布，包括完整性测试和可用性测试两部分。完整性测试，确保技术上的正确性。例如，页面显示是否无误，链接指向的地址是否正确等。可用性测试，确保页面内容是浏览者所需的，符合最初的设计目标。经测试满意后，就可以上传到Web服务器发布了。5站点推广 设计师或许认为，站点的推广不是设计人员的工作。为什么要在一本讨论网页艺术设计的书中介绍站点推广的内

7、容呢?答案很简单，Web的动态发布和即时交互性，使网页设计成为一个循环的过程，站点推广，也是网页设计整个过程中的一个环节。它拓宽了你获得反馈信息的渠道，并将打开浏览者通往你的站点的大门。网页设计步骤个人主页设计四步走第一步：掌握主页制作常识及常用软件 1主页制作常识 超文本编程语言HTM是制作个人主页的基础掌握其概念和用法是非常必要的。2主页制作常用软件 主页编辑软件：选择一种好的主页制作软件是首当其冲的事情。第二步：申请免费丰页空间 目前，网上提供免费主页存放服务的公司已有很多。申请方法比较简单，接受协议，然后填写表格即可。 第三步：上传个人主页 检查主页的所有内容及链接，确认无误后，你就可

8、以上传主页了。正式开始上传主页，对软件进行简单的设置：填写网址，登录的用户名和密码，上传到服务器的默认目录(一般的默认目录名为public)等内容。最后，主页上传完成后，联入个人生页，再次检查一下主页内容是否正确或完整。第四步：申请免费域名并推广主页二、总结体会经过一个简单网页制作之后，我发现网页设计挺有意思的，可以做你想做的个人主页，想做你想要的主页风格等等。现将我在网页设计过程中的一些体会说说吧。做个网站介绍 一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。

9、有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。网站设计最重要的诀窍，恐怕就是网页要易读 。这就意味着，我们必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来自己的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多

10、了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。每个页面都要有导航按钮 应当避免强迫用户使用工具栏中的向前和向后按钮。设计时应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。用户在网上四处漫游，必须设法吸引和维护

11、他们对我们主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用Thumbnailsy等简便的影像缩图制作工具软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时

12、间去下载他们根本不想看的大图像。给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。简明易读 网页设计最重要的技巧，就是网站风格整体清新、简明、易读。看上去就明白是什么内容，信息间相互干扰程度降到最低。这就意味着我们必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果， 一般来说，浅色背景下的深色文字为佳 。这个原则也意味着，你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。网页风格要统一 其实，这个原则和传统的印刷出版物没什么区别。我们网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。页面容量越小越好，别超过75K。有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。当然，也有例外，比如内容实在太精彩，人家不去不行。再像视觉艺术类站点，也不能以“快”为唯一设计标准。不过，即使这类站点，也该在加个导引页，给读者一个提示，别不理睬人家的心情。以上为我在网页设计中的一点体会吧。四、主页效果专心-专注-专业