HTML和CSS —— 1、课程简介

课程简介

一、软件的架构

1.1 C/S,客户端/服务器

1. 一般我们使用的软件都是C/S架构
2. 比如系统的中的软件QQ、360、office、XMind
3. C表示客户端，用户通过客户端来使用软件
4. S表示服务器，服务器负责处理软件的业务逻辑

• 特点
  • 软件使用前必须得安装
  • 软件更新时，服务器和客户端得同时更新
  • C/S架构的软件不能跨平台使用
  • C/S架构的软件客户端和服务器通信采用的是自有协议(自己定义的协议)，相对来说比较安全

1.2 B/S，浏览器/服务器

1. B/S本质上也是C/S，只不过B/S结构的软件，使用浏览器作为软件的客户端
2. B/S架构软件通过使用浏览器访问网页的形式，来使用
3. 比如：京东 淘宝 12306 知乎 新浪微博

• 特点
  • 软件不需要安装，直接使用浏览器访问制定的网址即可
  • 软件更新时，客户端不需要更新
  • 软件可以跨平台，只要是系统中有浏览器，就可以使用
  • B/S架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议，相对来说不安全。（HTTPS是安全的，被二次加密过的）

二、软件开发流程

2.1 流程

网页设计师根据需求设计网页图片->前端工程师将设计做成静态网页->后台工程师将静态网页修改为动态网页

2.2 主要学习的内容

• 根据W3C标准，一个网页主要由三部分组成：结构、表现还有行为

• W3C标准：结构—HTML、表现—CSS、行为—JavaScript

• 结构：HTML用于描述页面的结构

  表现：CSS用于控制页面中元素的样式

  行为：JavaScript用于响应用户操作

• 主要内容有：HTML、CSS、网页布局

2.3 前端工程师需要用到的工具

• 学习HTML和CSS开发我们不需要太复杂的工具尤其是前一阶段，我们主要使用的工具有：
  • 浏览器：
    • 火狐、IE、Chrome
  • 编辑器：
    • 记事本、NotePad++、HBuilder
  • 调试工具：
    • FireBug
  • 图片工具：
    • Photoshop

2.4 需要认识的组织

• 万维网联盟（W3C）
  • 万维网联盟 World Wid Web Consortium。
  • W3C专门为了定义网页相关的标准而成立。
  • W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。
• WHATWG
  • 网页超文本应用技术工作小组（WHATWG）
  • 是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，有Opera、Mozilla基金会和苹果这些浏览器厂商组成。