[toc]

A 知识点

  1. web概念概述
  2. HTML

B 学习笔记

1. JavaWeb：

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

    2. 软件架构：

  • C/S：Client/Server，客户端/服务器
    • 在用户本地有一个客户端程序，在远程有一个服务器端程序
    • 如QQ，将账号密码送入腾讯服务器，或者很常见的一些网络游戏
    • 优点：
      • 1.用户体验好（流畅、界面设计）
    • 缺点：
      • 1.安装、部署、开发、维护麻烦（如QQ需要用户端和服务端）
  • B/S：Browser/Server，浏览器/服务器
    • 只需要一个浏览器，用户通过不同的网址（URL），客户访问不同的服务器端程序
    • 优点：
      • 1.安装、部署、开发、维护相对简单（只需要开发服务器端，零安装零部署）
    • 缺点：
      • 1.如果应用过大，用户体验可能会受到影响（如网页游戏，有硬件限制导致卡顿(带宽等等)，特别是3D游戏等）
      • 2.对硬件要求过高（光纤等等）
  • image.png

3. B/S架构解析之资源分类

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

我们要学习动态资源，必须先学习静态资源！
image.png
静态资源：

  • HTML：用户搭建基础网页，展示页面的内容
  • CSS：用于美化页面，布局页面
  • JavaScript：控制页面的元素，让页面拥有动态效果

image.pngimage.png

4.网页的组成部分

页面由三部分内容组成！
分别是内容（结构）、表现、行为。

  • 内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。
  • 表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS技术实现
  • 行为，指的是页面中元素与输入设备交互的响应。一般使用javascript 技术实现。

C 其他补充

学习视频：