个人网页设计说明书

个人网页设计计划书

目录

一、网页设计目的

1.1网页设计需求浅谈……………………………………………………

1.2个人网页设计目的……………………………………………………

二、网页配置工具

2.1网页使用的工具和数据库………………………………

2.2浏览需求………………………………………………

三、个人网页功能模块设计

3.1 主页…………………………………………………………

3.2 个人简介……………………………………………………

3.3 个人相册……………………………………………………

3.4 其他模块……………………………………………………

四、个人网页的技术特点

4.1与传统的静态主页的区别………………………………………

4.2 具体实现方法……………………………………………………………

4.3 体会………………………………………………………………………

一、设计目的

1.1 网页设计浅谈

随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。

以前，在网页制作的时候，通常都是使用FrontPage来完成。由于FrontPage使用方便，操作简单，即使没有网络编程经验的制作人员也可以设计出吸引人的网页，因此，很多网页设计者一直使用FrongPage。FrontPage2000集成在Office2000办公自动化软件中，其工作界面和操作风格和Word一样，因此，FrontPage相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。

从功能来讲，DREAMWEAVER和FrontPage各有千秋，但DREAMWEAVER自身有明显的特点：首先DREAMWEAVER引入了图层的概念，可以在DREAMWEAVER中直接制作一些动画效果。其次DREAMWEAVER支持最新的DHTML（动态HTML）标准CSS（层叠样式表单）规范。另外DREAMWEAVER 具有增加插件的功能，用户可以安装各种插件来增强自己的DREAMWEAVER。最后DREAMWEAVER 中又新增了资源管理器、内建参考手册。整合SourceSafe和WebDAV，集成了MacromediaExchange.其灵活方便的操作界面，也是很多人选用DREAMWEAVER的一个原因。就目前来说DREAMWEAVER已经占据网页编辑软件霸主的位置

我们再来谈谈我最喜欢的动画网页制作软件——Flash。与其说Flash是一个动画网页制作工具，还不如说它是一个功能强大的多媒体制作工具更为恰当。利用Flash可以独立制作出非常精彩的多媒体网页，包括动画的制作、声音效果的添加等。另外Flash对Internet 的支持，主要表现在它采用了流控制技术，不用等整个动画的Movie下载完，就可以开始播放，对于一个Internet冲浪者来讲，这是一件很有吸引力的事情。同时Flash采用了矢量图形的制作方法，当对一副图进行任意的缩放时，它的质量并不会发生变化，而且文件很小，利于网络传输。

FIREWORK是Macromedia公司推出的图像处理软件，与其他图形处理软件的设计思想都很相似，但它又有很多自己的特色。FIREWORK是一个人完全为网页制作者设计的图形处理软件，对制作基于网络的图形有特殊的支持，能够自由的导入导出各种图像。FIREWORK作为第一款为网络实际而开发的图像处理软件，能够自动切图，生成鼠标动态感应的JavaScript。而且FIREWORK具有十分强大的动画功能和一个几乎完美的网络图像生产器。FIREWORK可以轻松辨认矢量文件中的绝大部分标记以及Photoshop文件的层。

1.2 个人网页设计目的

我们读书就是为了获得知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。在此次网页设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。

二、网页配置工具

2.1使用工具和数据库

Dreameaver

主要的使用工具有：Dreanweaver 、javascript、IIS和Access.而在此次设计中主要用到Dreameaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图像和图文混排和外部图像的编辑等功能。关于Dreameaver的插入FLASH功能我用的比较少，在首页里我插入了一副FLASH，主要是它的功能我还不是很了解，我相信我以后会更好的使用它。

IIS

第二个主要工具就是IIS。系统不会默认安装IIS，但是我们可以通过"控制面板"中的"添加/删除程序"对话框添加。安装IIS应通过使用控制面板的"添加/删除程序"对话框，可以安装IIS、添加可选组件或者删除可选组件来实现。安装时，IIS 安装诸如通用文件、文档以及Internet信息服务管理单元等可选组件。您可以选择不安装可选组件，但是如果不选择某些组件，可能会降低IIS功能或禁用IIS服务。如果您不熟悉可选组件以及这些组件如何影响IIS，请使用默认设置安装IIS。安装结束后，可以阅读IIS联机文档中的"安装IIS可选组件"，以便获取更多信息。如果在安装了IIS后如果Web浏览器返回"找不到服务器"错误或"无法显示该页"错

误，则你可以使用命令进行测试：名称解析服务器将 IIS Web 服务器的名称解析为其IP 地址，服务器响应远程计算机的网络请求。

