动态网页设计教学课件（全）.ppt

《动态网页设计教学课件（全）.ppt》由会员分享，可在线阅读，更多相关《动态网页设计教学课件（全）.ppt（277页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 第第1章章 网站规划与设计网站规划与设计2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）3第第1 1章章 网站规划与设计网站规划与设计1.5 1.5 企业网站设计企业网站设计1.4 1.4 网站规划书的内容网站规划书的内容1.3 1.3 网站建设可行性分析网站建设可行性分析1.2 1.2 网站需求调研网站需求调研1.1 1.1 任务概述任务概述1.6 1.6 任务实现任务实现2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）4本章要点本章要点v 企业网站需求调研的步骤企业网站需求调研的步骤v 企业网站技术可行性分析企业网站技术可行性分

2、析v 企业网站经济可行性分析企业网站经济可行性分析v 企业网站规划书的内容企业网站规划书的内容v 企业网站内容设计企业网站内容设计v 企业网站功能设计企业网站功能设计v 企业网站形象设计企业网站形象设计v 企业网站结构设计企业网站结构设计2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）51.1 1.1 任务概述：撰写企业网站规划书任务概述：撰写企业网站规划书v 建设网站之前，首先要进行网站规划。企业网站的规划是指从战略高度，对网站建设、运营进行的全盘谋略与策划，包括总体规划和详细规划。v 在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进

3、行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。v 本章的任务是学习如何撰写企业网站规划书。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）61.2 1.2 网站需求调研网站需求调研v1.2.1 1.2.1 企业网站需求调研的含义企业网站需求调研的含义 需求分析是指对要解决的问题进行详细的分析，弄清楚问题的要求，包括需要输入什么数据，要得到什么结果，最后应输出什么。 企业网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要。 因此如何更好地的了解、分析、明确用户需求，

4、并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，是每个网站开发项目管理者需要面对的问题。为了有效进行需求分析，必须做好需求调研工作。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）71.2 1.2 网站需求调研网站需求调研v1.2.2 1.2.2 企业网站需求调研的意义企业网站需求调研的意义 需求调研的质量决定了企业网站的质量。只有明确了网站建设所要实现的功能及想要达到的目的，才能使后续的网站规划与设计有基本的依据。 网站的需求调研主要解决的问题是明确网站的使用者、建设网站的主要目的、核心的业务流程、网站建设的技术条件、用户群之间的关系等。 电子商务网

5、站的需求调研还必须对竞争对手进行调查分析，了解竞争对手网站的主要业务、网站的基本架构、营运策略等，从而学习竞争对手的长处，吸取竞争对手的经验，突出自己的优势。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）81.2 1.2 网站需求调研网站需求调研v1.2.3 1.2.3 企业网站需求调研的步骤企业网站需求调研的步骤 1、制定调研计划 (1) 制定调研目标 (2) 确定调研对象 (3) 确定调研方法 (4) 确定调查时间、人员、资金预算 (5) 设计调研表2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）91.2 1.2 网站需求调研网

6、站需求调研v1.2.3 1.2.3 企业网站需求调研的步骤企业网站需求调研的步骤 2、实施需求调研 (1) 调研准备 (2) 需求调研 (3) 调研资料的整理2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）101.2 1.2 网站需求调研网站需求调研v1.2.3 1.2.3 企业网站需求调研的步骤企业网站需求调研的步骤 3、撰写调研报告 调研报告是对调研成果的文字反映，其主要内容包括调研目标、调研过程、调研方法、调研总结，也就是对网站建设相关问题的现状与建设期望进行描述，让需求分析与网站设计人员有个基本依据。 调研报告除了正文以外，应该将调研过程中各种详细记录以附

7、件的形式作为调研报告的一部分，因为各种记录中包含了各种原始需求信息，应作为需求分析的重要参考。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）111.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.1 1.3.1 技术可行性分析技术可行性分析 1、网站建设技术的选择 网站建设技术有很多，除了原有的html技术外，出现了许多动态网站建设技术。 早期的动态网页主要采用CGI技术，可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C等。由于CGI技术由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。 目前流行的

