首页网站建设正文

网站建设设计说明书（网站建设设计说明书模板）

网站建设 2023-01-21T13:12:12 2149

本篇文章给大家谈谈网站建设设计说明书，以及网站建设设计说明书模板对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。本文目录一览： 1、如何写网站建设需求说明书

本篇文章给大家谈谈网站建设设计说明书，以及网站建设设计说明书模板对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、如何写网站建设需求说明书
2、电子商务网站建设和维护策划书
3、个人网页设计说明书的功能介绍（各模块介绍核心技术）
4、急求一篇动态网页设计报告书。急！！！！！！！！！请各位大哥大姐帮帮忙。邮箱904013391@qq.com
5、旅游公司网站前端设计说明书缺点怎么写

如何写网站建设需求说明书

一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。就这个问题，本文想提出自己的一些看法和建议，希望各位读者批评指正：一、那些人应该参与网站开发项目的需求分析活动需求分析活动其实本来就是一个和客户交流，正确引导客户能够将自己的实际需求用较为适当的技术语言进行表达（或者由相关技术人员帮助表达）以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。所以项目小组每个成员、客户甚至是开发方的部门经理（根据项目大小而定）的参与是必要的。而项目的管理者在需求分析中的职责有如下几个方面：1、负责组织相关开发人员与用户一起进行需求分析。2、组织美术和技术骨干代表或者全部成员（与用户讨论）编写《网站功能描述书（初稿）》文档。3、组织相关人员对《网站功能描述书（初稿）》进行反复讨论和修改，确定《网站功能描述书》正式文档。4、如果用户有这方面的能力或者用户提出要求，项目管理者也可以指派项目成员参与，而由用户编写和确定《网站功能描述书》文档。5、如果项目比较大的话，最好能够有部门经理或者他授权的人员参与到《网站功能描述书》的确定过程中来。二、完整的需求调查文档记录体系在整个需求分析的过程中，将按照一定规范的编写需求分析的相关文档不但可以帮助项目成员将需求分析结果更加明确化，也为以后开发过程中做到了现实文本形式的备忘，并且有助于公司日后的开发项目提供有益的借鉴和模范，成为公司在项目开发中积累的符合自身特点的经验财富。　　需求分析中需要编写的文档主要是《网站功能描述书》，他基本上是整个需求分析活动的结果性文档，也是开发工程中项目成员主要可供参考的文档。为了更加清楚的描述《网站功能描述书》往往还需要编写《用户调查报告》和《市场调研报告》文档来辅助说明。各种文档最好有一定的规范和固定格式，以便增加其可阅读性和方便阅读者快速理解文档内容，相关规定将在本文后面讨论。三、向用户调查些什么在需求分析的工程中，往往有很多不明确的用户需求，这个时候项目负责人需要调查用户的实际情况，明确用户需求。一个比较理想化的用户调查活动需要用户的充分配合，而且还有可能需要对调查对象进行必要的培训。所以调查的计划安排：时间、地点、参加人员、调查内容，都需要项目负责人和用户的共同认可。调查的形式可以是：发需求调查表、开需求调查座谈会或者现场调研。调查的内容主要如下：1、网站当前以及日后可能出现的功能需求。2、客户对网站的性能（如访问速度）的要求和可靠性的要求。3、确定网站维护的要求。4、网站的实际运行环境。5、网站页面总体风格以及美工效果（必要的时候用户可以提供参考站点或者由公司向用户提供）。6、主页面和次级页面数量，是否需要多种语言版本等7、内容管理及录入任务的分配。8、各种页面特殊效果及其数量（js,flash等）9、项目完成时间及进度（可以根据合同）10、明确项目完成后的维护责任。调查结束以后，需要编写《用户调查报告》，《报告》的要点是：1、调查概要说明：网站项目的名称；用户单位；参与调查人员；调查开始终止的时间；调查的工作安排。2、调查内容说明：用户的基本情况；用户的主要业务；信息化建设现状；网站当前和将来潜在的功能需求、性能需求、可靠性需求、实际运行环境；用户对新网站的期望等。3、调查资料汇编：将调查得到的资料分类汇总（如调查问卷，会议记录等等）。四、市场调研活动内容通过市场调研活动，清晰的分析相似网站的性能和运行情况。可以帮助项目负责人更加清楚的构想出自己开发的网站的大体架构和模样，在总结同类网站优势和缺点的同时项目开发人员可以博采众长开发出更加优秀的网站。　　但是由于实际中时间、经费、公司能力所限，市场调研覆盖的范围有一定的局限性，在调研市场同类网站的时候，应尽可能调研到所有比较出名和优秀的同类网站。应该了解同类网站的使用环境与用户的诧异点、类似点，同类产品所定义的用户详细需求（需要公司或者项目负责人有一定的关系）。市场调研的重点应该放在主要竞争对手的作品或类似网站作品的有关信息上。市场调研可以包括下列内容：1、市场中同类网站作品的确定。2、调研作品的使用范围和访问人群。3、调研产品的功能设计（主要模块构成，特色功能，性能情况等等）4、简单评价所调研的网站情况。调研的目的是明确并且引导用户需求。对市场同类产品调研结束后，应该撰写《市场调研报告》主要包括一下要点：1、调研概要说明：调研计划；网站项目名称、调研单位、参与调研、调研开始终止时间。2、调研内容说明：调研的同类网站作品名称、网址、设计公司、网站相关说明、开发背景、主要适用访问对象、功能描述、评价等3、可采用借鉴的调研网站的功能设计：功能描述、用户界面、性能需求、可采用的原因。4、不可采用借鉴的调研网站的功能设计：功能描述、用户界面、性能需求、不可采用的原因。5、分析同类网站作品和主要竞争对手产品的弱点和缺陷以及本公司产品在这些方面的优势。6、调研资料汇编：将调研得到的资料进行分类汇总。

