第3讲网站开发流程与开发工具课件

第3讲网站开发流程与开发工具第3讲网站开发流程与开发工具要点网站设计开发流程

静态页面及构建

交互页面及构建

综合练习开发工具要点网站设计开发流程静态页面及构建交互页面及21.网站设计开发流程企业网站特别是具有电子商务功能网站的策划，是网站建设中一个极其重要的步骤，网站策划的优劣直接影响客户电子商务功能的实施。完整的网站建设策划方案可以保证网站的结构清晰合理、内容准确详实、页面生动鲜明，这样才有可能使自己的网站在茫茫的网络世界脱颖而出，成为一个真正的能够带来效益的站点。进行网站策划时，首先必须了解客户需求，给出可行性分析报告；然后制作网站结构规划，编辑内容，写出网站功能需求分析报告，提供网站所需的软件、硬件系统配置方案，整理相关技术资料和文字资料。网站架构的总体策划、可行性分析数据库选取与功能设计检测调试维护更新开发进度安排软硬环境设置发布推广设计开发整理文档栏目结构设置美工界面设计内容设置1.网站设计开发流程企业网站特别是具有电子商务功能32.静态页面及构建首页及构建网络营销模块及构建合同约定模块及构建2.静态页面及构建首页及构建网络营销模块及构建合同约定42.1首页及构建网页特别是首页将给浏览者带来最直接的视觉感受，也是能否吸引浏览者继续深入浏览企业网站的关键，从设计上来说网页应该是文字与图形、文学与美学的巧妙结合体。如果企业网站既希望别具匠心，又想颇有创意，除了在网页设计上需有个性和美学外，一般应具备主题内容鲜明突出、版面结构协调统一、页面设计简洁明快、色彩搭配调和清新、图片精巧富含寓意、文字图形搭配得当，整体上不能给浏览者制造视觉障碍。网页设计还必须考虑到目前Internet的制约因素，如网络传输速率、服务器性能指标以及客户端浏览模式等，切不可为了单纯追求页面的奢华而加大网络传输图片的负荷。

首页的设计原则应该是主题鲜明、简洁明快、吸引力强、整合信息能力强、易于导航。作为企业网站还应纳入企业形象识别系统(CorporateIdentitySystem，CIS)之中，并与其他项目、计划协调一致，使企业在人们的心目中有一个整体的“仪表”。在首页上企业要将自己的优势、强势、绝活、高招、亮点，整合突出、直接表述。使企业的“面孔”深深地烙在浏览者的脑海里。2.1首页及构建网页特别是首页将给浏览者带来最直接的5绿海星汽贸公司首页绿海星汽贸公司首页62.2网络营销模块及构建网络营销模块结构网络营销主页面构建网络营销网上车展模块构建网络营销是基于Internet的产物，其营销理念就是：由满足市场到满足客户；由单向性满足到交互性满足；由满足新客户到满足老客户；由迎合客户到引导客户。创造有个性、人性化、多品种、小潮流的购物环境，致力于满足客户、保留客户，争取获得最大利润。2.2网络营销模块及构建网络营销模块结构网络营销主页面构7绿海星汽贸公司网络营销主页面绿海星汽贸公司网络营销主页面8绿海星汽贸公司网络营销网上车展绿海星汽贸公司网络营销网上车展92.3合同约定模块及构建合同约定作为网络营销的下一级模块，把它放在与网络营销同一级的位置，这样可以使浏览者更容易、更快捷地找到合同签约，同时，对于企业来说更加强化了网站的营销能力。合同约定模块结构合同约定页面数据处理流程合同约定主页面构建2.3合同约定模块及构建合同约定作为网络营销的下10合同约定页面(1/2)合同约定页面(1/2)11合同约定页面(2/2)合同约定页面(2/2)123.交互页面及构建

交互页面主要完成在线管理又称远程管理，从根本上说是系统管理员对网站后台数据库的管理。交互页面完全建立在动态页面技术之上，我们应用ASP技术，通过改变数据库中的数据达到变更页面内容、图片，以及各种显示效果等。

这种管理基于数据库存储技术，通过编写相应的应用程序将数据从数据库中提出，显示到页面上；或将页面中，客户输入的数据信息传送到数据库中。管理者可以随时对数据库中的数据进行加工处理，实现并完成一个较好的网站内部数据处理流程。

主界面及构建网络营销管理模块及构建合同约定管理模块及构建关于我们管理模块及构建绿海星汽贸公司

