网站建设概述

1、网站设计与架构开课院系：南京邮电大学经济与管理学院开课时间：2010年3月-2010年5月主讲教师：沈超电 话E_Mail : 网站设计与架构网站设计与架构是电子商务专业的一门专业技术是电子商务专业的一门专业技术核心课程。核心课程。本课程主要介绍电子商务网站的基本原理和基本实现本课程主要介绍电子商务网站的基本原理和基本实现方法。方法。它是一门开阔视野、增长知识、提高实际工作能力的它是一门开阔视野、增长知识、提高实际工作能力的计算机课程。计算机课程。本课程既有理论基础，又有实际应用价值，是一门综本课程既有理论基础，又有实际应用价值，是一门综合性的突出培养专业能力的重要核

2、心课程。合性的突出培养专业能力的重要核心课程。 课程的地位、目的和任务课程的地位、目的和任务通过本课程的学习，使学生能够：了解和掌握电子商务网站创建所涉及的背景和基础知识；掌握电子商务网站核心部分的工作原理和方法；了解网络数据库的基本原理和技术；了解HTML、VBScript和ASP的基本知识；了解和掌握开发一个电子商务网站的过程。与相关课程的分工与联系 本课程的先修先修课程：电子商务概论、数据库技术 本课程是一门综合性技术课程，要求学生有一定计算机的基础知识和操作能力；对学生计算机的编程和语言能力有要求本课程的并行并行课程有：网络安全技术、管理信息系统等本课程的后续后续课程有：毕业设计教学内

3、容与要求 了解有关网站设计与架构的基础知识；能够以小组为单位进行电子商务网站的建设；熟悉各种电子商务网站开发的技术与工具；教学基本要求教学基本要求本课程围绕以下本课程围绕以下3 3个方面展开：个方面展开：概论部分概论部分力图使学生对电子商务网站有一个基本概念，力图使学生对电子商务网站有一个基本概念，了解什么是电子商务网站以及了解建站的相关基础常识了解什么是电子商务网站以及了解建站的相关基础常识原理部分原理部分主要介绍动态网页制作技术主要介绍动态网页制作技术ASPASP。介绍。介绍ASPASP的的主要对象的使用方法，及网页与数据库的连接方法主要对象的使用方法，及网页与数据库的连接方法应用部分应用

4、部分介绍电子商务网站的核心部分知识，以及开发介绍电子商务网站的核心部分知识，以及开发电子商务应用的各个关键部分的方法和技巧。通过电子商务应用的各个关键部分的方法和技巧。通过Dreamweaver MX 2004Dreamweaver MX 2004与与ACCESSACCESS结合，完成一个完整结合，完成一个完整的电子商务应用实例的电子商务应用实例教学基本要求教学基本要求通过本课程的学习，学生应达到以下基本要求：通过本课程的学习，学生应达到以下基本要求：了解电子商务网站系统的基本概念和相关技术的基础常识。了解电子商务网站系统的基本概念和相关技术的基础常识。理解电子商务网站的设计与规划。理解电子商

5、务网站的设计与规划。掌握如何使用掌握如何使用Dreamweaver MX 2004Dreamweaver MX 2004快速有效地实现电子商快速有效地实现电子商务应用的各种基本功能。务应用的各种基本功能。理解如何使用理解如何使用Dreamweaver MX 2004Dreamweaver MX 2004和和ACCESSACCESS来管理和使来管理和使用商务数据。用商务数据。了解、掌握网络数据库的发展，能够正确运用基本的了解、掌握网络数据库的发展，能够正确运用基本的SQLSQL语语句，能熟练掌握后台数据库的开发、设计合理的数据库表。句，能熟练掌握后台数据库的开发、设计合理的数据库表。能独立完成应

6、用程序运行环境的设置。能独立完成应用程序运行环境的设置。课程学时分配 教学环节时数课程内容讲课上机实验习题及讨论小计第一章22第二章224第三章4216第四章426第五章66第六章44第七章2214总计24832参考教材 1、网络程序设计网络程序设计-ASP -ASP （第二版）（第二版） 主编 菜翠平 编著 尚俊杰 清华大学出版社 北方交通大学出版社 2、 电子商务网站建设电子商务网站建设 主编 赵祖荫 清华大学出版社教学方法与考核方式 ( (一一) ) 教学方法教学方法 本课程是一门综合实践操作的课程，在掌握基本理本课程是一门综合实践操作的课程，在掌握基本理论知识的基础上，强调学生亲自动手

