《中职 ASP动态网页设计项目项目2教学课件 高教版.ppt》由会员分享,可在线阅读,更多相关《中职 ASP动态网页设计项目项目2教学课件 高教版.ppt(32页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、中职 ASP动态网页设计项目项目2教学课件 高教版项目二 网站环境搭建网站环境搭建掌握掌握IISIIS的安装;的安装;掌握动态站点的创建与配置;掌握动态站点的创建与配置;掌握在掌握在Dreamweaver cs6Dreamweaver cs6如何建立和管如何建立和管理站点;理站点;了解动态网站的一般特点;了解动态网站的一般特点;了解什么是了解什么是IISIIS。教学目标教学目标:教学重点教学重点:windows 7windows 7系统下系统下IISIIS安装安装 动态动态网站的配置网站的配置 dreamweaver cs6dreamweaver cs6管理站点管理站点教学难点教学难点:动态网
2、站的配置动态网站的配置教学方法教学方法:任务驱动法任务驱动法任务1 安装IIS知识点:知识点:了解了解windows7windows7中中IISIIS相关知识;相关知识;掌握掌握windows7windows7中中IISIIS的安装;的安装;了解了解windows server 2008windows server 2008操作系统下操作系统下IISIIS安装。安装。任务描述任务描述安装安装windows 7 windows 7 操作系统下动态网站的操作系统下动态网站的服务端运行环境。服务端运行环境。任务分析任务分析默认情况下,默认情况下,windows7windows7安装后默认没有自安装后
3、默认没有自动安装动安装iisiis,需要自己手动安装。,需要自己手动安装。要在要在windows 7windows 7操作系统下安装操作系统下安装IISIIS,必须,必须应该确保已经安装了应该确保已经安装了IE6.0IE6.0或更高版本的浏或更高版本的浏览器。览器。一、操作体验一、操作体验按照教材操作步骤完成任务一按照教材操作步骤完成任务一二、知识链接二、知识链接IIS简介简介网站要在服务器平台下运行,必须在计算机上安装能够提供网站要在服务器平台下运行,必须在计算机上安装能够提供Web服务的应服务的应用程序,对于开发用程序,对于开发ASP页面来说,安装页面来说,安装Internet Infor
4、mation Services(IIS)是最好的选择。)是最好的选择。(1)IIS是是Internet Information Services的缩写,是一个的缩写,是一个World Wide Web server,是由,是由微软公司微软公司提供的基于运行提供的基于运行Microsoft Windows的的互联网互联网基本服务。基本服务。IIS(Internet Information Server,互联网信息服务)是一种,互联网信息服务)是一种Web(网页)(网页)服务组件,其中包括服务组件,其中包括Web服务器、服务器、FTP服务器服务器、NNTP服务器和服务器和SMTP服务服务器,分别用
5、于网页浏览、器,分别用于网页浏览、文件传输文件传输、新闻服务和邮件发送等方面,它使得在、新闻服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事。网络(包括互联网和局域网)上发布信息成了一件很容易的事。(2)常用)常用IIS的版本的版本IIS 对应的操作系统对应的操作系统IIS 5.1 Windows XP ProfessionalIIS 6.0Windows Server 2003IIS 7.0Windows Server 2008、Windows 7拓展提高拓展提高Windows server 2008Windows server 2008系统中系统中IIS
6、IIS安安装装 试一试试一试:自自己己动动手手试试一一试试在在windows windows 7 7操操作作系系统统下下安装安装IISIIS服务服务 任务二、任务二、动态WEB站点的配置任务目标任务目标:掌握掌握IIS 7IIS 7动态动态WEBWEB站点的配置。站点的配置。掌握动态掌握动态WEBWEB站点的测试方法;站点的测试方法;任务描述任务描述将将光光盘盘中中“素素材材 项项目目二二 示示例例 原原始始文文件件”下下的的文文件件夹夹“”复复制制到到本本地地硬硬盘盘中中如如:E:E:。然然 后后 利利 用用 windows windows 7 7和和IIS7.0IIS7.0来配置并发布动态
7、来配置并发布动态webweb站点。站点。任务分析任务分析完完成成了了IISIIS的的安安装装之之后后,就就可可以以利利用用IISIIS在在本本机机上上创创建建WebWeb站站点点了了,但但必必须须进进行行配配置置,才才能能正正常常运运行行。WebWeb站站点点的的配配置置主主要要包包括括基基本本设设置置、绑绑定定、权权限限、高高级级设设置置、应应用用程程序序池池设置、设置、ASPASP设置、文档设置等。设置、文档设置等。一、操作体验一、操作体验按照教材操作步骤完成任务按照教材操作步骤完成任务二、知识链接二、知识链接1动态动态Web站点站点动态动态Web站点并不是指具有动画功能的网站,而是指网站
8、站点并不是指具有动画功能的网站,而是指网站内容可根据不同情况动态变更的网站,一般情况下动态内容可根据不同情况动态变更的网站,一般情况下动态Web网站通过数据进行架构。动态网站通过数据进行架构。动态Web网站体现在网页一般而是网站体现在网页一般而是以以asp、jsp、php、aspx等技术实现。等技术实现。2动态动态Web的工作原理的工作原理Web采用浏览器采用浏览器/服务器模式,它是由分布在服务器模式,它是由分布在Internet上的成上的成千上万的千上万的Web服务器和服务器和Web浏览器构成的。浏览器是用户为浏览器构成的。浏览器是用户为查阅查阅Web上信息而在本机上运行的一个程序,是用户通
9、向上信息而在本机上运行的一个程序,是用户通向WWW网的窗口。网的窗口。Web服务器存储和管理超文本文档和超文服务器存储和管理超文本文档和超文本链接,并响应本链接,并响应Web浏览器的连接请求。服务器负责向浏览浏览器的连接请求。服务器负责向浏览器提供所需要的服务。器提供所需要的服务。Web上的信息主要以超文本信息,并上的信息主要以超文本信息,并以网页的方式组织信息。以网页的方式组织信息。Web采用采用HTTP超文本传输协议。超文本传输协议。3动态动态Web特点特点(1)Web是图形化的和易于导航的;是图形化的和易于导航的;(2)Web与平台无关;与平台无关;(3)Web是分布式的;是分布式的;(
10、4)Web是动态的;是动态的;(5)Web是交互的是交互的4主页:当用户没有指定网页文件名时,网站默认主页:当用户没有指定网页文件名时,网站默认显示的网页。主页文件名通常为显示的网页。主页文件名通常为index.htm、index.html和和default.htm。拓展与提高拓展与提高Windwos server 2008系统下Web站点的配置 试一试试一试将光盘中将光盘中“素材素材 项目二项目二 试一试试一试 原始文档原始文档”下的文件夹下的文件夹“”“”复制到本复制到本机的硬盘上,如:机的硬盘上,如:E:E:。然后。然后创建并配置成一个创建并配置成一个WebWeb站点,然后使用浏览站点,
11、然后使用浏览器测试。器测试。任务任务三三 使用Dreamweaver cs6管理站点 任务目标任务目标:掌握掌握Dreamweaver CS6Dreamweaver CS6如何建立站点如何建立站点掌握掌握Dreamweaver CS6Dreamweaver CS6如何管理站点如何管理站点任务描述任务描述将将光光盘盘中中将将光光盘盘中中 “素素材材 项项目目二二 示示例例 原原始始文文件件”下下的的文文件件夹夹“”复复制制到到本本机机的的 硬硬 盘盘 上上,如如:E:E:。在在Dreamweaver CS6Dreamweaver CS6中设置本地站点并管理站点。中设置本地站点并管理站点。任务分析
12、任务分析在 Dreamweaver 中,术语“站点”指属于某个Web站 点 文 档 的 本 地 或 远 程 存 储 位 置。Dreamweaver 站点提供了一种方法,使用户可以组织和管理所有的Web文档,并将其站点上传到 Web 服务器,跟踪和维护用户的链接,以及管理和共享文件。在制作网页之前通常应定义一个站点以充分利用 Dreamweaver 的功能。一、操作体验一、操作体验按照教材操作步骤完成任务按照教材操作步骤完成任务二、知识链接二、知识链接1站点的概念:在站点的概念:在 Dreamweaver 中,术语中,术语“站点站点”指属于某个指属于某个 Web 站点的文档的本地或远程存储位站点
13、的文档的本地或远程存储位置。置。Dreamweaver 站点提供了一种方法,使用户可站点提供了一种方法,使用户可以组织和管理其所有的以组织和管理其所有的 Web 文档,将站点上传到文档,将站点上传到 Web 服务器,跟踪和维护用户的链接,管理和共享文服务器,跟踪和维护用户的链接,管理和共享文件。应定义一个站点以充分利用件。应定义一个站点以充分利用 Dreamweaver 的功的功能。能。2FTP服务器:用来在网络上进行文件上传下载的服务器:用来在网络上进行文件上传下载的服务器,主人用于在计算机之间实现文件的上传与下服务器,主人用于在计算机之间实现文件的上传与下载,其中一台计算机作为载,其中一台
14、计算机作为FTP客户端,另一台作为客户端,另一台作为FTP的服务器,传输协议为的服务器,传输协议为FTP(文件传输协议,是(文件传输协议,是因特网上使用最广泛的文件传输协议)。因特网上使用最广泛的文件传输协议)。Dreamweaver 站点由两个部分(或文件夹)组成,具体取站点由两个部分(或文件夹)组成,具体取决于开发环境和所开发的决于开发环境和所开发的 Web 站点类型。站点类型。(1)本地根文件夹)本地根文件夹 本地根文件夹存储用户正在处理的文件。本地根文件夹存储用户正在处理的文件。Dreamweaver 将将此文件夹称为此文件夹称为“本地站点本地站点”。此文件夹可以位于本地计算机上,。此
15、文件夹可以位于本地计算机上,也可以位于网络服务器上。如果直接在服务器上工作,每次保也可以位于网络服务器上。如果直接在服务器上工作,每次保存文件时存文件时 Dreamweaver 都会将文件上传到服务器。都会将文件上传到服务器。(2)远程文件夹)远程文件夹 远程文件夹存储用于测试、生产和协作等用途的文件。远程文件夹存储用于测试、生产和协作等用途的文件。Dreamweaver 在在“文件文件”面板中将此文件夹称为面板中将此文件夹称为“远程站点远程站点”。远程文件夹通常位于运行。远程文件夹通常位于运行 Web 服务器的计算机上。服务器的计算机上。本地文件夹和远程文件夹使用户能够在本地硬盘和本地文件夹
16、和远程文件夹使用户能够在本地硬盘和 Web 服服务器之间传输文件,这使用户可以轻松管理务器之间传输文件,这使用户可以轻松管理 Dreamweaver 站点中的文件。站点中的文件。试一试试一试将光盘中将光盘中“素材素材 项目二项目二 试一试试一试 原始文档原始文档”下的文件夹下的文件夹“”“”复制到本复制到本机的硬盘上,如:机的硬盘上,如:E:E:。然后。然后使用使用Dreamweaver cs6Dreamweaver cs6来创建并管理站点。来创建并管理站点。实训实训 创建一个小型站点创建一个小型站点 任务描述任务描述将光盘中将光盘中“素材素材 项目二项目二 实训实训 原始文件原始文件”下的文件夹下的文件夹“qy”“qy”复制到本机的硬盘上,复制到本机的硬盘上,然后运用从项目二中所学的知识,在然后运用从项目二中所学的知识,在windows 7windows 7操作系统下将其发布为一个站点,操作系统下将其发布为一个站点,并使用并使用Dreamweaver cs6Dreamweaver cs6对其进行管理。对其进行管理。任务分析任务分析创建一个小型站点需要完成以下三个步骤:创建一个小型站点需要完成以下三个步骤:安装安装IISIIS创建并发布站点创建并发布站点Dreamweaver cs6Dreamweaver cs6中创建并管理站点。中创建并管理站点。