Web前端开发基础

1.Web前端开发基础

1-1认识网站

Ø  浏览器：显示网页内容，并让用户与这些文件交互的一种软件。

常用的浏览器：IE浏览器、谷歌浏览器、火狐浏览器、搜狗浏览器

Ø  Web服务器：提供web服务的计算机。

Ø  网站结构

树形结构：树干（首页）分支（二级页面） 叶子（具体内容）

扁平结构：可以理解为一种特殊的树形结构，只有主干和树叶

Ø  网站页面

页面分类

ü  首页：也称为主页，是一个网站的入口网页

ü  列表页：一般是二级页面，是栏目的具体展开项

ü  内容页：一般都是具体内容的页面

页面元素

ü  文字、表单、图片、视频、音频、动画

1-2Web开发的相关的概念

Ø  Web：（world wide web万维网）是一个由许多互相链接的超文本组成的系统，通过互联网访问

Ø  Web开发：进行网页页面的制作及各项功能的开发

Ø  Http：Http是一个客户端和服务器端请求和应答的标准客户端是终端用户，服务器端是网站。

Ø  URL：（统一资源定位符）互联网上的标准资源的地址，可以从互联网上得到资源的位置和访问方法。

组成部分：协议服务器地址（域名） 资源路径

            http://tech.sina.com.cn/it/doc-iavxeaf46.html

Ø  网页：浏览器打开的一个页面

Ø  网站：一组地址相同的网页的集合

1-3网站应用程序架构

Ø  B/S架构：Browser（浏览器）/Server（服务器）

l  应用：百度、淘宝、微博、web版的QQ

l  特征：（1）不需要安装特定的客户端程序，通过URL访问

（2）跨平台能力（windows、lunix、Android、iOS）

（3）无缝升级，客户端免维护

（4）不能直接使用客户端硬件资源，用户体验单一

l  优点：1》客户端无需安装，有web浏览器即可

2》BS架构可以直接放在广域网上，通过一定的权限控制实现多用户访问的目的，交互强。

3》BS架构无需升级多个客户端，升级服务器即可。

l  缺点：1》在跨浏览器上，BS架构不尽如人意。

2》表现要达到CS程序的程度需要花费不少精力

3》在速度和安全性上需要花费巨大的设计成本

4》客户端服务器端的交互是请求-响应模式，需要刷新页面

Ø  C/S架构：Client（客户端）/Server（服务器）

l  应用：桌面QQ、魔兽世界

l  特征： （1）需要安装特定的客户端，更便捷

（2）针对不同的平台开发不同的版本

（3）升级应用需重新安装

（4）充分应用客户端硬件资源，构建大型额的3D效果应用

l  优点： 1》C/S架构的界面和操作可以很丰富

2》安全性能可以很容易保证，实现多层认证不难

3》由于只有一层交互，响应速度较快

l  缺点： 1》适用面窄，通常用于局域网中。

2》用户群体固定。由于程序需要安装才能使用，因此不适合面向一些不可知的用户

3》维护成本高，发生一次升级，则所有的客户端的程序都需要改变

1-4Web项目开发流程