五、清晰的需求分析输出——《网站功能描述书》　　在拥有前期公司和客户签订的合同或者是标书的约束之下，通过较为详细具体的用户调查和市场调研活动，借鉴其输出的《用户调查报告》和《市场调研报告》文档，项目负责人应该对整个需求分析活动进行认真的总结，将分析前期不明确的需求逐一明确清晰化，并输出一份详细清晰的总结性文档──《网站功能描述书（最终版）》以供作为日后项目开发过程中的依据。《网站功能描述书》必须包含以下内容：1、网站功能2、网站用户界面（初步）3、网站运行的软硬件环境4、网站系统性能定义5、网站系统的软件和硬件接口6、确定网站维护的要求7、确定网站系统空间租赁要求8、网站页面总体风格及美工效果。9、主页面及次页面大概数量。10、管理及内容录入任务分配。11、各种页面特殊效果及其数量。12、项目完成时间及进度（根据合同）13、明确项目完成后的维护责任。综上所述，在网站项目的需求分析中主要是由项目负责人来确定对用户需求的理解程度，而用户调查和市场调研等需求分析活动的目的就是帮助项目负责人加深对用户需求的理解和对前期不明确的地方进行明确化，以便于日后在项目开发过程中作为开发成员的依据和借鉴。

当然一次成功的需求分析不仅需要项目负责人甚至是客户等所有项目相关人员的共同努力，还和公司的能力范围有一定关系。需要说明的是本文所述的需求分析活动内容是建立在较为理想的基础上的。由于各个公司现实情况的不同，读者可以根据自身情况不一借鉴吸收利用。重要的是能构根据本公司的情况，系统的规范此类文档做好保存和收集，相信对公司以后其他网站项目的进行以及公司自身实力的增强都会有很大帮助。

星想互联，一个专门从事网站建设与seo优化推广网

网站建设设计说明书（网站建设设计说明书模板）

电子商务网站建设和维护策划书

晕倒字数超标了哈哈我给删了一段去不过这些也够你用的了互联网站规划与设计

摘要本文概述了互联网站的规划与设计的方法，介绍了网站设计规划的规范,及所需的关键技术,对电信系网站的构建作了系统分析,提出了总体设计方案和制作步骤,而且论述了构建网站过程中所遇到的技术难题及解决办法。

关键词网站规划网站设计网站维护 ASP

一、引言

在当今全球信息化大潮中，互联网（即因特网——Internet）异军突起，给20世纪末的人类社会增添了无限的活力，成为现代社会生活中一道亮丽的风景线。互联网带给人们的不仅仅是技术，而是一种以信息为标志的崭新的生活方式。他正在改变着人们的工作和生活方式。有人曾以“围城”比喻互联网，但所不同的是，“外面的人想进去，里面的人不想出来。”互联网为什么有这么大的魅力呢？这不仅与人们日益增长的文化生活有关，更重要的是与互联网的技术不断更新和革命有关。

