web前端开发知识内容详解

2020-08-13 19:21:41网站建设

在Web建站前端开发中,需要用到很多技术,对于刚开始学习的人来说,可能都不是很了解,比如HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET等内容。

从用户访问Web的流程中,可以更清楚的了解前端开发需要用到哪些内容,如下图所示。

用户访问web网站的过程

1、用户操作浏览器访问,浏览器向服务器发出一个 HTTP 请求;

2、服务器接收到 HTTP 请求,Web Server 进行相应的初步处理,使用服务器脚本生成页面;

3、服务器脚本(利用Web Framework)调用本地和客户端传来的数据,生成页面;

4、Web Server 将生成的页面作为 HTTP 响应的 body,根据不同的处理结果生成 HTTP header,发回给客户端;

5、客户端(浏览器)接收到 HTTP 响应,通常第 一 个请求得到的 HTTP 响应的 body 里是 HTML 代码,于是对 HTML 代码开始解析;

6、解析过程中遇到引用的服务器上的资源(额外的 CSS、JS代码,图片、音视频,附件等),再向 Web Server 发送请求,Web Server 找到对应的文件,发送回来;

7、浏览器解析 HTML 包含的内容,用得到的 CSS 代码进行外观上的进一步渲染,JS 代码也可能会对外观进行一定的处理;

8、用户与页面交互(点击,悬停等等)时,JS 代码对此作出一定的反应,添加效果与动画;

9、交互的过程中可能需要向服务器索取或提交额外的数据(局部的刷新,类似微博的新消息通知),一般不是跳转就是通过 JS 代码(响应某个动作或者定时)向 Web Server 发送请求,Web Server 再用服务器脚本进行处理(生成资源or写入数据之类的),把资源返回给客户端,客户端用得到的资源来实现动态效果或其他改变。

web前端开发知识内容详解

1、HTML与CSS

平时我们上网看到的网页文件,是用户向服务器访问后,所返回的html内容,如上图所示的流程,HTML一种标记语言。

而CSS,是控制网页内容样式的,如果没有CSS样式表,内容会按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等内容。

2、HTML5与XHTML

HTML5与XHTML就相当于不同的语言一样,html5相当于是HTML代码标签属性的一个通行标准,至于 XHTML,就是 XML和HTML相结合,对语法要求比较严格,并且为了兼容 XML,在语法上与 HTML 有一些不同。

3、JavaScript与浏览器脚本

有了HTML,规定样式的 CSS,得到的是一个静态的页面,没什么动画,于是我们有了 Javascript(JS) 来给页面添加一些动态的效果。 

web前端开发知识内容详解相关

web前端开发系统学习完整详细流程

web前端开发系统学习完整详细流程

以前的网页制作都是静态的html文件,是以文字图片为主,仅供用户浏览为主,而随着互联网的发展,让企业都慢慢认识到前端的重要性,web前端开发的技术要求要是越来越高。

2020-08-13
建网站时怎么对网页文本内容排版布局

建网站时怎么对网页文本内容排版布局

对于网站来说,其核心的部分无疑就是网站中的内容,也就是以文字呈现给用户并供其提取信息的文本,它也是搜索关键词排名的重要因素之一。

2020-05-02