Skip to main content

REDMADMEDIA 網誌

回前頁
早期網站的發展 - 當下科技

早期網站的發展

· · 專欄: 當下科技

1989年,互聯網面世,興起之初,每個網頁內容都是由副檔名為html的檔案所定義 。 使用者使用網頁瀏覽器 (web Browser) 對特定的 URI 發起 HTTP請求,請求會被傳送到指定的網頁伺服器 (web Server) 上,網頁伺服器會將對應的HTML檔案傳回給使用者的網頁瀏覽器中,經過網頁瀏覽器的解析後,便呈現HTML的內容於畫面上。

比方說,我們在電腦的網頁瀏覽器上輸入一個網址,如 "https://redmadmedia.online" , 瀏覽器便會在網路找尋這網址的相關侍服器並作出頁面的要求,侍服器便會回傳index.html 這主頁頁面到該瀏覽器,並作出渲染(rendering),由此展現內容。

若向侍服器要求的是另一網頁頁面,只要知道該頁面的html 檔案之名稱,譬如是blog.html,那我們可在網頁瀏覽器上輸入"https://redmadmedia.online/blog" ,侍服器便會回傳該網頁之內容;當然,往往實作中主頁已有相關的按鈕連結讓使用者按下,而不用在網頁瀏覽器上輸入。

下圖顯示了這兩項操作。

這段時期,瀏覽器可做的事情非常有限,大多的網頁也只是顯示資訊而已,而主導著靜態頁面的版面設計是標記語言HTML和基於規則的語言CSS所支配,前者支配頁面的結構,後者則是控制各HTML元件的外貌樣式;嚴格而言,這兩種語言均不是程式語言,只是一種 Markup 語言,用來修飾頁面。

靜態頁面只讓使用者瀏覧資料,欠缺互動,所以網站的頁面發展很快就由靜態轉為動態頁面,一些頁片的互動部份,如用者按下某HTML元件會產生某些特殊的動畫效果,則需要用上程式語言JavaScript,由於這些程式是寫在頁面底部,所以叫「腳本語言(scripts) 」,這些腳本程式會隨頁面從後端傳送至前端,程式碼是公開可見的,但因這些程式也只是牽涉頁面的互動效果,不涉敏感個人資料,讓公眾看見也無妨。

此階段JavaScript 的用途並不太顯著,只令頁面外觀上多點生氣,並未主導整個網站堆疊與構成。

在頁面互動層面上,有些情況所牽涉的資料較為敏感,並不能公開,亦即不會隨頁面回傳到前端使用者處,而且後端亦需要一個地方儲存資料,典型的例子是會員名稱和密碼與及網上購物時的購物籃和信用咭資料。

於是,侍服器便出現後端的程式語言和資料庫,最常用的分別是PHP和MySQL,前者負責拮取後者的可公開的資料隨頁面回傳給前端,同時亦監控著前端的使用者狀態(state),確保是同一身份在操作。

發展至這個地步,是一個完整的網站堆疊,名為LAMP stack ,包括了四組程式: Linux(基本作業系統)、Apache(侍服器程式)、Mysql (資料庫)和Php(後端程式語言),是傳統建構網站的方法。

0 likes

推薦文章

蘇東坡延緩衰老的飲食方「蘇東坡九蒸芝麻方」-Mark哥醫師

蘇東坡延緩衰老的飲食方「蘇東坡九蒸芝麻方」-Mark哥醫師

配方: 芝麻 1000g 茯苓200g 蜂蜜 1000g 功效與應用: 補肝益腎、滋潤五贜、滲濕利水、寧心安神。適用於中老年人食用。 方解: 本…

中國歷史上最窩囊的開國皇帝司馬睿

中國歷史上最窩囊的開國皇帝司馬睿

司馬睿,又稱晉元帝,是東晉王朝(西元318-323年)的開國皇帝。儘管他在西晉滅亡後重建中國南方的晉王朝,但他卻常常被貼上中國歷史上最軟弱、最「窩囊」的開國皇帝之標籤。 司馬睿的崛起和東晉的建…

吃西瓜時不要不惜寶,「西瓜翠衣」不要丟,製成美食身體好 - Mark哥醫師

吃西瓜時不要不惜寶,「西瓜翠衣」不要丟,製成美食身體好 - Mark哥醫師

人們在吃西瓜的時候,常常把西瓜皮扔掉,這是很可惜的。西瓜皮有一個美麗的名字——「西瓜翠衣」。 什麼是「西瓜翠衣」呢?事實上,其指的是西瓜介於果皮和果肉間的白肉。雖然相較鮮紅果肉嚐起來較無甜味,…

留言 (0)

還沒有留言,成為第一個留言的人吧!

發表留言

您必須登入才能留言。