管理系统样例3.交互页面及构建交互页面主要完成在线管理又称远程133.1主界面及构建绿海星汽贸公司管理系统的登录页面和管理系统主页面采用框架布局，为保证系统的安全，本系统采用两种自我保护措施，一是系统仅给管理员5次输入密码的机会，5次以后若密码仍不正确，系统将被锁定，这里系统简单地使用了ASP的Application对象保护系统。二是采用session对象，使用语句session("name")=rs("adminname")(这里的"adminname"来自于Access数据库lhx.mdb中的管理员登录数据库表admin_login)，利用session对象对时间的敏感性，限制管理员在一定的时间内，如果没有操作系统，将被拒绝使用，需重新登录。实际应用中，可以根据用户需求或被保护对象的情况，对系统给以不同措施的保护。绿海星汽贸公司管理系统基于Internet，内含系统管理、关于我们管理、网络营销管理、新闻中心管理、汽车文化管理和经理查询六大功能模块。程序中用到的各种“信息窗”，是在程序运行出现问题时弹出的提示信息，给出问题出现的可能原因，以帮助用户了解程序的运行状态。

3.1主界面及构建绿海星汽贸公司管理系统的登录页面和14绿海星汽贸公司管理系统主界面绿海星汽贸公司管理系统主界面153.2网络营销管理模块及构建网络营销就是通过运用Internet技术和手段，进行网上交易和对市场的循环营销传播，以达到满足消费者需求和企业目的的营销过程。网络营销是一种以消费者为导向，强调个性化的营销方式，它具有极强的互动性，是实现全程营销的理想工具。网络营销能满足消费者对购物方便性的需求，提高消费者的购物效率。消费者可以在全球范围内寻求最优价格，企业在一定程度上可以节约巨额的促销和流通费用。开展网络营销是对企业经营管理的考验，因为这意味着企业经营模式的巨大改变。以网络和网站为中心的业务经营体系要求企业的组织机构设置、人员配备、职能分布、业务流程以及经营机制必须采用现代化管理方式，进行业务流程的重组和组织机构与人员调整。绿海星汽贸公司管理系统的网络营销管理包含：车辆展示管理、车辆添加和车辆查询三个部分。3.2网络营销管理模块及构建网络营销就是通过运用In16网络营销管理模块结构流程

lhx.mdb表：cz

网络营销管理cz.asp车辆展示管理车辆添加车辆查询按汽车名称按图片地址按详细介绍修改删除管理系统网络营销管理模块结构流程lhx.mdb

网络营销管理车辆展17网络营销管理车辆查询页面

网络营销管理车辆查询页面183.3合同约定管理模块及构建合同约定管理的页面主要含有查看“合同约定”详情和删除指定合同项的功能。当单击合同项中的“详情”时，系统弹出该“合同约定”的详细记录报告页面；如单击“删除”，则该项合同将从数据库中剔出。数据库采用Access，数据库表为hetong。合同约定管理页面主要用表格分割布局，在表格行单元内使用鼠标事件，使得当鼠标移动至表格行上时，表格行的颜色改变，使管理员非常容易识别所选择的表格行，尽可能地避免误操作。3.3合同约定管理模块及构建合同约定管理的页面主要含193.4关于我们管理模块及构建

前台“关于我们”页面中的公司简介、组织机构、公司文化、公司理念、公司展望、联系我们等，由“关于我们”管理模块生成，以方便管理员更新内容。关于我们管理模块没有使用数据库，而是采用文件系统，使用FileSystemObject脚本组件，在后台由“关于我们”管理生成程序abouth.asp，生成“关于我们”前台页面的内容(文件名为about.htm)，生成的新文件被前台程序about.asp调用，形成关于我们页面。

3.4关于我们管理模块及构建前台“关于我们”页面中的20“关于我们”前台页面

“关于我们”前台页面21“关于我们”管理结构流程

关于我们about.asp关于我们

管理abouth.asp查看效果新文件about.htm调用前台about.asp前台后台“关于我们”管理结构流程关于我们关于我们

管理查看效果新文224.开发工具基本工具：

记事本

FrontPage2003

VisualStudio.NET2003

Access2003/SQLServer2000

MicrosoftWindowsServer2003其它工具：

Dreamweaver

Flash

Fireworks

PhotoShop

切图工具

NetScape浏览器等

小旋风ASP服务器4.开发工具基本工具：

记事本

Front23小结网站的构建应首先应做好策划和设计工作，依据企业的人、才、物，构建具有鲜明企业文化、特色的网站。前期的策划、设计应考虑远一些，应该对网站以后的扩容留有余地，而在实际的开发中应当逐步进行，分模块添加功能，鉴于节约资金的原则，最好不要一次投入太多。因为这样往往耗资大，企业突然改变营销、管理等模式而难以适应，电子商务并不是能为每一家企业带来盈利。前、后台系统结构的设计应当合理规范，一般前台按需求、服务，后台按功能分门别类，合理集中。数据库可以给我们提供强大的信息管理能力，但有些功能模块也可以不用数据库管理，而采用较简单的方式，如上面的“关于我们”管理模块的设计。小结网站的构建应首先应做好策划和设计工作，依据企24综合练习1.网站设计应采用怎样的设计流程？2.网站设计前台需解决的首要问题是什么？3.网站设计后台需解决的首要问题是什么？4.网站前、后台的构建策略是什么？5.除利用数据库的数据生成前台页面以外，网站设计还可以用什么方法生成前台页面？6.首页的设计应该做到

