网站建设实训报告PPT的简单介绍

网站建设 890
今天给各位分享网站建设实训报告PPT的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、用ASP制作网页的实训报告总结

今天给各位分享网站建设实训报告PPT的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

用ASP制作网页的实训报告总结

1. 实习内容及知识应用

1.1实训内容以及进程安排

实训内容:动态网站制作的学习及动态网站的制作

这次在3名指导老师的带领下,我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站:JSP平台与ASP.NET平台;JSP平台方面主要通过XX老师示范制作myblog个人博客网站而学习JSP平台的搭建、数据库的连接、网站测试等内容;而ASP.NET平台主要通过XX老师和XX2位老师的指导,学习并搭建了ASP.NET平台,掌握了网页三剑客制作动态网站的基本常识与方法,以及数据库的连接、网站测试及Photoshop处理图片等内容

进程安排

日期

日程安排

08年7月28日 确定小组组员,小组成员为:XX(组长),XX(组员)

08年7月29日 确定小组动态网页开发平台为ASP.NET

08年7月30日 确定网站要实现的功能①

08年7月31日-8月5日 制作BBS网站

08年8月6日 测试BBS网站

08年8月7日-08年8月15日 制作电子商务网站

08年8月16日-8月17日 测试电子商务网站

08年8月18日-8月20日 提交网站给指导老师,听取指导老师意见,完善网站

08年8月21日-8月22日 网站制作与小学期总结,写小学期文档

08年8月23日 提交小学期文档,小学期实训结束

说明:①经过讨论,我们组决定建设2个网站来实现以下功能

网站1-BBS网站:在这个网站中,我们主要实现了站点日历与站点搜索引擎2大功能。

网站2-电子商务网站:在这个网站中,我们主要实现了用户注册与登陆、购物车的实现、订单的显示等页面。

1.2知识(点)应用以及经验总结

这次制作2个网站主要应用的知识有以下:

⒈ 数据库的创建

① Access数据库的创建

Acess提供2种数据库创建方式:一种是创建一个空数据库,然后编辑数据表的内容;另一种使用数据库自带的模板创建;在动态网页面中,一般应用第一种方式

② Access数据库的打开方式

包括打开、只读方式打开、独占方式打开、只读独占方式打开

③ 利用设计器设计Access数据库

利用Access数据库里的设计器设计Access数据库

④ 使用向导设计Access数据库

通过Access的向导,经过一系列对话来设置Access数据库

⑤ 通过闹孝输入数据连接Access数据库。

先输入数据再确定字段

⒉ 数据库的连接

① ODBC连接数据库

打开ODBC数据源管理器面板。 在windows XP中打开控制面板,再打开管理工具,找到数据源(ODBC),双击图标打开管理器,选择系统DSN。添液神稿加数据源,点击添加按钮,开始创建数据源,在接下来的对话框中选择数据源的驱动程序,因我们使用的是Microsoft Access创建的数据库,所以选择Microsoft Access Driver(*.mdb)作为数据库驱动程序。点击完成按钮,填写数据源名,以简单易记为原则,这里我们以userinfo(表名)来命名,注意不要冲突。说明填不填都无所谓,是描述这个数据库的用途而已。点击选择按钮,选择你的数据库文件。找到自己想添加的数据库,选中即可。

② OLEDB连接数据库

在Dreamweaver 中,可以通过在连接字符串中包含 Provider 参数来创建 OLE DB 连接。打开Dreameaver,在站点里面先新建个ASP页面(index.asp)。 在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点,选择了文档类瞎凯型(即我们选的ASP Javascript的),并且还测试了服务器();则当前我们看到就剩下第四步没有打勾了。 那现在就点击“+”号,选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中,"连接名称"随便写一个。“连接字符串”就要好好填写了。当"使用此计算机上的驱动程序"时应用绝对路径:DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否则“使用测试服务器上的驱动程序”采用Mappath转换路径"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),点击“测试”,出现成功对话框,成功连接数据库后,在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中,名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。

⒊ 动态网页开发技术

① 记录集的定义