数据库ACCESS

第三个主要的工具是数据库ACCESS，我们主要是用它来做一个数据库，然后在数据库里面建一个表，这样我们做的数据库才能显示出来。要使用数据库，我们也要像IIS那样先安装它，这个的安装很简单，和我们的WORD 安装一样，我就不在详细说明里。

javascript是一种基于对像的脚本语言，每个对像均有属于自己的属性和方法。在它之中，还会经常用到的对像有String,Math,ARRAY和Date,分别用于实现对字符串，数学运算，数组，日期与时间的处理。我主要用它来实现了网页鼠标特效。

安装个人WEB服务器

ASP网页需要相应WEB服务器的支持，才能正常运行，所以在我们做网页之前应先安装个人WEB服务器即PWS。我们首先将Windows98光盘或含有PWS的光盘放到光驱中，然后双击安装程序setup.exe。当Microsoft Personal Web Sever安装程序界面出现后，直接下一步然后选择"Custom"（自定义）按钮，进入组件选择界面。在组件列表中选中"Personal Web Sever（PWS）"，然后单击"显示子组件"按钮，此时弹出安装界面。我们这时选中"文档"列表项，然后继续单击"显示子组件"按钮，此时将弹出文档安装对话框，这时选中"Active Seerver Pages"列表项，然后单击"确定"按钮，关闭该对话框并返回到上层对哈框。继续单击"确定"按钮，关闭Personal Web Sever（PWS）对话框。选中"Transaction Sever"列表项，然后单击"显示子组件"，在弹出的对话框中，将三个子组件全部选中，其它选项保持默认值，然后单击"下一步"，在弹出的安装路径对哈框中，可采取用默认安装路径，直击下一步，开始文件的复制与安装，复制完毕后，单击"完成"按钮，结束安装，此时系统将重新启动，这样PWS就安装完了。PWS安装完后，我们要测试它是否安装成功，其方法是在地址栏中输入http:/localhost或http:/127.0.0.1,然后按回车，若能看到Personal Web Sever的欢迎界面，则安装成功。

IIS的安装与配置

若WINDOWS2000上未安装IIS服务器，可打开"控制面版"，然后单击启动"添加/删除程序"，在弹出是对话框中选择"添加/删除组件"，在WINDOWS组件向导对话框中选中"INTERNET信息服务（IIS）"，然后单击"下一步"，按

向导提示，完成对IIS的安装。启动INTERNET信息服务简称IIS，单击WINDOWS 2002 SERVER开始菜单--程序—管理工具—INTERNET服务管理器，

即启动"INTERNET信息服务"管理工具安装IIS后，系统自动创建了一个默认的WEB站点，该站点的主目录默认为C：/INETPUT/WWWROOT。用鼠标右键单击"默认WEB站点"，在弹出的快捷菜单中选中"属性"，此时就可打开站点属性设置的对话框。在对话框中可完成对属性的全部配置。我们主要设置"主目录"，单击主目录标签，切换到主目录设置页面。在本地路径（C）：中输入C：/INETPUT/WWWROOT，完成对主目录的设置。接下来我们还要设置"主页文当"，单击"文当"标签，可切换到对主页文当的设置页面。主页文当是在浏览器中键入网站的域名，我的主页文件名是"form.htm".最后把我的文当解压到"C：/INETPUT/WWWROOT"，并在主目录的本地路径中添加"form.htm"。完成以上操作后，便可以在浏览器中输入

"127.0.0.1/form.htm"就可以浏览到我的网页了。最后还要注意的是在INTERNET信息服务的工具栏中，提供有启动与停止服务的功能。单击启动按扭可启动IIS服务器：单击停止按扭，则停止IIS服务。

三、功能介绍（各模块介绍核心技术）

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

四、技术特点及个人技术特点

与传统的静态主页的区别

首先Active Server Pages(动态服务器主页)的缩写,它是一个服务器端的脚本环境,在站点的Web服务器上解释脚本,可产生并执行动态、交互式、高效率的站点服务器应用程序。ASP可以胜任基于微软Web服务器的各种动态数据发布，它与传统的静态主页有很大的区别：信息系统纳入Internet的框架之后,首先要解决的问题是通过网页访问后台数据库信息

而传统的不是这样。所有应用程序都是被分割为页面的形式,用户的交互操作是以提交表单等方式来实现的,这就要求Web站点具有很强的动态数据发布能力。用ASP所设计出的是动态主页,可接收用户提交的信息并作出反应, 其中的数据可随实际情况而改变,无须人工对网页文件进行更新即可满足

