《中文Dreamweaver CS5网页设计 教学课件 ppt 作者 沈大林 张伦_ PPT 第9章 动态网页基础》由会员分享,可在线阅读,更多相关《中文Dreamweaver CS5网页设计 教学课件 ppt 作者 沈大林 张伦_ PPT 第9章 动态网页基础(16页珍藏版)》请在金锄头文库上搜索。
1、,第 9 章 动态网页基础,第 9.1 节,动态网页概述和安装 Web 服务器,9.1.1,静态网页和动态网页,在浏览网页的时候,仅仅从页面的内容来看,一般很难区分哪个是动态网页,哪个是静 态网页。但实际上,动态网页和静态网页是有很大区别的,动态网页能够在不同时间和不同 人访问时显示不同的内容,例如,常用的留言簿、聊天室等都是用动态网页来实现的。 1了解静态网页 一般把没有嵌入了程序脚本(Script)的网页称为静态网页,它是只由 HTML 标记组成 HTML 文件。这种网页的扩展名一般为.htm 或.html。静态网页一经组成,其内容是不可以在 用户访问时改变的。只要 HTML 文件不改变,
2、不管何时何人访问,静态网页显示的内容都是 一样的。如果要改变静态网页的显示内容,必须修改 HTML 文件的源代码(即 HTML 标记), 再将 HTML 文件重新上传到服务器上。 当客户端的用户在 Web 浏览器的“地址”下拉列表框中选择或输入一个网址并按 Enter 键后,就向 Web 服务器端提出了一个浏览网页的要求。Web 服务器端接到请求后,就会找到 用户要浏览的静态网页文件,再将该文件发送给用户。这一过程如图 911 所示。 图 911 浏览静态网页的工作过程 2了解动态网页 动态网页能够在不同时间和不同人访问时显示不同的内容,例如,常用的留言簿、聊天 室等都是用动态网页来实现的。一
3、般把嵌入了程序脚本(Script)的网页称为动态网页。这里 所说的脚本,是指包含在网页中的程序段。它是由 HTML 标记和用网络程序设计语言编写的 代码程序组成的文件。因采用的网络程序设计语言不同,动态网页的扩展名也不同,目前应 用较多的网络程序设计语言有 ASP(动态网页的扩展名为.asp)、ASP.NET(动态网页的扩展 名为.aspx)、PHP(动态网页的扩展名多为.php)和 JSP(动态网页的扩展名为.jsp)。但不要 把网页扩展名作为判断一个网站采用什么技术的依据,比如一个 PHP 网站,如果它的开发者 愿意,把所有的 PHP 文件都改用 .htm 作扩展名,只要对服务器的系统设置
4、做相应的修改, 也可以正常运行。 当客户端的用户在 Web 浏览器的“地址”下拉列表框中选择或输入一个网址并按 Enter 键后,就向 Web 服务器端提出了一个访问动态网页的请求,Web 服务器根据客户的请求来查 找要访问的动态网页。找到要访问的动态网页后,Web 服务器执行动态网页中的代码程序, 将动态网页转换为静态网页。然后,Web 服务器将转化后的静态网页发送回 Web 浏览器,响,9.1.2,在 Windows 中安装 Web 服务器,开发和测试动态网页需要一种网络程序设计语言,目前主要有 ASP、JSP 和 PHP 程序设计 语言。其中,ASP 网络程序设计语言具有简单易学等优点,
5、是比较流行的动态网页开发工具。 另外,因为 ASP 文件是在 Web 服务器端运行的,所以要开发和测试动态网页,还需要一个能 正常工作的 Web 服务器环境。目前,个人计算机中可以安装 Web 服务器的 Windows 操作系统 是 Windows 2000、Windows XP 专业版和 Windows 2003 Server 等。 Windows2000/XP/2003 的用户可以使用 IIS 5.0/6.0(Internet Information Server, 即 Internet 信息服务管理器)。这里介绍在 WindowsXP 环境下配置 IIS,它直接支持 ASP 服 务器技术
6、。配置 IIS 后,所进行的操作相当于在 Web 服务器上进行。 1在 Windows 2000/XP 中安装 IIS 在 Windows 2000/2003 服务器版中,安装操作系统时会默认安装 IIS;也可以在安装操 作系统之后再装 IIS。而在 Windows 2000 专业版和 Windows XP 专业版中,IIS 是作为 Windows 系统中的可选安装组件,默认情况下是没有安装的。下面介绍在 Windows XP 中安装和设置 157,应浏览器的请求。客户端的用户即可以在客户端的 Web 浏览器中看到转换后的静态网页了。 这种网页通常可以依用户的操作,动态展示数据库中的数据内容,
7、或者把用户输入的数 据写入数据库中,达到双向互动的效果,浏览动态网页的这一过程如图 912 所示。 数 据 库 图 912 浏览动态网页的工作过程 3动态网页的功能 动态页面比静态页面可以实现强大得多的功能,它不但可以实现静态页面的一切功能, 而其可以实现静态页面无法实现的许多功能。动态页面的功能包括以下几个方面。 (1)使用户可以快速方便地在一个内容丰富的 Web 站点中查找各种信息。 (2)使用户可以搜索、组织、浏览和下载所需的各种信息。 (3)使用户可以收集、保存和分析用户提供的数据。 (4)使用户可以对内容不断变化的 Web 站点进行动态更新。 需说明的是,动态页面强大功能的实现往往是
8、与数据库紧密联系的,也就是说,通过动 态页面可以操作数据库,将数据库的内容按照需求传送给访问数据库的用户,并在客户端的 浏览器中显示出来。动态页面与数据库进行联系需要有相应的数据库驱动程序,采用的数据 库不同,所需要的驱动程序也不同。如果数据规模不大,可以使用文件类型的数据库,例如, Microsoft Access 创建的数据库;如果数据库的规模较大并要有良好的稳定性,则可以使用 基于服务器的数据库,例如,Microsoft SQL Server、Oracle 或 MySQL 创建的数据库。,IIS 的方法,Windows 2000 专业版中安装和设置 IIS 的方法相似。,(1)单击 Wi
9、ndows 任务栏的,按钮,调出它的菜单面板,单击其内的“控制面板”,命令(简称为单击“开始”“控制面板”命令),调出“控制面板”面板,双击“添加或删 除程序”图标,调出“添加或删除程序”窗口。单击按下该窗口内左边栏内的“添加/删除 Windows 组件”按钮,调出“Windows 组件向导”对话框,如图 9-1-3 所示。在“组件”列 表框中,选中“Internet 信息服务(IIS)”左边的复选框。 (2)单击“详细信息”按钮,调出“Internet 信息服务(IIS)”对话框,务必选中“文 件传输协议(FTP)服务”复选框,这样才能将 FTP 服务安装在你的计算机中,其它的采用默 认状态
10、即可。设置好的“Internet 信息服务(IIS)”对话框如图 9-1-4 所示。单击“确定” 按钮,回到“Windows 组件向导”对话框状态。,图 913 “Windows 组件向导”对话框,图 914 “Internet 信息服务(IIS)”对话框,(3)将 Windows XP 专业版的安装光盘放入光驱中,单击“Windows 组件向导”对话框内 的“下一步”按钮,运行安装程序,其间会出现“所需文件”对话框,如图 9-1-5 所示。 (4)单击“所需文件”对话框内的“浏览”按钮,调出“查找文件”对话框,在该对话 框内找到 Windows XP 安装文件的存放位置,如图 9-1-6 所
11、示。单击选中需要安装的文件名称 例如,“I386”文件夹内的“ADMXPROX.DL_”文件,单击该对话框内的“打开”按钮,回到“所 需文件”对话框,再单击“所需文件”对话框内的“确定”按钮,即可继续 IIS 的安装。安 装完 IIS 后,再单击“完成”按钮退出。,图 9-1-5 “所需文件”对话框,图 9-1-6,“查找文件”对话框,(5)需要对 IIS 进行简单的设置。首先双击控制面板中的“管理工具”图标,调出“管 158,理工具”窗口,双击该窗口中的“Internet 信息服务”图标,打开“Internet 信息服务”窗口。,另外,单击 Windows 任务栏的,按钮,调出它的菜单面板,
12、单击其内的“控制面,板”“Internet 信息服务”命令,也可以调出“Internet 信息服务”窗口。 (6)单击选中“Internet 信息服务”窗口的左栏中的“默认网站”图标,此时的“Internet 信息服务”窗口如图 9-1-7 所示。 图 917 “Internet 信息服务”窗口,(7)单击“Internet 信息服务”窗口上方工具栏中的“属性”按钮,,调出“默认网站,属性”对话框。单击“主目录”标签,切换到“默认网站属性”(主目录)对话框,在“本机 路径”文本框内可以设置服务器的本机路径(原来默认路径是“C:Inetpubwwwroot”),此路 径为通用的网站根目录(loc
13、alhost)。 单击“本地路径”后面的“浏览”按钮找到站点文件夹即可设置服务器的本机路径,例 如,选择本地站点“ASP”的文件夹“D:BDWEB2H9ASP”,如图 918 左图所示。 (8)单击“默认网站属性”对话框内的“文档”标签项,如图 918 右图所示。如果要 设置其他文件为默认文档,可以按照下述方法操作。 图 918 “默认网站属性”对话框设置 选中图 918 右图所示“默认网站属性”(文档)对话框内的“启用默认文档”复选 框,再单击“添加”按钮,调出“添加默认文档”对话框如图 919 所示。 在“添加默认文档”对话框内“默认文档名”文本框中输入默认文档的名称(例如 “index.
14、htm”),然后单击“确定”按钮,关闭该对话框框,回到“默认网站属性”对话框。, 单击“默认网站属性”(文档)对话框内的 159,按钮,使列表框内的新输入的默认文档,名称(例如“index.htm”)移到最上边。其目的是为了在浏览器地址栏中输入“http:/localhost/” 并按 Enter 键后,首先寻找并执行新输入的默认文档(例如“index.htm”)。 为了查看 IIS 设置后是否能工作正常,可以打开浏览器,在地址栏中输入“http:/localhost/” 或“http:/127.0.0.1/”后按 Enter 键,此时浏览器显示如图 9110 所示内容(这里的默认本地 站 点
15、 “ D:BDWEB2H9ASP ” 文 件 夹 中 的 “ index.asp ”、“ index.htm ” 网 页 文 件 或 者 是 “Default.htm”、“Default.asp”、“iisstart.asp”等网页文件)。 如果“D:BDWEB2H9ASP”文件夹中没有“index.htm”等网页文件,则会显示如图 9110 所示内容,其内显示“D:BDWEB2H9ASP”文件夹中的网页文件目录,这说明 IIS 工作正常。,图 9-1-9 “添加默认文档”对话框,图 9-1-10,测试 IIS 工作正常,2在 Dreamweaver CS5 中设置站点 (1)建立文件夹“D:
16、BDWEB2H9ASP”,其内创建文件夹“img”。单击“站点”“新建 站点”命令,调出“站点设置对象”(站点)对话框,设置站点名称为“电子商店”,本地站 点文件夹是“D:BDWEB2H9ASP”,如图 9-1-11 所示。 图 9-1-11 “站点设置对象”(站点)对话框 (2)单击选中该对话框内左边栏中的“高级设置”“本地信息”选项,设置默认图像 文件夹是“D:BDWEB2H9ASPimages”,在“web URL”文本框内输入上传站点地址的 URL “http:/localhost/”。其他设置如图 9112 所示。 图 9-1-12 “站点设置对象”(高级设置本地信息)对话框 160,(3)单击该对话框内左边栏中的“服务器”选项,切换到服务器设置的对话框。单击 按钮,调出服务器设置对话框(还没有设置),如图 8313 所示。“连接方法”下拉列表框 内选择“本地/网络”选项,在“Web URL”文本框中输入“http:/