8、新技术主要有PHP （即Hypertext Preprocessor）、ASP（即Active Server Pages）、ASP.NET、JSP（即Java Server Pages）等。其中ASP.NET已逐步代替ASP成为网站建设中常用的动态网页技术。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）121.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.1 1.3.1 技术可行性分析技术可行性分析 2、服务器操作系统的选择 WINDOWS服务器操作系统由Microsoft公司开发。其服务器操作系统重要版本WINNT 4.0 Server、Win20

9、00/Advanced Server、Win2003/Advanced Server。 Unix服务器操作系统由AT&T公司和SCO公司共同推出，主要支持大型的文件系统服务、数据服务等应用。目前市面上流传的主要有SCO SVR、BSD Unix、SUN Solaris、IBM-AIX 。 Linux服务器操作系统是在Posix和Unix基础上开发出来的，支持多用户、多任务、多线程、多CPU。目前国内使用的主要有小红帽系列、红旗Linux系列等。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）131.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.1 1.

10、3.1 技术可行性分析技术可行性分析 3、数据库的选择 目前主流的数据库技术主要有ACCESS、SQL Server、Oracle、DB2四种，这四种数据库各有千秋，其中ACCESS适合小型企业用，SQL适合大中型企业用，Oracle和DB2适合大型企业用。 在选择数据库时，也要结合网站建设的技术，一般而言，两者采用的组合为PHP+MYSQL、ASP.NET/ASP +ACCESS/SQL、JSP+MYSQL/ORACLE/MSSQL。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）141.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.2 1.3.2

11、经济可行性分析经济可行性分析 电子商务网站经济可行性分析是指对电子商务网站建设与运行阶段的投入与产出进行评估。 电子商务网站在建设过程中需要投入大量的人力、物力和财力。人员、技术、设备和材料等的投入构成了网站的成本，其中在规划、分析、设计与构建过程中的投入是投资的主要部分。 一般情况下，将电子商务网站的成本分为构建开发成本与运行管理成本两部分。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）151.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.2 1.3.2 经济可行性分析经济可行性分析2022-5-9动态网页设计（Dreamweaver CS3+AS

12、P.NET）161.3 1.3 网站建设可行性分析网站建设可行性分析v1.3.2 1.3.2 经济可行性分析经济可行性分析 网站开发费用有多种计算方法，常见计算方法有3种：套餐法、时间法和项目评估法。 套餐法也称页面法，即指定明确的页面数、图像数、链接数和功能等，这种办法最通用。 时间法就是按照每小时成本计算的方法。但是这种方法经常遭到质疑和拒绝，因而实行起来比较困难。 项目评估法是将整个项目分解成一个一个小的工作项目，评估每个工作的技能难度，计算其完成的时间，再根据每小时成本计价。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）171.3 1.3 网站建设可行性

13、分析网站建设可行性分析v1.3.3 1.3.3 企业网站可实施性分析企业网站可实施性分析 电子商务网站的可实施性分析主要是从项目的社会环境、法律法规依据、企业管理水平、各级领导重视程度、对实施的项目技术人员要求等方面做出分析。可实施性分析主要还是采用定性的分析方法进行分析。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）181.4 1.4 网站规划书的内容网站规划书的内容v1 1、项目概述、项目概述 1) 项目名称。 2) 项目背景（需求和迫切性）。 3) 项目的目标。 4) 项目的内容（包括实现的主要功能和采用的相应技术）。 5) 项目的投资规模、建设周期。 6

14、) 项目的收益。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）191.4 1.4 网站规划书的内容网站规划书的内容v2 2、项目需求分析、项目需求分析 1) 企业业务分析 (1) 企业简介 (2) 存在的问题 (3) 企业的电子商务需求 2) 市场分析 (1) 企业的目标市场 (2) 目标市场的特点 (3) 目标市场的电子商务需求 3) 竞争对手分析2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）201.4 1.4 网站规划书的内容网站规划书的内容v3 3、项目可行性分析、项目可行性分析 1) 技术可行性 2) 经济可行性 3) 业