应用需要。

软件的技术层面

从软件的技术层面看，ASP有如下的特点：无需编译ASP脚本集成于HTML当中，无需编译或链接即可直接解释执行；易于生成使用常规文本编辑器即可进行＊.asp页面的设计；独立于浏览器用户端，只要使用可解常规HTML码的浏览器，即可浏览ASP所设计的主页。

应用的层面

从应用的层面看，ASP有如下的功能：处理由浏览器传送到站点服务器的表单输入。访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据库中的数据。读写站点服务器的文件，实现访客计数器、座右铭等功能。由cookies 读写用户端的硬盘文件，以记录用户的数据。可以实现在多个主页间共享信息，以开发复杂的商务站点应用程序。

具体实现方法

在我的网页中，主要是通过首页来实现其他的网页界面。在首页中的主要内容有：首页，个人相册，邮箱登陆，通讯录，个人简介和爱好，友情连接和另类下载。而各部分是相互链接在一起的。也就是说明了我充分的运用了DREAMWEAVER的超链接功能。在我的首有页中主要用到是嵌入和连接功能，嵌如了一张图片和连接了一副FLASH，增加了网页的精美效果的也；在我的相册中主要用到的也是超链接功能，只不过是图片的连接而已，当你点击相册中的小图片时就会在另外一张网页中出现一张放大的图片，你也可以通过像册上面的上一张，下一张，最后一张，第一张来浏览整个像册。在我的邮箱里，利用CDONTS来实现EMAIL是收发。在IIS安装了SMTP 服务后，会在INTPUT目录下创建名为MAILROOT的目录，该目录是邮件服务达到根目录，在该目录下有两个名为PICKUP和DROP是子目录，CDO组件将要发送的邮件存放于PICKUP的目录下，然后SMTP服务程序将这些信息

移入QUEUE目录下并准备发送，信息通过于目标主机的连接被传送到INTERNET上。收到的信息放在QUEUE目录中，并由SMTP服务程序将其移入DROP目录中保存，以后可由CDO组件来读出指定用户的邮件。而在通讯录中主要是通过输入数据，利用ADO对像，通过ODBC驱动程序链接字符串，可实现对任意的数据库的存取和访问。从而实现对数据库的访问，在网页上就是以分页显示的形式进行。还有一点就是在该页面可以通过一个链接，链接到另一个页面进行数据库记录的添加操作。并且可以实时更新显示。个人体会

待续……

47号曾瑞君

网页设计说明书

一、制作网站的市场调查 了解凯里、天柱、锦屏、黎平、从江、榕江、镇遥、施秉等地，洞悉了黔东南的生态环境和民风民情，思考出一个新问题：黔东南旅游市场的新动力在哪里？我的解读是：一是“原生态”，二是海内外游客。 黔东南苗族侗族自治州占地面积三万平方公里，生活着苗族、侗族及布依、土家、仡佬、壮、水、瑶等三十三个少数民族，是中国三十个自治州中总人口最多、少数民族人口比例最高的自治州，该州森林覆盖率达百分之六十二，享有“杉乡林海”的美誉。 黔东南州原生的民族文化旅游资源、原始的自然生态旅游资源和遥古的历史文化旅游资源优势集中表现为“五性”：一是丰富多样性。生物品种丰富，自然景观雄奇壮丽；民族文化争艳历史遗迹远古珍惜，人文景观异彩纷呈，堪称中国乃至世界的“旅游资源宝库”。二是不可替代性。这里有独具魅力的“苗年”、“茅人节”，侗族“鼓楼节”、“萨玛节”等民族民间节日和地坪风雨桥、增冲鼓楼、吊脚楼，这些旅游资源不仅品位高，而且垄断性强，堪称人间瑰宝。三是原始神秘性。如“世界上最后一个枪手部落”从江岜沙苗寨、“天人合一的天堂”黎平堂安侗族生态博物馆、“疲惫心灵的最后家园”从江银坛侗寨、苗族古建筑博物馆郎德苗寨等旅游资源堪称世界绝品。 原生态黔东南自治州被联合国教科文组织推荐为世界十大“返璞归真、来回回自然”的旅游目的地的首选地之一，是世界乡土文化保护基金会授予的全球“十八个生态文化保护圈”之一，是“世界苗侗原生态文化遗产保留核心地”，被专家学者誉为“人类疲惫心灵的最后家园”。 黔东南苗族侗族自治州，位于云贵高原东南边缘，东邻湖南，南接广西，和本省黔南、铜仁毗邻，境内山川秀丽，气候宜人，资源丰富，民族风情浓郁。该州辖十六个县市九十个镇，总人口四百四十一点七二万人，首府凯里市。原始生态保存完好，境内有三条主要河流，即清水江、舞阳河和都柳江，平行贯穿中、北、南部。 通过综合分析黔东南的旅游业发展空间很大，因而做这个网站是很有价值的。 二、网站设计规划 1.色彩搭配 我做的网站字体为12，字体颜色为白色，背景颜色为淡蓝色。这样的搭配使网站让人感到清凉、舒服。 2.网站首页布局 网页设计说明书

