学习资料：

尚硅谷前端HTML5视频_HTML & CSS 核心基础教程（103集实战教学，从入门到精通）

百度

一、前端基础

1 软件的架构

• C/S架构

  client/sever，客户端/服务器

  • 客户端：用户通过客户端来使用软件
  • 服务器：负责处理软件的业务逻辑
  • 特点:
    • 使用前必须安装
    • 软件更新时，服务器和客户端得同时更新
    • 软件不能跨平台使用（指操作系统及手机端、PC端）
    • 客户端与服务器之间采用自有协议（https://)，相对较安全

• B/S架构

  browser/sever，浏览器/服务器

  • 本质上也是C/S架构，只不过B/S架构的软件使用浏览器作为软件的客户端
  • 通过使用浏览器访问网页的形式来使用软件
  • 特点：
    • 不需安装，直接浏览器访问网页使用
    • 软件更新时，客户端不需要更新
    • 软件可以跨平台使用
    • 浏览器与服务器之间采用的是HTTP协议（http://)，相对不安全。

2 前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

3 软件开发流程

• PS（photoshop）

  由网页设计师根据需求设计网页，负责可视化设计、美观设计

• HTML

  前端工程师将设计做成静态网页

• Javascript

  后台工程师将静态网页修改为动态网页，即与服务器相关联，后端开发

本课程学的就是前端开发，即制作B/S架构的软件。

4 网页的组成成分

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

• 结构：由HTML完成，描述页面的结构
• 表现：由CSS完成，用于控制页面中元素的样式
• 行为：由JavaScript完成，用于相应用户操作

5 主要用到的工具

谷歌浏览器、记事本、NotePad++、HBuilder、FireBug（调试工具）、PS