web概念介绍

• javaweb
• 软件架构
• • C/S（Client/Server 客户端/服务器）
  • B/S（Browser/Server 浏览器/服务器）
  • • B/S架构详解
    • • 静态资源
      • 动态资源
      • 结论
• 静态资源
• • html
  • • 标签和属性
  • CSS（学了CSS，HTML里标签的属性就不会再用了）页面美化和布局控制
  • • 概念
  • 好处
  • CSS与HTML结合的3种方式
  • JavaScript(是编程语言)

javaweb

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

软件架构

C/S（Client/Server 客户端/服务器）

1. 在用户本地有一个客户端程序，在远程有一个服务器端程序
2. 如：qq…
3. 优点：用户的体验好
4. 缺点：开发，部署，安装，维护麻烦

B/S（Browser/Server 浏览器/服务器）

1. 只需要一个浏览器（现在已经有各式各样的浏览器了，不需要我们开发），用户通过不同的网址（URL），访问不同的服务器端程序。
2. 优点：开发，部署，安装，维护简单
3. 缺点：如果应用过大，用户的体验差。并且对硬件要求高。
   其实区别基本就是端游和页游的区别。

B/S架构详解

资源分类：

静态资源

1. 使用静态网页技术发布的资源（所有人看到的内容是一样的，即使是动态图片）。
2. 文本、图片、音频、视频、HTML、CSS、JavaScript
3. 如果用户访问的是静态资源，那么服务器会直接将静态资源发送给浏览器，浏览器中内置了静态资源的解析引擎。

动态资源

1. 使用动态网页技术发布的资源（几个人访问同一资源，可能看到的都不一样）
2. jsp/Servelt/PHP/asp
3. 如果用户请求的是动态资源，那么服务器会执行动态资源，然后将动态资源转换成静态资源，再发送给浏览器。（因为浏览器只能解析静态资源）

结论

要学习动态资源必须先学习静态资源

静态资源

html

1. 用于搭建基础网页，展示页面内容
2. Hyper Text Makeup Language超文本标记语言
3. 超文本：用超链接的方式将各种不同空间的文字信息组织在一起的网状文本。
4. 标记语言：由标签构成的语言，如xml,html。标记语言不是编程语言。

标签和属性

1. 文本标签
2. 图片标签（属性：src,alt）
3. 列表标签(ol,ul,li)
4. 链接标签(a 属性：href target(_blank,_self))
5. 块标签(span,div)
6. 语义化标签(html5中为了提高程序的可读性而增加的标签header,footer)，
7. 表格标签(只有行的概念）table（属性：border,width,cellspadding,cellspacing,bgcolor,align-对齐方式），
   tr(行),
   td（单元格 rowspan colspan)
   th（表头）
   thead tbody tfoot caption
   8.表格标签案例
   

   9. 表单标签

   CSS（学了CSS，HTML里标签的属性就不会再用了）页面美化和布局控制

   概念

   Cascading style sheets层叠样式表
   层叠：多个样式可以同时作用在同一个HTML标签上，同时生效

   好处

   1. 功能强大
   2. 将内容展示和样式控制分离（降低耦合性（解耦），让分工协作更容易，提高开发效率）

   CSS与HTML结合的3种方式

   1. 内联样式（在标签中用style属性指定css代码）
   2. 内部样式（在head中，定义style标签，style标签体内容就是css代码）
   3. 外部样式 （定义css资源文件，在head中定义link标签，引入外部资源）
      注意：
   4. 三种样式作用范围越来越大
   5. 1不常用
   6. 方式3 引入外部资源文件还可以在head中写为

   JavaScript(是编程语言)

   控制页面元素，让页面有一些动态的效果

   来源：葡萄玛奇朵朵

   声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！