网站设计说明书(模板)

宁波大红鹰学院 信息工程学院 网 站 设 计 说 明 书 网页名称： XX公司主页设计（XX书店设计）专业名称：信息管理与信息系统 班级名称： 姓名： 学号： 完成时间： 2011-1-15

网站设计说明书 一、网站规划设计说明 (网页规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。不少于500字) 1、结构设计 小型企业网站一般规模都不是很大，一般设有3-5个栏目，有的栏目里甚至只包含一个页面，有很多中小企业的网站都属于这种类型，这类网站一般只是为了展示一下公司形象，说明一下公司的业务范围……(简要说明一下设计),页面结构相对来说比较简单，一般采用上中下结构。 2、内容规划 这类网站前台页面的开发，首页一般是一个静态的欢迎页面或者是一个flash制作的导航页面，内容页一般包含以下几个部分： ?页面头部：包含标志及企业名称等； ?栏目导航：单击可以进入其它各内容页面； ?具体内容：本页的具体内容（包括说明文本及公司形象图片） ?版权声明：一般在页脚部分。 3、LOGO设计 (说明：LOGO如何设计,体现了些什么用意或是用到了什么技术等) 4、技术方案 (说明：用到了哪些技术及软件) 二、网站色彩说明 (说明:包括网页主色调、链接色、导航色等，要求通过表格列出页面中需要的颜色表) 1、网站主色调 该网站的主色彩是绿色和白色，配以黄绿色和少量的橙色，文字为黑，如下图所示： 图1 配色采集 绿色是一种非常具有亲和力的颜色，它代表的是自然、生命、活力与健康，是使用比较广泛的颜色之一。黄绿色和橙色的使用，则使整个网站显示朝气蓬勃。 2、网页链接色 表1 普通文字链接配色表

教育网站详细设计说明书

大学门户网站系统详细设计说明书 1．引言 (3) 1.1编写目的 (3) 1.2项目背景 (3) 1.3定义 (3) 1.4参考资料 (4) 2．总体设计 (4) 2.1需求概述 (4) 2.2软件结构 (4) 3．程序描述 (5) 3.1功能 (5) 3.2性能 (6) 3.3输入项目 (6) 3.4输出项目 (6) 3.5算法 (6) 3.6程序逻辑 (6) 3.7接口 (7) 3.8存储分配 (8) 3.9限制条件 (8) 3.10测试要点 (8)

1．引言 1.1编写目的 本说明书在概要设计的基础上，对大学门户网站系统的各模块、程序、子系统分别进行了实现层面上的要求和说明。 系统开发小组的产品实现成员应该阅读和参考本说明进行代码的编写、测试。测试成功后进行公测，所有的大学门户网站系统的使用对象均可进行使用和给出建议看法，然后系统维护人员会进行修改订正。 1.2项目背景 说明： A、软件系统的名称：大学门户网站系统 B、任务提出者：无 开发者：大学门户网站系统开发小组 C、实现完成的大学门户网站系统将以系统嵌套网站的形式，以网站为整体 外部结构，内部使用数据库技术和软件开发技术为使用者提供教育网站 的图书馆管理系统、选课系统、邮箱系统、社区系统、资讯管理系统等 子系统或模块程序，旨在提高该网站应扩大高校影响力，通过互联网向 更多的网民宣传高校办学理念、学校规模、培养目标等信息；满足本校 学生通过浏览该校网页更加方便快捷的了解校方及学校各种社团、组织 的通知计划及自身的考试成绩、课程、学分等信息的需求；同时设有的 网上报名、网上借书、网上学习等一系列辅助功能，既为校方除去了原 有一些繁琐的程序又为学生提供了另一种学习方式——浏览网页，使学 生可以方便及时的向校方反应学生状况，提出自己的意见与建议；增强 了校方与学生的互动式联系等。 D、本系统将是共享的系统，任何能够上网的拥有学号、教师号或者社会人 士都可以享用到本系统的不同功能。 1.3定义 API函数----由函数、消息、数据结构、数据类型以及语句组成，它们可在创建在 Microsoft Windows 下运行的应用程序中使用。API 中使用最多的部分是从 Windows 中调用 API 函数的代码元素，包括过程声明（Windows 函数）、用户自定义类型的定义（用来传递到函数中的数据结构），以及常数声明（传递给函数以及从函数中返回的值）。