、

、

、

、

。7.网络营销的营销理念是

、

、

、

。8.请为某手机经销商策划、构建一个网站系统。9.请为某房地产公司策划分析，并构建一个具有电子商务功能的网站系统。综合练习1.网站设计应采用怎样的设计流程？25ThankYou!ThankYou!演讲完毕，谢谢观看！演讲完毕，谢谢观看！第3讲网站开发流程与开发工具第3讲网站开发流程与开发工具要点网站设计开发流程

静态页面及构建

交互页面及构建

综合练习开发工具要点网站设计开发流程静态页面及构建交互页面及291.网站设计开发流程企业网站特别是具有电子商务功能网站的策划，是网站建设中一个极其重要的步骤，网站策划的优劣直接影响客户电子商务功能的实施。完整的网站建设策划方案可以保证网站的结构清晰合理、内容准确详实、页面生动鲜明，这样才有可能使自己的网站在茫茫的网络世界脱颖而出，成为一个真正的能够带来效益的站点。进行网站策划时，首先必须了解客户需求，给出可行性分析报告；然后制作网站结构规划，编辑内容，写出网站功能需求分析报告，提供网站所需的软件、硬件系统配置方案，整理相关技术资料和文字资料。网站架构的总体策划、可行性分析数据库选取与功能设计检测调试维护更新开发进度安排软硬环境设置发布推广设计开发整理文档栏目结构设置美工界面设计内容设置1.网站设计开发流程企业网站特别是具有电子商务功能302.静态页面及构建首页及构建网络营销模块及构建合同约定模块及构建2.静态页面及构建首页及构建网络营销模块及构建合同约定312.1首页及构建网页特别是首页将给浏览者带来最直接的视觉感受，也是能否吸引浏览者继续深入浏览企业网站的关键，从设计上来说网页应该是文字与图形、文学与美学的巧妙结合体。如果企业网站既希望别具匠心，又想颇有创意，除了在网页设计上需有个性和美学外，一般应具备主题内容鲜明突出、版面结构协调统一、页面设计简洁明快、色彩搭配调和清新、图片精巧富含寓意、文字图形搭配得当，整体上不能给浏览者制造视觉障碍。网页设计还必须考虑到目前Internet的制约因素，如网络传输速率、服务器性能指标以及客户端浏览模式等，切不可为了单纯追求页面的奢华而加大网络传输图片的负荷。

首页的设计原则应该是主题鲜明、简洁明快、吸引力强、整合信息能力强、易于导航。作为企业网站还应纳入企业形象识别系统(CorporateIdentitySystem，CIS)之中，并与其他项目、计划协调一致，使企业在人们的心目中有一个整体的“仪表”。在首页上企业要将自己的优势、强势、绝活、高招、亮点，整合突出、直接表述。使企业的“面孔”深深地烙在浏览者的脑海里。2.1首页及构建网页特别是首页将给浏览者带来最直接的32绿海星汽贸公司首页绿海星汽贸公司首页332.2网络营销模块及构建网络营销模块结构网络营销主页面构建网络营销网上车展模块构建网络营销是基于Internet的产物，其营销理念就是：由满足市场到满足客户；由单向性满足到交互性满足；由满足新客户到满足老客户；由迎合客户到引导客户。创造有个性、人性化、多品种、小潮流的购物环境，致力于满足客户、保留客户，争取获得最大利润。2.2网络营销模块及构建网络营销模块结构网络营销主页面构34绿海星汽贸公司网络营销主页面绿海星汽贸公司网络营销主页面35绿海星汽贸公司网络营销网上车展绿海星汽贸公司网络营销网上车展362.3合同约定模块及构建合同约定作为网络营销的下一级模块，把它放在与网络营销同一级的位置，这样可以使浏览者更容易、更快捷地找到合同签约，同时，对于企业来说更加强化了网站的营销能力。合同约定模块结构合同约定页面数据处理流程合同约定主页面构建2.3合同约定模块及构建合同约定作为网络营销的下37合同约定页面(1/2)合同约定页面(1/2)38合同约定页面(2/2)合同约定页面(2/2)393.交互页面及构建

