Web程序设计课件 第1章 Web应用程序概述.pptx

第1章Web应用程序概述主讲人:

目录01Web应用程序概念及原理03PHP介绍02HTML概述04本章小结

本章知识结构

本章学习目标BDAC了解Web应用程序的概念与工作原理。了解PHP的应用领域。掌握HTML的基本语法。了解PHP的发展趋势。

1.1Web应用程序概念及工作原理PARTONE

涵盖互联网核心技术，广泛应用于不同网络环境，提升信息交流效率与便捷性。Web应用范围专为Web环境设计，能在互联网、内网、外网运行，强调互联网应用的优势和公众可见性。Web应用程序概念1.1Web应用程序概念

动态生成HTML，支持表单提交、数据查询，适用于在线银行、电商等互动场景。Web应用程序特点01B/S模式下，用户通过浏览器访问应用，无需安装额外软件；C/S模式需安装客户端软件。应用程序的两种运行模式：B/S与C/S02Web应用程序特点及运行模式

C/S模式的工作原理在计算机领域中，将提供（响应）服务的计算机称为服务器（server），将接受（请求）服务的计算机称为客户机（client）或工作站（workstation）。一般而言，服务器会选用性能较高的计算机。

B/S模式的工作原理B/S模式是一种三层架构。浏览器作为客户端，负责用户交互；服务器负责数据处理和存储；中间件负责连接浏览器和服务器，实现数据的传输和处理。在B/S模式下，用户只需通过浏览器即可访问应用程序，无须安装额外的软件。该模式具有使用便捷、维护成本低等优点。

PHP网站和用其他语言开发的动态网站运行原理基本相同PHP工作原理

011PHP程序通过Web服务器接收访问请求。在服务器端处理请求后再通过Web服务器向客户端发送处理结果。在客户端接收到的只是程序输出的处理结果，是一些HTML标记，而无法直接看到PHP代码。*这样能够很好的保证代码的保密性和程序的安全性。在服务器端运行代码还可以降低对客户端的要求，客户端不需要配置PHP环境，只需要安装普通浏览器即可浏览PHP网站。PHP和其他服务器端嵌入式脚本语言一样，需要首先搭建专门的服务器环境。只有配置好服务器环境，一台服务器才能运行PHP网站。PHP工作原理

1.2HTML概述PARTTWO

案例导入：表单页面

从HTML1.0到HTML5，历经多个版本，每次更新带来新特性，提高网页表现力和交互性。版本迭代20世纪80年代末，蒂姆·伯纳斯·李在欧洲粒子物理实验室发明HTML，提出超文本管理方式。发明起源HTML发展历程

HTML介绍HTML是什么HTML指的是超文本标记语言，是用来描述网页的一种标准标记语言。HTML使用标记标签来描述网页。HTML文档包含了HTML?标签及文本内容，HTML文档也叫做Web页面。您可以使用HTML来建立自己的Web站点，HTML运行在浏览器上，由浏览器来解析。?

HTML介绍HTML文档基本结构html…/htmlhtml标签html?元素定义了整个HTML文档。这个元素拥有一个开始标签html，以及一个结束标签/html。

HTML介绍HTML文档基本结构head标签head元素包含了所有的头部标签元素。head元素必须包含文档的标题（title），可以包含脚本、样式、meta信息以及其他更多的信息。htmlhead…/head/html

HTML介绍HTML文档基本结构body标签htmlhead…/head??body…/body/htmlbody元素定义文档的主体。body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。下面是HTML的基本结构：

HTML介绍创建HTML文件创建HTML文件!DOCTYPEhtmlhtmlheadmetacharset=utf-8title欢迎进入WEB开发的世界/title/headbodyh1我的第一个标题。/h1p我的第一个段落。/p/body/html步骤?1：新建?HTML?文件在SublimeText安装完成后，选择?文件(F)-新建(N)?，在新建的文件中输入以下代码：

创建HTML文件metacharset=“utf-8”??metacharset=gbk网页乱码的元凶：编码格式HTML介绍

HTM