《WEB程序设计》PPT课件
合集下载
web程序设计第4章_页面设计PPT课件
格边框越粗
0
表格宽度，以相对于充满窗口的百分比计（如 60%）
表格宽度，以屏幕像素点数计
100%
每个表项内容与表格边框之间的距离，以像素点为单位 0
表格边框之间的距离，以像素点为单位
2
表格边框的颜色 表格的背景图像
#000000 无
表格的位置
left
返 回 14
表4-4 <tr>标记属性表
属性 取 值
•
以标记<input>定义的多种输入域，包括text，radio，checkbox，password，
hidden，button，submit和reset等。
•
以标记<textarea>定义的文本域。
•
以标记<select>和<option>定义的下拉列表框
返回
构件对象模型:COM
19
输入域
说明
text
构件对象模型:COM
返回
10
⑤ 列表标记和预定格式标记
列表标记是HTML的一个基本结构。有以下3种类型 的列表：
无序列表（Unordered list）
<ul>列表项</ul>
有序列表（Ordered list）
<ol>列表项</ol>
定义列表（Definition list）
<dl>列表项</dl>
构件对象模型:COM
1
整体 概述
一 请在这里输入您的主要叙述内容
二
请在这里输入您的主要 叙述内容
三 请在这里输入您的主要叙述内容
4.1 静态页面设计
《Web程序设计基础》第一讲精品PPT课件
作室 • 故宫博物院 • 百威啤酒
6
3、网站的基本元素
通过以上网页的介绍和赏析，你能说出 网页有哪些基本元素构成？
网页中基本元素通常包括，文本、图片、超 级链接（文本超链接，图片超链接），动画 （gif、fireworks、flash）、表单 （用于 互动的，搜索引擎，电子邮件，论坛等）， 音频，视频（media play、realplay）。
采用Div+CSS、JS、AJAX等技术 –测试网页兼容性：不同的浏览器效果 –发布站点 上传使用远程ftp工具 –申请免费或付费主机空间
万网
13
6、动静态网站的特点和区别
• 什么是静态网站？ –静态网站就是没有采用任何程序开发的网站， 纯粹采用HTML语言编写，不要求懂太多网站制 作知识，使用一般的软件就可以制作网页了。 网页文件名是用html或htm结尾的，网页设计好 并上传到服务器之后，就不能对网站的内容进 行修改了，除非把网站文件下载到自己电脑上， 再用专业的网站制作软件编辑好上传，所以大 家可以理解为，静态网站就是无法在直接在网 络上更新内容的网站，就纯粹的几个制作好的 页面而已。
第一讲 网站概论
《Web程序设计基础》课程组 2010-09
目录
• 认识网站 • 优秀网站赏析 • 网站的基本元素 • 网站的布局结构 • 行业静态网站制作流程 • 动静态网站的区别和特点 • B/S、C/S结构
2
1、认识网站
问：你平时上的网站有哪些？
3
1、认识网站
• 门户型 –新浪、网易、搜狐等
–虽然说Div+CSS解决了大部分浏览器兼容性问 题，但是也有部分浏览器中的使用出现异常， 目前，Div+CSS还没有所有浏览器的统一兼容。
6
3、网站的基本元素
通过以上网页的介绍和赏析，你能说出 网页有哪些基本元素构成？
网页中基本元素通常包括，文本、图片、超 级链接（文本超链接，图片超链接），动画 （gif、fireworks、flash）、表单 （用于 互动的，搜索引擎，电子邮件，论坛等）， 音频，视频（media play、realplay）。
采用Div+CSS、JS、AJAX等技术 –测试网页兼容性：不同的浏览器效果 –发布站点 上传使用远程ftp工具 –申请免费或付费主机空间
万网
13
6、动静态网站的特点和区别
• 什么是静态网站？ –静态网站就是没有采用任何程序开发的网站， 纯粹采用HTML语言编写，不要求懂太多网站制 作知识，使用一般的软件就可以制作网页了。 网页文件名是用html或htm结尾的，网页设计好 并上传到服务器之后，就不能对网站的内容进 行修改了，除非把网站文件下载到自己电脑上， 再用专业的网站制作软件编辑好上传，所以大 家可以理解为，静态网站就是无法在直接在网 络上更新内容的网站，就纯粹的几个制作好的 页面而已。
第一讲 网站概论
《Web程序设计基础》课程组 2010-09
目录
• 认识网站 • 优秀网站赏析 • 网站的基本元素 • 网站的布局结构 • 行业静态网站制作流程 • 动静态网站的区别和特点 • B/S、C/S结构
2
1、认识网站
问：你平时上的网站有哪些？
3
1、认识网站
• 门户型 –新浪、网易、搜狐等
–虽然说Div+CSS解决了大部分浏览器兼容性问 题，但是也有部分浏览器中的使用出现异常， 目前，Div+CSS还没有所有浏览器的统一兼容。
Web程序设计1
<html> <head> <title> 典型HTML </title> </head> <body> 我会努力的！ </body>
</html>
</body> 文件体，
</html>
<BODY> 标记 一般不省略 精选ppt课件
01.html
13
常用标记介绍
❖ <HEAD>、<BODY>、<A>
精选ppt课件
10
元素嵌套
❖ 定义：在某个元素之内使用另外一个元素 ❖ 元素嵌套的一个重要规则是：你必须在结束外层
元素之前结束内层元素。
无效格式是： ▪ <H1> 你好吗？<I>我很好 </H1> </I> 有效格式应该是： ▪ <H1> 你好吗？<I>我很好 </I> </H1>
精选ppt课件
11
❖ Web 浏览器的作用就在于读取 Web 站点上的 HTML 文档 ，再对文档中的HTML标记逐行进行解释，最后在用户的电 脑上显示相应的 Web 页面
精选ppt课件
2
HTML简介
❖ HTML：HyperText Markup Language 超文本 标记语言
▪ 超文本: 文字+图片+音视+链接…
❖ 语法：<table [cellpadding=“..”] [cellspacing=“..”] [border=“..”]
精选ppt课件
10.html
24
《Web程序设计基础》课件
H TM L 语言的基本结构
标签 < !DOCTYPE> < html> < head> < title> < body>
描述 定义文档类型。 定义HTML文档。 定义文档的头部。 定义文档的标题。 定义文档的主体。
C S S 样式表的基本概念
1
选择器
用于选择要样式化的HTML元素。
2
属性
用于设置HTML元素的样式，如颜色、字体、背景等。
响应式Web设计
响应式Web设计是一种设计方法，可确保网站在多个设备和屏幕尺寸下都能正确显示，并提供良好的用 户体验。
移动端W移动设备的用户需求，保证 良好的移动体验。
设计原则
简洁明了的界面、大而易操 作的按钮等可以增强移动用 户的体验。
适应性布局
通过使用弹性网格和媒体查 询等技术，确保内容在不同 屏幕尺寸下的适配。
3 增加竞争力
具备Web程序设计技能 可以使个人在求职市场 中脱颖而出，拓宽职业 发展道路。
Web程序设计的基本要素
HTML
用于定义网页结构和内容， 包括标题、段落、图像等。
CSS
用于控制网页的样式和布局， 包括字体、颜色、边距等。
JavaScript
用于添加交互和动态效果， 使网页更加生动和有趣。
Web程序设计为用户提供了互动和实时的在线体验，是现代互联网世界的核心。
关键技能
学习Web程序设计可以掌握HTML、CSS、JavaScript等技术，为职业发展打下基础。
为什么学习Web程序设计
1 广泛应用
Web程序设计技能在各 行业都有需求，是未来 职场发展的趋势。
2 创造力
Web程序设计.pptx
格式化文本
6、文本上的线条 text-decoration 可以使用这个属性在文本下方、上方或是中间添加线 条，甚至是使文本闪烁。 text-decoration可以使用的值有： underline overline line-through blink 也可以联合使用多种效果： eg：text-decoration:underline overline;同时给文本添加 下划线和顶线。 text-decoration:none用来取消文本线条。最常见的例 子是去除链接的下划线。
格式化文本
4、设置斜体和粗体 font-style font-weight font-style:italic; 斜体化文本 font-weight:bold; 使文本为粗体 如果需要确保文字正常显示，则可以设置： font-weight:normal;
格式化文本
5、设置字母大写 text-transform 可以使用text-transfrom属性使文本全部大写、小 写甚至是大写每个单词的首字母。如： text-transform:uppercase; text-transform:lowercase; text-transform:capitalize; 如果要告诉css不要改变文本的大小写，就： text-transform:none;
浏览器通过使用字号与数字相乘来决定行间距。
格式化文本
9、对齐文本
text-align
该属性的取值可以有以下四种：
a、left
左对齐
b、right 右对齐
c、center 居中对齐
d、justify 两端对齐
格式化文本
10、首行缩进 text-indent 可以使用px和em值来设定首行缩进 eg： text-indent:2em; text-indent:25px; 像素值是一种绝对度量，而em值则指定了缩 进的字母数。
web程序设计第1章面向对象程序设计技术精品PPT课件
编程 OOP
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.1 OOP在软件开发中的地位
二、面向对象分析(Object-Oriented Analysis, OOA)
强调：在问题领域内发现和描述对象或概念， 而不是解决方案 。（做什么？） 关键：识别出问题域内的类与对象，并分析 它们相互间的关系，最终建立起问题域的简 洁、精确、可理解的正确模型。 模型：类图。
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.1 OOP在软件开发中的地位
四、面向对象实现(Object-Oriented Program, OOP) 关键：按OOD模型按照具体实现语言进行实现。 强调：基本技术手段、实现环境（类库、开发工 具）、编码调试和测试的能力。 （编程技术？）
JDK1.2发布，并命名为J2SDK。 J2SDK 1.3发布 J2SDK 1.4发布
J2SDK 1.5发布，重新命名为JDK 5.0 J2SDK 1.6发布，JDK 6.0 Oracle收购Sun，Java并入
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.3 Java基础
二、Java技术的组成
Java是一种技术。它由四方面组成：Java编程 语言、Java类文件格式、Java虚拟机和Java应 用程序接口(Java API)。
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.1 OOP在软件开发中的地位
二、面向对象分析(Object-Oriented Analysis, OOA)
强调：在问题领域内发现和描述对象或概念， 而不是解决方案 。（做什么？） 关键：识别出问题域内的类与对象，并分析 它们相互间的关系，最终建立起问题域的简 洁、精确、可理解的正确模型。 模型：类图。
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.1 OOP在软件开发中的地位
四、面向对象实现(Object-Oriented Program, OOP) 关键：按OOD模型按照具体实现语言进行实现。 强调：基本技术手段、实现环境（类库、开发工 具）、编码调试和测试的能力。 （编程技术？）
JDK1.2发布，并命名为J2SDK。 J2SDK 1.3发布 J2SDK 1.4发布
J2SDK 1.5发布，重新命名为JDK 5.0 J2SDK 1.6发布，JDK 6.0 Oracle收购Sun，Java并入
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
校级精品建设课程
1.3 Java基础
二、Java技术的组成
Java是一种技术。它由四方面组成：Java编程 语言、Java类文件格式、Java虚拟机和Java应 用程序接口(Java API)。
授课：马志强(E-mail: )
内蒙古工业大学
Web程序设计（Web Programming）
《Web程序设计》-第六讲面向对象开发.ppt
$this关键字 在一个类中，$this是一个特殊的变量，并且只 能在类的内部使用，用以获取类中某个成员变量 的值。 使用$this的格式如下 $this->varname
class MyCar { public $name; function Drive() { echo”我正在开”.$this->name.”牌的车……”; } }
} class Son extends Father { //不定义任何方法和字段 }
$temp = new Son(); echo $temp->money; echo $temo->horse; $temp->Drive();
parents::和slef::关键字 self::指当前类，通常用来获取静态成员、方法 和常量 parents::指的是父类和要调用的父类中的成员 方法，也可以用来获取成员变量和常量
对象的概念 理解“万事万物皆对象”
创建和使用类 创建和使用类的步骤： 编写类的语句段 将要使用的对象的类文件包含到当前脚本中 在脚本中创建一个对象 使用新对象
类的结构与定义 类是对象的模板。在准备创建类之前，应该确定 项目中需要的对象属性和方法。 类的定义与结构
类的继承 面向对象编程（OOP）的一大好处是，可以使用 类再次”继承“已有的类，被继承的类称为父类 或基类，子类将继承父类所有的方法和字段，因 此提高了代码的重用性，提高软件开发效率。 关键字：extends
类的继承
class Father { public $money=“1000000”; public $horse=“别墅”; function Drive() { echo”开宝马7系列车……”; }
第一章Web程序设计基础精品PPT课件
-也有些程序和文件是在服务器端执行的。
1 网站的运行
▪ 前台与后台的概念 -前台指客户端浏览器，后台指服务器环境 -静态网站与动态网站——根本区别在于是否应用交互技术
动静用 代 站 式 W静 在态态e户码。，A态b网网S只修用而网服P站站可改户程站务、：：浏来可序执器P仅通H览完以代行，通过P，成将码过而、过C不）信则程AGJHSS可息用IT、PPM反 反 来环A、LS馈 馈 描境、PPH述信 ，下C、PS处息 也，P、SH理。 可H、JPST逻（ 在j、sMP辑其 客等、JLS代。其 户技APS码普内 端术、P主通容 对实..NN要的的 网现EETT负更 站的H页等责T新进多面技M描必行个需L术述页须更页要（1（度2行B实网..信/面采改面互在S从从）程附现站中息只用和构动服直技序加和的又的务依工维成观术的的动交分器显角实动赖具护的态语互为端度现作示于对。网网言静网执）角样源站站态：， 引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML 代码中，然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向 Web服务器的技术，客户端浏览器不需要任何附加的软件支持。 动态网站执行过程
▪ ASP/PHP/JSP运行环境 ▪ ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传
统，只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix 下也有ChiliSoft的组件来支持ASP，但是ASP本身的功能有限，必须 通过ASP＋COM的群组合来扩充，Unix下的COM实现起来非常困难。
本章内容
▪ 1.两种设计模式 ▪ 2.动、静态网页联系却别 ▪ 3.主流的动态网页设计技术 ▪ 4.html介绍
1 网站的运行
▪ 前台与后台的概念 -前台指客户端浏览器，后台指服务器环境 -静态网站与动态网站——根本区别在于是否应用交互技术
动静用 代 站 式 W静 在态态e户码。，A态b网网S只修用而网服P站站可改户程站务、：：浏来可序执器P仅通H览完以代行，通过P，成将码过而、过C不）信则程AGJHSS可息用IT、PPM反 反 来环A、LS馈 馈 描境、PPH述信 ，下C、PS处息 也，P、SH理。 可H、JPST逻（ 在j、sMP辑其 客等、JLS代。其 户技APS码普内 端术、P主通容 对实..NN要的的 网现EETT负更 站的H页等责T新进多面技M描必行个需L术述页须更页要（1（度2行B实网..信/面采改面互在S从从）程附现站中息只用和构动服直技序加和的又的务依工维成观术的的动交分器显角实动赖具护的态语互为端度现作示于对。网网言静网执）角样源站站态：， 引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML 代码中，然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向 Web服务器的技术，客户端浏览器不需要任何附加的软件支持。 动态网站执行过程
▪ ASP/PHP/JSP运行环境 ▪ ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传
统，只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix 下也有ChiliSoft的组件来支持ASP，但是ASP本身的功能有限，必须 通过ASP＋COM的群组合来扩充，Unix下的COM实现起来非常困难。
本章内容
▪ 1.两种设计模式 ▪ 2.动、静态网页联系却别 ▪ 3.主流的动态网页设计技术 ▪ 4.html介绍
web程序设计课件CH3 vbscript.ppt
(2) 变量名的第一个字符必须是字母。
(3) 变量名中间不能有空格。
(4) 变量名中不能包含小数点。
(5) 变量名的字符数目不得超过255个字符。
(6) 不能用VB的关键字作变量名。
(7) 变量名不能与过程名和符号常量名相同。
9
(8) 变量名在同一个作用域内必须是惟一的。
3.5 变量和常量
二、常量 1. 定义——程序执行时保持不变的数据 2. 分类
1. 定义——一组相同类型的变量的集合
2. 分类
静态数组
Dim 数组名(最大下标) Dim array1(2) Dim array2(2,3)
动态数组
Dim 数组名( ) Dim myarray( ) Redim [preserve] 数组名(新的最大下标值) Dim datanum() … Redim datanum(10)
const Pi = 3.14 '定义圆周率为常量 dim r,length r=3 length = 2* Pi*r MsgBox “圆的半径为：” & r & vbCrLf & “圆的周长为：” & length </script> </body> </html>
11
3.5 变量和常量
三、数组
VBScript可以在客户端和服务器端执行； VBScript是面向对象的程序设计语言，在
VBScript的服务器端程序中，ASP对象很重要。
返回
4
3.2 在网页中嵌入VBScript代码的方法
<html>
<head>
<title>动态网页示例</title>
《Web程序设计》课件
HTML链接
HTML链接用于在网页中创 建超链接，指向其他网页或
资源。
链接由`<a>`标签定义，通 过`href`属性指定链接的目
标地址。
链接可以是外部链接（指向 其他网站的地址），也可以 是内部链接（指向同一网站
内的页面）。
链接可以使用相对路径或绝 对路径来指定目标地址。
01
02
03
04
05
03
HTML表单
HTML表单用于收集用户输入的数据，如 文本框、单选框、复选框、下拉列表等 。
表单元素包括`<form>`标签、输入元素 （如`<input>`）、选择元素（如 `<select>`和`<option>`）等。
表单数据可以通过POST或GET方法发送 到服务器进行处理。
表单在Web应用程序中有着广泛的应用 ，如在线调查、在线注册等。
于Web开发。
02
它最初被设计用于给网页添 加交互性，但现在已经广泛 用于构建复杂的单页应用和
后端服务器端开发。
03
JavaScript是ECMAScript标 准的一门实现，最新的
ECMAScript标准是ES2023 。
JavaScript语法
01
JavaScript语法基于ECMAScript规范，由关键字、
04
属性选择器
属性选择器用于选择具有特定 属性或属性值的元素。例如， `[target="_blank"]`选择器将 选择所有具有“target”属性 且值为“_blank”的元素。
CSS样式属性
01
字体属性
02
字体属性用于设置文本的字体 、大小、粗细、行高等。例如 ，`font-family`用于设置字体， `font-size`用于设置字体大小， `font-weight`用于设置字体粗 细等。
《web程序设计》PPT课件
（2）Web服务器（也称为HTTP服务器）接到浏览 器的请求后，把URL转换成页面所在服务器的文 件路径名。
（3）如果URL指向的是普通的HTML（Hypertext Markup Language，超文本标记语言）文档， Web服务器将直接把它传送给浏览器。HTML 文档中可能包含用Java，JavaScript，ActiveX， VBScript等编写的小应用程序（applet），服务 器也将它们随HTML文档一道传送到浏览器， 在浏览器所在的机器上执行。
C/S模式 客户/服务器模式 胖客户/瘦服务器 QQ、传奇、瑞星
B/S模式
浏览器/服务器模式 瘦客户/胖服务器 只需浏览器就可完 成操作
2、Web的工作原理
Web采用客户机/服务器（Client/Server)方式访问 资源。Web服务器向浏览器提供服务的过程大致 可以归纳为以下5个步骤：
（1）用户打开计算机（客户机），启动浏览器程序 （Netscape Navigator, Microsoft Internet Explorer 等），并在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便 向该URL所指向的Web服务器发出请求。
本课程尤其注重实践环节，对于每部分内容，均会配 以相关程序实例讲解，以提高Web程序设计技术的综 合应用能力。通过本课程的学习，可以了解Web程序 设计的基本原理和开发方法，学会利用Html、 VBScript，数据库、ADO组件等基本工具，自己构建 和设计简单的动态网站 (如：论坛、电子商务类网站、 信息系统类网站等)。
本课程面向学过《计算机文化基础（一）》和《计算机文 化基础（二）》或有同等计算机基础知识的学生。
考核方式：笔试70%+上机作业30%
（3）如果URL指向的是普通的HTML（Hypertext Markup Language，超文本标记语言）文档， Web服务器将直接把它传送给浏览器。HTML 文档中可能包含用Java，JavaScript，ActiveX， VBScript等编写的小应用程序（applet），服务 器也将它们随HTML文档一道传送到浏览器， 在浏览器所在的机器上执行。
C/S模式 客户/服务器模式 胖客户/瘦服务器 QQ、传奇、瑞星
B/S模式
浏览器/服务器模式 瘦客户/胖服务器 只需浏览器就可完 成操作
2、Web的工作原理
Web采用客户机/服务器（Client/Server)方式访问 资源。Web服务器向浏览器提供服务的过程大致 可以归纳为以下5个步骤：
（1）用户打开计算机（客户机），启动浏览器程序 （Netscape Navigator, Microsoft Internet Explorer 等），并在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便 向该URL所指向的Web服务器发出请求。
本课程尤其注重实践环节，对于每部分内容，均会配 以相关程序实例讲解，以提高Web程序设计技术的综 合应用能力。通过本课程的学习，可以了解Web程序 设计的基本原理和开发方法，学会利用Html、 VBScript，数据库、ADO组件等基本工具，自己构建 和设计简单的动态网站 (如：论坛、电子商务类网站、 信息系统类网站等)。
本课程面向学过《计算机文化基础（一）》和《计算机文 化基础（二）》或有同等计算机基础知识的学生。
考核方式：笔试70%+上机作业30%
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web网页设计及编程语言
主讲 李雅红
目录
第1章 Web应用程序概述 第2章 HTML网页设计 第3章 VBScript脚本编程 第4章 ASP内建对象编程 第5章 Web与数据库集成 第6章 网上论坛设计 第7章 网上考试系统设计
2／241
第1章 Web应用程序概述
1.1 理解Web应用程序 1.2 理解ASP工作原理 1.3 配置ASP开发环境 1.4 设置Dreamweaver站点
具有更好的可扩展性与可定制性，6／数24据1 处理方面更是引入了许多新技
术。
Байду номын сангаас
1.1 理解Web应用程序
第1章目录
• 1.1.5 Web应用开发工具
• 1. 记事本
•
如果用记事本作为网页编辑器，则应当确保文件有一个正确的扩
展名。默认情况下记事本为文件设置的扩展名是.txt。因此，在记事
本中保存文件时，必须为文件指定一个适当的扩展名。
1.1 理解Web应用程序
第1章目录
• 1.1.4 Web应用开发技术
• 1. ASP
•
ASP（Active Server Pages）是Microsoft公司开发的动态网页
技术标准，主要与Microsoft的服务器产品IIS和PWS一起使用。ASP是
一种Web服务器端的脚本环境，可以用来创建动态Web页或Web应用程
（1）计算机。 （2）光纤、同轴电缆和双绞线等传输媒体。 （3）通信网卡：用于收发数据。 （4）集线器(Hub)：用来把多台计算机连在一起。 （5）交换机(Switch)：用来扩展带宽及连接多台计算机。 （6）路由器(或ATM交换机)：负责路径管理和网络交通的控制。 2）计算机网络中的软件 计算机网络中的软件主要分为5类。 （1）操作系统 （2）通信协议 （3）管理软件 （4）交换与路由软件 （5）应用软件 •
• 例：
• 结构：
• 计算机名.三级域名.二级域名.一级域名.顶级域名
• 顶级域名采用两种划分模式 组织模式和地理模式
• 2. URL
•
URL即统一资源定位符，是一种惟一地标识Internet上计算机、目录和文件的位置的
命名规则，用于指定获得Internet上资源的方式和位置。一般形式为：
• 2. FrontPage
•
Microsoft FrontPage是一款支持所见即所得的网页编辑器，可
以用于制作网页、创建和管理Web站点。使用FrontPage，不需要掌握
很多的网页制作方面的知识，甚至不需要了解HTML基本语法，就可以
很轻松地在网页中加入表格、图像、声音、动画和电影。
• 3. Dreamweaver
3／241
1.1 理解Web应用程序
• 1.1.1 计算机网络定义 • 计算机网络(Computer Networks)是用通信线路将分散在不同地点的具有独立自主的计算机系统相互联接,
并按网络协议进行数据通信和实现资源共享的计算机集合,称为计算机网络。其包含三层含义： ①自主计 算机；②相互联接；③信息交换、资源共享、协调工作。从概念上讲，计算机网络由通信子网和资源子网 两部分组成，其功能是将数据划分成不同长度的分组进行传输和处理。 • 1.1.2 计算机网络发展过程 • 1.计算机网络的产生背景 • 美国国防部领导的远景研究规划局ARPA研究建立一种新型网络，要求必须具有以下几个基本特点。 • （1）网络用于计算机之间的数据传送，而不是为了打电话。 • （2）网络能够连接不同类型的计算机，不局限于单一类型的计算机。 • （3）所有的网络结点都同等重要，因而大大提高网络的生存性。 • （4）计算机在进行通信时，必须有冗余的路由。 • （5）网络的结构应当尽可能地简单，同时还能够非常可靠地传送数据。 2.计算机网络的组成 1）计算机网络中的硬件
4／241
第1章目录
1.1 理解Web应用程序
• 1.1.3 基本概念
• 1. Web
•
Web即WWW，是一种最方便和最受欢迎的信息服务。Web服务器是指安装了Web服务器
软件并由系统管理员或Internet服务提供商（ISP）维护的计算机，它可以响应用户通过
Web浏览器发送的请求，以提供Web信息服务。常见的Web服务器软件有：IIS、PWS；常用
• 3. PHP
•
PHP（Personal Home Page）是由Rasmus Lerdorf及其支持者开
发的一种跨平台的服务器端嵌入式脚本语言，通过其数据库集成层可
以创建具有数据库访问功能的网页。
• 4.
•
是建立在公共语言运行库上的编程框架，可以用于在服
务器上生成功能强大的Web应用程序。完全基于模块与组件，
•
scheme://host:port/path
•
用关键词localhost表示程序在其上运行的计算机名称占位符。
• 3. HTTP
•
HTTP即超文本传输协议，是用于访问WWW上信息的客户机/服务器协议，目前的版本
是HTTP 1.1。
• 4. HTML
• 面展示HTM出L来即，超不文同本页标面记通语过言超，链是接用关于联We起b文来档5。／的2格41式化语言。HTML文件的内容通过一个页
的Web浏览器：Netscape Navigator、IE。
• 2. IP地址和域名
• IP地址是识别Internet网络中的主机及网络设备的唯一标识
• 表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个 数不大于255，如210.29.135.122
• DNS ：域名服务系统，允许为主机分配字符名称，即域名。并实现域名与IP地址的转换
•
Macromedia Dreamweaver是一款专业的HTML编辑器，用于对Web
站点、Web页和Web应用程序进行设计、编码和开发。无论是习惯于手
工编写代码还是喜欢在可视化编辑环境中工作，Dreamweaver都能提
序。ASP支持VBScript、JavaScript等多种脚本语言。本教材主要讲
述如何使用ASP开发Web应用程序。
• 2. JSP
•
JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许
多公司参与一起建立的一种动态网页技术标准。JSP技术是用Java语
言作为脚本语言的。
主讲 李雅红
目录
第1章 Web应用程序概述 第2章 HTML网页设计 第3章 VBScript脚本编程 第4章 ASP内建对象编程 第5章 Web与数据库集成 第6章 网上论坛设计 第7章 网上考试系统设计
2／241
第1章 Web应用程序概述
1.1 理解Web应用程序 1.2 理解ASP工作原理 1.3 配置ASP开发环境 1.4 设置Dreamweaver站点
具有更好的可扩展性与可定制性，6／数24据1 处理方面更是引入了许多新技
术。
Байду номын сангаас
1.1 理解Web应用程序
第1章目录
• 1.1.5 Web应用开发工具
• 1. 记事本
•
如果用记事本作为网页编辑器，则应当确保文件有一个正确的扩
展名。默认情况下记事本为文件设置的扩展名是.txt。因此，在记事
本中保存文件时，必须为文件指定一个适当的扩展名。
1.1 理解Web应用程序
第1章目录
• 1.1.4 Web应用开发技术
• 1. ASP
•
ASP（Active Server Pages）是Microsoft公司开发的动态网页
技术标准，主要与Microsoft的服务器产品IIS和PWS一起使用。ASP是
一种Web服务器端的脚本环境，可以用来创建动态Web页或Web应用程
（1）计算机。 （2）光纤、同轴电缆和双绞线等传输媒体。 （3）通信网卡：用于收发数据。 （4）集线器(Hub)：用来把多台计算机连在一起。 （5）交换机(Switch)：用来扩展带宽及连接多台计算机。 （6）路由器(或ATM交换机)：负责路径管理和网络交通的控制。 2）计算机网络中的软件 计算机网络中的软件主要分为5类。 （1）操作系统 （2）通信协议 （3）管理软件 （4）交换与路由软件 （5）应用软件 •
• 例：
• 结构：
• 计算机名.三级域名.二级域名.一级域名.顶级域名
• 顶级域名采用两种划分模式 组织模式和地理模式
• 2. URL
•
URL即统一资源定位符，是一种惟一地标识Internet上计算机、目录和文件的位置的
命名规则，用于指定获得Internet上资源的方式和位置。一般形式为：
• 2. FrontPage
•
Microsoft FrontPage是一款支持所见即所得的网页编辑器，可
以用于制作网页、创建和管理Web站点。使用FrontPage，不需要掌握
很多的网页制作方面的知识，甚至不需要了解HTML基本语法，就可以
很轻松地在网页中加入表格、图像、声音、动画和电影。
• 3. Dreamweaver
3／241
1.1 理解Web应用程序
• 1.1.1 计算机网络定义 • 计算机网络(Computer Networks)是用通信线路将分散在不同地点的具有独立自主的计算机系统相互联接,
并按网络协议进行数据通信和实现资源共享的计算机集合,称为计算机网络。其包含三层含义： ①自主计 算机；②相互联接；③信息交换、资源共享、协调工作。从概念上讲，计算机网络由通信子网和资源子网 两部分组成，其功能是将数据划分成不同长度的分组进行传输和处理。 • 1.1.2 计算机网络发展过程 • 1.计算机网络的产生背景 • 美国国防部领导的远景研究规划局ARPA研究建立一种新型网络，要求必须具有以下几个基本特点。 • （1）网络用于计算机之间的数据传送，而不是为了打电话。 • （2）网络能够连接不同类型的计算机，不局限于单一类型的计算机。 • （3）所有的网络结点都同等重要，因而大大提高网络的生存性。 • （4）计算机在进行通信时，必须有冗余的路由。 • （5）网络的结构应当尽可能地简单，同时还能够非常可靠地传送数据。 2.计算机网络的组成 1）计算机网络中的硬件
4／241
第1章目录
1.1 理解Web应用程序
• 1.1.3 基本概念
• 1. Web
•
Web即WWW，是一种最方便和最受欢迎的信息服务。Web服务器是指安装了Web服务器
软件并由系统管理员或Internet服务提供商（ISP）维护的计算机，它可以响应用户通过
Web浏览器发送的请求，以提供Web信息服务。常见的Web服务器软件有：IIS、PWS；常用
• 3. PHP
•
PHP（Personal Home Page）是由Rasmus Lerdorf及其支持者开
发的一种跨平台的服务器端嵌入式脚本语言，通过其数据库集成层可
以创建具有数据库访问功能的网页。
• 4.
•
是建立在公共语言运行库上的编程框架，可以用于在服
务器上生成功能强大的Web应用程序。完全基于模块与组件，
•
scheme://host:port/path
•
用关键词localhost表示程序在其上运行的计算机名称占位符。
• 3. HTTP
•
HTTP即超文本传输协议，是用于访问WWW上信息的客户机/服务器协议，目前的版本
是HTTP 1.1。
• 4. HTML
• 面展示HTM出L来即，超不文同本页标面记通语过言超，链是接用关于联We起b文来档5。／的2格41式化语言。HTML文件的内容通过一个页
的Web浏览器：Netscape Navigator、IE。
• 2. IP地址和域名
• IP地址是识别Internet网络中的主机及网络设备的唯一标识
• 表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个 数不大于255，如210.29.135.122
• DNS ：域名服务系统，允许为主机分配字符名称，即域名。并实现域名与IP地址的转换
•
Macromedia Dreamweaver是一款专业的HTML编辑器，用于对Web
站点、Web页和Web应用程序进行设计、编码和开发。无论是习惯于手
工编写代码还是喜欢在可视化编辑环境中工作，Dreamweaver都能提
序。ASP支持VBScript、JavaScript等多种脚本语言。本教材主要讲
述如何使用ASP开发Web应用程序。
• 2. JSP
•
JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许
多公司参与一起建立的一种动态网页技术标准。JSP技术是用Java语
言作为脚本语言的。