第1章 Web程序设计
合集下载
第1章 web程序设计基础
1.4.1CSS简介
应用样式表有三种方法：局部、内部和外部。内 部样式表和外部样式表合称为级联式样式。直接 将样式控制放在单个HTML元素内，称为局部样 式或行内样式；在head部分直接实现的CSS样式， 称为内部样式；在head部分通过导入以扩展名 为.css的文件来实现CSS样式，称为外部样式。 在这些方法中，可以只使用一种，也可以同时使 用这三种，一般说来局部样式将覆盖任何内部样 式，内部样式将覆盖外部样式，实际上，这就是 层叠样式表的由来。
1.3 XHTML标记及其属性
1．主体标记<body>…</body> 2.分层标记<div>…</div> 3.文本格式化设置标记 4. 表格标记 5. 图像标记<img /> 6. 超链接标记<a>…</a>
1.4 CSS基础
CSS(Cascading Style Sheets，中文译为层叠样式 表)是用于控制(增强)网页样式并允许将样式信息 与网页内容分离的一种标记性语言，现在已经为 大多数的浏览器所支持。它在字体、样式、风格 等方面的突出表现使其迅速在网页制作中流行起 来，成为网页设计必不可少的工具之一。利用 CSS样式，不仅可以控制一个网页文档中的文本 格式，而且通过引用外部样式表的方式还可以控 制多个网页文档中的文本格式。
1.6 概述
1.6.1 发展概述 1996年，Microsoft推出了ASP（Active Server Page）1.0版 1998年，微软发布了ASP 2.0和IIS 4.0。 之后，又推出了IIS 5.0和ASP 3.0。 2002年 1.0也应运而生 2003年，Microsoft公司发布了Visual Studio 2003（简称VS 2003） 2005年， 1.0升级为 2.0。 2008年， Visual 2008(简称VS 2008)
第1章 Web程序设计概述
与Internet相关的常用术语
（1）因特网（Internet） （2）万维网（World Wide Web，WWW） （3）超文本（Hypertext） （4）超媒体（Hypermedia） （5）主页（HomePage） （6）浏览器（Brower） （7）目录服务（Directory Service） （8）防火墙（Firewall） （9）Internet服务商（Internet Service Provider， ISP）
2．系统要求
（1）支持的操作系统。 Windows XP (x86) with Service Pack 3 - all editions except Starter Edition Windows XP (x64) with Service Pack 2 - all editions except Starter Edition Windows Vista (x86 & x64) with Service Pack 1 - all editions except Starter Edition Windows 7 (x86 and x64) Windows Server 2003 (x86 & x64) with Service Pack 2 Windows Server 2003 R2 (x86 and x64) Windows Server 2008 (x86 and x64) with Service Pack 2 Windows Server 2008 R2 (x64) （2）硬件环境要求。 Computer that has a 1.6GHz or faster processor 1 024 MB RAM 3 GB of available hard disk space 5 400 RPM hard disk drive DirectX 9-capable video card that runs at 1280 x 1024 or higher display resolution DVD-ROM Drive
Web程序设计(第三版)第1章web基础知识
• 匿名FTP服务器 −用户无须拥有口令和用户名就能与匿名 FTP服务器实现连接并复制文件。
1.4 IP地址、域名和URL
1.4.1 IP地址 • IP地址是识别Internet中主机及网络设备的 唯一标识。 • 每个IP地址长度为4 B（字节），共32位 • 由两部分组成：
− 网络地址 − 主机地址
Internet的名称与定义
Internet的中文译名为因特网，也被称为国际互联网。 Internet的简单定义为：Internet就是由多个不同结构的网络， 通过统一的协议和网络设备（即TCP/IP协议和路由器等）互相连 接而成的、跨越国界的、世界范围的大型计算机互联网络。 Internet可以在全球范围内，提供电子邮件、WWW信息浏览与 查询、文件传输、电子新闻、多媒体通信等服务功能。 思考：计算机网络的定义？ 计算机网络就是将地理位臵不同的多台计算机，通过通信设备和 线路将其进行物理上的连接，并按照协议进行通信，实现网络资源 共享的系统。
浏览器/服务器结构(Browser/Server, B/S)
尝试分析这两种模式的优缺点？
图示C/S结构
客户端和服务器都是指通 信中所涉及的两个应用进 程（软件） 这里，服务器程序是运行 中的数据库管理系统
这里，客户端程序是实现 用户登录、浏览、查询特 定数据、连接数据库的程 序
互连网的域名管理机构将顶级域的管理权分派给指定的 管理机构，各管理机构对其管理的域继续进行划分，即划分 成二级域，并将二级域的管理权授予其下属的管理机构，依 此类推，便形成了树型域名结构。
1.4 IP地址、域名和URL
1.4.3 统一资源定位器URL
• 统一资源定位器URL（Uniform Resource Locator）是 用来确定某种信息位臵的方法. •其格式如下： <信息服务类型>：//<信息资源地址>/<文件路径>
1.4 IP地址、域名和URL
1.4.1 IP地址 • IP地址是识别Internet中主机及网络设备的 唯一标识。 • 每个IP地址长度为4 B（字节），共32位 • 由两部分组成：
− 网络地址 − 主机地址
Internet的名称与定义
Internet的中文译名为因特网，也被称为国际互联网。 Internet的简单定义为：Internet就是由多个不同结构的网络， 通过统一的协议和网络设备（即TCP/IP协议和路由器等）互相连 接而成的、跨越国界的、世界范围的大型计算机互联网络。 Internet可以在全球范围内，提供电子邮件、WWW信息浏览与 查询、文件传输、电子新闻、多媒体通信等服务功能。 思考：计算机网络的定义？ 计算机网络就是将地理位臵不同的多台计算机，通过通信设备和 线路将其进行物理上的连接，并按照协议进行通信，实现网络资源 共享的系统。
浏览器/服务器结构(Browser/Server, B/S)
尝试分析这两种模式的优缺点？
图示C/S结构
客户端和服务器都是指通 信中所涉及的两个应用进 程（软件） 这里，服务器程序是运行 中的数据库管理系统
这里，客户端程序是实现 用户登录、浏览、查询特 定数据、连接数据库的程 序
互连网的域名管理机构将顶级域的管理权分派给指定的 管理机构，各管理机构对其管理的域继续进行划分，即划分 成二级域，并将二级域的管理权授予其下属的管理机构，依 此类推，便形成了树型域名结构。
1.4 IP地址、域名和URL
1.4.3 统一资源定位器URL
• 统一资源定位器URL（Uniform Resource Locator）是 用来确定某种信息位臵的方法. •其格式如下： <信息服务类型>：//<信息资源地址>/<文件路径>
Web应用程序设计案例教程第1章
13
【疑难解析 疑难解析】 疑难解析
问题：虚拟目录是否有其他创建方法？ 答：有，可以在Internet信息服务(IIS)管理器 中利用虚拟目录创建向导创建虚拟目录。
14
【课外拓展 课外拓展】 课外拓展
(1) 安装Visual 2003。 (2) 安装并配置IIS服务器。 (3) 创建一个Web页面。 Web
☺(2)代码分离
在ASP.ENT中，HTML代码与程序代码分离，大大提高了 页面的设计效率以及程序代码的可阅读性、可
程序是在服务器上运行的编译好的公共语言运行库 (CLR)代码，而不像ASP那样解释执行，因而与ASP相比，执 行效率大大提高。
A. NET Framework 和IIS C. C#和 B. D.
☺ 3. .NET Framework是一种( )。
A. 编程语言 C. 操作系统 Ａ. F5 Ｃ. F10 B. 程序运行平台 D. 数据库管理系统 B. Ctrl+5 D. F11
☺ 4．要使程序立即运行，需要按( )键。
☺除了以上优点外，还支持服务器控件和Web服务，具有更
高的安全性和良好的可伸缩性等。
3
1.2 的服务器控件简介
的服务器控件主要有： 标签控件Label和Literal，按钮 控件Button、LinkButton和 ImageButton，文本框控件 TextBox，图像控件Image，超 链接控件HyperLink，复选框 CheckBox CheckBox，单选按钮 RadioButton，列表控件 DropDownList、ListBox，容器 类控件Panel，验证控件等。 本节首先介绍Label控件。 Label控件是用来在Web窗体上 显示静态文本，要显示的具体 内容通过其Text属性来设置。 操作过程是：如图所示的工具 箱中单击Label控件按钮，按住 鼠标左键，将其拖拽到设计区 然后释放鼠标左键即可。
Chap1_Web程序设计基础
19
标识 Web资源位置的三种方式： IP地址 地址：202.206.64.33 地址 域名地址： 域名地址 URL：/index.html
Windows上的Web Server
IIS是Windows附带的Web Server IIS的安装 的安装：控制面板 管理工具 的安装 Internet信息服务
PHP/JSP/ASP(.NET)
俗称3P技术，是B/S架构中 服务器端 的编程语言。 ASP: 微软公司推出 JSP: SUN公司推出 PHP: PHP网络小组开发小组 共性1：将脚本嵌入到普通的HTML文件中。 共性2：脚本在服务器端运行，不受浏览器限制。
PHP（Personal Hypertext Preprocessor）
PHP文件：在普通HTML文件中嵌入PHP脚本语 文件： 文件 言，类似C/Java/Perl语言。 服务器端：Unix / Linux / Windows均可； 服务器端 客户端： 客户端：普通浏览器。 特点： 特点：脚本在服务器端运行，不受浏览器限制。 优点： 优点：免费、开放源代码，运行成本低，跨平台，可以在 Windows、UNIX和Apache Web服务器上运行。 。 缺点：运行环境的安装、配置比较复杂；缺乏大公司的支 缺点 持。
An Example of HTML page
<html> <head> <title>A simple HTML page</title> <meta http-equiv=Content-Type content="text/html" charset="gb2312“ > </head> <body bgColor=#feefeb> <h1 align= "center"> Welcome Here </h1> <hr> <p> <font size="3" color="#ff00ff" >hello</font><br> <font size="5"><a href="link.html">morning</a></font> <input type="button" value="Click me"> </body> </html>
Web高级程序设计
23
IIS主目录的设置过程如下：
（ 1 ）打开 IIS 管理器：选“开始菜单 → 程序 → 管理工具 →Internet信息服务”。如图1-7所示。
24
IIS主目录的设置过程如下：
（2）在IIS管理器中，右击“默认Web站点”节点，选择 “属性”命令，打开“默认Web站点属性”对话框后， 单击“主目录”选项卡。
25
创建虚拟目录，可参照下面的步骤：
（1）在IIS管理器中，右击“默认Web站点”节点，在弹 出的快捷菜单中选择“新建”|―虚拟目录”命令，打开 “虚拟目录创建向导”对话框，然后单击“下一步” 按钮，打开“虚拟目录别名”对话框。
26
创建虚拟目录，可参照下面的步骤：
（2）在“别名”文本框中输入用于获得此Web虚拟目录 访问权限的别名，例如， office 。输入别名后，单击 “下一步”按钮，打开“ Web 站点内容目录”对话框。
• 超 文 本 标 记 语 言 HTML---Hyper Text Markup Language • HTML 是一种专用的编程语言，用于编 制要通过WWW显示的超文本文件页面 • 以.html或是.htm结尾 • 用一系列的标记来标识各种元素和文本
• 超 文 本 传 输 协 议 HTTP （ Hyper Text Transfer Protocol）
16
1.3.3 ASP、PHP、JSP的比较 3、JSP
（Java Server Page）
Jsp可以在Serverlet和JavaBean的支持下，完成功能强大 的站点程序。
17
1.3.4
在执行脚本时要经过两次编译： • 第 一 次 是 从 脚 本 语 言 到 MSIL （ Microsoft Intermediate Language，微软的中间语言）； • 第二次是MSIL到执行的机器码。
PHP第1章Web应用程序设计与开发概述
（4）框架型
即使用框架将页面分成上下或左右两部分的网 页类型，这种结构比较清晰。图1-10是框架型 网页的例子。左侧的框架中显示产品分类，右 侧的框架中是产品展示。
（5）封面型
多用于一些公司或商务活动的首页， 采用精美的图片或动画加上一些简单 的链接。
（6）Flash型
与封面性网页类似，Flash性网页也多用于 一些公司或商务活动的首页，采用精美的 Flash加上一些简单的链接，Flash的功能 十分强大，视觉效果明显优于图片。
1.3 Web应用程序的基本开发流程
1.3.1 准备Web服务器
运行Web应用程序需要一个载体，即Web服务器。一 个Web服务器可以放置多个Web应用程序，也可以把 Web服务器称为Web站点。 通常服务器有两层含义，一方面它代表计算机硬件 设备，用来安装操作系统和其他应用软件；另一方 面它又代表安装在硬件服务器上的相关软件。 要配置Web应用程序，首先需要准备一台硬件服务器 ，如果没有特殊需要，选择普通的PC服务器即可。 PC服务器的组件与普通计算机相似，主要包括主板 、CPU、内存、硬盘、显卡等。只是PC服务器比普通 计算机拥有更高的性能和更好的稳定性。在开发和 测试阶段，或者比较小的网络环境下，也可以使用 普通计算机作为Web服务器。
在Web应用程序出现之前，“客户及/服务器” （C/S）是应用程序的主流架构。C/S应用程序通 过客户端程序它为用户提供管理和操作界面，而 数据通常保存在服务器端。在部署C/S架构的应 用程序时，需要为每个用户安装级客户端程序， 升级应用程序是也同样需要升级客户端程序。这 无疑增加了维护成本。
2．Web应用程序的产生
客户机
客户机上的任务主要如下
建立和断开与服务器的连接。 提交数据访问请求。 等待服务通告，接受请求结果或错误。 处理数据库访问结果或错误，包括重发 请求和终止请求。 提供应用程序的友好用户界面。 数据输入/输出及验证。
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程序设计第二版
什么是Web ？ Web的工作原理 Web服务器
什么是Web ？
什么是Web ？
互联网 = {所有上网的主机}
各种服务器，如：Web服务，FTP服务器，Email服务器，NNTP服 务器，应用服务器 ，etc.
客户机
WWW ={Web服务器，Web客户机}
Web服务器
网络操作系统 Web服务组件，如Apache/Tomcat，IIS
在1995年Sun虽然推出了Java，但这只是一种语言，而要想开发复杂的应 用程序，必须要有一个强大的开发库支持。
Sun在1996年1月23日发布了JDK1.0
JDK的构成
运行环境（即JRE）
核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM)
开发环境（即JDK)
Web服务器
Web服务器计算机
安装网络操作系统 安装Web服务程序
Web服务程序
接受客户端（浏览器）的HTTP访问 产品
Windows服务器中的IIS Apache+Tomcat
Web浏览器
HTML或XML文档阅读器
符合HTML规范，标记
脚本程序
内置脚本程序引擎，解释执行客户端脚本程序
不同操作系统平台有不同的JVM
Java API
用于Java编程，各种JDK
Java的特点
Java程序“编写一次，到处运行”
编译后生成字节码（.class文件），不是exe 。class文件在JVM上运行，而不是在OS上
完全面向对象
Java语言环境
JDK（Java Development Kit,Java开发工具包）
Web客户机
Web浏览器，如IE，Mahton，Firefox
什么是Web ？
什么是Web ？
互联网 = {所有上网的主机}
各种服务器，如：Web服务，FTP服务器，Email服务器，NNTP服 务器，应用服务器 ，etc.
客户机
WWW ={Web服务器，Web客户机}
Web服务器
网络操作系统 Web服务组件，如Apache/Tomcat，IIS
在1995年Sun虽然推出了Java，但这只是一种语言，而要想开发复杂的应 用程序，必须要有一个强大的开发库支持。
Sun在1996年1月23日发布了JDK1.0
JDK的构成
运行环境（即JRE）
核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM)
开发环境（即JDK)
Web服务器
Web服务器计算机
安装网络操作系统 安装Web服务程序
Web服务程序
接受客户端（浏览器）的HTTP访问 产品
Windows服务器中的IIS Apache+Tomcat
Web浏览器
HTML或XML文档阅读器
符合HTML规范，标记
脚本程序
内置脚本程序引擎，解释执行客户端脚本程序
不同操作系统平台有不同的JVM
Java API
用于Java编程，各种JDK
Java的特点
Java程序“编写一次，到处运行”
编译后生成字节码（.class文件），不是exe 。class文件在JVM上运行，而不是在OS上
完全面向对象
Java语言环境
JDK（Java Development Kit,Java开发工具包）
Web客户机
Web浏览器，如IE，Mahton，Firefox
Web程序设计(第二版)-04
色彩设计
不同功能的网站，其颜色的主色调设计也不相同。 其次是颜色的搭配 。
图形的应用
用于信息反馈 增加趣味性
文字的字体
大号字 空白，提高页面的易读性和易用性 ，空白可以分离出重要信息，使眼睛得到休息， 并给人以冷静和有秩序的感觉。
页面效果设计
效果设计
效果设计就是 利用 Photoshop 等图形图像处 理工具，按照 页面的布局设 计，来设计页 面的完整图片
在文档的<head>..</head>内部生成类似如下的代码
新建样式表文件
在“新建”任务窗格中，点击“其他网页模版”超链接，打开“网页模 版”对话框，选择“样式表”选项卡，然后选择一个样式表模板，从而 建立一个样式表文件。 通过执行“格式”菜单中的“样式…”菜单命令来编辑样式即可。 使用样式表文件
网页内容与表现形式
网页内容
网站标志，导航，菜单，图片按钮，表单样式，表格
数据文字表现，新闻，公告，讨论区，blogs，友情链 接，广告条，版权信息等。
表现形式
文本、图片、动画等不同的媒体形式来展示，以产生
更好的用户体验
页面布局设计
网页布局设计方法
页面布局的草图 加工 定稿 页面尺寸，页面尺寸和显示器大小及分辨率有关系 整体造型
然后对图片进 行切图，为下 面的页面 html代码编 写准备 images。
4.2 使用Front Page制作网页
Front Page的功能
网站的新建与维护
网页制作
网页编辑
设置标记属性
定义和使用样式 Frame框架和IFrame框架
javaweb程序设计教程课后答案（可编辑）
java web程序设计教程课后答案第1章 Web应用开发简介习题答案1.Web在组成上包括______和______两部分。
答案:服务器客户端2.谈谈对面向对象的认识。
答案:面向对象将将要解决的问题分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙解决问题中的各个步骤中的行为。
面向对象编程方式是建立在面向过程编程方式基础上,其最重要的改变在于面向对象编程中,程序将围绕被操作的对象来设计,而不是操作本身。
面向对象编程方式以类作为构造程序的基本单位,具有封装、抽象、继承、多态性等特点。
3.介绍几种常用的框架技术。
答案:Java中常用的框架。
1.StrutsStruts是Apache 基金会Jakarta 项目组的一个开源项目,是一个基于Sun J2EE平台的MVC框架,它将Servlet和JSP标签作为实现自身功能的一部分。
2.WebWorkWebWork是由OpenSymphony组织开发的,是一个基于Web的MVC 框架。
它在运行时通过Interceptor(拦截器)自动应用,因此脱离了Action类。
3.Struts 2Struts 2是Apache基金会的一个开源项目,它建立在Struts框架与WebWork框架基础之上,继承了二者的优点,是目前非常流行的一个Web框架。
4.SpringSpring是一个以IoC和AOP为核心的轻量级容器框架。
它提供了一系列的Java EE开发解决方案,包括表示层的Spring MVC、持久层的Spring JDBC以及业务层事务管理等众多的企业级应用技术。
5.HibernateHibernate是一个ORM(对象关系映射)框架,它对JDBC进行了轻量级的封装。
通过使用Hibernate框架,开发人员能够以面向对象的思维方式来操作数据库。
6.Ibatis相对于Hibernate而言,Ibatis是一个“半自动化”的ORM实现框架,它主要致力于POJO与SQL之间的映射关系,是对“全自动化”ORM框架的一种有益补充。
第1章Web基础知识(WEB程序设计)
1.1 应用程序架构及其发展
1.1.4 浏览器/服务器架构
为解决客户机/服务器架构的应用局限，浏览器/服务器 （browser/server，B/S）架构的应用程序成为更多人的选 择。浏览器/服务器架构是对客户机/服务器架构的改进。它 使用Internet上的标准协议（TCP/IP）作为客户机和服务器 的通信协议，可以使位于Internet上的任意位置的人都可以 访问服务器（例如移动办公）。服务器完成数据处理和数据 的存储，并将处理结果以网页的形式提供给客户端。客户端 的浏览器实现对数据的显示，客户端不需要单独编写应用程 序，应用程序系统的升级只需在服务器上进行。
二进制数表示的IP地址： 11001010 01110000 00000000 00100100 用“点分十进制”表示为： 202.112.0.36
ቤተ መጻሕፍቲ ባይዱ
1.2 Internet基础
3. 域名
由于数字描述的IP地址没有规律，难于记忆，所以，人 们用具有一定含义的字符来描述每台主机的地址，称为域名 （Domain name）。在Internet上由域名服务系统（DNS）负 责IP地址和域名之间的转换，用户可以等价使用IP地址和域 名。
Web简介
1.3.4 Web应用程序部署环境
⑸ 启动服务并测试
1.3
⑴ 基于网络的编程模式 ⑵ 以界面表现为主导 ⑶ 可以跨平台实现 ⑷ 容易入门和掌握 ⑸ 难以实现复杂的系统
Web简介
1.3.5 Web应用程序的特点
⑹ 性能受网络带宽的影响
1.4
WEB应用程序开发工具简介
Web应用程序设计可以使用文本编辑软件和 专门的开发工具。 1. 文本编辑软件
1.1 应用程序架构及其发展
第一章 Web程序设计基础
3.5系统要求 1）.net 框架 2）visual web developer( 2008) 3) sql server 2005
1 网站的运行
静态网站执行过程
请求数据服务
返回请求的数据
客户机
服务器
1 网站的运行
动态网站执行过程（ 为例） 动态网站执行过程（以为例） 为例 1.申请网页 2.服务器接到申请，发现寻找aspx文件,在系统中寻找 3.将网页加载，处理 4.生成html形式,网页回传
解释工 作
请求服务 请求数据
数据管 理工作
返回服务
返回数据
客户机
Web服务器
数据库服务器B/S示意图具Fra bibliotek逻 辑处理 工作
1 网站的运行
交互技术简介 -CGI：Common Gateway Interface的简称，CGI是一种通用的网关接口， 是外部程序和WEB服务器之间的标准编程接口。 -ASP：可以认为ASP是一种类似HTML、Script与CGI的结合体，但是 其运行效率却要比CGI高。 -PHP：PHP（Hypertext Preprocessor，超文本预处理器）是一种 HTML内嵌式的语言（类似于ASP）。 -JSP：JSP（Java Server Pages）是Sun公司推出的网站开发技术， 是将纯Java代码嵌入HTML中实现动态功能的一项技术。JSP代码被编 译成 Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页 面的第一次请求时发生。（与ASP比较） ：微软在ASP之后推出的技术。与ASP有完全不同的架构，将前 台页面与后台程序页面完全分开。 -AJAX：最新的技术，可以实现页面无刷新更新，将在以后做详细介 绍。目前的G-mail、126、163邮箱、google map等都用到了此技术， 新的微软主页也大量使用了此技术。
web程序设计第7版
web程序设计第7版Web程序设计第7版随着信息技术的飞速发展，Web程序设计已成为计算机科学与技术领域中一个极其重要的分支。
《Web程序设计》第7版是一本全面介绍Web开发基础知识、技术与实践的专业书籍。
本书在前六版的基础上，进行了全面的更新和改进，以适应当前Web开发的最新趋势和技术要求。
第一章：Web开发概述Web开发是一个涉及前端和后端技术的复杂过程。
本章首先介绍了Web的基本概念，包括Web服务器、客户端、HTTP协议等。
接着，讨论了Web开发的基本流程，包括需求分析、设计、编码、测试和部署。
最后，概述了Web开发中常用的技术和工具。
第二章：HTML与CSS基础HTML（HyperText Markup Language）是构建Web页面的标准标记语言。
本章详细介绍了HTML的基本语法、常用标签以及如何使用HTML构建基本的Web页面结构。
CSS（Cascading Style Sheets）用于描述HTML 文档的呈现方式。
本章还涵盖了CSS的基础知识，包括选择器、属性和布局。
第三章：JavaScript与DOM操作JavaScript是一种广泛使用的脚本语言，用于增强Web页面的交互性。
本章首先介绍了JavaScript的基本语法和数据类型，然后深入讲解了JavaScript的事件处理、DOM（Document Object Model）操作以及Ajax技术。
通过本章的学习，读者将能够使用JavaScript实现动态的用户界面和与服务器的异步通信。
第四章：响应式Web设计随着移动设备的普及，响应式Web设计变得越来越重要。
本章介绍了响应式设计的基本概念，包括媒体查询、流体布局和弹性图片。
通过学习本章内容，读者将能够设计出适应不同屏幕尺寸和设备的Web页面。
第五章：前端框架与工具现代Web开发中，前端框架和工具的使用极大地提高了开发效率和页面性能。
本章介绍了一些流行的前端框架，如React、Vue和Angular，以及构建工具如Webpack和Gulp。
Web程序设计(第4版)_第1章
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：97871212eb是一种超文本信息系统。
（2）Web是图形化的和易于导航的。
（3） Web与平台无关。
（4）Web是分布式的。
（5）Web具有新闻性。
（6）Web是动态的、交互的。
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
第 1 章
WEB编程基础知识
1.1 什么是Web
1.2 Web的工作原理
1.3 Internet网络协议
1.4 IP地址、域名和URL
1.5 动态网页设计技术简介 1.6 .NET框架简介
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
Web服务器提供服务的过程
（1）用户在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该URL所指向 的Web服务器发出请求。
（2）Web服务器接到浏览器的请求后，把URL转换成页 面所在服务器的文件路径名。
• Web事务处理的步骤
– 客户端与服务器建立连接； – 客户端向服务器提出请求； – 如果请求被接受，则服务器送回响应，在响应中包括状态 码和所需的文件； – 客户端和服务器断开连接。
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
1.3 Internet网络协议
（2）Web是图形化的和易于导航的。
（3） Web与平台无关。
（4）Web是分布式的。
（5）Web具有新闻性。
（6）Web是动态的、交互的。
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
第 1 章
WEB编程基础知识
1.1 什么是Web
1.2 Web的工作原理
1.3 Internet网络协议
1.4 IP地址、域名和URL
1.5 动态网页设计技术简介 1.6 .NET框架简介
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
Web服务器提供服务的过程
（1）用户在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该URL所指向 的Web服务器发出请求。
（2）Web服务器接到浏览器的请求后，把URL转换成页 面所在服务器的文件路径名。
• Web事务处理的步骤
– 客户端与服务器建立连接； – 客户端向服务器提出请求； – 如果请求被接受，则服务器送回响应，在响应中包括状态 码和所需的文件； – 客户端和服务器断开连接。
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
1.3 Internet网络协议
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2011年7月11日 22
PHP的概念Байду номын сангаасPHP的概念
PHP是一种跨平台的服务器端的嵌入式 脚本语言。它大量地借用C，Java和Perl语 言的语法,并耦合PHP本身的特性,使WEB开发 者能够快速地写出动态生成页面。它支持目 前绝大多数数据库。 PHP是完全免费的，可以从PHP官方站点 () 自 由 下 载 。 而 且 可以不受限制地获得源码，甚至可以从中加 进所需要的特色。 （1）数据库连接 （2）面向对象编程
2011年7月11日
24
PHP缺少企业级的支持，只适合于中小型 应用，没有组件的支持，难以将集群、 应用服务器的特性加入到系统中去，而 一个大型的站点是需要这样的支持的。
2011年7月11日
25
<html> <head> <title>php</title> </head> <body> <?php Echo “this is my first ?> </body> </html>
2011年7月11日 5
静态网页
最初的都是用超文本标记语言HTML来实 现的.一般后缀为.htm或.html 制作工具可以是记事本、EditPlus等 FrontPage 纯文本编写工具，也可以是FrontPage、 DreamWeaver等所见即所得的工具。 静态网页的缺点是：如果要修改网页， 必须修改源代码，并重新上传。
2011年7月11日
6
静态网页示例
2011年7月11日
7
静态网页的工作原理
接受请求 客户端 服务器端 找到静态网页 发送网页 参见教材图1.2
2011年7月11日 8
动态网页
所谓动态网页，就是服务器端可以根据客户端 的不同请求动态产生网页内容。 两个显著特点：
可以动态产生页面 支持客户端和服务器端的交互功能
2011年7月11日 19
客户端编程：客户端浏览器下载服务器 上的程序执行，编程技术有VBScript、 JavaScript、applet等 服务器编程:请求所要访问的代码在服务 器端执行，把执行的结果以HTML文件代 码的形式传会给浏览器，编程技术有JSP、 ASP、PHP、等
2011年7月11日
2011年7月11日 36
ASP特点： ASP特点： 特点
使用VBScript、JScript等简单易懂的脚 本语言，结合HTML代码，即可快速地完成 网站的应用程序。 无须编译，容易编写，可在服务器端直接执 行。 使用普通的文本编辑器，如Windows的记 事本，即可进行编辑设计。
2011年7月11日 17
Web服务器是一种软件，可以管理各种 Web文件，并对提出HTTP请求的浏览器 提供响应，比较常见的Web服务器有IIS、 Tomcat、JBoss、Weblogic等
2011年7月11日
18
3. 动态网页的编程技术
动态网页的特点。 “交换性”：即网页会根据用户的要求和选择 而动态改变和影响，将浏览器作为客户端界面， 这将是今后Web发展的大趋势。 “自动更新”：即无需手动更新HTML文档， 便会自动生成新的页面，可以大大节省工作量。 “因时因人而变”：即当不同的时间、不同的 人访问同一网址时会产生不同的页面。
2011年7月11日
31
ASP与脚本语言 脚本是指嵌入到网页文件中的程序代码， 按照执行方式不同分为客户端脚本和服 务器端脚本 脚本所使用的编程语言称为ie脚本语言， 脚本语言是一种解释型语言。 ASP所使用的脚本语言为VBScript和 JavaScript
2011年7月11日
32
JSP借助于一些组件很好大实现处理逻辑 和表示页面的分离，而ASP是混在一起的， 随着的推出，有所改善。 JSP相对ASP的优势是平台无关性 ASP的最大优势是简单易用，用于只在 window下运行，应用规模比较小，处理 逻辑简单的情况。
2011年7月11日
php”;
26
JSP的概念 JSP的概念
JSP是Sun公司推出的新一代站点开发语言， Sun公司借助自己在Java上的不凡造诣，将Java从 Java应用程序和Java Applet之外，又有新的硕果， 就是JSP——Java Server Page。 JSP可以在Servlet和JavaBean的支持下，将内 容的生成和显示进行分离，完成功能强大的站点程 序。
2011年7月11日 3
Web是Internet提供的一种服务，它是基于 Internet、采用Internet协议的一种体系结构。 Web是存储在全世界Internet计算机中、数 量巨大的文档的集合，可以说Web是世界 上最大的电子信息仓库。 Web服务的基础是Web页面，有彼此关联的文 档组成，每个服务站点都包括若干个相互关 联的页面. 每个站点都有一个主页，是进入某个站点的 起始页，相当于这个站点的窗口。
2011年7月11日
35
与ASP的主要区别： 与ASP的主要区别： 的主要区别
效率。ASP是一个脚本编程环境，只能用 VBScript或JavaScript，每次请求都要解 释执行。而则是建立在.net框架之 上，可以使用VB、C++编程语言，并且第一次 执行时进行编译，之后的执行不再需要重新编 译就可以运行。 可重用性。 ASP和HTML代码混合在一起维护 困难，实现代码和内容的分离，维护 方便。 代码量。 ASP所有功能均需要通过编写代码 来实现，而同样的功能，使用的代码 量要小得多。
28
编写一个简单的JSP页面，如下(test.jsp)： <html> <head> <title>测试JSP运行</title> </head> <body> <center> 当前的时间是： <%=new java.util.Date()%> </center> </body> </html>
2011年7月11日
动态网站 多样互动 Asp/jsp/php/.net 自动更新 易于修改 交互性 开发的系统 B/S架构 远程控制 数据库管理为核心 不容易掌握与开发
12
Web的特点
Web是一种超文本信息系统 Web是图形化的和易于导航的 Web与平台无关 Web是分布式的 Web具有新闻性 Web是动态的、交互的
ASP的基础知识 第1章 ASP的基础知识
2011年7月11日
1
本节课的内容
什么是Web Web的工作原理 动态网页的编程技术 协议与HTTP协议 域名和IP地址 IIS上的WWW服务器实现
2011年7月11日
2
1. Web的基本概念
Web的全称是Word Wide Web，简称为WWW或 3W，译为“万维网”或“全球信息网”.Web 的创建是为解决Internet上的信息传递问题 WWW是由欧洲粒子物理实验室开发的，是采 用超文本和多媒体技术，将不同文件通过关 键字建立链接，提供一种交叉式查询方式 （而不仅仅是传统的线性方式）。 WWW的核心是Web服务器， Web的内容保存在 Web服务器中，用户可以通过浏览器来访问 Web站点。
ASP的所有程序都保存在服务器端，由IIS 直接解释执行。 程序仍然保存在服务端,由服务器 编译执行。当第一次程序是进行编译，再次 执行这个程序时，就在服务器端直接执行已 编译好的代码，因此程序的执行 速度有较大的提高。对于实现同样功能的程 序， 代码量比ASP要小得多。
2011年7月11日
4
从信息查询的角度来看，主页就是用户 本次通过WWW在连接访问超文本各类信息 资源的根； 从信息提供的角度来看，由于各个开发 WWW服务器的机构在组织WWW信息时是以 信息页为单位的，这些信息页被组织成 树状结构以便检索，那个代表“树根” 信息页的超文本就是该WWW服务器的初始 页（主页）。
2011年7月11日 23
PHP是一种HTML内嵌式语言，直接在脚本代 码中加入HTML标签，其脚本代码可以用C、 Java、Perl等语言来编写。 跨平台、良好的数据库交互能力，支持SQL、 MYSQL、Sybase、Oracle 等数据库 与Apache可以以静态编译的方式结合起来， 可以最大化利用CPU和内存，达到最快的速 度
20
动态网页技术CGI
早期，动态网页主要采用CGI技术，可以采用 VB、Delphi、C/C++等编写CGI程序放在WEB 服务器上运行，再将其运行的结果通过WEB服 务器传输到客户端浏览器上。 这种方式由于编程困难、效率低下，修改复杂， 逐渐被其它新技术取代。
2011年7月11日
21
编写CGI最常用的程序是Perl语言，下面是一 个CGI程序例子： #!/usr/bin/perl $Hello=“Hello world”; $Time=2; Print $Hello,“for the” ,$Time,“nd time!” #End hello.pl 输出结果： Hello world for the 2nd time!
2011年7月11日
16
用户输入不同的URL，可以打开特定的Web服务器 的相应文档，下载到浏览器上，浏览器解释HTML所 描述的动画、声音、文本和图形图像，以及需要进 一步链接的URL，展现给用户的是极其丰富的超文 本信息。 Web浏览器最基本的功能是解释HTML文档，它并不 是能处理各种类型的文件，当遇到不能处理的某类 文件时，就检查是否由这类文件的辅助程序，常见 的辅助程序由MPEG播放器、声音播放器以及动画、 图像播放器等，这样无论在Web站点上浏览什么类 型的文件，浏览器几乎都能解释。
2011年7月11日
13
2. Web的工作原理 的工作原理
参见教材图1.1
PHP的概念Байду номын сангаасPHP的概念
PHP是一种跨平台的服务器端的嵌入式 脚本语言。它大量地借用C，Java和Perl语 言的语法,并耦合PHP本身的特性,使WEB开发 者能够快速地写出动态生成页面。它支持目 前绝大多数数据库。 PHP是完全免费的，可以从PHP官方站点 () 自 由 下 载 。 而 且 可以不受限制地获得源码，甚至可以从中加 进所需要的特色。 （1）数据库连接 （2）面向对象编程
2011年7月11日
24
PHP缺少企业级的支持，只适合于中小型 应用，没有组件的支持，难以将集群、 应用服务器的特性加入到系统中去，而 一个大型的站点是需要这样的支持的。
2011年7月11日
25
<html> <head> <title>php</title> </head> <body> <?php Echo “this is my first ?> </body> </html>
2011年7月11日 5
静态网页
最初的都是用超文本标记语言HTML来实 现的.一般后缀为.htm或.html 制作工具可以是记事本、EditPlus等 FrontPage 纯文本编写工具，也可以是FrontPage、 DreamWeaver等所见即所得的工具。 静态网页的缺点是：如果要修改网页， 必须修改源代码，并重新上传。
2011年7月11日
6
静态网页示例
2011年7月11日
7
静态网页的工作原理
接受请求 客户端 服务器端 找到静态网页 发送网页 参见教材图1.2
2011年7月11日 8
动态网页
所谓动态网页，就是服务器端可以根据客户端 的不同请求动态产生网页内容。 两个显著特点：
可以动态产生页面 支持客户端和服务器端的交互功能
2011年7月11日 19
客户端编程：客户端浏览器下载服务器 上的程序执行，编程技术有VBScript、 JavaScript、applet等 服务器编程:请求所要访问的代码在服务 器端执行，把执行的结果以HTML文件代 码的形式传会给浏览器，编程技术有JSP、 ASP、PHP、等
2011年7月11日
2011年7月11日 36
ASP特点： ASP特点： 特点
使用VBScript、JScript等简单易懂的脚 本语言，结合HTML代码，即可快速地完成 网站的应用程序。 无须编译，容易编写，可在服务器端直接执 行。 使用普通的文本编辑器，如Windows的记 事本，即可进行编辑设计。
2011年7月11日 17
Web服务器是一种软件，可以管理各种 Web文件，并对提出HTTP请求的浏览器 提供响应，比较常见的Web服务器有IIS、 Tomcat、JBoss、Weblogic等
2011年7月11日
18
3. 动态网页的编程技术
动态网页的特点。 “交换性”：即网页会根据用户的要求和选择 而动态改变和影响，将浏览器作为客户端界面， 这将是今后Web发展的大趋势。 “自动更新”：即无需手动更新HTML文档， 便会自动生成新的页面，可以大大节省工作量。 “因时因人而变”：即当不同的时间、不同的 人访问同一网址时会产生不同的页面。
2011年7月11日
31
ASP与脚本语言 脚本是指嵌入到网页文件中的程序代码， 按照执行方式不同分为客户端脚本和服 务器端脚本 脚本所使用的编程语言称为ie脚本语言， 脚本语言是一种解释型语言。 ASP所使用的脚本语言为VBScript和 JavaScript
2011年7月11日
32
JSP借助于一些组件很好大实现处理逻辑 和表示页面的分离，而ASP是混在一起的， 随着的推出，有所改善。 JSP相对ASP的优势是平台无关性 ASP的最大优势是简单易用，用于只在 window下运行，应用规模比较小，处理 逻辑简单的情况。
2011年7月11日
php”;
26
JSP的概念 JSP的概念
JSP是Sun公司推出的新一代站点开发语言， Sun公司借助自己在Java上的不凡造诣，将Java从 Java应用程序和Java Applet之外，又有新的硕果， 就是JSP——Java Server Page。 JSP可以在Servlet和JavaBean的支持下，将内 容的生成和显示进行分离，完成功能强大的站点程 序。
2011年7月11日 3
Web是Internet提供的一种服务，它是基于 Internet、采用Internet协议的一种体系结构。 Web是存储在全世界Internet计算机中、数 量巨大的文档的集合，可以说Web是世界 上最大的电子信息仓库。 Web服务的基础是Web页面，有彼此关联的文 档组成，每个服务站点都包括若干个相互关 联的页面. 每个站点都有一个主页，是进入某个站点的 起始页，相当于这个站点的窗口。
2011年7月11日
35
与ASP的主要区别： 与ASP的主要区别： 的主要区别
效率。ASP是一个脚本编程环境，只能用 VBScript或JavaScript，每次请求都要解 释执行。而则是建立在.net框架之 上，可以使用VB、C++编程语言，并且第一次 执行时进行编译，之后的执行不再需要重新编 译就可以运行。 可重用性。 ASP和HTML代码混合在一起维护 困难，实现代码和内容的分离，维护 方便。 代码量。 ASP所有功能均需要通过编写代码 来实现，而同样的功能，使用的代码 量要小得多。
28
编写一个简单的JSP页面，如下(test.jsp)： <html> <head> <title>测试JSP运行</title> </head> <body> <center> 当前的时间是： <%=new java.util.Date()%> </center> </body> </html>
2011年7月11日
动态网站 多样互动 Asp/jsp/php/.net 自动更新 易于修改 交互性 开发的系统 B/S架构 远程控制 数据库管理为核心 不容易掌握与开发
12
Web的特点
Web是一种超文本信息系统 Web是图形化的和易于导航的 Web与平台无关 Web是分布式的 Web具有新闻性 Web是动态的、交互的
ASP的基础知识 第1章 ASP的基础知识
2011年7月11日
1
本节课的内容
什么是Web Web的工作原理 动态网页的编程技术 协议与HTTP协议 域名和IP地址 IIS上的WWW服务器实现
2011年7月11日
2
1. Web的基本概念
Web的全称是Word Wide Web，简称为WWW或 3W，译为“万维网”或“全球信息网”.Web 的创建是为解决Internet上的信息传递问题 WWW是由欧洲粒子物理实验室开发的，是采 用超文本和多媒体技术，将不同文件通过关 键字建立链接，提供一种交叉式查询方式 （而不仅仅是传统的线性方式）。 WWW的核心是Web服务器， Web的内容保存在 Web服务器中，用户可以通过浏览器来访问 Web站点。
ASP的所有程序都保存在服务器端，由IIS 直接解释执行。 程序仍然保存在服务端,由服务器 编译执行。当第一次程序是进行编译，再次 执行这个程序时，就在服务器端直接执行已 编译好的代码，因此程序的执行 速度有较大的提高。对于实现同样功能的程 序， 代码量比ASP要小得多。
2011年7月11日
4
从信息查询的角度来看，主页就是用户 本次通过WWW在连接访问超文本各类信息 资源的根； 从信息提供的角度来看，由于各个开发 WWW服务器的机构在组织WWW信息时是以 信息页为单位的，这些信息页被组织成 树状结构以便检索，那个代表“树根” 信息页的超文本就是该WWW服务器的初始 页（主页）。
2011年7月11日 23
PHP是一种HTML内嵌式语言，直接在脚本代 码中加入HTML标签，其脚本代码可以用C、 Java、Perl等语言来编写。 跨平台、良好的数据库交互能力，支持SQL、 MYSQL、Sybase、Oracle 等数据库 与Apache可以以静态编译的方式结合起来， 可以最大化利用CPU和内存，达到最快的速 度
20
动态网页技术CGI
早期，动态网页主要采用CGI技术，可以采用 VB、Delphi、C/C++等编写CGI程序放在WEB 服务器上运行，再将其运行的结果通过WEB服 务器传输到客户端浏览器上。 这种方式由于编程困难、效率低下，修改复杂， 逐渐被其它新技术取代。
2011年7月11日
21
编写CGI最常用的程序是Perl语言，下面是一 个CGI程序例子： #!/usr/bin/perl $Hello=“Hello world”; $Time=2; Print $Hello,“for the” ,$Time,“nd time!” #End hello.pl 输出结果： Hello world for the 2nd time!
2011年7月11日
16
用户输入不同的URL，可以打开特定的Web服务器 的相应文档，下载到浏览器上，浏览器解释HTML所 描述的动画、声音、文本和图形图像，以及需要进 一步链接的URL，展现给用户的是极其丰富的超文 本信息。 Web浏览器最基本的功能是解释HTML文档，它并不 是能处理各种类型的文件，当遇到不能处理的某类 文件时，就检查是否由这类文件的辅助程序，常见 的辅助程序由MPEG播放器、声音播放器以及动画、 图像播放器等，这样无论在Web站点上浏览什么类 型的文件，浏览器几乎都能解释。
2011年7月11日
13
2. Web的工作原理 的工作原理
参见教材图1.1