ASP动态网页设计(电子教案)

第一讲ASP的系统运行环境教学重点：1、ASP动态网页的工作基本原理；2、Windows2000Server/XPIIS的安装与配置；教学要求：1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；了解静态网页和动态网页的区别。2、熟练掌握ASPWeb服务器的安装与运行环境的配置，特别是在Windows2000Server/XP系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。3、熟悉ASP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页原代码；熟练掌握使用本机IE浏览器调试ASP程序的方法。教学内容1、关于网站的有关术语与知识Web服务器：存储和管理供给全球各地用户浏览网页的服务器，软件支持如：运行在windows2000sever系统上的IIS，运行在unix系统上的apache等；客户端浏览器：通过在地址栏中输入Web服务器地址从而访问Web服务器的软件；目前主要是InternetExplorer（IE）和Netscape；HTML：超级文本标记语言（HypertextMark-upLanguage）标准的文本文件，不是编程语言，而是一种描述性的标记语言；如：fontface=”宋体”size=4color=”#FF0000”安徽工业职业技术学院/font；HTTP：（HypertextTransfersProtocol）超级文本（超级链接）的传输协议，是TCP/IP协议的一部分；这个协议管理Web浏览器如何向Web服务器请求文件，以及服务器如何将文件发送回来。FTP：（FileTransfersProtocol）文件传输协议，在互联网上上传或下载文件的协议；通常需要输入IP地址、用户名、密码等；IIS：（InternetInformationSystem）Internet信息服务器，用于配置和管理WEB站点的软件；能响应客户端用户的请求从而下载网页到客户端；IP地址：用于标识互联网上各类计算机和服务器的唯一地址，其由32位二进制组成，分成四段，每段8位，如：192.168.0.1；子网掩码：用于通过与IP地址进行“与”操作来判断某两个IP地址是否位于同一个网内，如果在一个网内，则在网内查找，否则将数据包发送到路由器到外网查找；域名：是替代枯燥乏味的IP地址的一种分层次的表示方式；如：；；域名服务器DNS：将域名解析为IP地址的服务器（具体原理可参考有关网络类书籍）；2、何为ASP?ASP是ActiveServerPages的简称，是微软公司开发的一套服务器，在这种环境中，通过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件ActiveX组件，并结合VBScript或JavaScript编程，即可建立动态的、交互的、功能强大的Web页面。主要运行于WindowsNT或Windows2000server平台，其服务器为IIS4.0/5.0；扩展名为：.asp；3、ASP的执行方式静态网页：在客户端浏览地址栏目中键入某个网址，它会向Web服务器发送一个HTTP请求消息（包含消息头和消息体）；HTTP请求的第一行如下所示：GET/这一行指定了一个被称为（method）的HTTP命令、文档的地址、HTTP协议的版本，还有一些有关浏览器的信息。Web服务器接收请求，处理请求，并发出响应。HTTP响应的第一行如下所示：HTTP/1.1200OK状态码为“200”意味着成功，之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型，其后是所请求的数据。如果请求的页面文件的扩展名为HTM或HTML，则服务器直接从硬盘中读取所请求的页面文件，然后将其传送给客户端浏览器，客户端浏览器收到服务器传送的网页代码后，然后对其解释执行，从而显示网页的内容。动态网页：若扩展名为.ASP，从服务器中读取出所请求的文件，然后对其ASP脚本代码进行解释执行，生成新的HTML格式，与非ASP代码部分结合，产生动态的HTML网页,并且可以一些提供高级服务（数据库的存储、电子邮件的发送等）。提示：服务器与客户端的位置关系有三种：1、在同一机器中（localhost或127.0.0.1）2、在局域网中3、在互联网中4、ASPWeb服务器的安装与配置（实验指导1）IE浏览器（客户端）服务器IIS（ASP）请求窗口下载a.htm解释HTML网页元素tabletrtd安徽……tdtr/table……scriptanguage=”javascript”……/scriptWeb服务器IIS（ASP）执行ASP部分Oldhtml%……%OldhtmlIE浏览器（客户端）Newhtml窗口http请求解释html网页元素数据库服务器（DB）邮件服务器（smtp）控制面板》》》添加和删除程序》》》添加和删除windows组件》》》Internet信息服务》》》将系统盘放入光驱中，安装后在“管理工具”中出现Internet信息服务器即可；主要需要配置Web服务器的根目录和默认主页文件。运行DreamweaverMX2004建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；5、程序举例（chapter01/myfirstpage.asp、showdate.asp）//myfirstpage.asp%@LANGUAGE=VBSCRIPTCODEPAGE=936%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title无标题文档/title/headbodyh1我是张山，大家好！我的Web服务器配置好了，我的IP地址是192.168.0.1。请访问吧！这是我的第一个ASP网页！/h1/body/html//showdate.asp%@LANGUAGE=VBSCRIPTCODEPAGE=936%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title无标题文档/title/headbodytablewidth=375border=0align=centercellpadding=0cellspacing=0trtdwidth=178现在日期：/tdtdwidth=197%=now%/td/tr/table/body/html课后问题：1、请在有关书籍中或Internet中查找并补充有关网络有关概念和术语的详细内容；2、现在有一家民营企业希望在互联网中拥有自己的网站来宣传自己的产品，你该做哪些事情呢？能有几种方案？费用多少？第二讲HTML基础教学重点：1、HTML表单的应用；2、CSS层叠样式表的应用；教学要求：1、了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等；2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；3、熟练掌握在Dreamweaver中使用层叠样式表CSS；了解层叠样式表与标记属性的区别。教学内容：1、构建HTML网页（chapter02/section2/htmlpage.asp）%@LANGUAGE=VBSCRIPTCODEPAGE=936%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312metaname=keywordscontent=计算机,机电,矿产metaname=authorcontent=韩山师范学院metaname=descriptioncontent=内容介绍title标题/titlestyletype=text/css!--form{text-align:center;}--/stylelinkhref=mystyle.cssrel=stylesheettype=text/cssScriptlanguage=JavaScriptfunctioncheckform(){函数体}/script/headbody主体部分/body/html2、HTML标记的特点1、HTML是文本文件，标记符号均用括起来，大多数标记成对出现，结束标记多一个斜杠，其用法见其上；2、标记拥有自己的属性；fontface=”宋体”size=4color=”#FF0000”安徽工业职业技术学院/font3、HTML标记可嵌套使用，不能交叉；bdivalign=centerfontcolor=#FF00Activeseverpage/font/div/b4、少数标记是单独使用如：BR、HR3、常用标记（图像、超链接和表格）fontface=”宋体”size=4color=”#FF0000”安徽工业职业技术学院/fontimgsrc=”images/flower.jpg”border=”1”ahref=””安徽工业职业技术学院/aahref=超星阅读.exe单击此处文件下载/a（chapter02/section3/download.asp）tableborder=0bordercolor=#FF0000（chapter02/section4/myform.asp）trtdcolspan=2class=td1用户注册/td/trtrtdwidth=289class=td2用户名：/tdtdwidth=295class=td2inputname=usernametype=textid=username/td/tr/table4、HTML的表单（chapter02/section4/myform.asp）formaction=userlogin.aspmethod=postname=login/form两种表单数据的传递方法：GET和POST方法GET方法：将表单数据附加在Action属性指定的URL地址之后，并在URL地址与表单数据间加上一个“？”分割符，表单的各个数据项间用“&”分割符。=012&txtusename=ucauGET方式一次最多只能提交256个字符；POST方式是将表单数据作为一个独立的数据块直接发送给服务器；表单中的界面对象单行文本域inputname=usernametype=textid=username隐藏域inputname=usernametype=hiddenid=username口令域inputname=userkey1type=passwordid=userkey1单选按钮inputname=sextype=radiovalue=radiobuttonchecked男inputtype=radioname=sexvalue=radiobutton女列表框selectname=edusize=1id=eduoptionvalue=硕士以上硕士以上/optionoptionvalue=大学本科大学本科/optionoptionvalue=大专大专/optionoptio