一个网站的整体规划和设计的好坏是它发展的重要之处，也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展，使人们认识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。

通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”，当浏览器通过互联网的HTTP（Hypertext Transport Protocol）协议向Web服务器请求提供网页时，服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF89A 格式的动态图片，比如产生几只小猫小狗跑来跑去的动画效果。若网站维护者要更新网页的内容，就必须手动更新所有的HTML文档。

静态网站的致命弱点就是不易维护。为了更新网页的内容，网站维护者必须重复制作HTML文档，随着网站内容和信息量的日益扩增，可以想象这是多么复杂繁琐的工作。那么，什么是动态网站呢？所谓“动态”，并不是指放在网页上的图片会动，动态页面应具有以下几个特点：

（一）.交互性：即网页能根据客户的要求和选择而动态改变和响应，浏览器即作为客户端界面，这是今后Web发展的大势所趋。

（二）.自动更新：即无需手动更新HTML文档，就能自动生成新的页面，从而大大减少工作量。

（三）.因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于需要对使用者授权的网站尤其适用。

随着的Internet迅速发展，不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在Internet上发布信息，提供新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。

二、网站的系统分析

（一）.项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。

（二）.客户的需求说明书

收稿日期： 2001年5月25

作者简介：马彦文，西北第二民族学院电子与信息工程系97通信专业学生。

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一无所知，为了客户能有明确的目的我们需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应该是“客户明明白白，双方高高兴兴。”对客户和自己都是一种负责。

配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：正确性：每个功能必须清楚描写交付的功能；可行性：确保在当前的开发能力和系统环境下可以实现每个需求；必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；简明性：不要使用专业的网络术语；检测性：如果开发完毕，客户可以根据需求检测。

三、建设方案

（一）.建站理念

(1)预早筹划

设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。

(2)尽量精简

主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难令他们深入观赏。

(3)尽量简朴

现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过 Prodigy 等网上服务接驳万维网等。

此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。

(4)善用图像

用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。

(5)使主页易于漫游

主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。

此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。

(6)提网协领

主页—般须载有以下事项：

标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。

电子邮件地址 ,以便用户有问题时，可以通知你。

联络资料 ,列出通讯地址电话号码等。

(7)循环利用现有信息

制作主页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重用，例如宣传小册、公关文件、技术手册、资料库等。很多情况下，只要用少许功夫、就可把这些材料转到网页上使用。

(8)保持新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。

同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。

(9)贯彻诺言

做不到的事情，千万不要轻易承诺。切勿随便叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。

(10)吸引用户浏览

既然绞尽脑汁把主页弄得美观实用，没有人来欣赏就太可惜了。为吸引所有网中人来浏览，必须使主页易于寻找。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What’s new”页面上。尽量将网址传播开去，使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。

在网站上，于每个页面设置“home”按键，方便用户随时返回主页。

万维网充满生命力、正在不断演进，所以一些现时适用的经验，将来未必合用。举例来说，将来家居用户有高速线路接驳Internet，就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长，页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体，提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈容易。以 S u n的Netra Internet Server为例、全套设备包括上网所需的软硬件,以及建立完善的高效能网站所需购各种软硬件设施。这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作，从未如此容易过。

（二）.网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：.客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件，硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。

（四）.网站的制作规范探讨

(1)网站目录规范

目录建立的原则：以最少的层次提供最清晰简便的访问结构。

a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；

b.每个语言版本存放于独立的目录；

c.每个主要功能(主菜单)建立一个相应的独立目录；

d.当页面超过20页，每个目录下存放各自独立images目录.共用的图片放在根目录下的images目录下；

e.所有的js文件存放在根目录下统一目录script；

f.所有的CSS文件存放在各语言版本下的style目录

g.所有的CGI程序存放在根目录并列目录cgi_bin目录

(2)文件命名规范

文件命名的原则：以最少的字母达到最容易理解的意义。

a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.htm；

b.菜单图片名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback 产品product;所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；

c.所有文件名字母间连线都为下划线;

d.图片命名原则以图片英语字母为名,大小原则写同上;