交互页面主要完成在线管理又称远程管理，从根本上说是系统管理员对网站后台数据库的管理。交互页面完全建立在动态页面技术之上，我们应用ASP技术，通过改变数据库中的数据达到变更页面内容、图片，以及各种显示效果等。

这种管理基于数据库存储技术，通过编写相应的应用程序将数据从数据库中提出，显示到页面上；或将页面中，客户输入的数据信息传送到数据库中。管理者可以随时对数据库中的数据进行加工处理，实现并完成一个较好的网站内部数据处理流程。

主界面及构建网络营销管理模块及构建合同约定管理模块及构建关于我们管理模块及构建绿海星汽贸公司

管理系统样例3.交互页面及构建交互页面主要完成在线管理又称远程403.1主界面及构建绿海星汽贸公司管理系统的登录页面和管理系统主页面采用框架布局，为保证系统的安全，本系统采用两种自我保护措施，一是系统仅给管理员5次输入密码的机会，5次以后若密码仍不正确，系统将被锁定，这里系统简单地使用了ASP的Application对象保护系统。二是采用session对象，使用语句session("name")=rs("adminname")(这里的"adminname"来自于Access数据库lhx.mdb中的管理员登录数据库表admin_login)，利用session对象对时间的敏感性，限制管理员在一定的时间内，如果没有操作系统，将被拒绝使用，需重新登录。实际应用中，可以根据用户需求或被保护对象的情况，对系统给以不同措施的保护。绿海星汽贸公司管理系统基于Internet，内含系统管理、关于我们管理、网络营销管理、新闻中心管理、汽车文化管理和经理查询六大功能模块。程序中用到的各种“信息窗”，是在程序运行出现问题时弹出的提示信息，给出问题出现的可能原因，以帮助用户了解程序的运行状态。

3.1主界面及构建绿海星汽贸公司管理系统的登录页面和41绿海星汽贸公司管理系统主界面绿海星汽贸公司管理系统主界面423.2网络营销管理模块及构建网络营销就是通过运用Internet技术和手段，进行网上交易和对市场的循环营销传播，以达到满足消费者需求和企业目的的营销过程。网络营销是一种以消费者为导向，强调个性化的营销方式，它具有极强的互动性，是实现全程营销的理想工具。网络营销能满足消费者对购物方便性的需求，提高消费者的购物效率。消费者可以在全球范围内寻求最优价格，企业在一定程度上可以节约巨额的促销和流通费用。开展网络营销是对企业经营管理的考验，因为这意味着企业经营模式的巨大改变。以网络和网站为中心的业务经营体系要求企业的组织机构设置、人员配备、职能分布、业务流程以及经营机制必须采用现代化管理方式，进行业务流程的重组和组织机构与人员调整。绿海星汽贸公司管理系统的网络营销管理包含：车辆展示管理、车辆添加和车辆查询三个部分。3.2网络营销管理模块及构建网络营销就是通过运用In43网络营销管理模块结构流程

lhx.mdb表：cz

网络营销管理cz.asp车辆展示管理车辆添加车辆查询按汽车名称按图片地址按详细介绍修改删除管理系统网络营销管理模块结构流程lhx.mdb

网络营销管理车辆展44网络营销管理车辆查询页面

网络营销管理车辆查询页面453.3合同约定管理模块及构建合同约定管理的页面主要含有查看“合同约定”详情和删除指定合同项的功能。当单击合同项中的“详情”时，系统弹出该“合同约定”的详细记录报告页面；如单击“删除”，则该项合同将从数据库中剔出。数据库采用Access，数据库表为hetong。合同约定管理页面主要用表格分割布局，在表格行单元内使用鼠标事件，使得当鼠标移动至表格行上时，表格行的颜色改变，使管理员非常容易识别所选择的表格行，尽可能地避免误操作。3.3合同约定管理模块及构建合同约定管理的页面主要含463.4关于我们管理模块及构建

前台“关于我们”页面中的公司简介、组织机构、公司文化、公司理念、公司展望、联系我们等，由“关于我们”管理模块生成，以方便管理员更新内容。关于我们管理模块没有使用数据库，而是采用文件系统，使用FileSystemObject脚本组件，在后台由“关于我们”管理生成程序abouth.asp，生成“关于我们”前台页面的内容(文件名为about.htm)，生成的新文件被前台程序about.asp调用，形成关于我们页面。

3.4关于我们管理模块及构建前台“关于我们”页面中的47“关于我们”前台页面

“关于我们”前台页面48“关于我们”管理结构流程

关于我们about.asp关于我们

管理abouth.asp查看效果新文件about.htm调用前台about.asp前台后台“关于我们”管理结构流程关于我们关于我们

管理查看效果新文494.开发工具基本工具：

记事本

FrontPage2003

VisualStu