北理工网站规划与设计大作业【范本模板】
网站设计方案范文
网站设计方案范文
一、网站设计面基
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. 提供一站式服务平台：通过网站平台，学生可以办理各类手续、查询成绩、预约咨询等，提供便捷、高效的服务，提高学校行政管理效率。
4. 提升学校形象：通过网站平台，展示学校的优秀教育资源、师资力量等，打造学校品牌形象。
三、项目内容及实施计划1. 网站架构设计：确定网站的结构与功能模块，确保用户可以方便地浏览、查询、交流。
2. 网站页面设计：设计符合学校形象的网站界面，提高用户体验。
3. 网站内容建设：完善各类信息的内容，确保准确性、及时性。
4. 数据库设计：设计合理的数据库结构，存储和管理用户数据、学校信息等。
5. 系统开发与测试：根据需求进行网站系统的开发和测试，确保系统的稳定性和安全性。
6. 上线与推广：将网站部署到服务器上线，并进行推广宣传，吸引更多用户使用。
7. 运维与改进：进行网站系统的运维工作，及时修复问题和进行功能升级。
四、资源需求1. 人力资源：项目需要一支开发与设计团队，包括架构师、UI设计师、前端开发工程师、后端开发工程师、测试工程师等。
2. 技术资源：项目需要服务器、数据库、开发工具等技术资源支持。
3. 财务资源：项目需投入一定的资金用于人员招聘、技术设备购置、宣传推广等方面。
网站设计大作业撰写
网站设计大作业撰写一、引言随着互联网的快速发展，网站设计也逐渐成为企业推广自身形象的重要方式之一、本文通过一个网站设计大作业的撰写，将介绍所设计的网站的目标、设计思路、功能模块以及最终的效果，以期探讨如何有效地设计和开发一个具有吸引力和功能性的网站。
二、目标和任务所设计的网站是一个综合性的电商平台，旨在提供一个交易平台，让卖家和买家进行各种商品的交易。
网站的主要目标包括但不限于：提供一个简洁易用的用户界面、确保平台的安全性、保证交易的顺利进行、提供便捷的购物流程、增加用户黏性以及提升用户体验等。
三、设计思路1.网站风格为了营造与电商平台相符的氛围，我选择了以简洁、现代为主的风格。
通过使用大面积的白色背景和色彩鲜艳的按钮，增加了整体的美感和吸引力。
2.用户界面在用户界面的设计上，考虑到用户的体验，我采用了直观的布局和易于理解的导航栏。
在首页上设置了框和热门商品推荐，方便用户浏览和商品。
3.安全性为了保证网站的安全性，我采用了HTTPS协议和其他安全性措施。
同时，为用户提供了完善的账号安全保护，例如验证码、密保问题等，并且加密了用户的个人信息。
4.购物流程网站的购物流程需要简洁明了，用户可以方便地选购商品并提交订单。
在设计上，我减少了冗余的步骤，并在每个步骤上提供了清晰的指示。
四、功能模块1.用户注册与登录模块用户在网站上可以注册新账号，并通过登录模块进行身份验证。
我采用了手机验证码和密码登录两种方式，以满足不同用户的需求。
2.商品分类与模块为了方便用户寻找所需商品，我设计了一个便捷的商品分类与模块。
用户可以通过多种方式进行商品，包括关键字、按价格区间、按销量排序等。
3.购物车与结算模块用户将感兴趣的商品加入购物车后，可以在购物车中对商品进行操作，例如修改数量、删除商品等。
在结算模块中，用户可以选择支付方式并填写收货信息。
4.订单管理模块用户可以在订单管理模块中查看自己的订单状态、支付情况以及物流信息。
网站设计方案范本
网站设计方案范本一、背景和目标本次网站设计的背景介绍和目标设定，以及对网站设计的整体要求和具体功能需求的说明。
1. 背景介绍在当今数字化时代，网站已经成为企业和个人展示自身形象、传播信息和开展业务的重要渠道之一。
为了更好地满足用户需求，提高用户体验，本次设计需要一个全新的网站方案。
2. 目标设定本次网站设计的主要目标是提升用户体验和用户参与度，增加网站的流量和转化率。
通过优化设计和改善网站的功能，提高用户对网站的满意度和粘性。
3. 整体要求本次设计要求网站页面简洁大方、布局合理、色彩搭配协调，并具有良好的响应式设计和良好的浏览器兼容性。
同时，还需考虑网站的可维护性和可扩展性，使网站能够适应未来的发展需求。
4. 具体功能需求a) 首页设计：需要简洁明了的导航结构、醒目的页面展示以及行业新闻的动态更新。
b) 产品展示：需要清晰展示产品信息，并提供搜索功能和详细的产品介绍页面。
c) 服务说明：需要清晰明了地介绍公司的服务内容，并提供在线咨询或留言功能。
d) 联系方式：需要提供公司地址、联系电话和电子邮箱，并提供在线地图导航功能。
e) 用户登录：需要提供注册和登录功能，方便用户进行个性化服务和交互。
f) 行业资讯：需要提供行业新闻、技术文章等相关信息，可根据用户兴趣进行推荐。
二、设计方案根据上述背景和目标设定，提供一份具体的网站设计方案，包括页面结构、布局设计、色彩搭配、UI元素和交互设计等详细内容。
1. 页面结构a) 首页：包括公司简介、产品展示、服务说明和联系方式等模块，以及最新动态的滚动展示。
b) 产品页：根据产品类型进行分类展示，每个产品提供详细的介绍和相关信息。
c) 服务页：以清晰明了的方式展示公司的服务内容，包括服务范围、服务流程和客户案例等。
d) 新闻页：呈现行业新闻和公司动态，按照时间和分类进行排序和展示。
e) 关于页：详细介绍公司的发展历程、团队成员和企业文化等信息。
2. 布局设计a) 首页：采用简洁明了的导航结构，以及大图展示和动态滚动模块。
北理工《网站规划与设计》课程学习资料(八)23
北理工《网站规划与设计》拓展资源（八）
第八章 Dreamweaver网页制作
Adobe Dreamweaver简介
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
它使用所见即所得的接口，亦有HTML编辑的功能。
它现在有Mac和Windows系统的版本。
原本由Macromedia公司所开发。
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。
Dreamweaver 是收购Macromedia 公司所得的产品。
Dreamweaver 8 是Macromedia 被收购前的最后版本。
收购后由Adobe 继续发展Dreamweaver，由版本9 起改以CS3 （Creative Suite）命名，并并入当时的CS3 套装。
以CS3 开始命名而非CS1，相信是为了与其他Adobe CS 产品版本看齐，避免混淆。
Dreamweaver 现多捆绑其他Adobe 产品以套装发售，但仍可个别购买。
1、版本历史。
北理工《网站规划与设计》期末考试精选题汇总【含答案解析】38
( 105 )《网站规划设计》期末试卷(A卷)教学站学号姓名成绩第1题判断正误（10分）（1）将网页上传到Internet时通常采用FTP方式。
（2）Font标记符可以设置网页文字的显示大小。
（3）JPEG格式的图象最多可以显示256种颜色。
（4）指定滚动字幕时，不允许其中嵌入图象。
（5）在HTML表格中，表格的列数等于TD标记符的个数。
（6）在HTML表格中，表格的行数等于TR标记符的个数。
（7）框架是一种能在同一个浏览器窗口中显示多个网页的技术。
（8）只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。
（9）在HTML表单中，提交按钮和重置按钮都可以用图象表示。
（10）在CSS中要设置超链接的效果，应指定虚类selector。
第2题单选题（20分）（1）WWW是的意思。
A．网页 B．万维网 C．浏览器 D．超文本传输协议（2）浏览网页时，通常使用以下协议：A．mailto B．FTP C．HTTP D．TCP/IP（3）以下关于FONT标记符的说法中，错误的是：。
A．可以使用 color 属性指定文字颜色。
B．可以使用 size 属性指定文字大小（也就是字号）。
C．指定字号时可以使用 1~7 的数字。
D．语句 <FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
（4）以下说法中，正确的是：。
A．P标记符与BR标记符的作用一样。
B．多个P标记符可以产生多个空行。
C．多个BR标记符可以产生多个空行。
D．P标记符的结束标记符通常不可以省略。
（5）以下说法中，错误的是：。
A．JPEG格式的图像采用有损压缩算法进行图像压缩。
B．只有GIF格式才能使用透明色。
C．GIF格式支持动画。
D．JPEG格式可以显示真颜色。
（6）以下有关在网页中使用图像的说法中，错误的是：。
北理工网站规划及设计大作业
《网站设计与规划》大作业要求自选主题，撰写开发某静态网站的“项目规划与设计文档”。
具体要求如下：通用规则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）网站需求分析 (2)（2）网站的目的及功能定位 (2)二、网站开发平台 (2)三、网站建设日程表 (3)四、站点地图 (4)五、线框图 (4)六、设计规范 (5)七、网页结构 (7)八、主要页面的详细设计图 (8)九、网站测试 (9)（1）测试准备 (9)（2）用户界面测试 (10)（3）功能测试 (10)（4）兼容性测试 (10)十、网站推广 (10)一、项目背景（1）网站需求分析餐饮行业进入网络营销必须注重行业的品牌建设和特色经营，提升餐饮业的文化品位和网络餐饮的文化特色。
要搞电子商务，必须提高餐饮业的文化品位，摒弃传统餐饮业低层次的服务方式，走特色美食文化之路。
有了自己的网站或有了自己的虚拟店面，不能只是简单地介绍饭店的地址、订座电话或几张炒菜图片，一定要突出餐饮的深层次服务，如企业精神、特色菜肴、休闲、文化娱乐、在同行业中的特色优势、投诉处理、意见反馈甚至互动交流。
总之，餐饮业要触网，最重要的是要提升它的特色文化品位，重点定位在培养各阶层顾客对品牌的忠诚度上，处处体现出企业对客户的―爱心、欢乐、洁净、美味‖的体贴；同时，也要兼顾网络文化的特点，让消费者能在网路上产生闻其香、诱其色、顺其意、进其餐、醉其眠的感觉。
电子商务网站是人类商业发展一种全新模式。
随着计算机的普及，电子商务化得到更大的发展空间，对于餐饮行业来说，积极开展电子商务是提高自身知名度、提升企业竞争力的重要方向。
电子商务提供企业虚拟的全球性贸易环境,大大提高了商务活动的水平和服务质量。
利用电子商务增加了客户和供货方的联系。
如电子商务系统网络站点使得客户和供货方均能了解对方的最新数据。
提高了服务质量,能以一种快捷方便的方式提供企业及其产品的信息及客户所需的服务。
提供了交互式销售渠道。
使商家能及时得到市场反馈,改进本身的工作。
（2）网站的目的及功能定位目的:1、建立网站，是为了宣传产品，推广企业的产品和服务，是企业的需要，是市场开拓的延伸。
北理工《网站规划与设计》课程学习资料(一)91
北理工《网站规划与设计》FAQ（一）第一章网页制作基础一、什么是网站、网页和主页？组成万维网的基本元素是网页，也称为页面或Web页。
不同的网页通过超链接联系在一起，构成了万维网的纵横交织结构。
万维网是由无数的Web服务器构成的，用户可以通过浏览器访问这些服务器上的网页。
通常把一系列逻辑上可以视为一个整体的页面叫做网站，或者说网站就是一个相互链接的可以共享的网页集合。
网站的概念是相对的，大网站（例如有些门户网站）页面多得无法计数，而且位于多台服务器上；小网站可以是一些个人网站，可能只有几个网页，仅在一台服务器上占据很小的空间。
网页与网页之间的关系并不是完全相同的。
主页是网站中的一个特殊页面，它是进入网站的第一个页面，其中包含指向其他页面的超链接。
通常主页的名称是固定的，例如index．htm或index．html等（．htm或．html扩展名表示是HTML文档）。
二、什么是静态网页、动态网页？静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。
你编的是什么它显示的就是什么、不会有任何改变。
静态网页的网址形式通常为htm结尾，还有就是以．htm、．html、．shtml、．xml等为后缀的。
在HTML格式的网页上，也可以出现各种动态的效果，如．GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的。
动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是．htm、．html、．shtml、．xml等静态网页的常见形动态网页制作专家式，而是以．aspx．asp、．jsp、．php、．perl、．cgi等形式为后缀。
这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。
三、简述网站的规划与设计原则和方法。
20年春北理工《网站规划与设计》在线作业-2
【奥鹏】-[北京理工大学]北理工《网站规划与设计》在线作业试卷总分:100 得分:100第1题,如果要为网页元素设置左边界应使用的属性是：（）。
A、margin-bottomB、margin-leftC、margin-rightD、margin-top正确答案:B第2题,以下选项中，不是 CSS 长度单位的是：（）。
A、pxB、ptC、pdD、pc正确答案:C第3题,以下关于FONT标记符的说法中，错误的是：（）。
A、可以使用 color 属性指定文字颜色。
B、可以使用 size 属性指定文字大小（也就是字号）。
C、指定字号时可以使用 1~7 的数字。
D、语句 FONT size="+2"这里是2号字/FONT 将使文字以2号字显示。
正确答案:D第4题,以下关于样式表项的定义中，错误的是：（）。
A、H1, H2 {color:red}B、H1 B{color:red}C、H1#color_red{color:red}D、A:active {color:red}正确答案:C第5题,以下代码中，不能产生多个空行效果的是：（）。
A、BRBRBRBRB、PPPPC、P P P PD、BR BR BR BR正确答案:B第6题,要将多媒体对象嵌入到网页中应使用的标记符是：（）。
A、OBJECTB、APPLETC、PARAMD、STYLE正确答案:A第7题,以下有关图像说法中，错误的是：（）。
A、在网页中插入图像需要使用 IMG 标记符。
B、IMG 标记符必须有结束标记。
C、IMG 标记符俩个重要的属性是：src 和alt。
D、src 属性插入图像文件名，可以是绝对路径也可以是相对路径。
正确答案:B第8题,设置正文和超链接颜色时，可以使用 BODY 标记符的 text、link、vlink 和 alink 属性。
其中，用于设置未被访问的超链接的颜色的属性是：（）。
A、textB、linkC、vlinkD、alink正确答案:B第9题,以下有关表格说法，正确的是：（）。
- 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）电子邮件推广
我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物、会员通讯、专业服务商的电子邮件广告等。
可以减少广告对用户的滋扰、增加潜在吸引人群定位的准确度、增强与客户的关系、提高品牌忠诚度等。