网页设计说明书我的家乡--永昌

我的家乡—永昌展示网站 说明文档 题目：我的家乡—永昌 专业班级：11级计算机科学与技术2班 姓名：孙中军 学号：10240215 指导教师：朱爱红 成绩：

目录 第一章网页概述 (1) 1.1 网页简介 (1) 1.2网页组成 (1) 1.3网页设计思想 (2) 第二章网页设计思路 (3) 2.1 网页设计背景 (3) 2.2 制作工具选择 (3) 2.3 素材收集 (4) 2.4 网页设计内容构想 (4) 第三章网页内容简介 (7) 3.1 网页功能简介 (7) 3.2 网页主要功能描述 (7) 3.3网页的浏览 (7) 第四章网页设计 (9) 4.1 网页结构总图 (9) 4.2 各网页模块的组成 (10) 4.3 网页制作环境 (11) 4.4 网页设计思路 (12) 第五章网页制作 (13) 5.1 素材的加工制作 (13) 5.2网站的建立 (13) 5.3 网页设计 (14) 5.3.1主页设计 (14) 5.3.2“环境” (15) 5.3.3“历史” (16) 5.3.4“文化” (17) 第六章设计体会 (18) 致谢 (19)

摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia Dreamweaver8.0作为开发工具，介绍了永昌县的历史、文化、民族、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，以网站浏览的方 式综合展示了永昌县的整体面貌，着重介绍了永昌的特色文化。 【关键词】网页设计说明书我的家乡永昌设计思路Dreamweaver8.0 Javascript语言

第一章网页概述 1.1 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用Dreamweaver8.0作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了永昌的历史、文化、环境、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将永昌的整体面貌展现给大家，着重介绍了永昌几大城市和特色文化。 1.2网页组成 1、主页 （1）永昌风景 （2）四大机构 （3）永昌特色 2、环境 介绍了永昌的自然生态环境。 3、历史 介绍了永昌的历史（清明时期）。 4、经济 5、气候 8、地理 介绍了永昌的地理概况。 9、经济 介绍了永昌2010年经济统计数据。

网站概要设计说明书(模板)

网站概要设计说明书(模板) 1引言 (2) 1.1编写目的 (2) 1.2背景 (2) 1.3定义 (2) 1.4参考资料 (3) 2总体设计 (3) 2.1需求规定 (3) 2.2运行环境 (4) 2.3基本设计概念和处理流程 (4) 2.4结构 (7) 2.5功能器求和程序的关系 (8) 2.6人工处理过程 (9) 2.7尚未问决的问题 (9) 3接口设计 (9) 3.1学生接口 (9) 3.2外部接口 (9) 3.3内部接口 (10) 4运行设计 (10) 4.1运行模块组合 (10) 4.2运行控制 (10) 4.3运行时间 (10) 5系统数据结构设计 (10) 5.1逻辑结构设计要点 (10) 5.2物理结构设计要点 (12) 5.3数据结构和程序的关系 (12) 6系统出错处理设计 (12) 6.1出错信息 (12) 6.2补救措施 (12) 6.3系统维护设计 (12)

1引言 本说明书为“XXXX网站系统”的概要设计说明书，概要阐述了对学生所提出需求的设计方案，对系统中的各项功能需求、技术需求、实现环境及所使用的实现技术进行了明确定义。同时，对软件应具有的功能和性能及其他有效性需求也进行了定义。此外，本说明书还明确了系统的数据结构和软件结构，还将给出内部软件和外部系统部件之间的接口定义，各个软件模块的功能说明，数据结构的细节以及具体的装配要求。 1.1编写目的 ●编写本说明书的目的是： 1.为编码人员提供依据； 2.为修改、维护提供条件； 3.项目负责人将按计划书的要求布置和控制开发工作全过程； 4.项目质量保证组将按此计划书做阶段性和总结性的质量验证和确认。 ●本说明书的预期读者包括： 1.项目开发人员，特别是编码人员； 2.软件维护人员； 3.技术管理人员； 4.执行软件质量保证计划的专门人员； 5.参和本项目开发进程各阶段验证、确认以及负责为最后项目验收、鉴定提供相应报 告的有关人员； 6.合作各方有关部门的负责人； 7.项目组负责人和全体参加人员。 1.2背景 a.项目名称：XXXX网站系统项目 b.系统名称：XXXX网站系统 c.项目提出者：XXXX d.系统学生：XXXX、XXXX、XXXX 1.3定义 总体设计：对有关系统全局问题的设计，也就是设计系统总的处理方案，又称系统概要设计。它包括：计算机配置设计、系统模块结构设计、数据库和文件设计、代码设计以及系统可靠性和内部控制设计等内容。 运行设计：是针对建筑或环境的特定要求，以活动发生地点的建筑或场地设计及现状