15、务实施可行性2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）211.4 1.4 网站规划书的内容网站规划书的内容v4 4、项目总体规划、项目总体规划 1) 网站目标定位 2) 网站运营模式 (1) 商务模式 (2) 主要业务流程 (3) 盈利方式 3) 网站技术规划 (1) 系统体系结构 (2) 技术路线选择 (3) 网站域名规划2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）221.4 1.4 网站规划书的内容网站规划书的内容v5 5、网站平台系统设计、网站平台系统设计 1) 网站网络结构设计 2) 网站安全设计 3) 硬件选型方案

16、 4) 软件选型方案2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）231.4 1.4 网站规划书的内容网站规划书的内容v6 6、网站应用系统设计、网站应用系统设计 1) 网站形象设计：网站的形象是指站点展现在用户面前的风格，包括站点的标志、色彩、字体、标语、版面布局等方面的内容。 2) 网站功能设计：以图形方式表示网站的栏目划分，并用文字说明各栏目所要实现的功能。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）241.4 1.4 网站规划书的内容网站规划书的内容v7 7、项目实施方案、项目实施方案 1) 网站实施的任务：可以从业务流

17、程改造，域名注册，合作伙伴选择，网站平台建设，应用系统开发，网站测试与验收，网站初始内容建设，人员培训等方面考虑。 2) 网站实施人员组织：确定项目实施各项任务的执行部门或单位及其职责划分。 3) 网站实施进度计划：确定项目实施各项内容的时间，并以图表方式表示出来。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）251.4 1.4 网站规划书的内容网站规划书的内容v8 8、项目运营管理计划、项目运营管理计划 1) 网站推广计划 2) 网站组织管理计划 3) 网站系统管理计划 4) 网站安全管理计划2022-5-9动态网页设计（Dreamweaver CS3+ASP

18、.NET）261.4 1.4 网站规划书的内容网站规划书的内容v9 9、项目预算、项目预算 实施本项目的总体预算及明细列表。v1010、项目评估、项目评估 从技术、经营、管理、市场等方面评估系统实施可能面临的风险，以及可以获得的收益，并对面临的风险提出改进的策略。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）271.5 1.5 企业网站设计企业网站设计v1.5.1 1.5.1 网站内容设计网站内容设计 1、公司信息 2、产品信息 3、客户服务 4、促销信息 5、销售信息 （1）销售网络 （2）网上订购 （3）售后服务 6、市场调研 7、公众信息 8、联系信息 9

19、、其他信息2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）281.5 1.5 企业网站设计企业网站设计v1.5.2 1.5.2 网站功能设计网站功能设计 1、网站网络营销功能 (1) 品牌形象 (2) 产品/服务展示 (3) 信息发布 (4) 顾客服务 (5) 顾客关系 (6) 网上调查 (7) 资源合作 (8) 网上销售2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）291.5 1.5 企业网站设计企业网站设计v1.5.2 1.5.2 网站功能设计网站功能设计 2、网站技术功能模块2022-5-9动态网页设计（Dreamweaver

20、 CS3+ASP.NET）301.5 1.5 企业网站设计企业网站设计v1.5.3 1.5.3 网站形象设计网站形象设计 1、设计网站标志 网站的标志(Logo)也可以说是企业的标志，应尽可能地出现在每一张网页上，例如页眉、页脚或者背景上。 网站有代表性的人物、动物、花草的，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪士尼的米老鼠、搜狐的卡通狐狸等。 专业性的网站，可以以本专业有代表的物品作为标志，比如中国银行的铜板标志、奔驰汽车的方向盘标志等。 最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志，例如淘宝网。2022-5

21、-9动态网页设计（Dreamweaver CS3+ASP.NET）311.5 1.5 企业网站设计企业网站设计v1.5.3 1.5.3 网站形象设计网站形象设计 2、设计网站的标志色彩2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）321.5 1.5 企业网站设计企业网站设计v1.5.3 1.5.3 网站形象设计网站形象设计 3、设计网站标志字体 所谓标志字体是指网站用于标志、标题、主菜单的特有字体，因为只有被安装在客户计算机操作系统中的字体才能显示出来，而操作系统所安装的字体又是有限的几种，所以大多数商务网站采用网页的默认字体，中文网站里的字体大都为宋体 。 设

