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)
java web 程序设计基础教程
java web 程序设计基础教程Java Web程序设计是一门涉及Java编程语言和Web开发的技术。
它允许开发人员创建支持网页和网络应用程序的动态网站。
本教程将介绍Java Web程序设计的基础知识和技巧。
一、Java Web程序设计概述Java Web程序设计是一种将Java技术与Web开发结合的方法。
Java是一种功能强大的编程语言，广泛应用于各种领域。
通过使用Java进行Web编程，可以实现交互式和动态的网站。
Java Web程序设计可以帮助开发人员创建可伸缩、可维护和高性能的Web应用程序。
二、Java Web程序设计的基本原理Java Web程序设计的基本原理是通过使用Java Servlet和Java Server Pages (JSP) 这两种技术来处理与客户端的交互。
Java Servlet是一种Java类，用于处理来自客户端的请求和生成相应的响应。
JSP允许开发人员在HTML页面中嵌入Java代码，从而实现动态网页。
三、Java Web程序设计的开发环境为了开始进行Java Web程序设计，您需要搭建一个适合的开发环境。
这个环境通常包括Java开发工具包 (JDK)、Java开发工具 (IDE)、Web服务器和数据库等组件。
您可以选择使用Eclipse、IntelliJ IDEA等IDE来开发Java Web应用程序。
四、Java Web程序设计的核心技术Java Web程序设计的核心技术包括：1. HTML和CSS：用于创建Web页面的基本结构和样式。
2. Java Servlet：用于处理客户端请求的Java类。
3. Java Server Pages (JSP)：允许在网页中嵌入Java代码，并生成动态内容。
4. JavaServer Faces (JSF)：用于开发复杂的用户界面和表单。
5. Java Database Connectivity (JDBC)：用于与数据库进行交互。
《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还没有所有浏览器的统一兼容。
Web程序设计基础整理
Web程序设计基础整理⼀、基础知识1.静态⽹页和动态⽹页静态⽹页动态⽹页编程语⾔html html + ⾼级语⾔⽂件后缀名*html *htm*.asp *.jsp *.pip *.osp⽹页运⾏双击⽂件，直接可直接在浏览器运⾏需要配置运⾏环境，Jsp的运⾏环境为II或tomcat或resin服务器运⾏速度快慢⽹页数据更新⽹页上的数据相对动态变化的，数据⼤多存放于数据库管理系统中，更新容易⽹页上的数据相对静⽌不变，数据更新困难2.B/S结构和C/S结构⽐较B/S C/S系统维护易更新更新较⿇烦安全性较差较好应⽤程序基于互联⽹运⾏的⽹站基于局域⽹运⾏的管理信息系统（如ERP）3.域名的特点易于理解和记忆使⽹络服务更易于管理在应⽤上与IP等效⼆、⽹页开发⼯具和开发环境1.常见⽹页开发技术ASP JSP PHP 2.⽹站开发步骤1. 需求分析2. ⽹站设计3. 编写代码4. 测试运⾏3.⽹页内容结构1. 头部2. 中间主体部分3. 尾部（版权声明）三、HTML形式<标签名>相应内容<\标签名> 对⼤⼩写不敏感1.⽂档结构<html><head>...</head><body> HTML ⽂件的正⽂写在这⾥... ... </body></html>2.body结构<body bgcolor=# text=# link=# background=# leftmargin=# rightmargin=# topmargin=#>bgcolor --- 背景⾊彩text --- ⾮可链接⽂字的⾊彩link --- 可链接⽂字的⾊彩background --- 当前⽹页的背景图⽚leftmargin --- 页⾯左边的空⽩rightmargin --- 页⾯右边的空⽩topmargin --- 页⾯顶端的空⽩⾊彩 #=rrggbb，⽤ 16 进制的红－绿－蓝(red-green-blue, RGB) 值或使⽤颜⾊的英⽂来来表⽰图⽚的路径⼀般采⽤相对路径，即当前⽹页⽂件和图⽚的相对路径3.超链接标记<a href=# target=#>⽂字或图⽚</a>href --- 链接到某个⽹址或⽹页⽂件或 href="exam2.html" 例如：href=target --- 以何种⽅式打开此链接target=blank --- 表⽰新开窗⼝打开链接target=_self --- 表⽰在本窗⼝打开链接target=_parent --- 表⽰在⽗窗⼝打开链接4.图⽚标记<img src=# alt=# align=# border=#>src --- 图⽚⽂件的路径，⼀般采⽤相对路径alt --- ⿏标移到图⽚上，显⽰的说明⽂字align=left --- 表⽰图⽚在⽹页中左对齐align=right --- 表⽰图⽚在⽹页中右对齐align=center --- 表⽰图⽚在⽹页中居中对齐border--- 表⽰图⽚边框的厚度，其值为数字5.标尺线标记<hr size=# width=# align=# noshade color=#>size --- 标尺线的粗细度（⽤数字表⽰）width --- 标尺线的长度（⽤数字表⽰）align --- 标尺线的对齐⽅式Color --- 标尺线的颜⾊6. 标题字体标记<h# align=#> ⽂字</h#> #=1, 2, 3, 4, 5, 6例：<h1 align=center>今天天⽓真好！</h1>今天天⽓真好！7.普通字体标记<font size=9 color=blue face=#>⽂字</font>⽂字size --- 字体的⼤⼩（⽤数字表⽰）color --- 字体的颜⾊Face --- 字体的类型例⼦：今天天⽓真好！8.物理标记字体<b>今天天⽓真好！</b><i>今天天⽓真好！</i><u>今天天⽓真好！</u><tt>今天天⽓真好！</tt><sup>今天天⽓真好！</sup><sub>今天天⽓真好！</sub><s>今天天⽓真好！</s><strike>今天天⽓真好！</strike>今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！字体标记的嵌套<i><font size=5 color=red><b>今天</b> 天⽓<font size=6 face="times new roman"> 真好good！</font> </font></i>今天天⽓真好good！9.段落、⾏、分区标记段落标记语法：<p align=#>⽂字或图⽚</p>⾏标记语法：<br> --- 表⽰换⾏<nobr>--- 表⽰不换⾏分区标记语法：<div align=#>⽂字或图⽚</div>居中标记：<center>⽂字或图⽚</center>空格标记： 10.⽆序列表标记<ul><li type=#>...</ul> ntype=disc或circle或square#例如<ul><li type=disc>ONE<li type=circle>TWO<li type=square>THREE</ul>ONETWOTHREE11.有序列表标记<ol start=#><li type=#>...</ol>#例：： <ol start=5><li >ONE-ONE<li>ONE-TWO<ol start=10><li>TWO-ONE<li type=i>TWO-TWO</ol></ol>start=# ---有序列表中的序号起始值type=A, a, I, i, 1（默认值为1)12.表格标记<table><tr><td>⽂字</td></tr>…</table>#例⼦：⼀张两⾏三列的表格<table><tr><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td>85</td><td>90</td><td>80</td></tr></table>tr --- 表⽰表格的⾏td --- 表⽰表格的列表格标记的属性<table width=# height=# bgcolor=# align=# background=# cellspacing=# cellpadding=# border=# bordercolor=#></table> width --- 表⽰表格的宽度，可以⽤数字或百分⽐表⽰height --- 表⽰表格的⾼度，可以⽤数字或百分⽐表⽰bgcolor --- 表⽰表格的背景颜⾊Align--- 表⽰表格的⽔平对齐⽅式Background--- 表⽰表格的背景图⽚，图⽚⽂件地址Cellspacing-- 表⽰表格的⾏间距Cellpadding-- 表⽰表格的列间距Border - 表⽰表格的列间距边框粗细度，=0为⽆边框bordercolor - 表⽰表格若有边框，边框的颜⾊列标记和⾏标记的属性<tr width=# height=# bgcolor=# align=# valign=# ><td width=# height=# bgcolor=# align=# valign=# ></td></tr>width --- 表⽰⾏或列的宽度，可以⽤数字或百分⽐表⽰height --- 表⽰⾏或列的⾼度，可以⽤数字或百分⽐表⽰bgcolor --- 表⽰⾏或列的背景颜⾊Align --- 表⽰⾏或列的⽔平对齐⽅式Valign --- 表⽰⾏或列的垂直对齐⽅式（top,middle,bottom）跨多⾏或多列<td colspan=#>#例1：<table><tr><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td>85</td><td>80</td><td>85</td></tr></table>英语数学语⽂英语数学语⽂858085语法2（跨多⾏）： <tr rowspan=#>#例2：<table><tr rowspan=2><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td >90</td><td>80</td><td>85</td></tr></table>英语数学语⽂90808513.表单标记<form action=# method=#>输⼊框标记</form>action=# --- 输⼊框⾥的数据提交到某个⽹页⽂件，采⽤相对路径Method=get,post --- 数据提交的⽅式注意：⼀个表单内可放置多个输⼊框。
计算机web程序设计
计算机web程序设计计算机Web程序设计是一门结合了计算机科学、网络技术和软件开发的综合学科。
它主要关注于创建和维护通过互联网访问的应用程序和服务。
以下是对这一领域的基础概述和关键概念的介绍。
1. Web程序设计概述Web程序设计涉及到使用各种编程语言和工具来开发可以在浏览器中运行的应用程序。
这些应用程序可以是简单的信息展示页面，也可以是复杂的交互式应用，如在线商店、社交媒体平台和在线游戏等。
2. Web技术基础2.1 HTML超文本标记语言（HTML）是构建网页内容的标准标记语言。
它定义了网页的结构和内容，如段落、标题、列表、链接等。
2.2 CSS层叠样式表（CSS）用于描述网页的布局和外观。
它允许开发者控制字体、颜色、间距和其他视觉元素。
2.3 JavaScriptJavaScript 是一种脚本语言，用于增强网页的交互性。
它允许开发者创建动态内容，如动画、表单验证和动态更新的网页元素。
3. 前端开发前端开发是指直接与用户交互的界面设计和实现。
前端开发者使用HTML、CSS和JavaScript来构建用户界面，并确保它在不同的设备和浏览器上都能正常工作。
4. 后端开发后端开发关注于服务器、应用程序和数据库之间的交互。
它涉及到使用服务器端语言如PHP、Python、Ruby、Java或.NET来处理数据存储、业务逻辑和服务器管理。
5. 数据库技术数据库是存储、检索和管理数据的系统。
Web程序设计中常用的数据库技术包括关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）。
6. Web服务和APIWeb服务是一种软件系统，它允许不同的应用程序之间通过网络进行交互。
应用程序编程接口（API）提供了一种标准化的方法来访问这些服务。
7. 安全性Web程序设计中的安全性至关重要。
开发者需要了解如何保护应用程序免受攻击，如SQL注入、跨站脚本（XSS）和跨站请求伪造（CSRF）。
《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程序设计设计考研科目列表
web程序设计设计考研科目列表Web程序设计考研科目列表一、计算机网络计算机网络是Web程序设计的基础，它涉及到网络的基本概念、网络协议、网络通信等内容。
在考研中，计算机网络是必考科目之一。
要掌握计算机网络的基本原理，理解网络通信的机制，熟悉常用的网络协议和网络设备。
此外，还要了解网络安全、网络性能优化等相关知识。
二、操作系统操作系统是Web程序设计的重要环节，它负责管理计算机的硬件和软件资源，提供给应用程序运行的环境。
在考研中，操作系统也是必考科目之一。
要掌握操作系统的基本原理，理解进程管理、内存管理、文件系统等核心概念。
同时，还要了解操作系统的性能优化、安全防护等相关知识。
三、数据库数据库是Web程序设计的重要组成部分，它负责存储和管理数据，提供数据的读写和查询功能。
在考研中，数据库也是必考科目之一。
要掌握数据库的基本原理，理解数据库的结构和运作机制。
同时，还要熟悉SQL语言的使用，能够编写高效的SQL查询语句。
此外，还需要了解数据库的性能优化、备份恢复等相关知识。
四、编程语言编程语言是Web程序设计的核心技术，它用于编写程序代码，实现功能需求。
在考研中，编程语言也是必考科目之一。
要熟练掌握一门编程语言，如Java、Python、C++等，了解其语法规则和基本特性。
同时，还要熟悉常用的编程框架和开发工具，能够利用它们进行Web程序的开发和调试。
五、Web开发技术Web开发技术是Web程序设计的核心内容，它涉及到前端开发和后端开发两个方面。
在考研中，Web开发技术也是必考科目之一。
要熟悉HTML、CSS、JavaScript等前端开发技术，能够实现网页的布局和交互效果。
同时，还要熟悉服务器端开发技术，如PHP、、Node.js等，能够处理用户请求，与数据库进行交互，实现功能需求。
六、软件工程软件工程是Web程序设计的管理和组织方法，它涉及到需求分析、系统设计、编码测试等环节。
在考研中，软件工程也是必考科目之一。
web程序设计知识点
web程序设计知识点Web程序设计是指通过编写代码实现网页或网站的开发过程。
下面将介绍一些常见的Web程序设计知识点，包括HTML、CSS、JavaScript以及后端开发等。
一、HTML基础知识HTML（Hyper Text Markup Language）是一种用于创建网页结构的标记语言。
它由一系列的元素（element）构成，每个元素都有特定的含义和属性。
以下是一些常用的HTML标签和属性：1. 基本结构：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>网页标题</title></head><body>网页内容</body></html>2. 文本标签：- `<h1>`至`<h6>`：定义不同级别的标题- `<p>`：定义段落- `<a>`：定义链接- `<img>`：插入图片- `<strong>`、`<em>`：定义粗体和斜体文本3. 列表和表格：- `<ul>`、`<ol>`：定义无序和有序列表- `<li>`：定义列表项- `<table>`、`<tr>`、`<td>`：定义表格结构、行、单元格二、CSS样式设计CSS（Cascading Style Sheets）用于控制网页的样式和布局。
通过为HTML元素添加样式，可以改变字体、颜色、布局和动画效果等。
以下是一些CSS样式的应用：1. 内联样式：在HTML元素上使用style属性为其添加样式，例如：`<div style="color: red; font-size: 16px;">文本内容</div>`2. 内部样式表：在HTML头部的`<style>`标签中定义CSS样式，例如：```<style>div {color: red;font-size: 16px;}</style>```3. 外部样式表：将CSS样式代码放入独立的.css文件，并在HTML中引用，例如： `<link rel="stylesheet" type="text/css" href="styles.css">`三、JavaScript基础知识JavaScript是一种用于为网页添加交互和动态效果的脚本语言。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
优点：跨平台Unix/Linux/Windows，移植方便；
缺点：较复杂难学。
3） ASP（Active Server Pages）
ASP文件：将VBScript或JavaScript脚本嵌入到普通 HTML文件中。
服务器端：Windows 2000+IIS、Windows 98+PWS；
接受请求 找到动态网页
不同的请求及访问数据的变 化会生成不同的HTML代码， 网页内容随时更新。
服务器端
执行程序代码， 生成静态网页 发送网页
具有数据库访问功能，支持 客户端和服务器端的交互。
1.3.2 客户端和服务器端脚本编程
脚本（Scripts）是指嵌入到Web页中的程序代码，所使用 的编程语言称为脚本语言。 按照执行方式和位置的不同，脚本分为客户端脚本和服 务器端脚本。 客户端脚本在客户机上被Web浏览器执行，服务器端脚 本在服务器上被 Web应用服务器执行。
B/S（Brower/Server ）软件体系结构
B/S结构：适用于广域网环境。应用程序及数据库系统都安装在服务 器上，客户端只需安装一个浏览器软件。处理功能都运行在服务器 端。开发工具包括ASP、PHP、JSP、J2EE、等。
优势：维护方便、易于升级和扩展。处理功能运行在服务器端，客户端 零维护。软件升级只需在服务器端更新程序即可。软件重用性好。 劣势：服务器负担沉重，容易成为性能的瓶颈；客户端功能十分有限。
HTTP的基本思想：客户端给服务器发送请求，服务器 向客户发送响应。HTTP事务有两种类型：请求和响应。
1.2.2 HTTP 请求和 HTTP 响应
• HTTP协议是一种请求/应答协 议，它通过客户机和服务器相 互发送消息的方式工作。
HTTP 响应
客户机 HTTP 请求
• 使用 HTTP 消息头，可以实现 客户机与服务器之间的 HTTP 请求和HTTP应答。 • 消息头分为：通用头，请求头， 响应头和实体头等4类。
1）PHP (Personal Hypertext Preprocessor)
PHP文件：在普通HTML文件中嵌入PHP脚本语言，类 似C/Java/Perl语言。 服务器端：Unix / Linux / Windows均可； 特点：脚本在服务器端运行，不受浏览器限制。 优点：免费、开放源代码，运行成本低，跨平台，可以 在Windows、UNIX和Apache Web服务器上运行。 。 缺点：运行环境的安装、配置比较复杂；缺乏大公司的 支持。
C/S结构与B/S结构的比较
C/S软件体系结构
硬件环境 局域网，专门的小范围网络硬件环境， 用户固定，用户数量有限 升级和维护难，成本高
B/S软件体系结构
广域网，不必是专门的网络环境，只要是 能接入Internet的用户均可 客户端零维护，易于实现系统的无缝升级
系统维护
软件重用性
单一结构，软件整体性较强，各部分间 的耦合性强，可重用性较差 客户端和服务器端是平台相关的，多是 Windows平台 面向相对固定的用户群, 对信息安全的控 制能力强
Internet
Web 服务器
HTTP请求消息
HTTP响应消息
1.3 Web程序设计技术
1.3.1 静态网页和动态网页
HTTP Request
DB
HTTP Response Web Browser Web Server
1）浏览器发出一个URL请求，与服务器建立连接； 2）服务器接到请求后，在硬盘上找到相应的文件： 若是静态网页直接传送到客户端； 若是动态网页运行它，生成静态HTML并返回客户端 3）服务器关闭连接。
服务器端脚本编程（Server-side Scripting）
• 常见的服务器端脚本语言有： – ASP (.NET) : 微软公司推出 – JSP: SUN公司推出 – PHP: PHP网络小组开发小组
• 共同点： - 脚本都运行于服务器端，能够动态生成网页； - 脚本运行不受客户端浏览器限制； - 脚本被嵌入到HTML文档中，执行后返回HTML代码。
（1）效率增强 – 采用编译后运行的方式 ，速度大大提高。 （2）顶级开发工具支持 – 可以在Visual 中开发，支持所见即所得、拖放控件和 自动部署等功能。 （3）程序结构清晰 – 将程序代码和HTML标记分开 （4）移植方便 – 可以向目标服务器直接复制组件，当需要更新时，重新复制一 个即可。
特点：脚本在服务器端运行，不受客户端浏览器限制； 无需编译就可以解释执行。
优点：简单易学、容易上手；
缺点：所有代码都是解释执行的，运行速度比HTML 慢；只能在Windows环境下使用，不能跨平台；代码 的结构性不好，导致代码不好理解。
4）
是.NET框架体系的一部分，它建立在公共语言运 行库上，可用于在服务器上生成功能强大的Web应用程 序，为Web站点创建动态的、交互的HTML页面。
1.1 软件编程体系
C/S （Client/Server）软件体系结构
C/S结构：主要适用于局域网环境。客户端具有独立的处理功能，同 时通过网络与服务器端通信。开发工具包括C++、Delphi、Java等。
优势：充分发挥客户端PC的处理能力，客户端响应速度快。服务器 端一般不会成为性能的瓶颈。
劣势：系统的可扩展性和可维护性差。客户端需要专门安装；升级很 不方便；可连接用户数有限。
多重结构，各构件相对独立，可重用性较 好 客户端和服务器端是平台无关的
平台相关性
安全性
面向不可知的用户群，对信息安全的控制 能力相对较弱1.2 Web的工作理1.2.1 HTTP协议
定义：HTTP（Hyper Text Transfer Protocol）超文本 传输协议是万维网客户端与服务器端交互遵守的协议，是 一个应用层的协议，使用TCP连接进行可靠的传输。
Web应用开发技术
第1章 Web程序设计基础
主编：喻钧 白小军
本课程的学习前提
了解计算机网络和Web的基本知识 掌握关系数据库及SQL语言的基本知识 具备面向对象的基本概念
具备高级语言的编程知识
目录
• 1.1 软件编程体系 • 1.2 Web的工作原理 • 1.3 Web程序设计技术
静态网页没有数据库的支持， 不支持客户端和服务器端的 交互。
动态网页 (Dynamic Pages)
动态网页文件中含有HTML标记和程序代码，后缀随程序语 言的不同而不同，如.asp、.aspx、.php、.jsp等，大都需要数 据库支持。
动态网页 (Dynamic Pages)
主要特点：
动态网页是由服务器执行相 应的脚本程序后，动态生成 的HTML文件。
静态网页 (Static Pages)
纯粹HTML格式的网页被称为静态网页，通常是以 .htm 或 .html 为后缀的HTML文件。
静态网页 (Static Pages)
主要特点：
每个静态网页都有一个固定 的URL。
静态网页的内容是原封不动 被传递的，如果要修改网页 内容，必须修改HTML源代码。
• 相同的工作机制：将脚本嵌入到Web页面中，并随着 HTML文件一起传送到客户端，由浏览器解释执行。在脚 本执行期间无须与服务器交互，可以对用户的操作直接做 出响应。 • 用客户端脚本语言编写的程序通常用标记<script>和 </script>界定，可以放到HTML的<head>或<body>部分。
静态网页只能包含客户端脚本，动态网页则可以包含客 户端脚本和服务器端脚本。因此，静态网页中的任何脚 本都不能在服务器上运行，而动态网页中的某些脚本只 能在Web服务器上运行。
客户端脚本编程（Client-side Scripting）
• 常见的客户端脚本语言有VBScript、JScript、JavaScript等。 它们都是解释型的、基于对象的脚本语言。
2）JSP（Java Server Pages）
JSP文件：将Java程序片段（Scriptlet）和JSP标记嵌入 普通的HTML文档中。 特点：脚本在服务器端运行，当客户第一次请求JSP文 件时，该文件将被编译成Servlet，并由Java虚拟机执行， 以后的请求就不用再编译了。