Web应用程序设计笔记1.2_Web前端开发概述

Web应用程序设计笔记1.2_Web前端开发概述

一、Web前端开发

1、Web前端开发概述

Web应用程序设计笔记1.2_Web前端开发概述_第1张图片

2、Web前端开发的种类

Web应用程序设计笔记1.2_Web前端开发概述_第2张图片

3、互联网产品的优缺点

Web应用程序设计笔记1.2_Web前端开发概述_第3张图片

4、网站前端开发的3种语言

Web应用程序设计笔记1.2_Web前端开发概述_第4张图片

5、网页的概念和本质

网页概念:

Web应用程序设计笔记1.2_Web前端开发概述_第5张图片

网页及其本质:

Web应用程序设计笔记1.2_Web前端开发概述_第6张图片

6、HTML和网页的关系

HTML:超文本标记语言(HyperText Markup Language)

网页是用HTML编写的一种纯文本文件。网页中显示的图像、动画、声音等文件都是单独存放的。一个网页一般并不是一个单独的文件。

HTML的历史:

HTML是SGML(标准通用标记语言)在WWW中应用。
Web应用程序设计笔记1.2_Web前端开发概述_第7张图片

7、HTML与汇编语言的区别:

Web应用程序设计笔记1.2_Web前端开发概述_第8张图片

8、网页和网站制作软件

Web应用程序设计笔记1.2_Web前端开发概述_第9张图片

二、网站的创建和制作流程

1、网站的创建和制作流程

网站:网页的集合,形式上是一个文件夹。这个文件夹称为网站目录。
Web应用程序设计笔记1.2_Web前端开发概述_第10张图片

2、Web服务器和浏览器

Web应用程序设计笔记1.2_Web前端开发概述_第11张图片
Web应用程序设计笔记1.2_Web前端开发概述_第12张图片

3、Web服务器的作用

对于静态网页,web服务器仅仅是定位到网站对应的目录,找到每次请求的网页传送给客户端。
对于动态网页,web服务器找到该网页后要先对动态网页中的服务器前端程序代码进行执行,生成静态网页代码再传送给客户端浏览器。

三、浏览器的种类和作用

Web应用程序设计笔记1.2_Web前端开发概述_第13张图片
浏览器的本质:解释执行HTML代码生成我们看到的网页
如果浏览器内核不同,则对HTML代码可能会有不同的解释,导致网页在不同浏览器中的显示效果会不同。

常见浏览器及其内核如下:
Web应用程序设计笔记1.2_Web前端开发概述_第14张图片

四、URL与域名

1、定义

URL(Universal Resource Locator)统一资源定位器,每个站点或站点上的每个文件(网页及所有资源文件)都有唯一的地址(URL),浏览器通过URL来定位目标文件的。

2、URL的一般格式为:

协议名://主机名[:端口号][/文件夹名/文件名]

3、协议名一般有:

http(超文本传输协议,用与传送网页);
ftp(文件传输协议,用于传送文件)。

4、URL举例

在这里插入图片描述
表示信息存放在一台被称为WWW的服务器上,htnu.cn是一个已被注册的域名。主机名、域名合称主机头。/web/是服务器网站目录下的一个文件夹,这个一致资源地址将带你到这个文件,10172331484.html是网页的文件名。

五、域名、ip和主机

域名和主机的关系:多对一。即在一台主机上可建立多个网站,这些网站的存放方式称为“虚拟主机”,通过web服务器上设置“主机头”进行区别。

域名的作用:

一是将域名发送给DNS服务器解析得到web服务器的IP地址以进行链接;
二是将域名信息发送给web服务器,通过域名与web服务器上设置的“主机头”进行匹配确认客户端请求的是哪个网站,若客户端没有发送域名信息给web服务器,例如直接输入ip,则web服务器将打开默认网站。
Web应用程序设计笔记1.2_Web前端开发概述_第15张图片

你可能感兴趣的:(JavaWeb应用开发,前端)