22、计者也可以根椐设计需要选择一些特别字体。如：少年儿童站点可以用咪咪体，给人以活泼童真的印象。传统艺术站点可以用篆字、隶书，以此衬托深厚的文化底蕴。高新技术站点可以用综艺体，以显示出简洁、强烈的现代感。政府站点的标准字体则应在宋体、黑体或楷体中选择，显得庄重、大方。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）331.5 1.5 企业网站设计企业网站设计v1.5.3 1.5.3 网站形象设计网站形象设计 4、设计网站标语 电子商务网站的标语是网站的精神，是网站的目标表达。网站的标语可以用一句话或者一个词来概括，类似实际生活中的广告句。如Intel的“给你一颗奔腾的

23、心”，阿里巴巴网站的“全球最大的网上贸易市场”，主题突出，个性鲜明，极其精练，高度浓缩了本企业的最重的要的信息。这些标语放在首页动画、Banner里或者醒目的位置，所起的作用相当大。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）341.5 1.5 企业网站设计企业网站设计v1.5.4 1.5.4 网站结构设计网站结构设计 1、网站的目录结构 在设计网站目录结构时，应注意以下几个方面。 （1）不要将所有文件都存放在根目录下文件管理混乱上传速度慢 （2）按栏目内容建立子目录 （3）在每个主目录下都建立独立的images目录 （4）目录的层次不要太深 （5）目录的命名

24、方法2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）351.5 1.5 企业网站设计企业网站设计v 1.5.4 1.5.4 网站结构设计网站结构设计v 2 2、网站的链接结构、网站的链接结构 （1）树状链接结构(一对一)。这是类似计算机文件管理的目录结构方式。这种链接结构的特点是条理清晰，浏览该链接结构的网站时，必须一级级进入，再一级级退出。其缺点是浏览效率低，从一个栏目下的子页面进入另一个栏目下的子页面时，必须绕经首页。 （2）网状链接结构(一对多)。这种结构类似网络服务器的链接，其立体结构像一张网。这种链接结构的特点是浏览方便，访问者随时可以到达自己喜欢的页面

25、。缺点是链接太多，容易使访问者弄不清自己的位置以及看过的内容。 目前较好的结构设计是在网站首页与一级页面之间采用星型链接结构，在一级页面与下一级页面之间采用树型链接结构；若站点内容较多，需要超过三级页面，可设置导航条。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）361.5 1.5 企业网站设计企业网站设计v1.5.4 1.5.4 网站结构设计网站结构设计v3 3、网站的页面布局、网站的页面布局图1.1 “同”字形布局示例2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）371.5 1.5 企业网站设计企业网站设计v1.5.4 1.5

26、.4 网站结构设计网站结构设计v3 3、网站的页面布局、网站的页面布局图1.2 “国”字形布局示例2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）381.5 1.5 企业网站设计企业网站设计v1.5.4 1.5.4 网站结构设计网站结构设计v3 3、网站的页面布局、网站的页面布局图1.3 “匡”字形布局示例2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）391.5 1.5 企业网站设计企业网站设计v1.5.4 1.5.4 网站结构设计网站结构设计v3 3、网站的页面布局、网站的页面布局图1.4 “三”字形布局示例2022-5-9动态网

27、页设计（Dreamweaver CS3+ASP.NET）401.5 1.5 企业网站设计企业网站设计v1.5.4 1.5.4 网站结构设计网站结构设计v3 3、网站的页面布局、网站的页面布局图1.5 “川”字形布局示例2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）41 第第2章章 搭建搭建ASP.NET开发和运行环境开发和运行环境2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）44第第2 2章章 搭建搭建ASP.NETASP.NET开发和运行环境开发和运行环境2.2.5 5 DreamweaverDreamweaver CS3 CS

28、3动态网页制作基础动态网页制作基础2.2.4 4 ASP.NET ASP.NET开发工具开发工具2.2.3 3 搭建搭建ASP.NETASP.NET网站运行环境网站运行环境2.2 ASP.NET2.2 ASP.NET简介简介2.1 2.1 任务概述任务概述2.6 2.6 任务实现任务实现2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）45本章要点本章要点v ASP.NETASP.NET概述概述v ASP.NETASP.NET运行环境的建立运行环境的建立v DreamweaverDreamweaver CS3 CS3的安装和设置的安装和设置v Dreamweaver