7、实际操作。论知识的基础上，强调学生亲自动手实际操作。教学方法与考核方式 ( (二二) ) 考核方式考核方式 采用笔试与上机考核结合的方式。具体操作方法为：采用笔试与上机考核结合的方式。具体操作方法为：平时成绩占平时成绩占30%30%，期末考试占，期末考试占70%70%。平时成绩为作业、考。平时成绩为作业、考勤勤1010分、上机分、上机/ /作业作业2020分。迟到分。迟到1 1次扣次扣1 1分，旷课分，旷课1 1次次扣扣2 2分，分，缺勤缺勤1/31/3者无资格参加考试。者无资格参加考试。网站基本概念（3 3）是企业提供给顾）是企业提供给顾客、上游供应商、下游客、上游供应商、下游企业、分销商等

8、的、集企业、分销商等的、集成了电子商务系统应用成了电子商务系统应用层面的功能的商务门户层面的功能的商务门户（PortalPortal）平台）平台（1）是企业开展电子商务的基础设施和信息平台）是企业开展电子商务的基础设施和信息平台（2）是实施电子商务）是实施电子商务的公司或者商家与服的公司或者商家与服务对象（包括顾客、务对象（包括顾客、上游供应商、下游企上游供应商、下游企业、分销商等）的交业、分销商等）的交互界面互界面（4）是电子商务系统运转的承担者和表现者）是电子商务系统运转的承担者和表现者电子商务电子商务网站网站个性化服务个性化服务销售业务销售业务信息管理信息管理信息搜索信息搜索与查询与查询

9、产品和服务产品和服务项目展示项目展示企业形象宣传企业形象宣传支付、支付、运输运输新闻、供求新闻、供求信息发布信息发布客户信息管理客户信息管理定制（定制（customizationcustomization）推荐推荐（RecommendationRecommendation）根据客户通过特定的定制手段所提交的需求为用户定制产品、服务或者信息内容个性化服务个性化服务（Personalization）隐式或者显示收集客户的需求特征信息，并在适当的时候将复符合客户口味的产品或者服务信息通过适当的方式提交给客户电子商务系统为现代大规模定制生产提供了良好的产品配置平台，从而有效地将客户整合到企业的生产系统

10、中，让客户参与企业的设计、制造、装配、组合和销售过程中，通过定制这些过程为客户最大地创造价值，最终让企业在付出因定制所带来的额外成本之余获得足以创造竞争优势的额外利润和效益。AmazonAmazon网站的个性化推荐技术网站的个性化推荐技术Yahoo!Yahoo!的个性化定制服务的个性化定制服务基于内容的基于内容的个性化推荐个性化推荐基于协同过滤基于协同过滤的个性化推荐的个性化推荐应用应用于电于电子商子商务的务的产品产品个性个性化推化推荐技荐技术术作业作业选择一种电子商务模选择一种电子商务模式（例如式（例如B2BB2B、B2CB2C、C2CC2C等），通过互联网等），通过互联网调查二到三家电子商

11、调查二到三家电子商务网站，以务网站，以“X X模式电模式电子商务网站功能调查子商务网站功能调查”为题，写一篇小的调为题，写一篇小的调查报告。查报告。按按商商务务目目的的和和业业务务功功能能来来分分宣传宣传产品和服务项目，发布企业的动产品和服务项目，发布企业的动态信息，提升企业的形象，扩大品牌态信息，提升企业的形象，扩大品牌影响，拓展海内外市场影响，拓展海内外市场宣传产品和服务项目，发布企业宣传产品和服务项目，发布企业的动态信息，并着力实现与客户的动态信息，并着力实现与客户进行实际进行实际沟通沟通及为产品和服务提及为产品和服务提供技术供技术支持支持，从而降低客户服务，从而降低客户服务成本，提供客

12、户服务效率成本，提供客户服务效率宣传产品和服务项目，提升宣传产品和服务项目，提升公司形象，并着力实现网上公司形象，并着力实现网上客户服务和产品客户服务和产品在线销售在线销售，从而直接为企业创造效益，从而直接为企业创造效益，提高企业的竞争力提高企业的竞争力按按照照构构建建网网站站的的主主体体分分类类以行业机构为构建主体，旨在为行业内以行业机构为构建主体，旨在为行业内的企业和部门进行电子化贸易提供信息的企业和部门进行电子化贸易提供信息发布、商品交易、客户交流等活动平台发布、商品交易、客户交流等活动平台以企业为构建主体，旨在为企业的产品以企业为构建主体，旨在为企业的产品和服务提供商务平台（有不同的层

13、次）和服务提供商务平台（有不同的层次）以政府机构为构建主体，为政府面向企以政府机构为构建主体，为政府面向企业和个人等的税收、公共服务提供网络业和个人等的税收、公共服务提供网络化交互平台化交互平台以服务机构为构建主体，包括商业以服务机构为构建主体，包括商业服务机构、金融服务机构、邮政服服务机构、金融服务机构、邮政服务机构、家政服务机构、娱乐娱乐务机构、家政服务机构、娱乐娱乐服务机构等的电子商务网站服务机构等的电子商务网站按照按照站点站点拥有拥有者的者的职能职能来分来分由生产产品和提供服务的企业来由生产产品和提供服务的企业来提供，旨在推广、宣传其产品和提供，旨在推广、宣传其产品和服务，实现在线采购

