Web應用程序設計筆記1.2_Web前端開發概述

Web應用程序設計筆記1.2_Web前端開發概述

一、Web前端開發

1、Web前端開發概述

在這裏插入圖片描述

2、Web前端開發的種類

在這裏插入圖片描述

3、互聯網產品的優缺點

在這裏插入圖片描述

4、網站前端開發的3種語言

在這裏插入圖片描述

5、網頁的概念和本質

網頁概念:

在這裏插入圖片描述

網頁及其本質:

在這裏插入圖片描述

6、HTML和網頁的關係

HTML:超文本標記語言(HyperText Markup Language)

網頁是用HTML編寫的一種純文本文件。網頁中顯示的圖像、動畫、聲音等文件都是單獨存放的。一個網頁一般並不是一個單獨的文件。

HTML的歷史:

HTML是SGML(標準通用標記語言)在WWW中應用。
在這裏插入圖片描述

7、HTML與彙編語言的區別:

在這裏插入圖片描述

8、網頁和網站製作軟件

在這裏插入圖片描述

二、網站的創建和製作流程

1、網站的創建和製作流程

網站:網頁的集合,形式上是一個文件夾。這個文件夾稱爲網站目錄。
在這裏插入圖片描述

2、Web服務器和瀏覽器

在這裏插入圖片描述
在這裏插入圖片描述

3、Web服務器的作用

對於靜態網頁,web服務器僅僅是定位到網站對應的目錄,找到每次請求的網頁傳送給客戶端。
對於動態網頁,web服務器找到該網頁後要先對動態網頁中的服務器前端程序代碼進行執行,生成靜態網頁代碼再傳送給客戶端瀏覽器。

三、瀏覽器的種類和作用

在這裏插入圖片描述
瀏覽器的本質:解釋執行HTML代碼生成我們看到的網頁
如果瀏覽器內核不同,則對HTML代碼可能會有不同的解釋,導致網頁在不同瀏覽器中的顯示效果會不同。

常見瀏覽器及其內核如下:
在這裏插入圖片描述

四、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服務器將打開默認網站。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章