分为简单记录集定义与高级记录集定义,简单记录集的定义使用户不必用SQL语句查询而快速定义记录集。高级记录集定义则通过SQL语来定义记录集。

② 记录集的绑定

记录集(查询)的绑定。在网页中插入一个表单,并输入需要插入到数据库的相关内容,然后通过记录集(查询)功能来实现表单和数据库的相互协调使用,并实现“动态”功能

③ 重复区域服务器行为

服务器行为其实一段VB代码,为了方便用户对记录集的操作,DW中将常用代码进行封装,命名为服务器行为。而重复区域服务器行为相当于一个FOR循环函数

④ 设置记录集导航条

添加记录集导航条以分页的方式用来显示重复区域服务器行为显示有限的记录

⒋XML动态网页制作

① XSLT

XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言,XSLT 用于将一种 XML 文档转换为另外一种 XML 文档,或者可被浏览器识别的其他类型的文档,比如 HTML 和 XHTML。通常,XSLT 是通过把每个 XML 元素转换为 (X)HTML 元素来完成这项工作的。

⒌服务器的配置

① 站点存放点的创建

打开电脑,在D盘下建立一文件夹newgn(这个夹子就是你的站点存放点了),并且在里面建几个子文件夹(就好似你网站的子目录)。

② 建立虚拟目录

回到newgn的根目录,右键选择“共享和安全”(其实是快速地建立虚拟目录)

③ 设置IIS的虚拟目录

出现属性对话框后,选择“Web共享”标签,点选“共享文件夹”,出现共享别名对话框,选择默然设置,确定即可

⒍利用Dreamweaver创建站点

选择“编辑站点”,在弹出的属性框中选“高级”标签,从“分类”中先选“本地信息”,右窗口中设置站点名称,本地根文件夹,然后设置远程信息,访问选择“本地/网络”,远端文件夹仍选择站点文件夹d: ewgn,再接着“测试服务器”,“服务器模型”暂为ASP vbscript,“访问”本地/网络,“测试服务器文件夹”仍是站点文件夹d: ewgn,“URL前缀”在后面添加“newgn/”,添加的东西就是设置的虚拟目录,这时,站点定义基本结束,点击确定。出现“编辑站点”对话框,“完成”即可。

⒎利用FIREWORKS处理图片

利用FIREWORKS处理一些图片和制作一些GIF动画图片

经验总结:

利用Dreamweaver做ASP动态网站主要为以下几步:

①网站服务器配置

②数据库设置

③数据库显示

④建立注册系统

⑤建立登陆系统

⑥美化网站

2. 实习心得

{要求500字以上}

l 过程、功能需求、菜单设计、界面设计、数据库设计、知识的应用技巧、团队合作感受等(指导教师可按实习内容进行要求并自行增加内容)

本次小学期期实训,我们小组主要制作了2个动态网站,而制作这2个动态网站的主要过程是:

⒈个人博客网站

①站点的定义

②数据库的连接

③制作站点搜索引擎及搜索结果页面

④制作日志列表

⑤制作BLOG首页面,基本页面设计

⑥定义并绑定记录集

⑦界面的美化

⑧设置重复区域

⑨指定日期的日志内容页面

⑩日志具体内容页面-日志内容和回复及日志回复功能

⒉电子商务网站

①站点的建立和连接字符串

②用户登陆及用户登陆信息显示页面

③错误信息页面设计

④创建模板

⑤添加登陆页面的嵌入框架

⑥用户注册页面的实现

⑦添加“密码”比较验证的代码

⑧制作最新产品导航条与滚动产品导航条

⑨产品展示的实现

⑩用户购物车:限制用户登陆、添加购物车程序、购物车链接、删除购物车

而这2个网站实现的功能大不相同,前者为一个博客网站,主要实现了站点搜索引擎、日志列表、站点日期等内容;后者为一个电子商务网站,主要实现了用户登陆、用户注册、密码验证、产品展示以及用户在线购物等内容;刚确定制作网站的时候,本设想将2个网站整合在一起,但由于技术和其他原因,这个目的没能实现。

