在学习web开发之前是先简单学习了前端页面设计的一些基础内容， 在软件架构中，
C/S架构： Client /Server (软件特点是需要安装的，同时需要开发客户端与服务器端，开发成本比较高)，C/S模式最大的缺点不能在线实时访问系统；升级客户端与服务器需要升级;
B/S架构： Browse / Server; 程序最大的特点是基于网络访问；优点：访问的便捷、C/S架构是不需要开发浏览器,中专注开发Server端程序即可;(如果未来升级，只需要升级服务器端程序）
命令行程序 --- 窗体程序 --- Web程序 --- 移动Web;
B/S模式的应用程序必须有一个WEB服务器，浏览器向服务器请求访问某一资源，服务器接收请求，处理请求，并将请求的结果发给用户（在浏览器中展示处理的结果）
前课技术主要围绕内容的展示以及与后端程序的通信; 主要学习了
HTML、CSS、JavaScript、脚本框架(jQuery、 ExtJs、Vue) 、BootStrap框架（主要做页面设计）、AJAX
其中
页面制作：HTML+CSS (最多加一些类似BootStrap性质的框架即可)
专业美工：PS必须掌握，必须懂设计（一般为艺术或者美术专业毕业的学生做比较合适）
出图 ---基于图设计为页面（切图....） ---
其中得安装node.js，
nodejs简介
nodejs是一个js的运行环境；js只能操作用户本地资源，不能访问服务器资源，为了使用js 能访问服务器资源，某开发商开发一款程序，安装此程序的电脑可以使用js访问服务器资源；将nodejs并不是学习nodejs ,而是在前端开发中需要用到nodejs中的一个包管理工具(NPM),NPM可以直接在线下载资源到项目中;
https://nodejs.org/dist/
npm 的国内镜像
npm config set registry https://registry.npm.taobao.org
npm config get registry --测试
- 下载并安装nodejs
- 配制npm淘宝镜像
使用vscode开发
Visual Studio Code是类似eclipse的一个开发工具辅助，我记得还有一个啥来着emmm，开发前端的，忘了。
下载安装使用就行了
下载地址：code.visualstudio.com/download 这是Microsoft（微软的产品）。
对web应用程序的访问希望大家通过浏览器向web服务器请求方式实现访问，而不是直接将本地的静态页面用浏览器打；需要用一个处理静态资源的web服务器 --- http-server
在项目中安装一个http-server:
npm install http-server -g
hs --- 启动web服务器
HTML标签
熟悉常见的HTML标签 即可(看明白标签功能),不能定义，大小写不敏感（要求用小写）
H 1 -- 6
P
A
IMG
UL LI
TABLE
FORM
--input
--textarea
--select
表单提交方式
表单的提交方式：POST | GET |PUT | DELETE --- 对应增删改查四种提交方式；
面试题：表单GET提交与POST提交的区别;
GET提交：表单中的表单项的值通过URL传递到服务器(数据不安全);GET由于通过URL传，所以能传到服务器的数据比较小
POST提交：表单中的表单项的值通过HTTP协议头传递到服务器(数据安全)，POST不受限制
网页访问基本上使用GET请求，POST主要用在表单提交这块;
CSS
CSS ：Cascading Style Sheet 层叠样式表，css是对页面的标签进行格式化的 ；一般在项目中，样式是独立于页面单独存放，需要时，导入进来即可;
<link rel="stylesheet" href="css/index.css">
样式设置语法
标签选择器 :根据标签名设置样式，文档中同一名称的标签都自动应用此样式 框架也大量采用
类选择器：标签需要通过class属性引用;(所有前端格式的样式设置语法基本上是标签+类选择器)
层级选择器：样式只对最里面的有效 :框架也大量采用
选择器集体设置：当多个选择样式一样，可以统一设置; 框架也大量采用
id选择器：根据标签名设置（id是唯一的） --- 框架不会选择此方式
盒子模型
在CSS的世界中，每一个标签都一个盒子,可以通过css设置盒子的大小，盒子的间距，盒子内容与盒子边框的距离;
外边距：margin(margin-top|margin-right|margin-bottom|margin-left)
内边距：padding(padding-top|padding-right|padding-bottom|padding-left)
标签占的空间： width + border-left+border-right+margin-left+margin-right+padding-left+padding-right
浮动技术
浮动：飘；浮动到其父标签左或者右;
float:left|right
总结：布局需要懂 盒子模型 + 浮动技术
DIV居中 ：左右边距设为自动即可(div 需要有宽度？)
