2017-12-30-WEB预习第一天

课程概要

---

软件的结构分类

• C/S架构（Client/Server即 客户端/服务器架构）
  • 客户端：供用户使用的终端。
  • 服务器：负责处理软件的业务逻辑。

• 结构特点：
  • 软件使用前必须安装。
  • 软件更新时，客户端与服务器同时更新。
  • C/S架构不能跨平台。
  • 客户端—服务器通信使用自有协议，相对安全。

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

• 结构特点：
  • 软件不需安装，直接使用浏览器访问指定网址。
  • 软件更新时，客户端不需要更新。
  • 跨平台，只要系统中有浏览器，就可以使用。
  • 通信协议为http或https

基础概念

---

1. 网页的三部分（去耦合，三者分离，相互独立）

   • 结构（HTML）：结构是页面的整体结构，哪里是标题，哪里是段落，哪里是图片。
   • 表现（CSS）：表现是页面的外在的样式，比如字体，字体大小，字体颜色，背景。
   • 行为（JavaScript）：页面和用户之间的交互行为。

2. HTML（超文本标记语言Hypertext Markup Language）

   • 用HTML标签来标识出页面中的不同部分。
     • 标签
       • 成对出现：<标签名>
       • 自结束标签：<标签名/>
     • 属性
       • 通过属性可以设置标签的效果。
       • 属性需要定义在开始标签中或这自结束标签中。
       • 属性实际上是一组一组名值对结构。
       • 涉及到表现的属性往往通过CSS来实现。
   • 文档声明
     • 用来标识当前页面的html的版本，该声明用来告诉浏览器，当前的页面是使用HTML5的标准编写的。

3. HTML页面基本结构

4. HTML常用标签
   
   
   
   
   
   
   
   
   
   
   

   标题
   
   
   

   文本编辑
   
   段落标签会独占一行。
   N个空格与换行都会化为一个空格。所以换行和空格需要单独表示。
   
   

   实体/转义字符
   
   
   

   图片标签