不少人是被指派才開始接觸網站的：公司要做官網、要改版、或原本負責的人離職了，任務落到自己身上，卻連對方在講什麼都聽不太懂。這種情況下要的不是學會操作某套軟體，而是先建立一張地圖，知道一個網站由哪些角色分工完成、常見名詞各自指什麼、以及自己在哪些地方必須做決定。這篇就是寫給這樣的人，目標是讓你在會議上聽得懂、問得出重點、也知道什麼時候該說不。
一個網站專案上有哪些角色，各自負責到哪裡
把角色分清楚，是理解整件事最快的方式。視覺設計負責版面長相與品牌調性，產出的是設計稿；前端負責把設計稿變成瀏覽器看得到、點得動的頁面，處理版面在不同螢幕下的呈現與互動；後端負責資料的儲存與運算，會員、訂單、後台權限這類看不見的部分都在這裡；內容則負責文案、圖片與資料整理。
小型專案裡這些角色可能由一兩個人兼任，大型專案則會再細分出專案管理與測試。你要記住的重點是：問題落在哪個角色身上，決定了它好不好改。版面顏色與文字調整通常快；牽涉資料流程與後台結構的變更，往往要重新評估時間。當廠商說某個需求要另外估，多半是因為它跨到了不同的層。
網域、主機、內容管理系統是三件不同的事
這三個名詞最常被混在一起，卻是你日後一定會碰到的。網域是網址，是你向註冊機構承租的名稱，需要定期續約；主機是實際存放網站檔案與資料的空間，決定網站能不能被開啟、開得快不快；內容管理系統則是讓你不用寫程式就能更新內容的後台軟體，WordPress 就屬於這一類。
三者的關係可以這樣理解：網域是門牌，主機是房子，內容管理系統是房子裡讓你重新佈置的工具。它們可以分別向不同對象承租或購買，也因此常出現一種麻煩狀況：網域在前員工的私人帳號、主機由某個外包持有、後台密碼沒人記得。所以第一件該做的事，是把這三樣的帳號與所有權確認在公司名下。
另外還會遇到憑證這個詞，它讓網址前面顯示為加密連線，現在算是基本配備，通常由主機端一併處理，但要記得它也有到期日。
從設計稿到能上線，中間發生了什麼事
很多人以為設計稿做完，網站就差不多了，實際上那只是一張圖。設計稿要經過切版，也就是用 HTML 與 CSS 把圖變成真正的網頁，才會有可以點擊、可以捲動、會隨螢幕變化的行為。這一步的工作量常被低估，一張看起來簡單的頁面，可能要處理十幾種寬度下的排列與各種互動狀態。
如果網站需要自行更新內容，還要再一步：把頁面套進內容管理系統，設定哪些區塊可以由你在後台編輯。這一步做得細不細，直接決定你日後改一段文字是三分鐘的事，還是又要找廠商。驗收時務必自己登入後台實際改一次內容，確認你能改到的範圍符合預期。
哪些決策必須你自己拍板
把專業判斷交給廠商是合理的，但有幾件事沒有人能替你決定，因為它們取決於你對公司與客戶的了解。這幾項也是後期最常引發大改的來源。
- 網站要達成什麼：是要接到詢問、要能線上下單、還是要支援業務拜訪，目標不同，整個結構就不同。
- 網站架構：有哪些頁面、怎麼分類、選單怎麼排，這反映的是你對客戶找資料習慣的理解。
- 內容誰來寫：文案與圖片由誰產出、什麼時候交，這是工期最容易卡住的環節，要先講定。
- 誰負責維護：上線後由誰更新內容、誰處理系統更新，沒指定的話網站通常半年就停在原地。
- 帳號歸屬：網域、主機、後台的擁有權必須在公司手上，這件事只有你能堅持。
相對地，用什麼技術實作、後台結構怎麼設計、圖片怎麼壓縮，這些交給專業處理即可。你要問的是結果，例如手機上打得開嗎、以後能不能自己改，而不是指定對方用什麼工具。
沒有技術背景的人最容易踩到的溝通陷阱
第一個陷阱是用形容詞給回饋。說希望看起來高級一點，對方只能猜；改成希望第一眼就看到服務項目、標題再明顯一點，就變成可執行的指示。回饋時盡量描述你觀察到的問題與期望的效果，而不是直接指定解法。
第二個陷阱是意見零散地送。今天傳一則訊息說標題想改，明天又想到別的，累積下來會拖慢進度，也容易漏掉。比較好的做法是每一輪彙整成一份清單一次提出，並註明每項的優先順序。
第三個陷阱是只看首頁就驗收。首頁通常做得最漂亮，但實際被搜尋進來的多半是內頁。驗收時務必自己在手機上把主要流程走一遍，包括找到聯絡方式、填完表單送出、確認信有沒有收到，這些比版面好不好看更影響成效。
常見問題
完全沒基礎的人，需要自己學會寫程式嗎？
不需要。負責網站不等於要自己做網站，你真正需要的是看懂流程、能判斷需求合不合理、知道問題該找誰。與其花時間學語法，不如把力氣放在把公司的服務、客群與目標講清楚，這些是廠商無法代勞的部分。若有餘力，學會操作後台與看懂基本的流量報表，實用性遠高於學寫程式。
要自己架站還是找廠商做？
看網站的角色。若只是短期使用、內容單純、沒有形象壓力，自己用現成工具處理是可行的。若網站是主要的招攬管道、需要客製功能、或關係到品牌印象，交給廠商通常比較划算，因為省下的不只是製作時間，還有踩坑的時間。折衷做法是先請廠商把架構與版型做好，內容更新由自己維護。
對方給的報價單，該看哪些欄位？
至少要看清楚四件事：包含哪些頁面與功能、修改次數與範圍怎麼算、上線後的保固期間與涵蓋範圍、以及後續維護是否另計。此外要確認網域與主機是列在報價內還是另外處理，以及交付時會給你哪些帳號權限。這幾項寫得越具體，日後爭議越少。
網站上線之後還要做什麼？
至少三件事：內容要持續更新，長期不動的網站會逐漸失去被找到的機會；系統與外掛要定期更新以維持安全性；備份機制要確認真的在運作。另外建議安裝流量統計工具並定期查看，知道人從哪裡來、看了哪些頁面，之後要調整才有依據，而不是憑感覺改。
接手別人做的網站，第一步該做什麼？
先盤點資產。確認網域註冊在誰名下、什麼時候到期，主機是哪一種方案、由誰付費，後台有哪些帳號、權限是什麼，以及備份存在哪裡、多久做一次。這些盤點完之後，再看網站本身的內容與功能狀況。順序反過來的話，常常會在急著改版時才發現連登入權限都拿不到。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務，實際案例可見成果與案例。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
加入京采 LINE 好友相關主題
下一步
如果你正在評估「網頁設計入門」相關的規劃，可以參考我們的網頁設計服務，或直接與我們聯繫，我們會依你的產業與現況給出務實的建議。