制作动态网站,数据库最重要,在我们小组这次制作网站的过程中,花时间最多的地方就是数据库-数据库的建立、数据库与网站的连接、记录集的绑定、数据库安全等等,由于时间的关系,我们小组这次采用的是Acess数据库,它与其他数据库相比较相对来说操作比较简单。在数据库的制作中,这次我们小组遇到的难题主要是采用OLEDB连接数据库的方法,这个难题的关键之处是在于如何利用 Provider 参数来创建 OLEDB 连接,我们在网上搜索了大量资料并在XX老师的帮助下终于学会了如何使用OLEDB连接数据库。

总结这次小学期实训,这次2个网站能这么顺利的完成,离不开老师的帮助和小组成员的努力,虽然这次小学期实训我们小组只有2人,但是我们是一个有效率、有组织、有团队精神的小组,有效率在于小组制作网站中分工明确、讨论有目的;有组织在于小组成员能按时、有质量的完成自己的分工任务,值得一提的是这次小学期网站开发的大部分时间在小学期实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为;有团队精神在于我们小组实训过程中的共进退,从不因为自己分工任务提前完成而拉下其他组员,我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体,在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养,而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。

这次是毕业前最后的一次小学期实训,也是自己做投入、最用心的一次实训,与以前的小学期相比,以前的小学期都是以掌握某种实训技能为主,而这次小学期则不仅掌握了动态网站的制作技术而且还制作出了自己的成果,自己非常高兴。经过这次小学期,我领悟到任何东西都要“学以至用”,学习了还不行还要看自己掌握了没,掌握了还不行还要看自己熟练了没,熟练了还不行还要做出一定成果。即将毕业,能接受这么一次有意义的小学期实训感觉很充实。

网址:

《网页设计》实验报告

1、

设计由多个网页组成的小型网站,自选主题,要求积极、健康,不得从网络上下载;

2、

构建本地站点,创建站点目录;

3、

站点目录中各种文件分类存放,文件命名

科学

,网站不少于10个页面;

4、

整个网站内容大小不超过20M;

5、

网页版面采用表格布局;

6、

网页中引入CSS

样式表

技术。

7、

超级链接的都可正确点通;

8、

网页中需添加如

动画

音频

、视频等多媒体元素;

9、

栏目设计合理,页面

文字

充实,图文并茂。

10、

使用动态页面效果,如

时间轴动画

、弹出信息、弹出菜单等;

11、

可根据个人能力和兴趣使用数据物纳库,ASP,JSP,罩禅没PHP等网页技术。

实验报告

应包涵以下几个部分:

1、实验说明:说明网战在设计所应用的技术,站点下各目录、各文件;素材的收集途径等;

2、实验步骤:详细阐述网页设计整体

流程

和其中各个环节的操作袭雹步骤;

3、实验心得。

紧急求一份网页制作的实训报告,希望大家帮忙呀

毕业设计的项目计划书

1、网页设计要实现的目的、目标

2、网页设计的形象说明

3、网站的栏目、版块的结构

4、网站内容的安排、相互链接的关系

5、实现软件、硬件和技术分析说明

6、小组人员分工与开发时间的进度表

网站需要实现的目的和目标

• 网上购物:在线销售图书

• 会员服务:注册、订单、交款、购物车、

• 售后服务:留言版

网站形象说明

• 网站的名称叫**

• 整体形象设计包括标准字、Logo、标准色彩、广告语等。

• 首页作为网站的形象页,作为网站的欢迎页面,引入的元素大致有网站名称、LOGO、形像图片、宣传文字、栏目导航等要素,是彰显网站整体风格的重要页面,一般通过FLASH动画来展示。

• ****网站形象页的设计突出在线购物的主题,通过文字、形像、图片的巧妙哄托,令页面富有层次感,达到赏心悦目的效果。

• 网页富有动感,通过FLASH动画来展示,页面的色彩好与首页和栏目页统一,取*色

• 页面的大小,只要在800X600下和1024X68分辩率下均能正常显示即可段樱。

• 背景图片的下方,设置栏目导航,栏目导航用漂亮的符号隔开,“网站首页”、“图书分类”、“店长推荐”、“畅销排行榜”、“友情链接”、“购物车”、“游客留言”、“网站简介”等8项。

