2017-12-30-WEB预习第一天
2017-12-30 本文已影响0人
胸怀大海的小鱼缸
课程概要
软件的结构分类
- 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标签来标识出页面中的不同部分。
-
HTML页面基本结构
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- 网页的主体内容 -->
</body>
</html>
-
HTML常用标签
<html>
<head>
<body>
标题
文本编辑
段落标签会独占一行。
N个空格与换行都会化为一个空格。所以换行和空格需要单独表示。
实体/转义字符
图片标签