e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:Ad.js

f.所有的CGI文件后缀为.cgi。

(3)链接结构规范

链接结构的原则：用最少的链接，使得浏览最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。

(4)尺寸规范

a.页面标准按800*600分辨率制作，实际尺寸为778*434px;

b.每个标准页面为A4幅面大小，即8.5X11英寸;

c.大banner为468*60px，小banner为88*31px。

四、网站的设计制作

1.整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。

2.开发制作

本次网站规划设计采用软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，分配到设计组的每个成员，各模块有设计组成员单独承担设计和调试，既有分工，又有协作，最后将各模块上载到服务器上，做链接和整体的调试。

3.调试完善

各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

网站建设实际上是一个不断充实和完善的过程，通过不断的发现问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。

4.宣传推广

刚刚建成的网站就好像一个新注册的电话号码，没有人会自动找上门来，这时你就需要适当地做一些网站推广工作了,这里有很多方法，例如：

a.网页里设置适当的META标签；

b.交换友情链接。这是个免费而高效的办法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，如果你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，推荐使用。

c. 在各大搜索网站（例如sohu.com yahoo.com）注册你的网站，这样当别人在搜索同类的信息时就会发现你的网站；

d.备新闻稿件在各新闻公告板发表；

e.合理使用Email邮件列表；

f.付费广告，这个办法最有效了，但它是付费的；

g.在论坛里贴条子。这个办法效率不高，也很累，有时也会被别人删除掉，所以不推荐。

另外还需要说明的是，请千万不要使用发垃圾邮件来推广个人主页，这样不但不会使别人喜欢你的网站，反而会引起别人的极度反感，这是一种不道德的行为。

至此，网站项目建设完毕。

个人网页设计说明书的功能介绍（各模块介绍核心技术）

我的网页主要包括了主页，邮箱登陆，个人简介和爱好，个人像册，通讯录，友情连接，另类下载等。主页主要上用来显示网页的主要内容。在主页里，我嵌套了一副FLASH，在FLASH里面我又加入了一首歌，是本网页有了精美的音乐。邮箱登陆主要是用来在别人登陆该网页时有什么建议或意见，可以迅速的登陆到他的邮箱给我意见。也为别人在浏览本网页时突然想起了什么事，可以迅速登陆到自己的邮箱。个人爱好主要是用来介绍自己和介绍自己的爱好，以便让更多的人了解自己。个人像册是用来显示照片的，在个人像册里我大量使用了表格嵌套，通过做个人像册我更加的了解了网页里的表格的使用。通讯录主要是用来显示我们记录的数据的，在做同学录时，我们先要用ACCESS做一个数据库和一个数据表，再用DREANWEAVER做一个关于通讯录的网页，然后把他们连接起来。最后我们可以通过安装的IIS来显示它。友情连接主要连接了一些重要的网站，以便别人在浏览本网页时可以方便的跳转到别的网页。另类下载模块主要显示了一些主要的下载工具和网站，方便那些想快速下载又找不到好的网站和工具的人。本网页还包括了很多东东，我就不一个一个的说明了。

急求一篇动态网页设计报告书。急！！！！！！！！！请各位大哥大姐帮帮忙。邮箱904013391@qq.com

《网站设计与网页制造》设计说明书

课程名称：网页设计

设计题目：我的家乡

院系：建筑信息工程系

专业班级：计算机0901

学生姓名：

学号：200913190

指导教师:徐美霞

起止日期：2010年12月20到2010年12月24日

第 1 页共 13 页

我的家乡网页制作过程

一、网站开发目的和功能简介

随着网络技术的发展与互联网的普及，网站建设与网页制作越来越成为各行各业以及个人宣传自己的有利工具，、网站在当今时代被越来越多的人用来宣传，通过网站的制作可以让老师、同学以及朋友更好的了解自己以及别人想要知道的事情，我现在做的是关于我的家乡，为别人提供了一个更深入了解自己的一个平台，本网站主要功能是让更多的人去了解我了解我的家乡

二、网站的设计

2.1 网站的名称：我的家乡

2.2 网站栏目划分

具体如图所示:

2.3网站导航应用于所有页面提高网站的操作友好性。

2.4网站的风格与色彩选择：页面以浅绿和浅黄色为主。浅绿色体现了活力，字体实用浅棕色和淡淡的灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。