• 颜色调配设计,网页的色彩是树立网站形象的关键之一,由廖海清进行整个网站的美工工作,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致

• 考虑到网站是图书网站,颜色既要体现出文艺色彩,又不能过于死版。所以采用淡雅型的配色方案,避免有大面积色块出现。

• 网站调试,采用边制作边调试,即采用本机调试与和上传服务器调试的方握乱丛法,因为网站在单机和服务器上运行有很大的区别,所以很有可能在上传服务器之后,出现在单机上不能浏览的一系列问题。观察速度、兼容性、交互性等,发现问题及时解决并记录下来。

网站的栏目板块和结构

• 主页

• 排行榜

• 会员注陪洞册

• 畅销书与店长推荐

• 图书分类

• 留言版

• 友情链接

网站内容的安排相互链接关系

• 主页部分

• 作为网站的形象页,我们的主页风格独特,字体采用华康少女文字,符合网站的风格。

• 主页分别设有导航条、图书分类、销售排行榜、店长推荐、留言版以及友情链接

主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH,加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息,右边为新书的介绍。主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH,加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息,右边为新书的介绍。

使用软件、硬件和技术分析说明

软件:

Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件:

PC机

技术:

ASP\HTML\CSS\VBscript \ javascript\ SQL

项目设计及运行平台

Windows XP web IIS

小组员工分工

开发时间进度表

网站开发与建设实训登记表

姓名 学号

网站主题

负责内容详细说明

小组自评分 总分

我自己做的,不知合适吗?

网页制作与网站设计报告书

网站项目管理规范

一.概念

网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

二.需求分析

1.项目立项

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

2.客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说物乱穗明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:

1.正确性:每个功能必须清楚描写交付的功能;

2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;

3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;

4.简明性:不要使用专业的网络术语;

5.检测性:如果开发完毕,客户可以根据需求检测。

三.系统分析

1.网站总体设计

在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:

1.网站需要实现哪些功能;

2.网站开发使用什么软件,在什么样的硬件环境;

3.需要多少人,多少时间;

4.需要遵循的规则和标准有哪些。

同时需要写一份总体规划说明书,包括:

1.网站的栏目和版块;

2.网站的功能和相应的程序;

3.网站的链接结构;

4.如果有数据库,进行数据库的概念设计;

5.网站的交互性和用户友好设计。

2.网站建设方案

在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:

1.客户情况分析;

2.网站需要实现的目的和目标;

3.网站形象说明;

4.网站的栏目版块和结构;

5.网站内容的安排,相互链接关系;

6.使用软件,硬件和技术分析说明;

7.开发时间进度表;

8.宣传推广方案;

9.维护方案;

10.制作费用;

11.本公司简介:成功作品,技术,人才说明等。

当您的方案通过客户的认可,您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:

3.网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。

四. 项目实施

1.整体形象设计

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

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

记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。

开发制作

2.开发制作

到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度陪丛,协调和沟通程序员与网页设计师的工作。

调试完善

3.调试完成

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

为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。

4.宣传推广

宣传推广的基本方法有:

1.网页里设置适当的META标签;

2.各搜索引擎登录;

3.准备新闻稿件在各新闻公告板发表;

4.合理使用Email邮件列表;

5.广告条交换;

6.付费广告。

至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。

五.维护

网站成功推出后,长期的维护工作才刚刚开始,需要做到的是:

1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复;

2.网站流量统计分析和相应对策;

3.尽量推广和使用您的网址;

4.网站内容的及时更新和维护。

六.遵循的规范

1.网站建设目录规范

2.网站文件命名规范

3.网站建设尺寸规范

4.网站首页head区代码规范

5.网站连接结构规范

网站开发规范

任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则,包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制,将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范,一个优良可行的规范可以使我们工作得心应手事半功倍,这些规范都不是唯一的标准不存在对与错,也许有些地方与你当前使用的习惯相驳,很多地方都有争议。。

非常明显在Web项目开发中有前后台开发之分,前台开发主要是指非程序编程部分,主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建,其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的,这些规范是工作中总结的一点经验,本文档比较适合中小型网站或者Web项目的开发规范。

