網站的基本組成之 “我們有可能幫客戶用Dreamweaver寫一套網站嗎?”

就在今天，有人問了我一個問題 “我們有可能幫客戶用Dreamweaver寫一套網站嗎?”，這是一個既「簡單」又「困難」的問題，當面對一個不是工程師的人發問時，我的整個人暫停了好幾秒鐘～思考怎樣解釋這個問題～

在回答 “我們有可能幫客戶用Dreamweaver寫一套網站嗎?” 之前，我們先大概了解一下像部落格、股票分析網站、新聞網站 … 等等各式各樣的網站，這些網站是怎麼做出來的吧。

可以想像一下，當我們在做室內設計的時候會把一個房子內的「格局」設計出來，網站也是一樣，網站是用 HTML (超文本標記語言, HyperText Markup Language) 的語法來定義網站上的「格局」。

我們可以使用HTML建構出如下圖這樣的網站排版出來。

當我們把房子的「格局」設計完之後，這個格局只是把每個房間隔出來而已，接下來還會替每個房間做裝潢，例如刷油漆、貼磁磚 …，網站也是一樣，當我們用HTML把排版建立出來之後，接下來就是使用「CSS」調整樣式 (也有可能用CSS再調整排版)。

可以使用CSS調整樣式，甚至連既有的排版都可以調整

以現在的網站來說，並不會設計完 HTML(結構排版)、CSS(樣式) 之後就結束了，使用者通常都還會希望網站的內容可以由他們自己去管理，例如他們可以自己新增他們的產品，讓網站不是「資料靜態網站」而是「資料動態網站」。

這就是「程式」與「資料庫」上場的時機了，因此才會又有一種職業叫「網站後端工程師」，此時需要再開發一個「後台」讓使用者可以「新增、修改、刪除」他們的產品，這些產品的資料我們會儲存在「資料庫」內。

工程師在開發HTML、CSS、程式時，其實我們就是在將我們的智慧結晶用打字打出來，經過汗水淚水的揮發與無數個寂寞的夜晚才把成品做出來，我們需要好的「工具」協助我們開發，好的工具可以幫助我們「更好地去寫程式」、「加速除錯」、「語法提示」...等等。

常用的開發工具包括：VS Code, Sublime，當然也有標題所寫的 Dreamweaver。

我們回到這篇文章一開始的問題 “我們有可能幫客戶用Dreamweaver寫一套網站嗎?”

答案當然是：可以，因為是一種開發工具。

但是我們必須要了解，開發一個網站的本質並不是開發工具，而是上面所述的基本組成，開發工具只是我們在開發這些基本組成時的一種工具而已，所以才會說這是一個既「簡單」又「困難」的問題，因為背後是有這樣的原理。

謝謝看完這篇分享，這篇只是網站的初步開發概念，以後有想到會分享更多網站開發的大小事給大家～ :)

其他更多精彩的分享

生活攻略站長

我是 Hank！，我是網站工程師，也是一位生活玩家，這是我的部落格，分享生活知識、旅遊紀錄、開箱心得、網站架設筆記

My name is Hank, this blog shares Knowledge of life, Travel records and Website setup notes, hope you will like it

網站的基本組成 之 “我們有可能幫客戶用Dreamweaver寫一套網站嗎?”