1.1 web开发概述

1. web系统是以网站形式呈现出来的，web前端是以网页形式呈现出来的

2. 前端：网页上为用户呈现的部分

   后端：与数据库进行交互，完成数据存储

1.2 网站与网页

1. 网站 web site：互联网上用于展示特定内容的相关网页的集合
2. 网页 web page：网站中的一页，一个网站中的网页通过“超链接”的方式被组织在一起
3. 主页 homepage：进入网站看到的第一个网页，主页的文件名通常是index

4. 网页元素：

   1. 表单：用来采集或者传递客户信息
   2. logo 站标：通常放在左上角
   3. 导航栏：用来进入各个板块，超链接的集合
5. 从开发者的角度来看，网站就是文件夹，网页就是文件
6. 做好的网站放在服务器端，用户就可以通过浏览器使用自己的设备（客户端）来访问服务器端所提供的网站文件夹里面的网页文件了
7. 浏览器作用：解析网页文件里的代码（源代码），将网页显示出来（渲染网页）

1.3 web前端开发技术

1. 前端技术构成：

   1. 结构：HTML

      从语义角度，描述页面结构（决定网页包含哪些内容，图片、标题、表格等）

   2. 样式：CSS

      从审美角度，美化页面（字体字号，页面布局，元素位置等）

   3. 行为：JavaScript

      从交互角度，提升用户体验

2. 前端技术标准

   1. W3C标准：www.w3.org

      目前是HTML5，CSS3以及JavaScript

      2. W3C教程：http://www.w3school.com.cn/