《网页设计》大作业设计说明书

《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__8000108025________________ 南昌大学软件学院 2010.元

设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。 2.我要表达什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。 二．如何运用网络的优点进行更好的表达 网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，

网页设计说明书范例

宁夏风采展示网站 说明文档 题目：走进宁夏 专业班级： 09级计算机科学与技术1班 姓名：姓名 学号：学号 指导教师：指导教师 成绩：

目录 第一章网页概述 (1) 网页简介 (1) 网页组成 (1) 网页设计思想 (2) 第二章网页设计思路 (3) 网页设计背景 (3) 制作工具选择 (3) 素材收集 (4) 网页设计内容构想 (5) 第三章网页内容简介 (7) 网页功能简介 (7) 网页主要功能描述 (7) 网页的浏览 (8) 第四章网页设计 (9) 网页结构总图 (9) 各网页模块的组成 (10) 网页制作环境 (12) 网页设计思路 (12) 第五章网页制作 (14) 素材的加工制作 (14) 网站的建立 (15) 网页设计 (15) 主页设计 (15)

环境” (18) 历史” (20) 文化” (21) “城市” (24) 其它页面设计 (26) 第六章设计体会 (28) 致谢 (29)

摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia 作为开发工具，介绍了宁夏回族自治区的历史、文化、人口、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了宁夏回族自治区的整体面貌，着重介绍了宁夏几大城市和特色文化。 【关键词】网页设计说明书走进宁夏设计思路 Javascript 语言

第一章网页概述 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了宁夏回族自治区的历史、文化、人口、环境、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将宁夏回族自治区的整体面貌展现给大家，着重介绍了宁夏回族自治区几大城市和特色文化。 网页组成 1、主页 （1）宁夏介绍 （2）五大城市 （3）宁夏特色 2、环境 介绍了宁夏回族自治区的自然生态环境。 3、历史 介绍了宁夏的历史（旧石器时期——新中国成立——自治区成立）。 4、文化 （1）九大文化 （2）宁夏花儿 （3）宁夏文学

动漫网页设计说明书

网页设计说明书 姓名：蒋彬 学号： 114 班级： 12软件 指导教师：张艳武 完成日期： 2014年1月5号

目录 1 需求分析.......................................................... 错误!未定义书签。 网页设计技术................................................... 错误!未定义书签。 软件环境....................................................... 错误!未定义书签。 网站要求....................................................... 错误!未定义书签。 2 网站创意与结构.................................................... 错误!未定义书签。 网站创意....................................................... 错误!未定义书签。 网站结构....................................................... 错误!未定义书签。 3 个性化设计........................................................ 错误!未定义书签。 主题........................................................... 错误!未定义书签。 网页布局....................................................... 错误!未定义书签。 导航条......................................................... 错误!未定义书签。 4 网站规划.......................................................... 错误!未定义书签。 主页规划....................................................... 错误!未定义书签。 副页规划....................................................... 错误!未定义书签。 5 小结.............................................................. 错误!未定义书签。 分工说明....................................................... 错误!未定义书签。 不足之处....................................................... 错误!未定义书签。 改进方法....................................................... 错误!未定义书签。参考文献............................................................ 错误!未定义书签。

网页设计课程设计说明书

网页设计课程设计 说明书 学生姓名 专业 班级 学号 成绩

摘要 这是摘要，不少于400字，摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字 关键词：网页设计，Dreamweaver

目录 1、系统需求分析（这是一级标题） (1) 1.1系统概述（这是二级标题） (1) 1.1.1 这是三级标题 (1) 1.1.2 这是三级标题（二） (1) 1.2系统运行环境 (1) 1.3功能需求描述 (1) 2、系统总体设计 (2) 2.1开发与设计的总体思想 (2) 2.2系统功能结构图 (3) 3、系统详细设计 (5) 3.1主页（页面一） (5) 3.1.1对页面的描述说明。例如用到什么技术如何制作 (5) 3.1.2部分功能模块及代 (5) 3.1.3页面的 html 标签 (5) 3.2页面二 (6) 3.2.1对页面的描述说明。例如用到什么技术如何制作 (6) 3.2.2部分功能模块及代 (6) 3.2.3页面的 html 标签 (6) 3.3页面三 (6) 3.4页面四 (6) 总结 (8)