14、、在线产品服务，实现在线采购、在线产品销售和在线技术支持等商务功能销售和在线技术支持等商务功能由流通企业建立，旨在宣传和推由流通企业建立，旨在宣传和推广其销售的产品与服务，使顾客广其销售的产品与服务，使顾客更好地了解产品的性能和用途，更好地了解产品的性能和用途，促使顾客进行在线购买促使顾客进行在线购买按按照照产产品品线线宽宽度度和和深深度度分分类类提供某一类产品及其相关产品（互补产品）的提供某一类产品及其相关产品（互补产品）的一系列服务（产品列举、网上销售等），（例一系列服务（产品列举、网上销售等），（例如销售汽车、汽车零配件、汽车装饰品、汽车如销售汽车、汽车零配件、汽车装饰品、汽车保险等产品

15、商务的网站），从而为顾客提供一保险等产品商务的网站），从而为顾客提供一步到位的服务。较为复杂，实施难度较大步到位的服务。较为复杂，实施难度较大提供某类产品的最优服务（提供某类产品的最优服务（ Best-in-Breed ），），类似于专卖店，通常提供品牌知名度高、品质类似于专卖店，通常提供品牌知名度高、品质优良、价格合理的产品的销售优良、价格合理的产品的销售Aggregator，聚集了大量产品的网站，类似于网，聚集了大量产品的网站，类似于网上购物中心，旨在为用户提供产品线宽、可比上购物中心，旨在为用户提供产品线宽、可比性强的商务服务。在深度和产品配套性方面欠性强的商务服务。在深度和产品配套性方

16、面欠缺，处于中间商的位置，价格不占主导地位缺，处于中间商的位置，价格不占主导地位网上店面，以销售本公司产品或服务为主网上店面，以销售本公司产品或服务为主构建构建电子电子商务商务网站网站的主的主体所体所要实要实现的现的部分部分网站网站规划与分析规划与分析网站网站内容设计内容设计与开发与开发网站网站管理系统管理系统开发开发网站网站测试与推广测试与推广制定网站内容的设计流程制定网站内容的设计流程确立网站内容设计原则确立网站内容设计原则确定网站内容的信息结构确定网站内容的信息结构网站主页设计网站主页设计网站的可视化设计网站的可视化设计网站的链接设计网站的链接设计网页的创建网页的创建网站管理的总体结构分

17、析网站管理的总体结构分析文件管理系统的建立文件管理系统的建立客户管理系统的建立客户管理系统的建立在线管理系统的建立等在线管理系统的建立等测试内容：速度、兼容性、交互性、链接准确性、程序健壮性、超流量测试等。测试内容：速度、兼容性、交互性、链接准确性、程序健壮性、超流量测试等。测试方式：内部员工模拟测试；合作伙伴模拟测试、目标客户模拟测试等。测试方式：内部员工模拟测试；合作伙伴模拟测试、目标客户模拟测试等。 推广途径：利用传统广告宣传媒体（包括名片、公司信签台头等）；搜索引擎登记；推广途径：利用传统广告宣传媒体（包括名片、公司信签台头等）；搜索引擎登记； 网上网上 广告；论坛、广告；论坛、BBS

18、、新闻组宣传。、新闻组宣传。上网目的分析上网目的分析 目标客户分析目标客户分析市场定位分析市场定位分析 技术与经济可行性分析技术与经济可行性分析竞争对手分析竞争对手分析 运行环境和技术及工具选运行环境和技术及工具选择择开发方案选择开发方案选择 域名注册等域名注册等网站设计基础 网站制作的基本要求：1.美术欣赏、鉴别、创作能力。2.色彩配合、构图、等美术基本知识。3.绘画软件:Photoshop、Freehand、Photodraw、FireworksFireworks、Html Edit等4.动画制作软件：GIF Animator、Xara3D、Flash等5.网页制作软件：Frontpage

19、98/2000、DreamweaverDreamweaver等，基于数据库的程序ASP、JSP、PHP，Access、SQL Server、Oracle等6.严谨的作风、灵敏的思路、永远学习、善于合作、团队精神。建立网站基本需要如下步骤：1.申请域名：负责国际域名审理、负责中国和中文域名审理。（申请免费空间的同时得到域名）2.申请网页空间：虎翼网：http:/ 设计制作网页：主题、构思和创意；采用的语言和方法；速度和美观；目录结构和层次、文件结构和文件的命名；4. 网站的宣传；更新周期等；应考虑到设计、制作和维护三个部分的关系。发布和宣传：提高知名度的方法和手段，包括新闻媒体、广播电视、Int

