ASP动态网页设计.docx
- 文档编号:816437
- 上传时间:2022-10-13
- 格式:DOCX
- 页数:45
- 大小:107.70KB
ASP动态网页设计.docx
《ASP动态网页设计.docx》由会员分享,可在线阅读,更多相关《ASP动态网页设计.docx(45页珍藏版)》请在冰豆网上搜索。
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)标准的文本文件,不是编程语言,而是一种描述性的标记语言;如:
HTTP:
(HypertextTransfersProtocol)超级文本(超级链接)的传输协议,是TCP/IP协议的一部分;这个协议管理Web浏览器如何向Web服务器请求文件,以及服务器如何将文件发送回来。
FTP:
(FileTransfersProtocol)文件传输协议,在互联网上上传或下载文件的协议;通常需要输入IP地址、用户名、密码等;
IIS:
(InternetInformationSystem)Internet信息服务器,用于配置和管理WEB站点的软件;能响应客户端用户的请求从而下载网页到客户端;
IP地址:
用于标识互联网上各类计算机和服务器的唯一地址,其由32位二进制组成,分成四段,每段8位,如:
;
子网掩码:
用于通过与IP地址进行“与”操作来判断某两个IP地址是否位于同一个网内,如果在一个网内,则在网内查找,否则将数据包发送到路由器到外网查找;
域名:
是替代枯燥乏味的IP地址的一种分层次的表示方式;如:
;;
域名服务器DNS:
将域名解析为IP地址的服务器(具体原理可参考有关网络类书籍);
2、何为ASP?
ASP是ActiveServerPages的简称,是微软公司开发的一套服务器,在这种环境中,通过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件ActiveX组件,并结合VBScript或JavaScript编程,即可建立动态的、交互的、功能强大的Web页面。
主要运行于WindowsNT或Windows2000server平台,其服务器为;扩展名为:
.asp;
3、ASP的执行方式
静态网页:
在客户端浏览地址栏目中键入某个网址,它会向Web服务器发送一个HTTP请求消息(包含消息头和消息体);HTTP请求的第一行如下所示:
GETHTTP/
这一行指定了一个被称为(method)的HTTP命令、文档的地址、HTTP协议的版本,还有一些有关浏览器的信息。
Web服务器接收请求,处理请求,并发出响应。
HTTP响应的第一行如下所示:
HTTP/200OK状态码为“200”意味着成功,之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型,其后是所请求的数据。
如果请求的页面文件的扩展名为HTM或HTML,则服务器直接从硬盘中读取所请求的页面文件,然后将其传送给客户端浏览器,客户端浏览器收到服务器传送的网页代码后,然后对其解释执行,从而显示网页的内容。
动态网页:
若扩展名为.ASP,从服务器中读取出所请求的文件,然后对其ASP脚本代码进行解释执行,生成新的HTML格式,与非ASP代码部分结合,产生动态的HTML网页,并且可以一些提供高级服务(数据库的存储、电子邮件的发送等)。
提示:
服务器与客户端的位置关系有三种:
1、在同一机器中(localhost或)2、在局域网中3、在互联网中
4、ASPWeb服务器的安装与配置(实验指导1)
●控制面板》》》添加和删除程序》》》添加和删除windows组件》》》Internet信息服务》》》将系统盘放入光驱中,安装后在“管理工具”中出现Internet信息服务器即可;
●主要需要配置Web服务器的根目录和默认主页文件。
●运行DreamweaverMX2004建立站点,完成相关的设置,其中根目录与IIS中一致,并使用服务器技术;
5、程序举例(chapter01/、)
0000”0000”1”xe">单击此处文件下载(chapter02/section3/)
4、HTML的表单(chapter02/section4/)
两种表单数据的传递方法:
GET和POST方法
GET方法:
将表单数据附加在Action属性指定的URL地址之后,并在URL地址与表单数据间加上一个“?
”分割符,表单的各个数据项间用“&”分割符。
;
POST方式是将表单数据作为一个独立的数据块直接发送给服务器;
表单中的界面对象
单行文本域
隐藏域
口令域
单选按钮
列表框
按钮
5、HML的其他常用标记;(chapter02/section5/、)
多媒体
6层叠样式表CSS(chapter02/section6/)
层叠样式表(CascadingStyleSheet)是一系列格式设置规则,它们控制Web页面内容的外观。
术语cascading表示向同一个元素应用多种样式的能力。
例如,可以创建一个CSS规则来应用颜色,创建另一个CSS规则来应用边距,然后将两者应用于页面上的同一个文本。
所定义的样式向下“层叠”到您的Web页面上的元素,并最终创建您想要的设计。
优点1:
使用CSS可以非常灵活并更好地控制具体的页面外观,从精确的布局定位到特定的字体和样式。
CSS允许您控制HTML无法独自控制的许多属性。
例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。
通过使用CSS以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。
除设置文本格式外,还可以使用CSS控制Web页面中块级别元素的格式和定位。
例如,可以设置块级元素的边距和边框、其他文本周围的浮动文本等。
优点2:
它提供了便利的更新功能;更新一处的CSS规则时,使用该已定义样式的所有文档的格式都会自动更新为新样式。
CSS格式设置规则由两部分组成:
选择器和声明。
选择器是标识格式元素的术语(如P、H1、类名或ID),声明用于定义元素样式。
在下面的示例中,H1是选择器,介于括号({})之间的所有内容都是声明:
H1{
font-size:
16pixels;
font-family:
Helvetica;
font-weight:
bold;
}
声明由两部分组成:
属性(如font-family)和值(如Helvetica)。
上面的CSS规则为H1标签创建了一个特定的样式:
链接到此样式的所有H1标签的文本都将是16个像素大小、Helvetica字体和粗体。
在Dreamweaver中可以定义以下样式类型:
●自定义CSS规则(也称为类样式)使您可以将样式属性应用于任何文本范围或文本块。
(请参见。
)
.mystyle{
font-family:
"新宋体";
font-size:
24px;
font-weight:
300;
color:
#FF0000;
}
●HTML标签样式重定义特定标签(如h1)的格式。
创建或更改H1标签的CSS样式时,所有用H1标签设置了格式的文本都会立即更新。
H1{
font-size:
16pixels;
font-family:
Helvetica;
font-weight:
bold;
}
●CSS选择器样式(高级样式)重新定义特定元素组合的格式设置,或重新定义CSS允许的其他选择器表单的格式设置(例如,每当h2标题出现在表格单元格内时都应用选择器tdh2)。
高级样式还可以重新定义包含特定id属性的标签的格式设置(例如,#myStyle定义的样式可应用于包含属性值对id="myStyle"的所有标签)。
--
tdh2{
font-family:
"宋体";
font-size:
x-large;
font-weight:
500;
color:
#000099;
}
#mystyle{
font-fami
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP 动态 网页 设计