Web概念概述

Web概念概述

JavaWeb：

使用Java语言开发基于互联网的项目。

软件的架构：

C/S架构： 客户端 、服务器端

1.在用户本地有一个客户端程序，在远程有一个服务器端程序。

2.QQ、WeChat、3D游戏

优点：

用户体验感非常好

缺点：

开发成本高、安装复杂、部署麻烦、维护麻烦

B/S架构：基于浏览器开发的互联网的项目。浏览器(域名/网址)、服务器端

只需要一个浏览器即可，用户通过不同的域名(网址),客户可以访问到不同的服务器端程序

优点：

开发成本低，安装简单，部署轻松，维护简单。

缺点：

1.如果应用过大，加载延迟性过高，用户体验感比较差

2.对服务器硬件要求较高。

B/S架构

资源分类：

1.静态资源

使用静态网页开发技术发布的资源。不发生改变的资源

如：本文信息、图片信息、音频信息、视频信息，HTML、CSS、JavaScript

如果用户请求的资源是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中收到服务器端发送的静态资源，浏览器直接加载，在浏览器内部内置了一个静态资源的解析引擎，可以直接展示静态资源给用户。

2.动态资源

使用动态网页技术发布的资源，资源需要在浏览器上发生的变化的

特点：

1.所有的用户访问服务器端程序，服务器端返回给用户可能呈现的是不同的画面。

比如：淘宝，京东，抖音，第三方平台

2.用到的动态网页技术：jsp/Servlet,php,asp..

如果用户访问请求服务器端资源是动态资源是动态资源，那么服务器端程序会首先把动态资源转换成静态资源，然后再把转换后的静态资源发给浏览器客户端

静态资源

HTML：展示页面的内容，可以搭建一些基础页面

CSS:用于构建页面的风格或者样式，进行页面美化

javaScript：脚本，与用户交互的一些动作，如点击，让页面有一些动态的效果

HTML

概念：

Hyper Text Markup Language超文本链接

语法格式：<>

超文本：超文本是用超链接的方法，将各种不同空间的文本信息或者其他格式数据组织在一起的网状文本。

标记语言：

1.由标签构成的语言--》格式：《标签的名称》如：<a>,<img> <ol> <ul> <table>

2.标记语言不把他归为编程语言。

快速入门：

语法：

1.html文件的扩展名是.html

2.标签分类：<a><a/><img>

单标签：<img> <hr>

双标签:<a></a><div></div><span></span><from></from>

标签可以嵌套

如：<a><span></span></a>
开始标签：如<a>
结束标签：如</a>

4.在开始标签中可以定义属性，属性是有键值对组成的，值需要双引号（单引号）引起来

<a href="http://www.baidu.com">百度一大，你就知道</a>

5.html标签不区分大小写，一般建议使用小写

如div标签
<div>
    
</div>