web概念概述

JavaWeb：

在Java中，动态web资源开发技术统称为JavaWeb，我们课程的重点也是教大家如何使用Java技术开发动态的web资源，即动态web页面。

软件架构：

• C/S: Client/Server 客户端/服务器端
  在用户本地有一个客户端程序，在远程有一个服务器端程序
  优点：
  用户体验好
  缺点：
  开发、安装，部署，维护 麻烦
• B/S: Browser/Server 浏览器/服务器端
  在用户本地有一个客户端程序，在远程有一个服务器端程序
  优点：
  开发、安装，部署，维护 简单
  缺点：
  如果应用过大，用户的体验可能会受到影响
  对硬件要求过高

B/S架构详解

资源分类：
1. 静态资源：
使用静态网页开发技术发布的资源。
特点：
所有用户访问，得到的结果是一样的。
如：文本，图片，音频、视频, HTML,CSS,JavaScript
如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
2. 动态资源：
使用动态网页及时发布的资源。
特点：
所有用户访问，得到的结果可能不一样。
如：jsp/servlet,php,asp…
如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器

静态web资源开发技术：
HTML：用于搭建基础网页，展示页面的内容
CSS：用于美化页面，布局页面
JavaScript：控制页面的元素，让页面有一些动态的效果
动态web资源开发技术：
JSP/Servlet、ASP、PHP、ruby、python等

HTML

概念：是最基础的网页开发语言
Hyper Text Markup Language 超文本标记语言

• 超文本:
  超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
• 标记语言:
  由标签构成的语言。<标签名称> 如 html，xml
  标记语言不是编程语言
• 标签学习：
• 文件标签：构成html最基本的标签
  *html:html文档的根标签
  *head：头标签。用于指定html文档的一些属性。引入外部的资源
  *title：标题标签。
  *body：体标签
• 属性定义：
• color：
  1. 英文单词：red,green,blue
  2. rgb(值1，值2，值3)：值的范围：0~255 如 rgb(0,0,255)
  3. #值1值2值3：值的范围：00~FF之间。如： #FF00FF
• width：
  1. 数值：width=‘20’ ,数值的单位，默认是 px(像素)
  2. 数值%：占比相对于父元素的比例