一.组建开发团队

在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人,也有可以是只有几个人的小团队,在团队划分中应该含有6个角色,这6个角色是必须的,分别是项目经理,策划,美工,程序员,代码整合员,测试员。也许你的团队还没有6个人,没有关系一个人可以有多个角色,比如项目经理还可以有策划这个角色,如程序员还可以含有代码整合和测试这2个角色,如果你的项目够大人数够多那就分为6个组,每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。

项目经理,项目总体设计,开发进度的定制和监控,定制相应的开发规范,负责各个环节的评审工作,协调各个成员(小组)之间开发。策划,提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工,根据策划和需求设计网站AI,界面,Logo等。程序员,根据项目总体设计来设计数据库和功能模块的实现。代码整合员,负责将程序员的代码和界面融合到一起,代码整合员可以制作网站的相关页面,测试员,负责测试程序。

二.开发工具

Web开发工具主要分为3部分,第一部分是网站前台开发工具,第二部分是网站后台开发环境,第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。

网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等,主要使用的相关软件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

网站后台开发主要指网站动态程序开发、数据库建模,主要使用的相关软件是: PowerDesigner(数据库建模),PowerDesigner在数据库设计方面应用非常强大,用它可以快速创建数据库概念和物理模型,我最喜欢的还是它生成数据库Report的功能太方便了,设计数据库强烈推荐用它。Rational Rose(程序建模),如果你的项目功能模块不是特别复杂那就剩了它吧,这样会节省一些时间和开发的复杂度,不过我个人认为不管是大项目还是小项目都应该画画Rose图。

网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定,代码版本控制采用Visual SourceSafe,当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test,它可以进行并行、负载测试等。程序文档编写采用Word,用WPS也可以。

三.网站开发流程

在项目开始实施之前应该有一个工作步骤也就是工作流程,在项目开发中最需要时间的是总体设计和系统测试,而程序编写代码所占的时间并不多,但有的团队就急于开发写代码,先把程序写出来再说,没有注重评审和测试这2个环节,结果造成返工,我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码,应该一步一步慢慢来,只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。

图 1

从图1可以看到2条主线,这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉,当然不是绝对没有,Web策划和需求分析都是互相有关系的,一个是网站表现形式和风格的策划另一个是网站功能的策划,它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一,也就即将发布的网站。

四.数据库开发规范

数据文件命名采用系统名+_+文件类型,比如系统名为kupage,则数据库文件命名为kupage_database.mdf,有的数据库文件有多个,比如SQL Server就有2个,一个是数据库文件,另一个是日志文件,那么他们的文件命名分别为kupage_database.mdf,kupage_log.log。文件名全部采用小写。

数据库表命名规范,表名长度不能超过30个字符,表名中含有单词全部采用单数形式,单词首写字母要大写,多个单词间不用任何连接符号。若库中有多个系统,表名采用系统名称+单词或多个单词,系统名是开发系统的缩写,系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统,那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词,如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写,如:Re_User_ArticleType, Re_User_FormType。

数据库字段命名规范,数据库字段名全部采用小写英文单词,单词之间用”_”隔开,命名规则是表别名+单词,如:user_name,user_pwd。表别名规则,如果表名是一个单词,别名就取单词的前4 个字母;如果表名是两个单词,就各取两个单词的前两个字母组成4 个字母长的别名;如果表的名字由3 个单词组成,你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母,结果还是组成4 字母长的别名。

视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名,如果表过多可以将表名适当简化,但一定要列出所有表名。

存储过程命名规则P_表名_存取过程名(缩写),比如P_User_Del,P_ArticleType_AddData。

SQL语句编写规则,关键字必须大写,其他书写按上述命名规则,比如:

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五.文件夹文件名命名规范

文件夹命名一般采用英文,长度一般不超过20个字符,命名采用小写字母。除特殊情况才使用中文拼音,一些常见的文件夹命名如:images(存放图形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript脚本),inc(存放include文件),link(存放友情链接),media(存放多媒体文件)等。

文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 。

1、图片的命名原则名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。