29、Dreamweaver CS3 CS3的工作环境的工作环境v 在在DreamweaverDreamweaver CS3 CS3中建立站点中建立站点v 在在DreamweaverDreamweaver CS3 CS3中建立和运行中建立和运行ASP.NETASP.NET程序程序2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）462.1 2.1 任务概述：使用任务概述：使用DreamweaverDreamweaver CS3 CS3制作制作ASP.NETASP.NET个人主页首页个人主页首页v 个人主页就是一种最简单的个人网站。一个图文并茂的“个人主页”可以充分地向其他

30、人展示自己的才华，让别人知道你的长处。可以说你的“个人主页”就是你最好的简历。v 本章我们学习如何用Dreamweaver CS3制作个人主页首页，并将首页程序保存为ASP.NET格式，来体验一下Dreamweaver CS3作为ASP.NET动态网页制作利器的使用过程。不过这里制作的是静态网页，真正的动态网页制作将在后面的章节中逐步展开。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）472.2 ASP.NET2.2 ASP.NET简介简介v2.2.1 ASP.NET2.2.1 ASP.NET发展历史发展历史 早期的动态网页开发需要编写繁杂的代码，编程效率低下。

31、ASP使用简单的脚本语言，将代码进接嵌入到HTML中，简化了WEB开发。 1996年，ASP1.0诞生。ASP的强大功能得益于它的ADO（ActiveX Data object），开发者利用ADO可以很容易地在一个数据库中建立和打开记录集。 1998年，微软推出了ASP2.0，与ASP1.0的主要区别是ASP2.0支持外部组件的调用，应用程序可以在单独的内存空间中运行组件，并且可以进行事务处理。 2000年，ASP 3.0和IIS 5.0一同出现。在ASP 3.0中提供了更加完善的组件支持，以及更强的稳定性。 2001年，ASP.NET正式推出。ASP.NET是微软新一代体系结构Microso

32、ft.NET的重要组成部分。ASP.NET一经发布，迅速成为Windows系统下Web服务端的主流开发技术。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）482.2 ASP.NET2.2 ASP.NET简介简介v2.2.2 ASP.NET2.2.2 ASP.NET与与ASPASP的区别的区别 1、开发语言不同 ASP仅局限于使用脚本语言来开发，容易导致代码杂乱。而ASP.NET允许用户选择并使用功能完善的编程语言，也允许使用潜力巨大的.NET Framework。 2、运行机制不同 ASP是解释运行的编程框架，所以执行效率较低。而ASP.NET是编译执行，程序效

33、率得到提高。 3、开发方式 ASP把界面设计和程序设计混在一起，维护困难。而ASP.NET把界面设计和程序设计以不同的文件分离开，复用性和维护性得到了提高。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）492.2 ASP.NET2.2 ASP.NET简介简介v2.2.3 ASP.NET2.2.3 ASP.NET的工作原理的工作原理 浏览器向WEB服务器发送HTTP请求； WEB服务器分析HTTP请求，如果所请求的网页文件名的后缀是aspx，则说明客户端请求执行ASP.NET程序；如果以前没有执行过该程序，则进行编译，然后执行该程序；否则直接执行已编译好的该程序。

34、得到HTML结果； WEB服务器将HTML结果传回用户浏览器，作为HTTP响应； 客户机浏览器收到这个响应后，将HTML结果显示成WEB网页。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）502.3 搭建ASP.NET网站运行环境vWINDOWSWINDOWS操作系统下建立操作系统下建立ASP.NETASP.NET的运行环境需要的运行环境需要安装如下软件：安装如下软件： IIS MDAC .NET Framework2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）512.3 搭建ASP.NET网站运行环境v2.3.1 IIS2.3.

