《HTML5+CSS3網頁設計入門必讀》——1.9在不涉及Web伺服器的情況下分發內容

本節書摘來自非同步社群《HTML5+CSS3網頁設計入門必讀》一書中的第1章，第1.9節,作者： 【美】Julie Meloni更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

1.9 在不涉及Web伺服器的情況下分發內容

線上釋出HTML和多媒體檔案顯然是學習HTML和建立Web內容的主要原因。不過，在另外一些情況下，其他的釋出形式簡直是不可行的。例如，你可能希望在商品展示會上分發CD-ROM、DVD-ROM或USB驅動器，其中帶有設計為Web內容的市場營銷材料——即可以通過Web瀏覽器檢視的超連結的文字，但是不涉及Web伺服器。你還可能希望在可移動媒體上包括基於HTML的指導手冊，以便在培訓研討會上給學生演示它們。這些只是說明在不涉及Internet的釋出場景中如何使用HTML頁面的兩個示例。

這個過程也稱為建立本地（local）站點。即使沒有涉及Web伺服器，仍然可以把這些大量的超文字內容稱為站點（site）。之所以使用本地這個術語，是因為檔案是在本地而不是在遠端（通過Web伺服器）訪問的。

1.9.1 在本地釋出內容
讓我們假定你需要建立一個希望在USB驅動器上分發的本地站點。現在，甚至最便宜的USB驅動器也能夠儲存如此多的資料（並且基本的超文字檔案相當小），以至於可以在一個小驅動器上分發整個站點和全功能的Web瀏覽器（fully functioning web browser）。

by注意：

在建立和分發本地站點時，分發Web瀏覽器不是必需的，儘管這樣做可以起到錦上添花的作用。可以合理地假定使用者具有他們自己的Web瀏覽器，並且會開啟某個目錄中的index.html檔案，開始瀏覽超連結的內容。不過，如果你希望在USB驅動器上分發Web瀏覽器，可以訪問 http://www.portableapps.com/ ，並尋找Portable Firefox或Portable Chrome。
可以簡單地把USB驅動器的目錄結構視作就像是Web伺服器的目錄結構。USB驅動器的目錄結構的頂級目錄可以是文件根目錄。或者，如果連同內容一起分發Web瀏覽器，就可能具有兩個目錄，例如，一個名為browser，另一個名為content。在這種情況下，content目錄將是文件根目錄。在文件根目錄內，可以具有額外的子資料夾，可以在其中放置內容和其他多媒體資源。

就像遠端站點一樣，使本地站點維持組織有序也很重要，以便可以避免HTML檔案中的斷開的連結。在第8章中將學習關於把檔案連結到一起的具體細節的更多知識。

1.9.2 在部落格上釋出內容
你可能具有一個被第三方（如WordPress、Tumblr或Blogger）託管的部落格，因此在沒有專用的Web伺服器或者甚至不知道任何HTML的情況下已經發布了內容。除了原始碼編輯器（source editor）之外，這些服務還提供視覺化編輯器（visual editor），這意味著可以輸入你的文字，並新增展示格式化效果，如粗體、斜體或字型顏色，而不必知道用於這些動作的HTML程式碼。當你單擊這些編輯器中的Publish（釋出）按鈕時，內容仍然會變成實際的HTML程式碼。

不過，利用你在全書中獲得的知識，可以增強你寫部落格的能力，因為你將能夠為部落格帖子內容和部落格模板使用原始碼編輯器，從而可以對該內容的外觀和感覺提供更多的控制。這些動作的發生不同於你學習用於建立HTML檔案並通過FTP把它上傳到你自己的專用Web伺服器的過程，但是如果我沒有指出寫部落格事實上是一種Web釋出形式，那我就是不負責任的。