软件的架构

我们常用的软件架构是C/S架构,即客户端/服务器架构。这种架构有三个特点:
1:软件使用前必须得安装
2:软件更新时,服务器和客户端得同时更新
3:C/S架构的软件不能跨平台使用
4:C/S架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全。(协议相当于密码本,对传输内容进行加密)

B/S架构(browsers/server)是指浏览器/服务器架构,本质上也是C/S,只不过B/S架构软件使用浏览器作为软件的客户端。通过使用浏览器访问网页的形式,来使用软件。
1:软件不需要安装
2:客户端不需要更新
3:只要系统中有浏览器,就可以跨平台使用:
4:B/S机构软件,客户端和服务器之间的通信采用的是通用的HTTP协议。

B/S架构软件开发流程:

1:产品经理对项目进行需求分析
2:网页设计师根据需求使用PS设计出网页
3:前端工程师将网页设计做成静态网页
4:后端工程师将静态网页修改为动态网页

万维网联盟(world wide web consortium:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:
结构(Structure):HTML
表现(Presentation):CSS
行为(Behavior):JavaScript

WHATWG:网页超文本应用技术工作小组,以推动HTML5标准为目的成立的组织。

HTML简介

HTML(Hypertext Markup Language)超文本标记语言,使用标签的形式来标识网页中的不同组成部分,叫做标记

所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

纯文本中,只能保存文本内容,图片、音频、视频等格式化的内容都不能设置。

写网页非常简单,只需要打开记事本编写一个文件,将文件保存成html格式,就可以用浏览器打开。在网页中,右键可以查看网页源代码

标签使用尖括号<>括起来,标签一般都是成对出现的,有开始标签和结束标签,并且在结束标签前面加上一个斜线,比如我们使用<h1>标签来标识一句话:

<h1>这是我的第一个网页</h1>

网页的标准格式:

首先要有一个根标签<html></html>,网页中所有内容都应该写在根标签里面,根标签里面还有两个子标签,headbody标签<head></head><body></body>,head里面还有一个title标签<title></title>head标签用于设置网页头部信息,用于浏览器解析网页,head标签里的内容不会在网页直接显示。页面中所有可见的内容都在body标签里,title标签里面的内容会显示在网页标题上:

<html>
	<head>
		<title>这是一个网页</title>
	</head>
	<body>
		<h1>这是我的第一个网页</h1>
	</body>
 </html>