35、1 IIS的安装和设置的安装和设置 安装IIS图2.2 “Windows 组件向导”对话框2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）522.3 搭建ASP.NET网站运行环境v2.3.1 IIS2.3.1 IIS的安装和设置的安装和设置 IIS虚拟目录设置图2.9 新建虚拟目录2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）532.3 搭建ASP.NET网站运行环境v2.3.2 2.3.2 安装数据访问组件安装数据访问组件MDACMDAC图2.16 在IIS中访问虚拟目录中的ASP.NET文件2022-5-9动态网页设计（Dre

36、amweaver CS3+ASP.NET）542.3 搭建ASP.NET网站运行环境v2.3.3 2.3.3 安装安装.NET Framework.NET Framework 1、.NET Framework软件开发工具包（SDK） .NET Framework软件开发工具包（SDK） 包括开发人员编写、生成、测试和部署 .NET Framework 应用程序时所需要的一切，如文档、示例以及命令行工具和编译器等。下载的文件名是setup.exe，文件较大。.NET Framework SDK 1.1版有110多MB，2.0版本更是多达400MB以上。 安装成功后，在WINDOWS的开始菜单中会

37、出现“程序Microsoft .NET Framework SDK” 程序组。程序组中包括了“概述”、“工具”、“示例与快速入门文档”和“文档”。在“概述”、 “示例与快速入门文档”和“文档”中都提供了大量的ASP.NET学习资料。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）552.3 搭建ASP.NET网站运行环境v2.3.3 2.3.3 安装安装.NET Framework.NET Framework 2、.NET Framework .NET Framework可再发行组件包是微软提供的.NET运行平台，其中包括运行那些使用 .NET Framework

38、 开发的应用程序时所需要的一切。下载的文件名是dotnetfx.exe，20 MB左右。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）562.3 搭建ASP.NET网站运行环境v2.3.3 2.3.3 安装安装.NET Framework.NET Framework 2、.NET Framework图2.18 启动.NET Framework安装向导2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）572.4 ASP.NET开发工具v2.4.1 文本编辑工具 2.3.1 文本编辑工具 ASP.NET文件的扩展名是*.aspx，是文本文

39、件，因此可以用任何文本编辑器编写。可以用WINDOWS操作系统自带的记事本来编写ASP.NET程序代码，另外，一些专门的文本编辑软件，如UltraEdit和EditPlus等，也可以用来编写ASP.NET程序代码。图2.22 UltraEdit 文本编辑器2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）582.4 ASP.NET开发工具v2.4.1 文本编辑工具 2.3.2 Visual Studio.NET Visual Studio.NET是微软公司提供的一款重量级.NET开发工具，集开发环境、源程序编辑、编译、链接及项目管理和程序发布等于一体。它提供多种语言

40、支持，包括VB .NET、C#、C+、C+.NET等。主要功能包括：可视化设计器代码识别编辑器集成的编译和调试功能项目管理功能。 但是，使用Visual Studio.NET也要面对一些问题，比如Visual Studio.NET安装比较麻烦，占用空间很大，对机器要求也较高。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）592.4 ASP.NET开发工具v2.4.1 文本编辑工具 2.3.3 Dreamweaver CS3 Dreamweaver CS3是由Adobe公司在并购Macromedia之后推出的最新版本，它是一款专业的Web站点开发软件，可用于Web

41、站点、Web页和Web应用程序的设计、编码和开发工作。 在对ASP.NET支持方面，Dreamweaver内置了功能强大的可视化开发环境，从网页的编写到数据库技术的运用，提供了完整的解决方案。 Dreamweaver CS3+ASP.NET是一种轻量级的实现可视化ASP.NET动态网页制作的新途径，它降低了ASP.NET的学习门槛，有助于揭开ASP.NET的神秘面纱，快速进入ASP.NET的精彩世界。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）602.5 Dreamweaver CS3动态网页制作基础v2.5.1 Dreamweaver CS3的安装和设置图2

42、.23 Dreamweaver CS3许可协议2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）612.5 Dreamweaver CS3动态网页制作基础v2.5.1 Dreamweaver CS3的安装和设置图2.27 Dreamweaver CS3起始页2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）622.5 Dreamweaver CS3动态网页制作基础v2.5.2 Dreamweaver CS3的工作环境图2.28 Dreamweaver CS3的工作区2022-5-9动态网页设计（Dreamweaver CS3+ASP.NE

