电子教案7254330533

《ASP动态网页设计》任课教师：吴懿慧页码：1山东教育学院计算机系电子教案第1讲章节第1章ASP概述授课时间第1周教学内容与目标1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；理解静态网页和动态网页的区别。2、熟练掌握ASPWeb服务器的安装与运行环境的配置，特别是在Windows2000Server系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。3、熟知ASP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页源代码；熟练掌握使用本机IE浏览器调试ASP程序的方法教学重点ASP动态网页的工作原理教学难点Windows2000ServerIIS的安装与配置教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教学过程第一章．ASP概述1．1什么是ASPASP是一种服务器端脚本编写环境，它以VBScript或JScript作为脚本语言，可以用来创建包含HTML标记、文本和脚本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。ASP动态网页中可以包含服务器端脚本，安装在Web服务器计算机上的应用程序扩展软件Asp.dll（即ASP引擎）负责解释并执行这些脚本，ASP的处理流程：见书1．2．ASP的特点微软公司推出服务器端：Windows2000+IIS、Windows98+PWS；客户端：普通浏览器即可特点：将VBscript或JavaScript嵌入到HTML中。优点：简单易学、容易上手；缺点：不能跨平台1．3．ASP的工作原理及文件结构1.工作原理客户端服务器端发出请求发回网页客户机/服务器模式1．4．ASP程序的执行《ASP动态网页设计》任课教师：吴懿慧页码：2山东教育学院计算机系电子教案教学过程2.什么是静态网页和动态网页最初的网页都是用超文本标记语言HTML来实现的.制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。静态网页的缺点是：如果要修改网页，必须修改源代码，并重新上传。什么是动态网页就是服务器端可以根据客户端的不同请求动态产生网页内容。动态网页的两个显著特点：可以动态产生页面支持客户端和服务器端的交互功能3.三个示例BBS留言板聊天室4.ASP文件结构1．4．ASP程序的执行《ASP动态网页设计》任课教师：吴懿慧页码：3山东教育学院计算机系电子教案教学过程1.安装IIS见书2.设置虚拟目录比如：物理路径为c:/Inetpub/wwwroot/asptemp/chapter1/1.asp运行时，在地址栏内写：://localhost/asptemp/chapter1/1.asp若在D盘根下建立LiHuaASP,将1.asp文件放于其中，则可以为LiHuaASP建立别名如11(物理路径为D:/LiHuaASP/1.asp)运行时，在地址栏内写：://localhost/11/1.asp3.添加默认文档4.开发工具最好的工具是MicrosoftVisualInterDev也可以就用记事本或FrontPage等编写这里推荐ultradev软件本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。5.实际开发示例第一步：新建ASP文件打开ultradev或者记事本，输入以下内容第二步：保存ASP文件将文件保存在c:\inetpub\wwwroot\temp文件夹下，命名为test1_1.asp。第三步：浏览文件打开IE浏览器，在地址栏里输入http://localhost/temp/test1_1.asp或《ASP动态网页设计》任课教师：吴懿慧页码：4山东教育学院计算机系电子教案课堂小结本讲有四个内容：什么是ASPASP的特点ASP的文件结构及工作原理ASP程序的执行本讲的重点在于：ASP动态网页的工作原理难点是：windows2000ServerIIS的安装与配置课堂作业思考题：1.网页通常可以分为哪两类，有何区别？2.简述ASP页面的工作流程。上机练习：1.调试成功ASP的运行环境。2.编写一个简单页面，在其中显示日期和时间（提示：日期date()时间time()）《ASP动态网页设计》任课教师：吴懿慧页码：5山东教育学院计算机系电子教案第2讲章节第2章ASP框架语言-HTML授课时间第2周教学内容与目标1、理解HTML语言与高级语言（如VB、C等）的区别；熟知网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；教学重点对HTML表单的理解教学难点HTML表单的应用教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教学过程第二章．ASP框架语言-HTML2．1HTML语言结构HTMLHEADTITLE标题文字/TITLE/HEADBODY文本、图像、动画、HTML指令等/BODY/HTML2.2HTML非正文标记开始和结束标记HTML/HTML头部标记HEAD/HEAD主体标记BODY.../BODY2.3HTML正文标记正文标记包含文档的内容（文字、图像、动画、超链接以及其他页面元素）1.添加注释!--和--构成2.设置文本格式分段与换行分段标记P使后续内容隔行显示。注：省略/P时，P放在段尾。常用属性：ALIGN，（水平对齐方式）2.换行标记BR使后续内容另起一行显示。《ASP动态网页设计》任课教师：吴懿慧页码：6山东教育学院计算机系电子教案教学过程3.标题标记Hn标题和副标题，n：1到6取值；H1.../H1字体最大，H6…/H6字体最小【例2.3】演示4.水平线标记HR添加一条水平线。(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/TABLE2.4HTML特殊标记《ASP动态网页设计》任课教师：吴懿慧页码：7山东教育学院计算机系电子教案教学过程8.使用超链接超链接基础1.超链接类型(1)文件链接：A标记：AHREF=字符串TARGET=字符串TITLE=字符串文本/A属性：-HREF：必选项，指定目标端点的URL地址-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‘’】演示8.使用超链接超链接基础1.超链接类型(4)文件链接：A标记：AHREF=字符串TARGET=字符串TITLE=字符串文本/A属性：-HREF：必选项，指定目标端点的URL地址-TARGET：可选项,指定一个窗口或框架的名称“_blank”将目标文件加载到新窗口中；“_parent”将目标文件加载到包含链接的父框架页或窗口中“_self”将目标文件加载到链接所在的同一框架或窗口中_top”将目标文件加载到整个浏览器窗口中，并由此删除所有框架。-TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。(5)锚点链接：可以从当前网页跳转到本页面或其他页面中的指定位置。先为需要跳转的位置命名，即在该位置放置一个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‘】演示(6)E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许