2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如图片放在image

文件夹、flash放在flash文件夹内、完成作业放在以自己名字命名的文件夹内等

三、聊城首页的制作过程

3.1首页版图：

首页、导航链接、内容、个网页链接

3-1

整个页面分为四部分，第一部分是以一个flash文件显示动态的图片，主要是网站的突出显示；第二部分是导航栏；第三部分是详细内容，其中网页中的文字排得整齐紧凑，这样能给人一种舒服的感觉。在网页适当的地方加一些图片，每张画面再加一些不同的文字说明，使得网页显得更加的精美；第四部分是各网页链接。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。

具体的布局显示如下所示：

3-2

3.2制作过程：：本网页制作分为三个部分：顶部是用flash制作的页头。中部又分为左右两个部分，左边为家乡简单的介绍和链接，制作的动态图片使用时间轴让图片自动播放，还有从顶部滑下的图片自动循环播放；右边为家乡的各景点的见解。我还为网页设置了背景图片，在最后利用spry选项卡添加的图片。

四、聊城首页制作过程

4.1新建一个页面，命名为聊城首页（index）

4.2在页面属性的外观中设置四边边距为0，文本颜色设为：#9900CC，大小设为18像素；在链接中设置下划线样式为：有下划线；链接颜色为：#0000FF。

4.3（1）首页（index）制作

利用样式定义各个部分的高宽，将./image/195911NM-10.gif设为背景图片。页头图片为水城明珠.jpg设置flash动画为左右橘色.swf代码如下：

页头图片的设计代码：（图如上3-2）

div id="Layer3" style="left: 30px; top: 34px; width: 186px; height: 175px;"span class="1dc4ce7378a1c651 STYLE3"a href="liaocheng.html"img src="../image/201042717165.jpg" name="Image1" width="186" height="174" //a/span/div

a name="dingbu" id="dingbu"/a

table width="967" height="817" border="1" align="center" bordercolor="#000000"

td height="190" colspan="2" valign="top" bgcolor="#FFFFFF"img src="../image/水城明珠.jpg" width="956" height="202" //td

/tr

Flash动画设置代码如下：

div id="Layer2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/左右橘色' ); //end AC code

/script

noscript

object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="957" height="210"

param name="movie" value="../FLASH/左右橘色.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/左右橘色.swf" width="957" height="210" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

（2）景阳冈（jyg）页设计

此网页运用了一些代码实现了文字的滚动代码：td width="213" td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="310" height="620" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="ce7378a1c6514420 STYLE21"景阳冈其址在阳谷城东18公里处，沙冈顶部正中，建有一座民族形式的庙宇，俗称“武松庙”，据传始建于明代中期,后被毁。现存古庙为1958年修建。庙前方有一幢刻有“景阳冈”三个大字的石碑，系我国当代著名书法家舒同所题。庙东二、三百米处，有一刻有“武松打虎处”的墨玉色石碑。 1973年以来，经省考古队多次试掘，认定景阳冈为“龙山文化”遗址国家首批AAA级景区，水浒旅游线上重要景点，武松打虎人人皆知，武松打虎的地方不是人人都去过景阳冈景区总占地面积33.3公顷。景区内沙丘起伏，莽草丛生，林荫蔽日，主要景点：已有200余年历史的山神庙庙的左前方立有原中共山东省委书记舒同题写的“景阳冈”石碑，右前方立有著名书法家杨萱庭书写的高3米的“虎”字碑；南宋时期所立“武松打虎处”石碑；赵朴初所书写门匾的“武松庙”；由徐悲鸿的夫人、书法家廖静文题名的六角单檐的虎啸亭；由著名画家刘继卣创作的“武松打虎”浮雕石像；有传为武松打死的那只老虎的化身——“天下第一虎”石，三碗不过冈酒店……/spanbr /

/marquee

页头图片为聊城.jpg设置flash动画穿越星空.swf、烟花绽放.swf代码如下：

td height="186" colspan="3" valign="top"img src="../image/聊城.jpg" width="1016" height="224" //td

/tr

Flash文件代码：

div id="apDiv1"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/穿越星空' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="991" height="217"

param name="movie" value="../FLASH/穿越星空.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/穿越星空.swf" width="991" height="217" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