43、T）632.5 Dreamweaver CS3动态网页制作基础v2.5.3 在Dreamweaver CS3中建立站点图2.33 新建站点2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）642.5 Dreamweaver CS3动态网页制作基础v2.5.3 在Dreamweaver CS3中建立站点图2.40 站点定义成功2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）652.5 Dreamweaver CS3动态网页制作基础v 2.5.4 在Dreamweaver CS3中建立和运行ASP.NET程序图2.43 在拆分视图中输入文字

44、2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）662.5 Dreamweaver CS3动态网页制作基础v 2.5.4 在Dreamweaver CS3中建立和运行ASP.NET程序图2.45 test.aspx的运行结果2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）672.6任务实现：使用Dreamweaver CS3制作ASP.NET个人主页首页图2.46个人主页首页的效果图2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）68 第第3章章 HTML语言基础语言基础2022-5-9动态网页设计（Dr

45、eamweaver CS3+ASP.NET）71第第3 3章章 HTMLHTML语言基础语言基础3.4 3.4 任务实现任务实现3.33.3 静态网页基础静态网页基础3.23.2 HTMLHTML语言语言3.1 3.1 任务概述任务概述3.5 3.5 任务实现任务实现2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）72本章要点本章要点v HTML语言的基本概念v 静态网页和动态网页的区别v HTML的文件结构v HTML中的主要标记 2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）733.13.1任务概述：设计乘法表静态页面和用户注册

46、静态页面任务概述：设计乘法表静态页面和用户注册静态页面v HTML是网页设计的基础，本章将介绍HTML文件的结构和常用HTML标签的使用方法。v 通过本章的学习，我们将完成两个静态页面的设计：乘法表页面和用户注册页面。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）743.2 HTML3.2 HTML语言语言v3.2.1 3.2.1 静态页面和动态页面静态页面和动态页面 1、静态网页 （1）概况：纯粹HTML格式的网页，也就是以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH

47、、滚动字幕等，这些“动态效果”只是视觉上的，存在这些“动态效果”的HTML页面，仍然是静态网页。 （2）特点： 静态网页是事先编写好的。每个静态网页的内容都是保存在网站服务器上不变的； 静态网页的内容相对稳定，因此容易被搜索引擎检索； 静态网页没有数据库的支持，在网站制作和维护方面工作量较大； 静态网页的交互性较差，在功能方面有较大的限制。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）753.2 HTML3.2 HTML语言语言v3.2.1 3.2.1 静态页面和动态页面静态页面和动态页面 2、动态网页 （1）概况：动态网页不仅具有HTML标记，而且含有程序代码

48、，用数据库连接的网页。常见的动态网页是以.asp、.aspx、.jsp、.php等形式为后缀。 （2）特点： 动态网页的页面内容是在服务器上运行后生成的，不是事先编写好的； 动态网页常常以数据库技术为基础； 动态网页的交互性较好，采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）763.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 1、标记的概念 标记是HTML中用于描述功能的符号。如“”、“”、“”等。 标记常由起始标记和结束标记组成，如.。起始标记一般必须和结束标记配对使用

49、。 有些标记可以省略结束标记如：、等 标记可以嵌套。例：这是不正确的代码 标记的大小写作用相同。 标记在使用中必须用一对尖括号“”括起来，而且标记名与小于号之间不能留有空白字符。2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）773.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 2、标记的属性 在开始标记中，往往用一些属性进一步描述标记的功能。如：段落标记，它的语法格式是： 上面的代码说明标记有两个属性，即“align”和“class”，其中“align”用于定义段落的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属

50、的类型。在实际应用时当然可以没有“align”和“class”参数，而是按照默认情况显示。 HTML中标记的属性值加或不加西文引号，浏览器都能接受。在Dreamweaver中自动生成的HTML代码中，属性值都是有引号的。本书采用有引号的写法。如以下语句使段落内容居中：段落内容居中示例2022-5-9动态网页设计（Dreamweaver CS3+ASP.NET）783.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记 （1）.标记 一个HTML文件，无论是简单的还是复杂的，都是以开头，以结尾。2022-5-9动态网页设计（Dreamweaver CS