网站规划与建设汇总

《网站建设与运营》2020/1/28学习情境二：网站设计《网站建设与运营》2020/1/28情境导入UML工具及其应用网站的流程设计网站的功能设计网页的布局设计数据存储设计网站的安全设计《网站建设与运营》2020/1/28项目一：网站设计工具及其应用运用UML进行面向对象的系统分析设计，其过程通常由以下三部分组成：（一）分析系统通过对项目的需求调研，依据项目的业务流程图和数据流程图以及项目中涉及的各类操作人员，识别出系统中的所有用例和角色，分析系统中各角色和用例间的联系（如书图4-1所示），使用UML建模工具画出系统边界图（如书图4-2所示）（二）构造系统构造网站的总体结构，建立概念层模型.以A公司网站系统为例，其组成结构用类图来描述，如书图4-3所示（三）设计系统系统设计分整体设计和详细设计。整体设计就是定义包（子系统），确定包间的依赖关系和主要通信机制。详细设计就是要细化包的内容，清晰描述所有的类，同时使用UML的动态模型描述在特定环境下这些类的实例的行为。例:（如书图4-5所示）新会员注册FSM《网站建设与运营》2020/1/281、统一建模语言（UnifiedModelingLanguage,UML）,UML支持从需求分析开始的软件开发的全过程，当采用面向对象技术设计系统时，首先是描述需求（用例图）；其次是根据需求建立系统的静态模型，以构造系统的结构（类图、对象图、组件图、配置图）；最后是描述系统的行为（顺序图、协同图、状态图、活动图）。2、常用建模工具MicrosoftVisioRationalRoseBorlandTogetherSystemArchitect……资料链接：网站设计工具介绍《网站建设与运营》2020/1/28项目二：网站的概要设计（1）设计A公司网站中的产品信息检索流程并画出流程图。(2)给A公司网站设计网上招聘功能。(3)为A公司网站首页设计另一种布局。《网站建设与运营》2020/1/28资料链接：网站设计网站的流程设计业务流程图（TransactionFlowDiagram，简称TFD）就是用一些尽可能少的规定的符号及连线来表示某个具体业务处理过程。A公司网站中的网上购物为例书P55网站的功能设计网站的作用是通过网站的功能展现出来的，不同用途的网站具有不同的功能，必须始终围绕建设网站的目的来设计网站的功能。P56网页的布局设计P58举例举例《网站建设与运营》2020/1/28项目三：网站的详细设计项目背景在某一页面上需要放置两张鼠标感应图片，一张是当鼠标滑过时显示的图片，另一张是当鼠标滑出时显示的图片。接到任务后，开发小组立即指派一名美工人员半小时做完了两张图片，并分别命名后放入指定的目录下。假如自己就是那位美工人员，该如何为两张图片文件命名呢？《网站建设与运营》2020/1/28分析根据上述的命名规范，再结合实际要求，应该将一张鼠标滑过时显示的图片命名为mouse_over_on.gif，另一张鼠标滑出时显示的图片命名为mouse_out_off.gif。《网站建设与运营》2020/1/28资料链接：数据字典命名规范什么是数据字典？数据字典（DataDictionary）是以数据库中数据基本单元为单位，按一定顺序排列，对其内容作详细说明的数据集。除了静态小型网站外，绝大多数网站拥有后台数据库，用来存放网站动态内容。（1）对于数据表命名，一般遵循如下原则：以最少的单词概括数据表内容。表名尽可能简短，最大长度不应超过30个字符。表名由一个或多个英文单词组成，其中每个单词都采用单数形式，每个单词首字母要大写，单词间不用任何连接符号。如ProductInfo，ProductType等。如果整个网站系统又包含多个子系统，则需要在原表名之前加子系统名称，子系统名应为该子系统名称的缩写，并全部采用小写英文字符，如bbsTitle，bbsForumType等。《网站建设与运营》2020/1/28资料链接：数据字典命名规范（续）（2）对于视图命名，一般遵循如下原则：视图命名规则为View_表A_表B_表C，View表示视图。视图由几个表产生就用下划线连接几个表名，如果表过多可以将表名适当简化，但一定要列出所有表名。（3）对于表别名命名，一般遵循如下原则：如果表名是一个单词，别名就取单词的前4个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4个字母长的别名；如果表的名字由3个单词组成，可以从头两个单词中各取一个字母然后从最后一个单词中再取出两个字母，结果还是组成4字母长的别名。（4）对于存储过程命名，一般遵循如下原则：存储过程命名规则为P_表名_存取过程名(缩写)。比如P_UserInfo_Del，P_ArticleType_AddData等。（5）对于数据库字段命名，一般遵循如下原则：数据库字段名全部采用小写英文单词，单词之间用下划线隔开，命名规则是表别名+单词或单词简写，如：user_name,user_pwd等。《网站建设与运营》2020/1/28项目四：网页的制作项目背景在专题会上，当讨论到网页head区代码规范时，张文又给大家出示了一段首页代码，代码具体如下：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title公司介绍/titleSTYLEtype=text/css。。。。。。[完整代码详见教材]/head请与会者就其head区代码规范问题加以讨论，并为其重新规范代码。《网站建设与运营》2020/1/28分析1）在head区没有发现类似!---XXXXXX---的语句。说明缺少版权信息、注释等不可见信息。2）在head区没有发现类似metaname=“Keywords”content=“XXXXXX,……”的语句。说明该页面没有指定搜索引擎搜索的关键词，关键词可以影响网站在搜索引擎中的排名。3）在head区没有发现类似metaname=“Description”content=“XXXXXXXXXXX”的语句。说明该页面没有指定搜索引擎搜索的页面主要内容，这对网站推广十分不利，强烈建议指定页面的主要内容。……《网站建设与运营》2020/1/28资料链接：网页head区代码规范（1）什么是head区？head区是指网页中HTML代码的head和/head之间的内容。应该将不可见信息、title标签、meta标签、link标签、script标签等放置在head区。（2）举例：放置不可见信息：格式：!---XXXXXX---说明：放置版权信息、注释等。举例：!---此网站由万豪公司于2005年5月28日设计制作---其他举例……《网站建设与运营》2020/1/28项目五：网站数据库设计项目背景•……•%•ifrequest.querystring(biaoji)=联系人then•LB=L•elseifrequest.querystring(biaoji)=决策人then•LB=J•endif•Setrs=Server.CreateOBject(ADODB.RecordSet)•sql=SELECT*FROMKHGRXXBWHERELB='&LB&'orderbyIDDESC•rs.Opensql,conn,adOpenStatic•Ifnotrs.eofthen•i=1•whilenotrs.eof•%《网站建设与运营》2020/1/28分析依照XHTML、ASP代码编写规范，范例中存在如下问题：1）HTML代码中所有标签元素和属性名字有的大写、有的小写，不符合XHTML代码编写规范。2）标签br、hr、input都没有相应的结束标记，也不符合XHTML代码编写规范。3）标签属性nowrap没有赋值，按照XHTML代码编写规范应该重复本身。4）有部分标签的属性值没有用双引号括起来，同样不符合XHTML代码编写规范。5）ASP代码中所有变量都没有声明，这也是不符合ASP代码编写规范。6）ASP代码没有按照分层次对称缩进方式排版。7）数据库操作完后没有释放相关对象。8）SQL语句中使用*来读取所有字段，但有用的很少，这样做显然不符合ASP代码编写规范。实现代码修正详见教材《网站建设与运营》2020/1/28资料链接：网站代码编写规范代码编写是否规范也是衡量软件质量的一项指标。不要因为程序短小、代码简单就随意编写，而应该从点滴做起，养成一个良好的程序编码习惯，不仅日后自己能看懂，更重要的是能让其他人看得懂。不同的编程语言有各自相应的代码编写规范。常用XHTML代码编写规范[讲解]常用ASP代码编写规范[讲解]《网站建设与运营》2020/1/28项目六：编写网站概要设计说明书《网站建设与运营》2020/1/28对于网站程序自身的安全，应该从以下几个方面考虑：（1）不信任原则（2）输入检查原则（3）用户最小权限原则（4）程序运行最小权限原则（5）组件安全性原则（6）程序错误处理原则资料链接：网站的安全性设计《网站建设与运营》2020/1/281.基础题在互联网上下载一整套免费的ASP编写的网站源程序代码，分析其网站目录建设、网站文件命名、数据字典命名、网页head区代码、网站代码编写是否规范。2.拓展题在互联网上查找网站标识（LOGO）设计规范。3.创新题编制JSP代码编写规范文档。编制ASP.NET代码编写规范文档。课后任务《网站建设与运营》2020/1/28Q&A