网站设计需求说明书样本

关于网站的需求说明书 一、首页模块: 要求: 1、网页形式以各类产品图片以及更替flash为主。参考集物特和ideashow两个网站形式。 2、网站左侧为产品挑选导航模块。( 例如: 按身份送礼、按事件送礼、按分类送礼等) 3、首页基本模块包含元素内容。 头部flash、电话、会员登录( 登陆后欢迎) 、公告栏、购物车、导航栏( 首页、传统工艺礼品、品牌礼品、大客户咨询定制、礼盒套装、加盟我们、关于我们) 、特价区、礼品导购栏( 分类栏) 、传统手工艺展示区、新品专递区、礼盒套装区、热销产品、积分兑换区、广告活动flash区、品牌展示区、搜索区、客服区、用户帮助( 配送说明、用户留言、缺货登记等) 、合作伙伴, 网站备案等信息区。 二、基本功能模块 1、网站后台的基本功能模块 基本: 快速导航、最新订单、最新会员等 1) 、商品管理( 丰富、功能强大的商品管理展示功能) (参考) 商品分类、添加分类、支持无限级类别

商品列表管理、修改、复制、移动、批量修改等 批量修改最新、推荐、特价商品 单个商品多图、多样式展示功能 相关商品、相关配件展示功能 产品详细资料页的显示产品大图、详细文字介绍、规格型号价格等多种属性。侧视图/外包装图( 可选) , 产品的评论, 产品投票评分。总浏览次数统计, 相关产品链接, 本类别产品的销售排行榜。 2) 、前台各类广告图片替换功能。( LOGO管理、多图替 换管理) 3)、客服管理( 能够对客服进行管理、对话能够后台记录) 4) 、数据字典( 能够对各类经常变动的信息进行人为修 改) 5) 、购物车管理和结算 6) 、抽奖活动管理 7) 、公告管理( 包括公告的发布、修改等) 8) 、会员管理 9) 、用户管理管理( 超级管理员、按照部门分配不同权 限) ( 此块专门细说) 10) 后台商品搜索管理功能 11) 会员管理( 密码账户、信息管理)

Dreamweaver网站制作毕业设计说明书

Dreamweaver学习网站制作 设计说明书 系部：信息工程系 学生姓名：石婷婷 专业班级：网络08D1 学号： 083422106 指导教师：密海英 2010年10月25日

目录 内容摘要 (1) 一、引言 (1) 1、Dreamweaver发展前景与现状 (1) 2、Dreamweaver专题学习网站的内容和意义 (2) 二、开发工具的介绍 (2) 三、网站的具体规划 (3) 1、网站的功能结构 (3) 2、网站的主题思想 (3) 3、网站LOGO设计 (3) 4、网站布局设计 (4) 5、网站的内容 (4) 四、页面设计过程 (4) 1、一级导航页面设计 (4) 2、二级导航页面设计 (6) 3、三级导航页面设计 (8) 五、总结 (9) 致谢 (10) 参考文献 (11)

Dreamweaver学习网站的设计与开发 内容摘要 本课题通过对Dreamweaver学习网站的制作，为使用者提供一个自主学习、测试的Dreamweaver的平台。网站采用了清新自然的绿色为主色调，颜色明快柔和，界面美观简洁。清新的绿色让学习者产生视觉上的放松。本网站文本简明、通俗易懂，整体结构清晰、统一，便于学习。网站资源丰富、层次清楚、内容严谨。页面多处插入了flash，使得页面更加生动、活泼，富有感染力。网站导航清晰，布局简单却不单调，让学习者能够一目了然，方便快捷。 本网站采用了实例教学的手法，使得学习者能够更加直观地去学习。此外，还增加了在线测试的功能，打破了以往只能够“教”而不能够“测”的网站，这样才能使学习者更加直接地了解自己的学习情况，从而提高自己的学习能力 一、引言 （一）Dreamweaver的发展前景与现状 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见

网页设计说明

网页设计说明

