北理工网站规划与设计大作业【范本模板】
网站设计方案范文
网站设计方案范文
一、网站设计面基
1.网站主题
本网站的主要主题是把握最新市场趋势，以及为用户提供全面的、有
价值的行业资讯，帮助用户把握最新市场趋势，促进企业发展。
2.页面风格
本网站将以时尚活泼、简洁大方的页面设计风格进行网页美化和开发，实现网页的清晰、活跃、有趣、信息量大、功能完善。
3.功能模块
二、网站设计方案
1.首页设计
首页设计将采用大气、简洁的风格，设计出具有突出特点和导航性的
网页，并设置网站的logo，方便用户快速查找和阅读。
首页内容主要介绍网站的主题内容，具体内容可以包括：网站简介、
最新行业资讯、市场分析、热门产品介绍等。
2.行业资讯
3.市场分析
市场分析页面将为用户提供最新的市场趋势分析，帮助用户实时的把
握市场走势。
网站设计大作业撰写模板
大作业课程名称：网站规划建设与管理题目：企业网站院（系）：信息与控制工程学院专业班级：姓名：学号：指导教师：年月日西安建筑科技大学大作业设计（论文）任务书专业班级：学生姓名：指导教师（签名）：一、大作业题目企业网站二、本次大作业应达到的目的设计并实现一个简单的企业类相关的网站三、本次大作业任务的主要内容和要求（包括原始数据、技术参数、设计要求等）要求：1、 Flash首页1个；2、静态页面制作5幅；3、网站计数器1个；4、产品价格的录入与查询；5、用户的信息反馈；6、管理页面；7、数据库设计四、应收集的资料及主要参考文献：[1] 吉根林.《Web程序设计》.电子工业出版社[2] 清源计算机工作室.《ASP动态网站设计与制作》.机械工业出版社[3] 灯文渊.《ASP与网页数据库设计》.清华大学出版社[4] 杨内.《精品动态网页制作》.清华大学出版社[5] 黄明.《ASP课程设计》. 电子工业出版社[6] 石志国.《ASP动态网站编程》. 清华大学出版社[7] [8][9]/datastructure/index.html[10]/course_ware/data_structure/web/main.htm[11]/class/index.asp?classid=9[12]/press/html/booklist/book/a0764.htm[13]/datastru.html五、审核批准意见教研室主任（签字）目录（小二号，黑体，居中，段前、段后各空0.5行，两字符间插一空格符）1 需求分析（小四号，宋体，两端对齐，行距为1.5倍行距）………（）2 概要设计………………………………………………………（）2.1系统功能的实现…………………………………………（）2.2系统整体框架图…………………………………………（）3 详细设计………………………………………………………（）3.1 XX模块……………………………………………………（）3.2 XX模块……………………………………………………（）……4 调试分析………………………………………………………（）5 总结……………………………………………………………（）参考文献………………………………………………………（）1需求分析（三号，黑体，居中，段前、段后空0.5行）根据设计要求：（小四号，宋体，两端对齐，单倍行距）……2详细设计（三号，黑体，居中，段前、段后空0.5行）2.1系统功能的实现（四号，黑体，两端对齐，段前、段后各空0.5行）根据设计要求：（小四号，宋体，两端对齐，单倍行距）……2.2系统整体框架图2.3 XX模块（四号，黑体，两端对齐，段前、段后各空0.5行）……3调试分析（三号，黑体，居中，段前、段后空0.5行）……4总结（三号，黑体，居中，段前、段后空0.5行）……参考文献（三号，黑体，居中，段前、段后空0.5行）[1]作者1，作者2.文章题目.期刊名，期（卷），年：起始页码-终结页码（五号，宋体）[2]作者1，作者2.文章题目.见：论文集名称. 出版地：出版者，出版年份：起始页码-终结页码[3]作者1，作者2.著作名称. 出版地：出版者，出版年份[4]作者1，作者2.著作名称（译者名+译）. 出版地：出版者，出版年份[5]作者 1.学位论文题目[学位论文]. 学位授予单位地点：学位授予单位名称，学位授予年份[6]国家标准.木结构设计规范GB 50005-2003，2003。
北理工20年春季《网站规划与设计》在线作业.doc
1.以下有关按钮的说法中，错误的是：（）。
A.可以用图像作为提交按钮。
B.可以用图像作为重置按钮。
C.可以控制提交按钮上的显示文字。
D.可以控制重置按钮上的显示文字。
【参考答案】: B2.以下软件中，不属于位图编辑软件的是：（）。
A.PhotoshopB.FireworksC.PhotoImpactD.Illustrator【参考答案】: D3.以下关于样式表项的定义中，错误的是：（）。
A.H1, H2 {color:red}B.H1B{color:red} C.H1#color_red{color:red} D.A:active{color:red}【参考答案】: C4.要将多媒体对象嵌入到网页中应使用的标记符是：（）。
A.OBJECTB.APPLETC.PARAMD.STYLE【参考答案】: A5.以下说法中，错误的是：（）。
A.主页是网站中的一个特定页面。
B.网页中的注释可以放在任何位置。
C.在HTML中，nbsp;表示空格。
D.在HTML中，lt; 表示。
【参考答案】: D6.以下有关 CSS 填充（padding）说法正确的是：（）。
A.padding 用于同时指定上、右、下、左4个方向（以此顺序）填充的宽度。
B.padding 用于同时指定上、下、左、右4个方向（以此顺序）填充的宽度。
C.padding 用于同时指定上、左、下、右4个方向（以此顺序）填充的宽度。
D.padding 用于同时指定上、下、右、左4个方向（以此顺序）填充的宽度。
【参考答案】: A7.以下标记符中，默认align属性不是left的是：（）。
A.PB.HRC.H1D.BR【参考答案】: B8.以下关于字体格式设置的说法中，错误的是：（）。
A.可以使用 FONT 标记符指定文字颜色。
B.可以使用 CSS 字体属性指定字体的大小。
C.可以使用 FONT 标记符将字体设置为斜体效果。
D.可以使用 CSS 字体属性将字体设置为斜体效果。
网页设计作业
网页设计与制作大作业学号：********班级：******姓名：*****一、作业1网站规划1.1网站的名称、背景及描述①名称：科比个人站②背景：科比·布莱恩特（Kobe Bryant，1978年8月23日—），美国职业篮球运动员，司职得分后卫。
自1996年起效力于NBA洛杉矶湖人队，是前NBA篮球运动员乔·布莱恩特的儿子。
科比·布莱恩特是NBA第一个高中生后卫，帮助洛杉矶湖人队拿下5次NBA 总冠军，是NBA史上最年轻的30000分先生。
2次成为NBA得分王，2次NBA总决赛MVP，1次NBA年度MVP，连续15次入选NBA全明星赛，2枚奥运会金牌，于2014年11月12日加冕历史第一“打铁王”。
2014年12月15日，科比·布莱恩特生涯总得分超越迈克尔·乔丹，升至历史第三位。
2015年11月30日，科比宣布本赛季结束后正式退役。
2016年1月22日，科比以1,891,614票第4次成为全明星票王，入选2016年NBA全明星赛西部首发阵容。
2016年4月14日，科比NBA生涯告别战——主场对决爵士后，正式退役。
③个人印象：科比是我初中及高中时期的偶像，他的事迹及成功激励我能够努力学习。
1.2网站的目的、特点、意义①目的：希望更多的人能了解科比，让更多的人能够收到他事迹的激励。
②特点：是一个球星的个人网页，较全面的介绍了科比的相关事迹。
③意义：能够让人们充分地了解到科比成功的秘诀，让人们能够吸取经验。
1.3网站的定位、栏目设置及内容规划①定位：对篮球有兴趣和喜欢科比的人②栏目设置：科比的简介及生涯，以及图片③内容规划：科比的简介，个人生活，还有辉煌生涯1.4网站的技术体系文字页面、图片、背景 HTML菜单、栏目 JAVASCRIPT字体 CSS1.5网站的前景分析科比个人站是一个科比迷和篮球爱好者的聚集区，是人们了解科比的一个平台。
1.6总结通过设计这个网页更加了解科比，同时也为更多人能了解科比而开心。
18春北理工《网站设计与开发实践》在线作业
------------------------------------------------------------------------------------------------------------------------------ 北理工《网站设计与开发实践》在线作业一、单选题：1.（单选题）以下CSS语法正确使用字体列表的是：（）。
(满分AH1{font-family:宋体，黑体BH1{font-family宋体，黑体CH1{font-family:宋体黑体DH1{font-family宋体，黑体正确:A2.（单选题）实现站点统一的重要元素不包括（）。
(满分A字体大小与样式B页面背景颜色C导航元素位置和超链接样式D图片文件的大小正确:D3.（单选题）在规范化软件开发过程中，首先要完成的任务是（）。
(满分A系统需求和结构设计B软件需求分析C软件设计D软件实现正确:A4.（单选题）在进行静态网站开发时，最主要的开发技术是（）。
(满分AHTML和CSSBHTML和JavaScriptCCSS和JavaScriptDHTML和XHTML正确:5.（单选题）以下选项中一般不用于返回主页功能的是（）。
(满分A二级导航B实用工具C面包屑D站点ID正确:6.（单选题）创建选项菜单应使用以下标记符：（）。
(满分:)ASELECT和OPTIONBINPUT和LABELCINPUTDINPUT和OPTION正确:7.（单选题）以下说法中，不属于为扫描而设计需遵循的原则是（）。
(满分:) A在每个页面上建立清楚的视觉层次B尽量避免使用习惯用法C把页面划分成明确定义的区域D最大限度降低干扰------------------------------------------------------------------------------------------------------------------------------ 正确:8.（单选题）将信息合理分组体现的是（）。
网站规划与设计课程设计报告模板
《网站规划与设计》课程设计报告书题目：专业：学号：学生姓名：指导教师：完成日期：题目及要求请参考题目要求，要求将自己所做系统的功能进行详细描述，没有实现的功能不要写。
要求做到：1.叙述要详细2.要有条理3.各个功能分开阐述4.自己可以增加题目要求的功能模块5.可以增加自己对题目的理解一、系统概要设计阐述系统用到的网络开发模型或技术，用流程图或结构图表示出程序的功能框架。
详细说明各个模块的功能，见下面示例，或者用程序流程图表示（请画标准的程序流程图）。
首先对系统进行功能分析，然后自己说明准备实现哪些功能（不能实现的不要写），用什么样的脚本语言及数据库管理系统实现（也就是系统运行的软件环境）。
功能要求最少包含添加、删除、修改、查询。
二、数据库系统设计进行后台数据库划分，说明数据库一共划分为几个表，每个表用在哪些功能中，要求最少三张表，每张表和其它表相关联，不能是孤立的表。
然后详细写出表的详细内容，如表1。
三、程序关键代码设计给出程序运行的关键代码（也就是脚本代码，静态页面代码不要），一些附加的不重要的代码不需要，调用了哪些表，主要实现什么功能。
要求做到：1.给出所用到的主要函数，并进行必要说明；2.对关键步骤注释要详尽；3.创新之处应标明四、课程设计总结1.列出开发过程中遇到的主要困难，并写出解决方法；2.总结所系统的功能和不足，包括自己没有实现的部分。
如果自己有时间和能力，系统应该做成什么样子的。
3.在课程设计中自己的收获与感受五、成绩评定指导教师：成绩：年月日。
网站规划与设计北理工在线作业2019年
10.0
2
2
√
以下软件中，不属于所见即所得的网页编辑软件的是：_________。
单选题
10.0
1
1
√
要控制水平线的粗细，应使用以下属性：_________。
单选题
10.0
3
3
√
以下标记符中，默认align属性不是left的是：_________。
单选题
10.0
2
2
√
以下说法中，错误的是：_________。
单选题
10.0
2
2
√
以下有关表格说法，正确的是：__________。
单选题
10.0
2
3
×
单选题
10.0
2
3
×
以下不属于表格内容垂直对齐的属性值是：__________。
单选题
10.0
1
2
×
要创建一个上下框架，下边框架高度是上边框架的3倍，以下HTML语句正确的是：__________。
单选题
10.0
4
3
×
在HTML中创建表格不常用的标记符是：__________。
单选题
10.0
2
3
×
以下关于JPEG图像格式中，错误的是：__________。
单选题
10.0
3
2
×
以下属性不属于标记符<AREA>的是：__________。
单选题
10.0
1
2
×
要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：__________。
单选题
10.0
北京理工大学2020年5月《网站规划与设计》作业考核试题参考答案
《网站设计与规划》大作业要求自选主题，撰写开发某静态网站的“项目规划与设计文档”。
具体要求如下：通用规则1. 撰写认真: 文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例）。
没有各种文字错误。
2. 正确的格式化: 使用标题、列表、留白等机制，让文档适宜阅读。
关于项目规划&设计是否/如何回答了以下问题?项目是什么?项目的来源或背景?项目的具体内容（是否有树状图或其他方式的示意图让我们清楚知道网站即将包括的内容）？项目的技术细节，比如开发平台、运行平台等？详细的任务分解?详细的时间表?是否有示例图帮助我们理解?是否符合专业文档撰写规范？是否包括了以下内容：站点地图（Site map）：即信息架构图。
线框图（wireframe）：可手绘后照照片，也可以用软件绘制。
如果是手绘图，应保证内容清晰可见。
设计规范（design specification）：至少包括颜色设计、字体设计、图像设计、布局设计等方案，需包含主要页面的详细设计图。
避免抄袭现象：如果发现抄袭或雷同，成绩不及格。
网站项目规划与设计目录1 项目概况 (1)1.1 SQL 数据库简介 (1)1.2 Visual Studio2010概述 (1)发展溯源 (2)重大突破 (2)系统成型 (4)2.1 电子商务管理系统概述 (4)2 需求分析 (5)2.1 需求分析 (5)2.2 数据分析 (5)2.3 功能分析 (5)3 详细设计 (6)3.1 系统结构图 (6)3.2 系统实现 (6)3.3.1 主界面模块 (6)3.3.2 用户管理模块 (7)3.3.3 商品管理模块 (8)3.3 数据库实现 (10)3.3.1 数据库的建立 (10)3.3.2 数据库的更新 (11)4 心得与体会 (12)1 项目概况本章需简单介绍具体使用的哪个版本SQL数据库，选用的前台开发工具以及自己所设计的具体什么系统。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网站设计与规划》大作业要求
自选主题，撰写开发某静态网站的“项目规划与设计文档”。
具体要求如下：
通用规则
1。
撰写认真: 文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例)。
没有各种文字错误。
2。
正确的格式化：使用标题、列表、留白等机制，让文档适宜阅读。
关于项目规划＆设计
是否/如何回答了以下问题?
●项目是什么?
●项目的来源或背景?
●项目的具体内容（是否有树状图或其他方式的示意图让我们清楚知道网站即将包括的内
容）?
●项目的技术细节，比如开发平台、运行平台等?
●详细的任务分解？
●详细的时间表？
●是否有示例图帮助我们理解?
●是否符合专业文档撰写规范？
●是否包括了以下内容：
⏹站点地图（Site map)：即信息架构图。
⏹线框图（wireframe）：可手绘后照照片，也可以用软件绘制.如果是手绘图，应保证
内容清晰可见。
⏹设计规范(design specification）:至少包括颜色设计、字体设计、图像设计、布局设
计等方案,需包含主要页面的详细设计图。
避免抄袭现象：如果发现抄袭或雷同,成绩不及格。
网站项目规划与设计
目录
一、项目背景 (3)
（1）网站需求分析 (3)
（2）网站的目的及功能定位 (3)
二、网站开发平台 (3)
三、网站建设日程表 (4)
四、站点地图 (5)
五、线框图 (5)
六、设计规范 (6)
七、网页UI设计 (8)
八、主要页面的详细设计图 (9)
九、网站测试 (11)
（1）测试准备 (11)
（2）用户界面测试 (11)
(3）功能测试 (11)
（4)兼容性测试 (11)
十、网站推广 (11)
一、项目背景
（1）网站需求分析
随着不同国家之间交流越来越广泛，不同国家的饮食文化也随之传播，人们逐渐开始产生了解不同国家饮食的需求。
近年来，舌尖上的中国的热播，通过对中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化.由此我们深受启发，准备让大家见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素,从而了解世界饮食文化的精致和源远流长。
出自对事物的热爱，对自然的敬畏,同时为了让大家更多地了解世界广大的饮食文明,我们决定制作六个最具有代表性的国家的饮食介绍，相信会获得各年龄阶层曾的青睐。
(2)网站的目的及功能定位
目的及功能：展示各国各地的美食，使大众全方位了解不同地区的饮食文化；为吃货的旅行提供参考；介绍大学食堂趣闻，贴近生活,展现另类美食风采
目标人群：美食爱好者，各国文化爱好者,几乎辐射各年龄阶层
二、网站开发平台
三、网站建设日程表
完成整个项目所需时间为三个月,其中各项规划任务如下表所示：
四、站点地图
五、线框图
（1）首页布局
An unexpected Delicacy Journey
CONTACT COUNTRIES ABOUT US SHARE
TURKEY 相关图 片
JAPAN 相关图 片
CHINA 相关图 片
INDIA 相关图 片 ENGLAND 相关图 片
ITALY 相关图 片
六、设计规范
(1）视觉风格:网站整体风格将围绕“简约”、“轻快"这两个主题。
各国都别具一格，富有自己国家的特点，但仍然有相互联系，统一的整体效果。
①颜色：首页设计以蓝紫灰为基调，运用米黄进行融合搭配，突出网站活泼清爽的格调。
另外运用flash和其他形式的动态技术效果，强调网站的特色同时也更能吸引浏览者的注意。
每个国家单独的一组网页的配色，我们决定采用每个国家国旗的主要颜色，如意大利为绿、白、红，中国主要为红色等等
但不会使用纯度很高的颜色，否则不适宜阅读。
会使用偏灰色系的颜色，简约的现代感,营造静谧的氛围，烘托食物的鲜艳，诱人。
超链接的各个时段的颜色也会统一，目前鼠标移上去和点击时统一为白色。
②字体:为了美化页面,提高视觉效果，使用纤细，清新的字体,且面包屑、主导航和页面上各个标题的字体都统一。
目前使用的英文字体为yellow peas demo和SIMPLIFICA Typeface。
③图像：采用贴合国家气息的背景，背景尽量少繁复
而实物图片则选择鲜艳,能够引起人们食欲的，明亮暖色调的图片。
④分辨率：所制作的网页将自动调整分辨率以适应显示器分辨率，不管在1024还是800的分辨率下都可以配合用户达到较佳的视觉效果.
（2）布局设计
①空间的合理利用：在网页的上端显示检索栏等信息，图片都先以小图标形式展现，鼠标挪动致图片位置将展现细节图，划过处可进一步放大，即节约了空间,同时营造出一种简洁现代的感觉.
②动态效果:会在图片和一些特色小机关上赋予动态效果,如跳动，闪烁,放大缩小等。
③其他附加效果：超链接下划线的显隐，目录的跳转，后期可能会加上音乐播放器功能.
七、网页UI设计
我们将坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，浏览者将对界面上对应的功能一目了然。
保持页面内元素风格，版式一致。
使用一致的标记、标准缩写和颜色，显示信息含义明确。
显示有意义的出错信息，而不是单纯的程序错误代码。
减持高效地使用显示器的显示空间，保持语言的一致性与可选择性.
我们将遵循浏览者从上而下，自左向右浏览、操作习惯，尽量多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁。
在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构。
并且为页面导航加以设计规划。
八、主要页面的详细设计图
九、网站测试
（1)测试准备
测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。
测试员应在测试开始前了解网页的相关情况,对测试的预期结果应进行准备和预测。
测试前要做好真实数据的准备工作，并进行系统的数据初始化.
(2）用户界面测试
主要测试导航条、内容、颜色、背景、图像、返回等。
（3）功能测试
主要测试站点中的链接等。
链接测试：目的是检查各个URL所联接的页面是否正确。
表单测试：目的是检查每个表单与程序是否正确联接,能够正确地发送用户请求。
（4）兼容性测试
主要检验应用能否在不同的客户端使用.如苹果（iOS系统的)用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。
十、网站推广
（1）微信公众平台、朋友圈、微博、QQ空间推广
（2）论坛推广
我们可以注册几十个论坛，每个论坛注册若干个帐号，把签名设为自己的网站及团队图标。
发表热门内容,自己顶自己的帖子。
目前我们应用的论坛包括校内的极速之星、外网的百度贴吧、天涯论坛、豆瓣等等网民较为聚集的地方。
（3）电子邮件推广
我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物、会员通讯、专业服务商的电子邮件广告等。
可以减少广告对用户的滋扰、增加潜在吸引人群定位的准确度、增强与客户的关系、提高品牌忠诚度等。