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 客户端/服务器）

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

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

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

B/S架构详解

资源分类：

静态资源

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

动态资源

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

结论

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

静态资源

html

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

标签和属性

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

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格标签</title>
</head>
<body>
<table border="1" cellspacing="0" width="50%"><caption>学生成绩表</caption><tr align="center"><th>编号</th><th>姓名</th><th>性别</th><th>成绩</th></tr><tr align="center"><td>1</td><td>小龙女</td><td>女</td><td>100</td></tr><tr align="center"><td>2</td><td>杨过</td><td>男</td><td rowspan="2">90</td></tr><tr align="center"><td>3</td><td>金轮法王</td><td>男</td></tr><tr align="center"><td>总成绩</td><td colspan="3">190</td></tr>
</table>
</body>
</html>

9. 表单标签

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

概念

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

好处

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

CSS与HTML结合的3种方式

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

<style>@inport "资源文件";
</style>

JavaScript(是编程语言)

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

web概念介绍、软件架构、静态资源相关推荐

apache整合tomcat实现web服务器的动静态资源的分离解析
前段时间因为一点关系,接触到apache动态进负载均衡的实验,很自然想到apache配合其他软件使用完成需求,网上找了下,还是比较多的apache整合tomcat的.所以我就将做到这个实验从头到尾思路 ...
web中什么是静态资源和动态资源
静态资源和动态资源的概念: 静态资源:我的理解是前端的固定页面,这里面包含HTML.CSS.JS.图片等等,不需要查数据库也不需要程序处理,直接就能够显示的页面. 具体形式为:客户端发送请求到web服 ...
tomcat idea项目访问、下载web项目外的静态资源（图片、文件），js下载项目外的文件，server.xml设置对idea中的项目不生效
读取项目外的文件,配置Tomcta的虚拟路径, 打开文件:Tomcat/conf/server.xml 修改文件配置: <Host name="localhost" ap ...
Golang | Web开发之Gin静态资源映射及HTML模板渲染
欢迎关注「全栈工程师修炼指南」公众号点击
JavaWeb（Web概念、HTML）
今日内容一.Web概念 1.软件架构 2.资源分类二.HTML 1.HTML概念介绍 2.HTML快速入门 3.HTML标签_文件标签 4.HTML标签_文本标签 5.HTML标签_文本标签_练习 ...
SpringMVC在web.xml中配置DispatcherServlet拦截了静态资源访问
如图在web.xml中配置DispatcherServlet时对于url-pattern的配置方式有以下几种情况: 1.配置为: *.do 或者是 *.action 时,拦截以.do或者.actio ...
Nginx-应用:静态资源部署、反向代理以及负载均衡
本章节将要讲解的是Nginx的使用,我们主要从以下四个方面进行讲解. 1.1 配置文件结构 nginx的配置文件(conf/nginx.conf)整体上分为三部分: 全局块.events块.http块 ...
nodejs 创建一个静态资源服务器 +路由
0.补充 1.Node.js 创建的第一个应用 1.引入 http 模块 var http = require("http"); 2.创建服务器接下来我们使用 http.crea ...
Web是什么，Web简单介绍
简单的说Web就是为用户提供的一种在互联网上浏览信息的服务,Web服务是动态的.可交互的.跨平台的和图形化的. Web服务为用户打开了一扇获取互联网服务的大门,这些服务不仅仅包括信息浏览服务,也包括各 ...

web概念介绍、软件架构、静态资源

web概念介绍

javaweb

软件架构

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

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

B/S架构详解

静态资源

动态资源

结论

静态资源

html

标签和属性

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

概念

好处

CSS与HTML结合的3种方式

JavaScript(是编程语言)

web概念介绍、软件架构、静态资源相关推荐

最新文章

热门文章