放置在页面顶部的广告、装饰图案等长方形的图片取名: banner

标志性的图片取名为: logo

在页面上位置不固定并且带有链接的小图片我们取名为 button

在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu

装饰用的照片我们取名: pic

不带链接表示标题的图片我们取名: title

下面是几个范例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

2、动态语言文件命名规则性质_描述,描述可以有多个单词,用”_”隔开,性质一般是该页面得概要。

范例:register_form.asp,register_post.asp,topic_lock.asp

六.程序代码编程规范

一个良好的程序编码风格有利于系统的维护,代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量,无需定义就可以直接使用,而且代码不区分大小写。但其他语言一般这些都要定义的,为了养成良好的编程习惯,编写代码务必按照一下规则。

1、每个变量名必须定义,在ASP文件的最开始添加语句,强制定制每个变量。

2、出于易读和一致性的目的,在代码中使用以下变量命名约定:

子类型 前缀 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代码需要有缩进,缩进采用键盘Tab键,不采用空格键。并且”=”或者链接字符串时需要左右空一格,如下:

4、函数过程编写的约定。函数或者过程命名采用动作+名词,每个函数需要给出相应的注释,函数功能,传入变量,以及作者和修改相关信息。如下面函数:

%

'[功能] 返回一个参数的值

'[参数] strParameterName 参数名称

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" strParameterName "'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP内置对象区分大小写。如下代码片断

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、数据库连接一个库只能有一个数据库连接文件,创建数据库对象得原则是尽可能晚地打开数据库,尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下:

Sub OpenConn(ByRef conn)

Dim strDBPath, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、当一个对象不在使用时要释放对象资源,比如objFSO,objRS对象等。采用统一函数调用。函数如下:

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、时间全部以字符串的形式保存到数据库中,这样做能够是日期在不同的数据库中都能良好地保存,也方便数据库地迁移。时间用14位字符串保存,日期用8位字符串保存。

七.网站首页head区代码规范

head区是指首页HTML代码的head和/head之间的内容。 必须加入的标签

1.公司版权注释

!--- The site is designed by Maketown,Inc 06/2004 ---

2.网页显示字符集

简体中文:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"

繁体中文:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"

英 语:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"

3.网页制作者信息

META name="author" content="webmaster@maketown.com"

4.网站简介

META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…"

5.搜索关键字

META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"

6.网页的css规范

LINK href="style/style.css" rel="stylesheet" type="text/css"

(参见目录及命名规范)

7.网页标题

titlexxxxxxxxxxxxxxxxxx/title

8.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

2.禁止浏览器从本地机的缓存中调阅页面内容。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

3.用来防止别人在框架里调用你的页面。

META HTTP-EQUIV="Window-target" CONTENT="_top"

4.自动跳转。

META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

META NAME="robots" CONTENT="none"

CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标

link rel = "Shortcut Icon" href="favicon.ico"

所有的javascript的调用尽量采取外部调用.

SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT

附body标签:

body标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景body bgcolor="#FFFFFF"

八.网站建设尺寸规范

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

2. 页面长度原则上不超过3屏,宽度不超过1屏

3. 每个标准页面为A4幅面大小,即8.5X11英寸

4. 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

5. 另外120*90,120*60也是小图标的标准尺寸

6. 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

如何建设高性能网站.ppt

建设高性能网站应考虑一下因素:

一、网站内容不要太繁琐,不要使用过多的JS、FLASH等特效,或者尽可能少用,可以采用H5动画样式代替。

二、网站不要使用过多或较大内存的图片影响打开网站打开速度。

三、网站模块元素、背景等尽可能使用代码表示,替代为图片的使用。

四、对重复原宿的图片或通用的图片建议合并到一张图,用坐标的方式调猜困指用使用。

五、若是技术能力尚可,建议二次开发系统或自写系统,去掉一些免费系统的冗杂代码或多余的功能。

六、服务器的配置至关重要,一个服务器的处理能、带宽等穗配直接影响着网站的性能,建议使用大牌子服务商如百度、腾讯、阿尺段里云、新网、西部数码等。

关于网站建设实训报告PPT和的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码