课程概要

软件的结构分类

C/S架构（Client/Server即客户端/服务器架构）

客户端：供用户使用的终端。

服务器：负责处理软件的业务逻辑。

结构特点：

软件使用前必须安装。

软件更新时，客户端与服务器同时更新。

C/S架构不能跨平台。

客户端—服务器通信使用自有协议，相对安全。

B/S架构（Browser/Server即浏览器/架构）

本质也是C/S架构，只是用浏览器作为客户端。通过浏览器访问网页的形式，来使用软件。

结构特点：

软件不需安装，直接使用浏览器访问指定网址。

软件更新时，客户端不需要更新。

跨平台，只要系统中有浏览器，就可以使用。

通信协议为http或https

基础概念

网页的三部分（去耦合，三者分离，相互独立）
- 结构（HTML）：结构是页面的整体结构，哪里是标题，哪里是段落，哪里是图片。
- 表现（CSS）：表现是页面的外在的样式，比如字体，字体大小，字体颜色，背景。
- 行为（JavaScript）：页面和用户之间的交互行为。
HTML（超文本标记语言Hypertext Markup Language）
- 用HTML标签来标识出页面中的不同部分。
  - 标签
    - 成对出现：<标签名></标签名>
    - 自结束标签：<标签名/>
  - 属性
    - 通过属性可以设置标签的效果。
    - 属性需要定义在开始标签中或这自结束标签中。
    - 属性实际上是一组一组名值对结构。
    - 涉及到表现的属性往往通过CSS来实现。
- 文档声明
  - <!doctype html>
  - 用来标识当前页面的html的版本，该声明用来告诉浏览器，当前的页面是使用HTML5的标准编写的。
HTML页面基本结构

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <!-- 网页的主体内容 -->
    </body>
</html>