《我爱篮球》网站设计说明书 1、设计理念 本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。 本站页面主要展示的是NBA篮球资讯、明星等内容，整体页面使用到了CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。 值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。 2、设计流程 通过在网络参考相应模板，设计出接近于NBA网站的效果，并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。 最后应用HTML网页设计，以及ASP + Access动态网页设计使用CSS进行页面样式的设计。 并且,附带应用一些JavaScript特效技术。 总体设计流程为：确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。 3、使用的工具与技术 网页制作工具:Dreamweaver 8 多媒体设计制作工具:Flash 8 、Photoshop cs3 应用到的设计技术：HTML、CSS、JavaScript 4、网站设计说明 网站名称:我爱篮球——篮球网站 整体形象设计包括标准字、标题、标准色彩等。 首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,

并结合Flash动画来展示。 网站形象页的设计突出了所要展示的主题，通过文字、形象、图片的巧妙烘托，令页面富有层次感，达到赏心悦目的效果。 网页富有动感，通过JS实现突破轮播效果，文字采用marquee滚动展示新闻动态。 页面大小采用了960px*200px。 网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。 在风格等各方面追求保存一致。 5、页面结构布局 首页布局框架构思示意图

网页设计说明书

盛年不重来，一日难再晨。及时宜自勉，岁月不待人。 设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。

内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。

摄影网站设计说明书

摄影网站设计说明书

WEB编程基础网站开发 设计说明书 设计题目：摄影网站 姓名：李家东 学号： 20101080114 班级： 10微高 指导教师：毕老师 完成日期： 2011-12-12

目录 前言 .................................................................................................. - 2 - 一、网站的规划 .............................................................................. - 2 - 1.1 网站的整体规划............................................................. - 2 - 1.1.1 网站定位.......................................................... - 2 - 1.1.2 网站版块的设置.............................................. - 3 - 1.1.3 网站设计的相关技术...................................... - 3 - 1.2 网站的功能设计........................................................... - 3 - 1.2.1 首页功能.......................................................... - 3 - 1.2.2 副页功能.......................................................... - 4 - 二、网站的设计与制作.................................................................. - 4 - 2.1 首页布局设计的特点................................................... - 4 - 2.1.1 logo设计.......................................................... - 5 - 2.1.2 Banner的设计 ................................................ - 5 - 2.1.3 导航的设计.................................................... - 6 - 2.1.4 栏目设计........................................................ - 7 - 2.1.5风格与色彩单配................................................. - 8 - 2.2副页布局设计特点.......................................................... - 8 - 三、创新亮点 ................................................................................ - 10 -

网页设计说明书

设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。网站规划 内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事

情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。

网页设计说明书

——网站设计说明书 网站名称： 姓名： 班级： 学号： 上交时间： 任课老师： 一．制作该网站的理由以及设计思路： 我想高中时候的生活，大家都是很怀念的吧！我也不例外，我以班级为主题制作了这个网站，是想借这个网站来表达我的情感。现在想想：那个时候虽然学习紧张，但是我们都过得很快乐，很充实。我很怀念高中时候的生活，也很想念高中的同学，我真想时间就停留在那段时光，但是这是不可能的，所以，我就制作了这个网站，我希望当我或者我的同学看到的这个网站的时候，也能像我一样

很开心，很快乐。设计思路：其实想到以班级为主题以后，我就觉得应该有很多要写的，但是后来才发现好像也没有很多素材。我想把这个网站分为五个部分，分别是：首页，班级宗旨，关于学生，老师信息，关于学校。而我最想重点制作的部分，当然是关于学生这一部分了，所以我就把精力放在了这一部分。 二．制作流程： 1.首先要把制作这个网站所要用到的素材找出来，整理，放在相应的文件夹。 2.我先把网站的首页部分制作出来，然后就是把首页再复制一遍，把要删了的删了，再重新写入新的内容，这个就可以当作是链接的子不分内容，像“关于学生”这一部分，就是这样。 3.把其余三个部分的网页也制作出来 4.因为在“关于学生”这一部分有子链接，所以我就先制作“个人信息”，后来再在这个“个人信息”这一子部分链接了部分同学的个人信息。 5.最后把各部分的链接相应的写入。当然这个也是要有顺序的，我先把“个人信息”这一部分搞好，然后就是“关于学生”，最后就是四个部分的。反正就是由小到大。 三．代码 在制作的时候，我花的时间最多的是在做“关于学生”这一部分，所以我就想把这一部分的代码写下来，而这一部分的主要内容是“个人信息”，因为个人的信息全都是我自己写的，虽然在搞这个的时候我花了很多时间，但我还是很快乐，因为我一边写的时候，我就感觉回到了高中时候的生活。关于代码，我好像没有用JavasScript,因为我都是在Dreamweaver Cs3里面做的。下面就是代码： ----------关于学校---------