20、ernet网络等5. 维护和更新：日常维护、版面更新周期。建立网站需要进行需求分析，并写出策划报告：a. 软件系统：操作系统、数据库、应用软件等b. 相关网站：友情链接、镜像站点等c. 网页形式(静态、活动)和采用语言(jsp,php,asp)d. 首页的版式：通常设计2n幅由客户选择e. 标题、栏目、Logo、Banner、其他插图等f. 文件夹、文件名的命名规则；g. 网站结构（网站流程图）h. 进度安排表、分工(实际比这复杂)根文件夹二级文件夹1、2、三级文件夹1、2、 根文件夹学号、拼音、英文二级文件夹安装内容拼音、英文三级文件夹同二；以下同二 完完首页logo、banner、栏目1、

21、栏目2、栏目3引导页栏目1：各下级栏目栏目2：各下级栏目栏目3：内容各栏目的内容各栏目的内容 弹出窗口2弹出窗口1网络设计语言产生的背景网络设计语言产生的背景最初的网页主要用来显示一些静态信息，如企事业单位的介绍，学习资源等。这样的网页一般使用超文本标记语言HTML编写的。在网页上可以显示文本、表格图形图象、动画、音乐等内容。尽管HTML非常简单、实用，但它有一定的缺陷，如果要修改网页，只能修改HTML源代码。如果在网上放一个通讯录，由于地址、电话经常变化，每一次变化，我们都必须打开HTML源代码进行修改，这样不仅麻烦，还容易出错。如果我们能在线修改自己的信息就方便了。随着网络技术的快速发展，

22、远程教育、电子商务、电子政务等网上应用蓬勃发展。在这样的背景下。网络设计语言应运而生。WWW工作原理客户端客户端服务器端服务器端发出请求发出请求发回网页发回网页一般来说，凡是提供一般来说，凡是提供服务的一方称为服务服务的一方称为服务器端，而接受服务的器端，而接受服务的一方称为客户端。一方称为客户端。静态网页静态网页所谓静态网页，就是说网页里没有程序代码，只有所谓静态网页，就是说网页里没有程序代码，只有HTMLHTML标记。一般后缀为标记。一般后缀为.htm.htm或或.html.html。静态网页一经制成，内容就不会再变化。静态网页一经制成，内容就不会再变化。制作工具可以是记事本、制作工具可以

23、是记事本、wordword等纯文本编写工具，也等纯文本编写工具，也可以是可以是FrontPageFrontPage、DreamweaverDreamweaver等所见即所得的工具。等所见即所得的工具。静态网页的缺点是：如果要修改网页，必须修改源代静态网页的缺点是：如果要修改网页，必须修改源代码，并重新上传。码，并重新上传。静态网页示例静态网页的工作原理接受请求接受请求找到静态网页找到静态网页发送网页发送网页服务器端服务器端客户端客户端动态网页动态网页所谓动态网页，就是网页文件不仅含有所谓动态网页，就是网页文件不仅含有HTMLHTML标记，而且标记，而且还含有程序代码，这种网页的后缀一般根据不同

24、的设计语还含有程序代码，这种网页的后缀一般根据不同的设计语言而不同，如言而不同，如ASPASP文件的后缀为文件的后缀为.asp.asp.动态网页能根据不同的时间、不同的来访者而显示不同的动态网页能根据不同的时间、不同的来访者而显示不同的内容。换句话说就是服务器端可以根据客户端的不同请求内容。换句话说就是服务器端可以根据客户端的不同请求动态产生网页内容。动态产生网页内容。两个显著特点：两个显著特点：可以动态产生页面可以动态产生页面支持客户端和服务器端的交互功能支持客户端和服务器端的交互功能动态网页示例BBS论坛论坛留言板留言板聊天室聊天室动态网页的工作原理接受请求找到动态网页发送网页服务器端运行

25、动态网页，生成静态网页客户端客户端常用的动态网页技术ASP（Active Server Pages）PHP（hypertext preprocessor)JSP（ Java Server Pages）ASP（Active Server Pages）背景：微软公司推出背景：微软公司推出运行环境：运行环境：服务器端：服务器端：Windows 2000(Windows 2000(或或NTXP)+IISNTXP)+IIS、Windows Windows 98+PWS 98+PWS ；客户端：普通浏览器即可客户端：普通浏览器即可特点：将特点：将VBscriptVBscript、或、或JavaScriptJavaScript嵌入到嵌入到HTMLHTML中。中。优点：简单易学、容易上手；缺点：不能跨平台优点：简单易学、容易上手；缺点：不能跨平台PHP背景：背景：Rasmus Lerdorf 1994Rasmus Lerdorf 1994年提出，经过