网络程序设计asp教案

1授课日期第（）周星期（）年月日教案序号ASP001课题课程节数教学内容与目标1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；理解静态网页和动态网页的区别。2、熟练掌握ASPWeb服务器的安装与运行环境的配置，特别是在Windows2000Server系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。3、熟知ASP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页源代码；熟练掌握使用本机IE浏览器调试ASP程序的方法教学重点ASP动态网页的工作原理教学难点Windows2000ServerIIS的安装与配置教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式教具计算机、多媒体投影教学过程第一章．ASP程序设计概述1.1网络程序设计语言的产生背景1.1.1网络程序设计语言概述（WorldWideWeb）又称万维网自从发明以后，Internet迅速进入了千家万户，成为人们学习、工作、交流、娱乐的一个非常重要的手段。最初的网页主要用来呈现一些静态信息如单位简介、学习资源等，一般是用超文本标记语言HTML（HyperTextMarkupLanguage）来实现的。人们可以通过在网页上放置各种HTML标记以实现文本、图像、超链接、表格等内容。尽管HTML非常简单实用,但不方便更新，于是动态网络程序设计语言就应运而生了。1.1.2什么是服务器端和客户端？–一般来说，凡是提供服务的一方称为服务器端，而接受服务的一方称为客户端。2.什么是静态网页和动态网页所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标记，这种网页的扩展名一般是.htm或.html。制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。静态网页工作原理：2教学过程静态网页的缺点是：如果要修改网页，必须修改源代码，并重新上传。3.什么是动态网页•所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名一般根据不同的程序设计语言而不同，如ASP文件的扩展名为.asp。•动态网页工作原理：就是服务器端可以根据客户端的不同请求动态产生网页内容。动态网页的两个显著特点：可以动态产生页面，支持客户端和服务器端的交互功能1.1.3常用网络程序设计语言ASP文件结构1．什么是ASPASP是一种服务器端脚本编写环境，它以VBScript或JScript作为脚本语言，可以用来创建包含HTML标记、文本和脚本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。PHP是一种免费的开源软件，它的特点也是将脚本描述语言嵌入HTML文档中，它大量采用了C,Java和Perl语言的语法，并加入了各种PHP自己的特征。是是微软公司推出的一种简单易学的网络程序设计语言，它的特点是将VBscript、或JavaScript嵌入到HTML中。它是由SUN公司提出的一种可跨平台使用的网页技术，它的特点是将Java程序片段（Scriptlet）和JSP标记嵌入到普通的HTML文档中。ASPPHPJSP3教学过程ASP动态网页中可以包含服务器端脚本，安装在Web服务器计算机上的应用程序扩展软件Asp.dll（即ASP引擎）负责解释并执行这些脚本，ASP的处理流程：见书2．ASP的特点微软公司推出服务器端：Windows2000+IIS、Windows98+PWS；客户端：普通浏览器即可特点：将VBscript或JavaScript嵌入到HTML中。优点：简单易学、容易上手；缺点：不能跨平台1.2.2安装IIS1.安装IIS见书2.设置虚拟目录比如：物理路径为c:/Inetpub/运行时，在地址栏内写：或若在D盘根下建立LiHuaASP,将1.asp文件放于其中，则可以为LiHuaASP建立别名如11(物理路径为D:/LiHuaASP/1.asp)运行时，在地址栏内写：或添加默认文档4.开发工具最好的工具是MicrosoftVisualInterDev也可以就用记事本或FrontPage等编写这里推荐Editplus软件本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。5.实际开发示例第一步：新建ASP文件打开Editplus或者记事本，输入以下内容4教学过程第二步：保存ASP文件将文件保存在c:\inetpub\文件夹下，命名为test1_1.asp。第三步：浏览文件打开IE浏览器，在地址栏里输入或课堂小结本讲有四个内容：什么是ASP、ASP的特点、ASP的文件结构及工作原理、ASP程序的执行本讲的重点在于：ASP动态网页的工作原理。难点是：windows2000ServerIIS的安装与配置实训操作新建一个文件夹、添加虚拟目录、设置默认文档、建立ASP文件、新建应用程序小结课后作业思考题：1.网页通常可以分为哪两类，有何区别？2.简述ASP页面的工作流程。上机练习：1.调试成功ASP的运行环境。2.编写一个简单页面，在其中显示日期和时间（提示：日期date()时间time()）5授课日期第（）周星期（）年月日教案序号ASP002课题课程节数教学内容与目标1、理解HTML语言与高级语言（如VB、C等）的区别；熟知网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；教学重点HTML的主要标记及标记属性的使用，尤其是表单设计，对HTML表单的理解。教学难点HTML对表单标记的应用、路径和框架页面的使用尤为重要的是表格、表单、框架的设计教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式教具计算机、多媒体投影教学过程2．1HTML语言结构HTMLHEADTITLE标题文字/TITLE/HEADBODY文本、图像、动画、HTML指令等/BODY/HTML2.2HTML非正文标记开始和结束标记HTML/HTML头部标记HEAD/HEAD主体标记BODY.../BODY2.3HTML正文标记正文标记包含文档的内容（文字、图像、动画、超链接以及其他页面元素）1.添加注释!--和--构成2.设置文本格式分段与换行分段标记P使后续内容隔行显示。注：省略/P时，P放在段尾。常用属性：ALIGN，（水平对齐方式）2.换行标记BR使后续内容另起一行显示。3.标题标记Hn标题和副标题，n：1到6取值；H1.../H1字体最大，H6…/H6字体最小【例2.3】演示4.水平线标记HR6教学过程添加一条水平线。(1)ALIGN：对齐方式，left（左对齐）、center（居中对齐）或right（右对齐），默认值为center。(2)COLOR：线的颜色。(3)NOSHADE：无阴影的实线。(4)SIZE：线宽，以像素为单位。(5)WIDTH：指定线的长度，像素或百分比（占页面宽度的百分比）。【例2.4】5.设置段落对齐方式ALIGN属性，左对齐、右对齐、居中对齐和两端对齐(justify)。不同的标记，默认值不同如P.../P、Hn.../Hn：默认值leftHR默认值为center等。6.设置字体、字号和颜色字体标记FONT.../FONT的FACE、SIZE和COLOR属性例：FONTFACE=楷体_GB2312,仿宋_GB2312,宋体超文本标记语言/FONTSIZE属性指定字体大小，取值从1到7，默认为3。值越大，显示的字号就越大。如：FONTSIZE=6超文本标记语言/FONTFONTSIZE=+2ASP动态网页设计/FONTCOLOR属性：文本的颜色（用颜色名称或十六进制RGB格式表示）例如：FONTCOLOR=red超文本标记语言/FONTFONTCOLOR=#00FF00ASP动态网页设计/FONT7.使用表格创建基本表格若要创建一个基本的表格，可以使用以下HTML代码：TABLECAPTION表格标题文字CAPTIONTRTD标题/TDTD标题/TD…TD标题/TD/TRTRTD数据/TDTD数据/TD…TD数据/TD/TRTRTD数据/TDTD数据/TD…TD数据/TD/TR……TRTD数据/TDTD数据/TD…TD数据/TD/TR/TABLE8.使用超链接超链接基础1.超链接类型(1)文件链接：A标记：AHREF=字符串TARGET=字符串TITLE=字符串文本/A属性：-HREF：必选项，指定目标端点的URL地址7教学过程-TARGET：可选项,指定一个窗口或框架的名称“_blank”将目标文件加载到新窗口中；“_parent”将目标文件加载到包含链接的父框架页或窗口中“_self”将目标文件加载到链接所在的同一框架或窗口中_top”将目标文件加载到整个浏览器窗口中，并由此删除所有框架。-TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。(2)锚点链接：可以从当前网页跳转到本页面或其他页面中的指定位置。先为需要跳转的位置命名，即在该位置放置一个A标记并通过NAME属性为该位置指定一个名称注：不要在A和/A标记之间放置任何文字。例：在test.htm页面顶部创建一个锚点：PANAME=top/A/P再使用A标记创建指向该锚点的超链接。例如，要在同一个页面中跳转到名为“top”的锚点处：PAHREF=#top返回顶部/A/P若要在其他页面中跳转到该锚点，则使用以下HTML代码：PAHREF=test.htm#top跳转到test.htm页的顶部/A/P【例2.21‘】演示(3)E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。使用A标记创建邮件链接，该标记的HREF属性应由三个部分组成：第一部分是电子邮件协议名称mailto，第二部分是电子邮件地址，第三部分是可选的邮件主题，其形式为“subject=主题”。第一部分与第二部分之间用冒号（:）分隔，第二部分与第三部分之间用问号（?）分隔。例如：AHREF=mailto:[e-mail]?subject=关于ASP动态网页设计给我写信/A当用户单击邮件连接时，将会自动启动电子邮件客户端程序（例如OutlookExpress或FoxMail等），并将指定的主题填入“主题”栏中。例2.21‘’9.创建表单FORM标记：FORMNAME=字符串METHOD=get|postACTION=字符串……/FORM(1)NAME：(2)METHOD：表单数据传到服务器的方法post：在HTTP请求中嵌入表单数据。get：将表单数据附加到请求该页的URL中。(3)ACTION：指定表单处理程序使用输入型表单控件：-在表单