div id="apDiv2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','390','height','211','src','../FLASH/烟花绽放','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/烟花绽放' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="390" height="211"

param name="movie" value="../FLASH/烟花绽放.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/烟花绽放.swf" width="390" height="211" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

完成效果如下

3-3

（3）凤凰苑（fhy）网页设计

凤凰苑网页设计为突出凤凰苑的特色页头采用凤凰园内比较突出的产品来体现凤凰苑的科技（仙人掌、日本无花果等……）页头采用flash是左右5.swf、蝴蝶飞飞.swf，此网页插入的是一个由flash做的图片实现图片的从右向左的滚动，使用了上面网页中文字滚动的方法，使用的代码

（div id="apDiv7"

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="1020" height="150" scrollamount="10" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="78a1c65144208dd2 STYLE29"聊城市凤凰苑农业科技园，引种国内外名优稀特果树品种100余个，绿化和国家造纸工业用树毛白杨品种20几个，并繁育了600余万株苗木，以满足本市及周边地区农业种植结构调整和发展农村高效经济的需要。

主要品种如下：

（1）日本仙桃王：该桃有如下显著特点：个头特大，平均单果重500克，最大可达1350克；品质极佳，外观全红，脆肉型、香甜、爽口，含糖量可达23％；极耐贮运，常温下可存20天，恒温库可存3至4个月，实为中秋、元旦，待客之佳品；树上挂果期长，8月下旬至9月下旬，可陆续面市，这是其他任何桃品种所不能比拟的。

（2）韩国早熟有名桃：在凤凰苑区，6月底成熟，全红，鲜艳极为漂亮，单果重可达300克，脆肉型浓甜，多汁，极为丰产，与其他早熟桃相比，风味极佳，市场开发前景看好。

（3）韩国有名桃：韩国农家实生育成，九月下旬成熟，平均单果重350克，清香味浓，汁多味极甜，半溶质，耐贮运，外观红色鲜艳，是韩国晚熟主栽品种。

（4）美国扁桃： 86－1、86－2、86－9是从美国扁桃中选育出的几个优系，86－1、86－4出仁率均在45％以上，86－9又是其最好授粉品种。美国扁桃又称美国大杏仁，具抗旱耐瘠薄，适应性强，耐粗放管理等特点，一般栽后三年结果，五年形成规模产量，丰产期亩产大杏仁500公斤，国内市场现行价56元／公斤，效益极为可观。美国扁桃是荒滩、四旁发展的理想树种，也是农家致富的理想树种。

（5）六月雪梨：是我国研究开发的最早品种梨，比绿宝石早熟20天，平均单果重180克，果肉细白，石细胞无，脆甜多汁，通过我园区高接观察，此品种座果率高，极丰产，抗黑星病。

（6）脱毒草莓系列：凤凰苑从国家果树所引进脱毒草莓系列品种：美香莎荷兰引进，是当今垄断欧美早春市场的王牌草莓品种，极早熟，果坚硬，风味佳。果肉红色，最大单果重可达118克，芳香，浓郁，适促成半促成栽培和落地栽培，将是农业高效开发的理想品种。其他草莓品种，鬼怒甘、酒心糖、新哈尼、全明星等18个。/spanbr /

/marquee

/div）

改变字母的滚动方向向左（left）实现不同于上一网页的滚动，页头flash的设置，同与上一网页。

完成效果图如下

（4）光岳楼（gyl）、东昌湖（dch）采用同样的设计完成。

五、设计技术总结

为了使我们的网站更加实用、内容丰富，我们在网站里用了很多的技术，包括flash photoshop 等图片处理和动画，运用dreamweaver中相关知识制作各种特效比如图层运用、时间轴运用等。

5.1在素材收集和处理上本人花费了大量时间处理网站动画、真实照片收集、个人信息。如应用PHOTOSHOP对相片进行整体处理。利用flash制作了滚动动画。

5.2文字滚动效果，代码如下：

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

p内容 br /

/marquee

六、实习心得

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了运用网页特效，怎样的特效才能凸现网页主题。在制作网站的过程中，也碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如动态页面的制作、脚本的运用、一些效果的运用等运用的不够灵活，同时网页布局也不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周，为什么呢？因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。总之这次设计就是在不断的“发现问题——解决问题——再发现问题——再解决问题——”这个学习过程中完成的。今后我将继续努力，把